@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#f3f5f7;font-synthesis:none;--bg:#090a0d;--panel:#111318;--panel-2:#15181e;--line:#262a32;--muted:#818793;--accent:#b8f04a;--cyan:#53d6ce;--orange:#ff9a56;--cool:#f2c94c;--fine:#aeb4bd;--safe:#78d66b;--sad:#6f9cff;--miss:#ff5c6c;background:#090a0d;font-family:Inter,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 75% 0%, #54674b14, transparent 28%), var(--bg);min-width:1024px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled,input:disabled,select:disabled{opacity:.48;cursor:not-allowed!important}.app-shell{min-height:100vh}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090a0de6;border-bottom:1px solid #1d2026;justify-content:space-between;align-items:center;height:68px;padding:0 4.5vw;display:flex}.brand{letter-spacing:.08em;align-items:center;gap:11px;font-size:15px;font-weight:700;display:flex}.brand>span:last-child>span{color:var(--accent)}.brand-mark{background:var(--accent);color:#111;border-radius:7px;place-items:center;width:31px;height:31px;display:grid}.top-actions{align-items:center;gap:16px;display:flex}.keyboard-hint,.gamepad-hint{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:flex}.gamepad-hint{border-left:1px solid var(--line);padding-left:14px}.gamepad-hint.connected{color:var(--accent)}.gamepad-hint.connected svg{filter:drop-shadow(0 0 5px #b8f04a66)}.icon-button{border:1px solid var(--line);cursor:pointer;background:#121419;border-radius:8px;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.icon-button:hover{background:#1a1d23;border-color:#484d57}.tool-button{border:1px solid var(--line);color:#aeb3bb;cursor:pointer;background:#121419;border-radius:7px;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:10px;display:flex}.tool-button:hover{color:var(--accent);border-color:#536536}main{max-width:1400px;margin:auto;padding:0 4vw 70px}.hero{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;min-height:250px;padding:55px 0 36px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.18em;margin:0 0 14px;font-family:DM Mono,monospace;font-size:10px;font-weight:500}h1{letter-spacing:-.045em;margin:0;font-size:clamp(36px,4vw,57px);font-weight:600;line-height:1.12}h1 em{color:#8c929d;font-style:normal}.hero-copy{color:#9298a2;margin:0 0 6px;font-size:14px;line-height:1.9}.workspace{grid-template-columns:360px minmax(0,1fr);align-items:stretch;gap:20px;margin-top:20px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#121419,#0f1115);border-radius:12px;overflow:hidden}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:55px;padding:0 19px;font-size:13px;font-weight:600;display:flex}.step-label{color:#5d626c;letter-spacing:.08em;font:10px DM Mono,monospace}.setup-card{padding-bottom:17px}.setting-group{border-bottom:1px solid var(--line);padding:20px 19px}.setting-group label{color:#d4d7dd;justify-content:space-between;margin-bottom:12px;font-size:12px;display:flex}.setting-group label small{letter-spacing:.08em;color:#5f646e;font:9px DM Mono,monospace}.bpm-control{background:#0b0c0f;border:1px solid #2a2e35;border-radius:8px;grid-template-columns:38px 1fr 38px;height:52px;display:grid;overflow:hidden}.bpm-control button{color:#777d87;cursor:pointer;background:0 0;border:0}.bpm-control button:hover{color:var(--accent);background:#15181c}.bpm-control input{text-align:center;color:#fff;-moz-appearance:textfield;background:0 0;border:0;border-left:1px solid #24272d;border-right:1px solid #24272d;min-width:0;font:600 27px DM Mono,monospace}.bpm-control input::-webkit-inner-spin-button{display:none}.range{width:100%;height:3px;accent-color:var(--accent);cursor:pointer;margin:14px 0 0}.division-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.division-grid button{cursor:pointer;background:#0c0e11;border:1px solid #292d34;border-radius:7px;padding:10px 2px 8px;transition:all .16s}.division-grid strong{font:500 13px DM Mono,monospace;display:block}.division-grid span{color:#656b75;margin-top:5px;font-size:8px;display:block}.division-grid button:hover{border-color:#555b65}.division-grid button.selected{color:#10130b;background:var(--accent);border-color:var(--accent)}.division-grid button.selected span{color:#4a5c24}.segmented{background:#0b0d10;border:1px solid #292d34;border-radius:7px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{color:#777d87;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;height:31px;font-size:11px;display:flex}.segmented button.active{color:#fff;background:#24282f}.chips{gap:6px;margin-top:9px;display:flex}.chips button{color:#777d87;cursor:pointer;background:#0c0e11;border:1px solid #292d34;border-radius:5px;flex:1;height:29px;font-size:10px}.chips button.active{color:var(--accent);background:#b8f04a12;border-color:#667f39}.custom-chips>button{flex:0 0 62px}.setting-group .custom-value{background:#0c0e11;border:1px solid #292d34;border-radius:5px;flex:1;align-items:center;height:29px;margin:0;display:flex;overflow:hidden}.custom-value input{color:#cdd1d7;-moz-appearance:textfield;background:0 0;border:0;width:100%;min-width:0;padding:0 4px 0 9px;font:10px DM Mono}.custom-value input::-webkit-inner-spin-button{display:none}.setting-group .custom-value span{color:#666c75;padding-right:8px;font-size:9px}.compact-settings{padding:12px 19px 9px}.compact-settings label{color:#9297a0;grid-template-columns:80px 1fr 40px;align-items:center;gap:9px;min-height:36px;font-size:10px;display:grid}.compact-settings label span{align-items:center;gap:6px;display:flex}.compact-settings label b{color:#c8ccd2;text-align:right;font:10px DM Mono}.compact-settings input{min-width:0;accent-color:var(--accent);height:3px}.compact-settings select{color:#c8ccd2;background:#0c0e11;border:1px solid #292d34;border-radius:5px;grid-column:2/4;padding:6px;font-size:10px}.subdivision-setting .toggle-switch{color:#777d87;cursor:pointer;background:#16191e;border:1px solid #30343b;border-radius:15px;grid-column:2/4;justify-content:space-between;justify-self:end;align-items:center;width:78px;height:28px;padding:0 8px 0 5px;display:flex}.toggle-switch i{background:#666c75;border-radius:50%;width:18px;height:18px;transition:all .18s}.toggle-switch b{color:#777d87!important;font-size:9px!important}.toggle-switch.on{background:#b8f04a14;border-color:#657b3d}.toggle-switch.on i{background:var(--accent);box-shadow:0 0 8px #b8f04a59}.toggle-switch.on b{color:var(--accent)!important}.countin-note{color:#555b64;margin:-3px 0 4px 89px;font-size:8px}.compact-settings .offset-setting{margin-top:3px}.offset-control{background:#0c0e11;border:1px solid #292d34;border-radius:5px;grid-column:2/4;grid-template-columns:28px 1fr 25px 28px;align-items:center;height:29px;display:grid;overflow:hidden}.offset-control button{color:#989da6;cursor:pointer;background:#181b20;border:0;height:100%}.offset-control input{text-align:right;color:#fff;-moz-appearance:textfield;background:0 0;border:0;width:100%;min-width:0;height:100%;font:10px DM Mono}.offset-control input::-webkit-inner-spin-button{display:none}.offset-control b{text-align:center!important;color:#666c75!important;font-size:8px!important}.offset-note{color:#555b64;margin:-1px 0 4px 89px;font-size:8px}.start-button,.stop-button{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 38px);height:46px;margin:9px 19px 0;font-size:12px;font-weight:700;transition:transform .15s,filter .15s;display:flex}.start-button{background:var(--accent);color:#12150c;box-shadow:0 6px 25px #b8f04a14}.stop-button{color:#e6e8eb;background:#282c33}.start-button:hover,.stop-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.start-note{text-align:center;color:#5b6069;margin:8px 0 0;font-size:8px}.start-note kbd{color:#8e949d;background:#171a1f;border:1px solid #343941;border-radius:3px;padding:1px 4px;font:7px DM Mono}.training-actions{grid-template-columns:1fr 86px;gap:7px;margin:9px 19px 0;display:grid}.training-actions button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:46px;font-size:11px;font-weight:600;display:flex}.pause-button{background:var(--accent);color:#11140b;border:0}.end-button{color:#a7abb2;background:#1a1d22;border:1px solid #373b43}.dashboard{min-height:665px;position:relative}.live-badge{letter-spacing:.12em;color:#616771;align-items:center;gap:7px;font:9px DM Mono,monospace;display:flex}.live-badge i{background:#535860;border-radius:50%;width:6px;height:6px}.live-badge.running{color:var(--accent)}.live-badge.running i{background:var(--accent);box-shadow:0 0 9px var(--accent);animation:1s infinite blink}.live-badge.countdown{color:var(--orange)}.live-badge.countdown i{background:var(--orange)}.live-badge.paused{color:#8f96a0}.live-badge.paused i{background:#8f96a0}@keyframes blink{50%{opacity:.35}}.session-strip{border-bottom:1px solid var(--line);grid-template-columns:1fr 80px 1fr;align-items:center;height:93px;padding:0 28px;display:grid}.session-strip>div:first-child,.session-tempo{flex-direction:column;gap:5px;display:flex}.session-tempo{text-align:right}.session-strip span{color:#6e747e;font-size:9px}.session-strip strong{font:500 22px DM Mono,monospace}.session-strip strong small{color:#737983;font-size:9px}.beat-orb{border:1px solid #343941;border-radius:50%;place-items:center;width:31px;height:31px;margin:auto;transition:all 60ms;display:grid}.beat-orb i{background:#4d535d;border-radius:50%;width:7px;height:7px}.beat-orb.pulse{border-color:var(--accent);transform:scale(1.15);box-shadow:0 0 24px #b8f04a40}.beat-orb.pulse i{background:var(--accent)}.pause-banner{z-index:4;color:#c6cad0;background:#191c22f0;border:1px solid #444a53;border-radius:6px;align-items:center;gap:7px;padding:8px 13px;font-size:9px;display:flex;position:absolute;top:68px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0000004d}.judgement-zone{border-bottom:1px solid var(--line);padding:26px 34px 20px;position:relative}.judgement-track{background:linear-gradient(90deg,#ff9a5606,#0000 35%,#53d6ce0a 50%,#0000 65%,#ff9a5606);border-bottom:1px solid #4b5059;height:54px;margin-top:16px;position:relative}.judgement-track:before,.judgement-track:after{content:"";background:#4b5059;width:1px;height:7px;position:absolute;bottom:-3px}.judgement-track:after{right:0}.grade-band{border-left:1px dashed;border-right:1px dashed;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.sad-band{color:#6f9cff2e;background:#6f9cff05;width:93.75%}.safe-band{color:#78d66b33;background:#78d66b05;width:75%}.fine-band{color:#aeb4bd2e;background:#aeb4bd05;width:50%}.cool-band{color:#f2c94c4d;background:#f2c94c0b;width:25%}.center-tick{background:var(--cool);width:1px;height:63px;position:absolute;top:-5px;left:50%;box-shadow:0 0 11px #f2c94c80}.side-label,.center-label{letter-spacing:.12em;font:8px DM Mono,monospace;position:absolute;top:21px}.side-label{color:#6c717a}.side-label.early{left:34px}.side-label.late{right:34px}.center-label{color:var(--cool);left:50%;transform:translate(-50%)}.hit-marker{animation:.18s ease-out hit-in;position:absolute;bottom:5px;transform:translate(-50%)}.hit-marker:after{content:"";background:var(--orange);width:2px;height:30px;margin:3px auto 0;display:block;box-shadow:0 0 8px}.hit-marker span{text-align:center;color:#151719;background:var(--orange);border-radius:3px;min-width:23px;padding:2px 4px;font:700 8px DM Mono;display:block}.hit-marker.cool:after,.hit-marker.cool span{background:var(--cool)}.hit-marker.fine:after,.hit-marker.fine span{background:var(--fine)}.hit-marker.safe:after,.hit-marker.safe span{background:var(--safe)}.hit-marker.sad:after,.hit-marker.sad span{background:var(--sad)}.hit-marker.miss:after,.hit-marker.miss span{background:var(--miss)}@keyframes hit-in{0%{opacity:.2;transform:translate(-50%)scale(1.5)}}.last-judgement{justify-content:center;align-items:baseline;gap:11px;height:30px;padding-top:12px;display:flex}.last-judgement strong{color:#646a74;letter-spacing:.06em;font:600 12px DM Mono,monospace}.last-judgement span{color:#696f78;font:10px DM Mono,monospace}.last-judgement.cool strong{color:var(--cool)}.last-judgement.fine strong{color:var(--fine)}.last-judgement.safe strong{color:var(--safe)}.last-judgement.sad strong{color:var(--sad)}.last-judgement.miss strong{color:var(--miss)}.judgement-rules{letter-spacing:.04em;justify-content:center;gap:15px;margin-top:8px;font:7px DM Mono,monospace;display:flex}.judgement-rules .cool{color:var(--cool)}.judgement-rules .fine{color:var(--fine)}.judgement-rules .safe{color:var(--safe)}.judgement-rules .sad{color:var(--sad)}.chart-card{background:#0b0d10;border:1px solid #252931;border-radius:8px;margin:18px 25px 0;padding:13px 15px 8px;position:relative}.chart-title{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.chart-title span{color:#b3b7be;align-items:center;gap:6px;font-size:10px;display:flex}.chart-title small{color:#555b64;font-size:8px}.chart-key-row{border-bottom:1px solid #20242a;height:25px;margin:2px 0 4px;position:relative}.chart-key-row span{color:#aeb4bd;white-space:nowrap;max-width:24px;font-family:Inter,Noto Sans SC,Arial,sans-serif;font-size:10px;font-weight:600;line-height:1;position:absolute;bottom:7px;overflow:hidden;transform:translate(-50%)}.chart-key-row span:after{content:"";opacity:.45;background:currentColor;width:1px;height:4px;position:absolute;top:13px;left:50%}.chart-key-row .cool{color:var(--cool)}.chart-key-row .fine{color:var(--fine)}.chart-key-row .safe{color:var(--safe)}.chart-key-row .sad{color:var(--sad)}.chart-key-row .miss{color:var(--miss)}.chart-card svg{width:100%;height:92px;overflow:visible}.chart-cool{fill:#f2c94c09}.chart-grid{stroke:#22262c;stroke-width:1px;stroke-dasharray:3 5}.chart-center{stroke:#3d434b;stroke-width:1px}.chart-line{fill:none;stroke:#6c747f;stroke-width:1px;vector-effect:non-scaling-stroke}.chart-dot{fill:var(--miss);stroke:#0b0d10;stroke-width:1.5px;vector-effect:non-scaling-stroke}.chart-dot.cool{fill:var(--cool)}.chart-dot.fine{fill:var(--fine)}.chart-dot.safe{fill:var(--safe)}.chart-dot.sad{fill:var(--sad)}.chart-dot.miss{fill:var(--miss)}.chart-point:hover .chart-dot{r:5px}.chart-axis{color:#464b53;text-align:right;pointer-events:none;flex-direction:column;justify-content:space-between;height:88px;font:7px DM Mono;display:flex;position:absolute;top:68px;right:7px}.metrics-grid{background:#252931;border:1px solid #252931;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:1px;margin:17px 25px 7px;display:grid;overflow:hidden}.metric{background:#101217;align-items:center;gap:10px;min-width:0;height:69px;padding:0 13px;display:flex}.metric-icon{color:#5d636d;display:flex}.metric-icon svg{width:16px}.metric div{min-width:0}.metric small{color:#686e77;margin-bottom:5px;font-size:8px;display:block}.metric strong{white-space:nowrap;font:500 13px DM Mono;display:block}.grade-stats{background:#252931;border:1px solid #252931;border-radius:7px;grid-template-columns:repeat(5,1fr);gap:1px;margin:0 25px 4px;display:grid;overflow:hidden}.grade-stats>span{background:#0e1014;flex-direction:column;justify-content:space-between;min-width:0;height:68px;padding:8px 9px;display:flex}.grade-total{justify-content:space-between;align-items:center;display:flex}.grade-stats small{font:7px DM Mono,monospace}.grade-stats strong{color:#d9dce1;font:500 11px DM Mono,monospace}.grade-stats .cool small{color:var(--cool)}.grade-stats .fine small{color:var(--fine)}.grade-stats .safe small{color:var(--safe)}.grade-stats .sad small{color:var(--sad)}.grade-stats .miss small{color:var(--miss)}.timing-split{border-top:1px solid #20242a;justify-content:space-between;gap:4px;padding-top:7px;display:flex}.timing-split em{color:#606670;white-space:nowrap;font:7px DM Mono,monospace}.timing-split em:first-child{color:#778da8}.timing-split em:last-child{color:#a88772}.timing-split b{color:#c8ccd2;font-weight:500}.cool-timing-note{color:#555b64;text-align:right;margin:0 25px 18px;font-size:8px}.countdown-view{background:radial-gradient(circle,#b8f04a0e,#0000 38%);flex-direction:column;justify-content:center;align-items:center;height:calc(100% - 55px);min-height:600px;display:flex}.countdown-view p{color:var(--accent);letter-spacing:.25em;font:10px DM Mono}.countdown-view strong{letter-spacing:-.1em;margin:12px 0 23px;font:500 160px/1 DM Mono;animation:.3s ease-out count-pop}.countdown-view span{color:#6c727c;font:11px DM Mono}@keyframes count-pop{0%{opacity:.25;transform:scale(1.16)}}.result-card{grid-template-columns:1fr 100px 145px;align-items:center;margin:20px 0 0 380px;padding:24px 28px;display:grid}.result-card h2{margin:0 0 7px;font-size:20px}.result-card p:last-child{color:#777d87;margin:0;font-size:11px}.score-ring{--score:0deg;background:conic-gradient(var(--accent) var(--score), #292d34 0);border-radius:50%;place-items:center;width:76px;height:76px;display:grid;position:relative}.score-ring:before{content:"";border-radius:inherit;background:#111318;position:absolute;inset:4px}.score-ring span{z-index:1;text-align:center}.score-ring strong{font:500 20px DM Mono;display:block}.score-ring small{color:#777d87;font-size:7px}.secondary-button{cursor:pointer;background:#171a20;border:1px solid #343941;border-radius:7px;justify-content:center;align-items:center;gap:6px;height:38px;font-size:10px;display:flex}footer{color:#454a52;letter-spacing:.12em;border-top:1px solid #1c1f24;justify-content:space-between;align-items:center;height:75px;padding:0 4.5vw;font:9px DM Mono;display:flex}.drawer-backdrop{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.history-drawer,.metronome-drawer{background:#0e1014;border-left:1px solid #2b2f36;flex-direction:column;width:440px;height:100%;padding:30px;animation:.25s ease-out slide-in;display:flex}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:23px;display:flex}.drawer-head h2{margin:0;font-size:25px}.history-list{flex:1;padding:12px 0;overflow-y:auto}.history-item{border-bottom:1px solid #202329;grid-template-columns:47px 1fr auto;align-items:center;gap:12px;padding:16px 3px;display:grid}.history-score{width:42px;height:42px;color:var(--accent);border:2px solid #586a38;border-radius:50%;place-items:center;font:500 13px DM Mono;display:grid}.history-main strong{font:500 12px DM Mono;display:block}.history-main span{color:#666c75;margin-top:6px;font-size:9px;display:block}.history-stats{text-align:right;color:#666c75;flex-direction:column;gap:5px;font-size:8px;display:flex}.history-stats b{color:#b9bdc3;font-family:DM Mono}.empty-history{color:#555b64;flex-direction:column;justify-content:center;align-items:center;height:75%;display:flex}.empty-history p{color:#aaaeb6;margin:16px 0 6px;font-size:13px}.empty-history span{font-size:10px}.clear-button{color:#a97878;cursor:pointer;background:#171214;border:1px solid #342a2a;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:40px;font-size:10px;display:flex}.metro-content{padding-top:38px}.metro-visual{flex-direction:column;justify-content:center;align-items:center;height:185px;display:flex}.metro-ring{color:#646b74;background:radial-gradient(circle,#191c22,#101216);border:1px solid #343941;border-radius:50%;place-items:center;width:94px;height:94px;transition:all .12s;display:grid}.metro-visual.playing .metro-ring{color:var(--accent);border-color:#657c3a;box-shadow:0 0 45px #b8f04a17}.beat-dots{gap:10px;height:12px;margin-top:24px;display:flex}.beat-dots i{background:#363b43;border-radius:50%;width:5px;height:5px;transition:all 80ms}.beat-dots i.active{background:var(--accent);box-shadow:0 0 9px var(--accent);transform:scale(1.45)}.metro-tempo{grid-template-columns:42px 1fr 42px;align-items:center;gap:8px;display:grid}.metro-tempo>button{cursor:pointer;color:#888e98;background:#15181d;border:1px solid #2b2f36;border-radius:7px;height:42px}.metro-tempo>button svg{width:16px}.metro-tempo label{justify-content:center;align-items:baseline;display:flex}.metro-tempo input{color:#fff;text-align:right;-moz-appearance:textfield;background:0 0;border:0;width:100px;font:500 43px DM Mono}.metro-tempo input::-webkit-inner-spin-button{display:none}.metro-tempo label span{color:#6d737d;margin-left:8px;font:9px DM Mono}.metro-range{width:100%;accent-color:var(--accent);margin:22px 0 30px}.metro-option{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#8f949d;justify-content:space-between;align-items:center;padding:17px 0;font-size:10px;display:flex}.metro-option div{gap:5px;display:flex}.metro-option button{color:#797f88;cursor:pointer;background:#13161a;border:1px solid #2c3037;border-radius:5px;width:34px;height:28px;font:10px DM Mono}.metro-option button.active{color:#10130b;background:var(--accent);border-color:var(--accent)}.metro-actions{grid-template-columns:82px 1fr;gap:8px;margin-top:24px;display:grid}.metro-actions button{cursor:pointer;border-radius:7px;height:47px;font-size:11px;font-weight:600}.tap-button{color:#b2b6bd;letter-spacing:.08em;background:#16191e;border:1px solid #383d45;font:600 11px DM Mono!important}.metro-start,.metro-stop{border:0;justify-content:center;align-items:center;gap:8px;display:flex}.metro-start{background:var(--accent);color:#11140b}.metro-stop{color:#fff;background:#292d34}.metro-actions svg{width:16px}.metro-help{color:#555b64;text-align:center;margin-top:14px;font-size:9px;line-height:1.6}@keyframes fade-in{0%{opacity:0}}@keyframes slide-in{0%{opacity:.5;transform:translate(50px)}}.brand{font-size:18px}.keyboard-hint,.gamepad-hint{font-size:14px}.tool-button{font-size:13px}.hero-copy{font-size:17px}.eyebrow{font-size:12px}.panel-heading{font-size:16px}.step-label,.live-badge{font-size:11px}.setting-group label{font-size:15px}.setting-group label small{font-size:11px}.division-grid strong{font-size:16px}.division-grid span{font-size:11px}.segmented button{font-size:14px}.chips button,.custom-value input,.compact-settings label,.compact-settings select{font-size:13px}.countin-note,.offset-note{font-size:10px}.start-button,.stop-button{font-size:15px}.training-actions button{font-size:14px}.start-note{font-size:11px}.session-strip span{font-size:12px}.session-strip strong{font-size:26px}.side-label,.center-label,.hit-marker span{font-size:11px}.last-judgement strong{font-size:16px}.last-judgement span{font-size:13px}.judgement-rules{font-size:10px}.chart-title span{font-size:13px}.chart-title small{font-size:11px}.chart-key-row{height:28px}.chart-key-row span{max-width:34px;font-size:13px}.chart-axis{font-size:10px;top:71px}.metric small{font-size:11px}.metric strong{font-size:16px}.grade-stats small{font-size:10px}.grade-stats strong{font-size:14px}.timing-split em{font-size:9px}.cool-timing-note,.start-note kbd{font-size:10px}.result-card h2{font-size:23px}.result-card p:last-child{font-size:14px}.history-main strong{font-size:15px}.history-main span,.history-stats{font-size:12px}.metro-option,.metro-actions button{font-size:14px}.metro-help,footer{font-size:12px}@media (width<=1150px){main{padding-left:25px;padding-right:25px}.workspace{grid-template-columns:330px minmax(0,1fr)}.metric{gap:6px;padding:0 8px}.result-card{margin-left:350px}}