:root{
 --cream:#fff8e9;--paper:#fffdf7;--ink:#3d3544;--muted:#827789;
 --pink:#ff91b5;--peach:#ffbd8c;--mint:#91dfc2;--sky:#96d9f5;
 --grape:#9f8ae8;--yellow:#ffe17b;--brown:#8d684e;--line:#eaded3;
 --shadow:0 15px 34px rgba(97,69,83,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{
 margin:0;color:var(--ink);
 font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;
 background:
  radial-gradient(circle at 10% 2%,rgba(255,145,181,.18),transparent 24%),
  radial-gradient(circle at 90% 5%,rgba(145,223,194,.20),transparent 26%),
  var(--cream);line-height:1.7
}
a{color:inherit}.wrap{width:min(1180px,94vw);margin:auto}
header{padding:22px 0}.brand{font-weight:950;letter-spacing:.06em}.brand b{color:#d75b88}
.hero{padding:26px 0 28px}.eyebrow{font-weight:900;color:#d75b88;letter-spacing:.15em;font-size:.75rem}
h1{font-size:clamp(2.5rem,8vw,5.8rem);line-height:.97;margin:.12em 0;letter-spacing:-.035em}
.lead{max-width:800px;color:var(--muted);font-size:1.04rem}
.chip{display:inline-flex;padding:5px 10px;border:1px solid var(--line);background:rgba(255,255,255,.72);border-radius:999px;font-size:.78rem;font-weight:850}
.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{
 background:rgba(255,253,247,.92);border:1px solid var(--line);border-radius:24px;padding:20px;
 box-shadow:var(--shadow);position:relative;overflow:hidden
}
.card:after{content:"";position:absolute;width:72px;height:72px;border-radius:48% 52% 44% 56%;background:rgba(255,145,181,.06);right:-18px;top:-20px;transform:rotate(17deg)}
.kpi .num{font-weight:950;font-size:2rem;line-height:1.15}.kpi .label{font-size:.82rem;color:var(--muted)}
.section{padding:20px 0}.section h2{margin:0 0 12px;font-size:1.45rem}.section-head{display:flex;justify-content:space-between;gap:10px;align-items:center}
.track{border-left:7px solid var(--mint)}.track:nth-child(2n){border-left-color:var(--pink)}.track:nth-child(3n){border-left-color:var(--sky)}
.race{padding:15px 0;border-bottom:1px dashed var(--line)}.race:last-child{border:0}
.race-title{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.race-no{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--ink);color:white;font-weight:950}
.pick{display:grid;grid-template-columns:46px 1fr 72px;gap:12px;padding:12px 0;border-bottom:1px solid #f0e8df;align-items:center}.pick:last-child{border:0}
.mark{font-size:1.55rem;font-weight:950;text-align:center}.mark.◎{color:#e85384}.mark.○{color:#439e7a}.mark.▲{color:#6d83d8}.mark.△{color:#a67a44}
.horse b{font-size:1rem}.sub{font-size:.8rem;color:var(--muted)}.score{font-size:1.3rem;font-weight:950;text-align:right}
.meters{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:7px}.meter{text-align:center;background:#f8f0e8;border-radius:9px;padding:5px 3px;font-size:.68rem}.meter strong{display:block;font-size:.78rem}
.confA{background:#e5f8ef;color:#2a7858}.confB{background:#e9f3fa;color:#426e8e}.confC{background:#fff0dc;color:#8e6335}
.btn{display:inline-flex;border:0;background:var(--ink);color:white;border-radius:999px;padding:11px 17px;font-weight:900;cursor:pointer;text-decoration:none}.btn.alt{background:white;color:var(--ink);border:1px solid var(--line)}
.btnrow{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.review-good{border-left:7px solid var(--mint)}.review-bad{border-left:7px solid var(--pink)}.review-next{border-left:7px solid var(--grape)}
ul{padding-left:1.25rem}.result-row{display:grid;grid-template-columns:1fr 1fr 70px;gap:10px;padding:11px 0;border-bottom:1px dashed var(--line)}
.grade{font-size:1.4rem;font-weight:950;text-align:right}
.notice{padding:14px 16px;background:#fff5dc;border:1px solid #efdcb2;border-radius:14px;color:#705d3d}
.mascot-slot{
 min-height:118px;border:2px dashed #e7ced8;border-radius:22px;display:grid;place-items:center;
 background:linear-gradient(135deg,#fff2f7,#eefbf7);color:#9c7c89;text-align:center;padding:14px
}
.dailybar{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.archive-list a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px dashed var(--line)}
footer{padding:44px 0 60px;color:var(--muted);font-size:.82rem}
@media(max-width:850px){.g4,.g3{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}}
@media(max-width:560px){.g4,.g3{grid-template-columns:1fr 1fr}.pick{grid-template-columns:40px 1fr 58px}.meters{grid-template-columns:repeat(5,1fr)}.card{padding:16px}.btn{width:100%}.dailybar{display:block}}

.social-line{display:flex;gap:7px;flex-wrap:wrap;margin-top:7px;font-size:.72rem;color:var(--muted)}
.social-line .buzz{background:#fff0f6;color:#bb5680;padding:3px 7px;border-radius:999px;font-weight:850}
.social-rank{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:10px 0;border-bottom:1px dashed var(--line)}
.social-rank small{grid-column:1/-1;color:var(--muted)}
.score small{display:block;font-size:.6rem;color:var(--muted)}
.ground-card{border-top:7px solid var(--pink)}
.ai-card{border-top:7px solid var(--sky)}
.disagree-card{border-top:7px solid var(--yellow)}
.daily-race{padding:12px 0;border-bottom:1px dashed var(--line)}