:root{color:#111317;font-synthesis:none;background:#eef0f3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#d9fff8 0,#0000 280px),#eef0f3;min-width:320px;margin:0}button{font:inherit}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:18px 14px 32px}.app-header{padding:16px 4px 12px}.app-header div{align-items:center;gap:10px;display:flex}.brand-mark{color:#041312;letter-spacing:0;background:#12c8b2;border-radius:6px;place-items:center;min-width:48px;height:34px;font-weight:900;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:25px;line-height:1.05}.app-header p{color:#5c626b;margin-top:8px;font-size:13px}.tabs{z-index:5;background:linear-gradient(#eef0f3 75%,#eef0f300);grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 0 12px;display:grid;position:sticky;top:0}.tabs button{color:#4d535c;background:#fff;border:0;border-radius:8px;padding:11px 8px;font-weight:800;box-shadow:0 1px #0000000f}.tabs button.active{color:#fff;background:#111317}.tab-panel{gap:12px;display:grid}.hero-card,.chart-card,.detail-panel,.timeline-card{background:#fff;border:1px solid #dfe3e8;border-radius:8px;box-shadow:0 8px 24px #1113170f}.hero-card{color:#fff;background:linear-gradient(135deg,#111317,#30343b);padding:18px}.coach-hero{background:linear-gradient(135deg,#101314,#164d48)}.studios-hero{background:linear-gradient(135deg,#111317,#26323e)}.eyebrow{color:#12c8b2;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:900;display:inline-block}.hero-card h2{letter-spacing:0;font-size:31px;line-height:1}.hero-card p{color:#d8dcdf;margin-top:9px;font-size:14px;line-height:1.4}.hero-card b{color:#fff}.chart-card{padding:14px 8px 8px}.chart-card.tall{padding-left:4px}.section-head{justify-content:space-between;align-items:baseline;gap:10px;padding:0 8px 10px;display:flex}.section-head h3{letter-spacing:0;font-size:16px}.section-head span{color:#6d737b;font-size:12px;font-weight:700}.tooltip{background:#fff;border:1px solid #dfe3e8;border-radius:8px;gap:2px;padding:8px 10px;display:grid;box-shadow:0 8px 24px #1113171a}.tooltip span{color:#5c626b;font-size:12px}.card-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.trainer-card{text-align:left;color:#111317;background:#fff;border:1px solid #dfe3e8;border-radius:8px;gap:3px;padding:12px;display:grid}.trainer-card span{color:#12a897;font-size:12px;font-weight:900}.trainer-card strong{font-size:16px}.trainer-card em,.studio-row em,.phase em{color:#707780;font-size:12px;font-style:normal}.trainer-card.active,.studio-row.active{border-color:#12c8b2;box-shadow:inset 0 0 0 1px #12c8b2}.detail-panel{padding:14px 10px}.detail-panel.compact{padding-bottom:16px}.mini-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.stat{background:#f5f7f8;border:1px solid #e6eaee;border-radius:8px;align-content:space-between;min-height:74px;padding:10px;display:grid}.stat span{color:#6d737b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:900}.stat strong{font-size:17px;line-height:1.1}.recent-list{gap:7px;margin-top:12px;display:grid}.recent-list div{background:#fbfcfc;border-top:1px solid #edf0f2;grid-template-columns:84px 1fr auto;align-items:center;gap:8px;padding:9px 4px;font-size:12px;display:grid}.recent-list span{color:#69707a}.recent-list em{color:#69707a;text-align:right;font-style:normal}.rank-list{gap:8px;display:grid}.studio-row{color:#111317;text-align:left;background:#fff;border:1px solid #dfe3e8;border-radius:8px;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;width:100%;padding:13px 12px;display:grid}.studio-row>span{color:#fff;background:#101314;border-radius:6px;place-items:center;width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.studio-row strong{font-size:18px}.studio-row div{justify-items:end;display:grid}.studio-row b{font-size:20px}.timeline-card{padding:14px 10px}.phase{border-top:1px solid #edf0f2;grid-template-columns:88px 1fr auto;align-items:center;gap:8px;padding:10px 6px;display:grid}.phase span{color:#6d737b;font-size:12px}.phase strong{font-size:13px}@media (width>=480px){.app-shell{padding-inline:18px}.hero-card h2{font-size:36px}}