:root{--saber-purple: #661433;--saber-gold: #CBB991;--saber-black: #1B211F;--saber-green: #507B6C;--saber-bone: #EAE3D5;--purple-900: #470D24;--purple-800: #57102C;--purple: #661433;--purple-600: #7C1D42;--purple-500: #942A52;--purple-tint: rgba(102, 20, 51, .1);--gold-bright: #DFD2B4;--gold: #CBB991;--gold-deep: #9C8858;--gold-tint: rgba(203, 185, 145, .16);--green-bright: #6FA88F;--green: #507B6C;--green-deep: #3C6152;--green-tint: rgba(80, 123, 108, .16);--bone-hi: #F4EFE4;--bone: #EAE3D5;--bone-dim: #DBD2BF;--bone-shadow: #C9BEA6;--black-hi: #2A322E;--black: #1B211F;--black-lo: #141917;--hair-dark: #313A36;--alert: #C2452E;--alert-bright: #E0654E}:root{--font-display: "Space Grotesk", "Helvetica Neue", Arial, system-ui, sans-serif;--font-body: "Inter", "Helvetica Neue", Arial, system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-hero: clamp(2.75rem, 7vw, 4.75rem);--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--track-tight: -.02em;--track-normal: 0em;--track-wordmark: .08em;--track-label: .16em;--track-label-xl: .34em;--leading-tight: 1.05;--leading-snug: 1.25;--leading-body: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--space-9: 6rem;--space-10: 8rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--radius-icon: 22%;--max-content: 1120px;--max-wide: 1320px;--shadow-sm: 0 1px 2px rgba(27, 33, 31, .1);--shadow-md: 0 2px 6px rgba(27, 33, 31, .1), 0 12px 32px rgba(27, 33, 31, .1);--shadow-glow-live: 0 0 0 0 var(--green-tint);--ease: cubic-bezier(.2, .7, .2, 1);--dur-fast: .12s;--dur: .22s;--dur-slow: .5s;--draw-signal: 2.2s;color-scheme:light dark}:root,:root[data-theme=light]{--bg: var(--bone);--bg-elev: var(--bone-hi);--bg-elev-2: #FCFAF4;--fg: var(--saber-black);--fg-muted: #6E6455;--fg-faint: #948A78;--border: var(--bone-dim);--border-strong: var(--bone-shadow);--brand: var(--purple);--brand-hover: var(--purple-600);--brand-fg: var(--bone);--brand-tint: var(--purple-tint);--accent: var(--gold-deep);--accent-fg: var(--saber-black);--accent-tint: var(--gold-tint);--live: var(--green-deep);--live-fg: #FFFFFF;--live-tint: var(--green-tint);--alert: #C2452E;--alert-tint: rgba(194, 69, 46, .14);--focus: var(--brand);--shadow: var(--shadow-md)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: var(--black);--bg-elev: var(--black-hi);--bg-elev-2: #222A26;--fg: var(--bone);--fg-muted: #9E988B;--fg-faint: #6F6C63;--border: var(--hair-dark);--border-strong: #3E4843;--brand: var(--purple);--brand-hover: var(--purple-500);--brand-fg: var(--gold);--brand-tint: rgba(148, 42, 82, .22);--accent: var(--gold);--accent-fg: var(--saber-black);--accent-tint: var(--gold-tint);--live: var(--green-bright);--live-fg: var(--saber-black);--live-tint: var(--green-tint);--alert: #E0654E;--alert-tint: rgba(224, 101, 78, .18);--focus: var(--gold);--shadow: 0 1px 2px rgba(0,0,0,.35), 0 14px 40px rgba(0,0,0,.45)}}:root[data-theme=dark]{--bg: var(--black);--bg-elev: var(--black-hi);--bg-elev-2:#222A26;--fg: var(--bone);--fg-muted:#9E988B;--fg-faint:#6F6C63;--border: var(--hair-dark);--border-strong:#3E4843;--brand: var(--purple);--brand-hover: var(--purple-500);--brand-fg: var(--gold);--brand-tint: rgba(148,42,82,.22);--accent: var(--gold);--accent-fg: var(--saber-black);--accent-tint: var(--gold-tint);--live: var(--green-bright);--live-fg: var(--saber-black);--live-tint: var(--green-tint);--alert:#E0654E;--alert-tint: rgba(224,101,78,.18);--focus: var(--gold);--shadow: 0 1px 2px rgba(0,0,0,.35), 0 14px 40px rgba(0,0,0,.45)}.surface-purple{--bg: var(--purple);--bg-elev: var(--purple-800);--bg-elev-2: var(--purple-900);--fg: var(--bone);--fg-muted: #C9A9B6;--fg-faint: #9E7E8C;--border: rgba(203,185,145,.22);--border-strong: rgba(203,185,145,.4);--brand: var(--gold);--brand-hover: var(--gold-bright);--brand-fg: var(--saber-black);--accent: var(--gold);--accent-fg: var(--saber-black);--live: var(--green-bright);--live-fg: var(--saber-black);--focus: var(--gold);background:var(--bg);color:var(--fg)}.surface-ink{--bg: var(--black);--bg-elev: var(--black-hi);--bg-elev-2: #222A26;--fg: var(--bone);--fg-muted: #9E988B;--fg-faint: #6F6C63;--border: var(--hair-dark);--border-strong: #3E4843;--brand: var(--purple);--brand-hover: var(--purple-500);--brand-fg: var(--gold);--accent: var(--gold);--accent-fg: var(--saber-black);--live: var(--green-bright);--live-fg: var(--saber-black);--focus: var(--gold);background:var(--bg);color:var(--fg)}.surface-paper{--bg: var(--bone);--bg-elev: var(--bone-hi);--bg-elev-2: #FCFAF4;--fg: var(--saber-black);--fg-muted: #6E6455;--fg-faint: #948A78;--border: var(--bone-dim);--border-strong: var(--bone-shadow);--brand: var(--purple);--brand-hover: var(--purple-600);--brand-fg: var(--bone);--accent: var(--gold-deep);--accent-fg: var(--saber-black);--live: var(--green-deep);--live-fg: #FFFFFF;--focus: var(--purple);background:var(--bg);color:var(--fg)}.t-wordmark{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--track-wordmark);text-transform:uppercase;line-height:1}.t-hero{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-hero);letter-spacing:var(--track-tight);line-height:var(--leading-tight)}.t-h1{font:var(--weight-bold) var(--text-4xl)/var(--leading-snug) var(--font-display);letter-spacing:var(--track-tight)}.t-h2{font:var(--weight-bold) var(--text-2xl)/var(--leading-snug) var(--font-display);letter-spacing:var(--track-tight)}.t-h3{font:var(--weight-medium) var(--text-xl)/var(--leading-snug) var(--font-display);letter-spacing:-.01em}.t-body{font:var(--weight-regular) var(--text-base)/var(--leading-body) var(--font-body)}.t-lead{font:var(--weight-regular) var(--text-lg)/var(--leading-body) var(--font-body);color:var(--fg-muted)}.t-label{font-family:var(--font-display);font-weight:var(--weight-medium);font-size:var(--text-xs);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--fg-muted)}.t-data{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.t-accent{color:var(--accent)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}:root{--paper: var(--bg);--surface: var(--bg-elev);--surface-2: var(--bg-elev-2);--ink: var(--fg);--muted: var(--fg-muted);--hair: var(--border);--fairway: var(--brand);--fairway-2: var(--brand-hover);--amber: var(--accent);--amber-2: var(--gold-bright);--scope-bg: var(--black-lo);--grid: #33403A;--grid-2: #232D28;--trace: var(--green-bright);--trace-soft: var(--green-tint);--mk-start: #C9A9B6;--mk-top: var(--gold);--mk-impact: var(--green-bright);--scope-ink: var(--bone);--scope-muted:#8FA79B;--radius: var(--radius-md);--mono: var(--font-mono);--sans: var(--font-body);--bad: var(--alert)}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 80% -10%,color-mix(in srgb,var(--fairway) 8%,transparent),transparent 60%),var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overflow-x:hidden}.wrap{max-width:1120px;margin:0 auto;padding:clamp(14px,2.4vw,26px);display:flex;flex-direction:column;gap:16px;min-height:100%}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px}.glyph{width:40px;height:40px;border-radius:10px;flex:none;background:linear-gradient(150deg,var(--fairway),var(--fairway-2));display:grid;place-items:center;box-shadow:var(--shadow)}.glyph svg{width:24px;height:24px;display:block}.brand h1{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.brand .sub{margin:0;font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.appbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.appbar a{color:var(--fairway-2);text-decoration:none;font-size:.82rem;font-weight:600}.appbar a:hover{text-decoration:underline}.user-chip{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--muted)}.user-chip img{width:28px;height:28px;border-radius:50%;border:1px solid var(--hair)}.link-btn{font:600 .82rem var(--sans);color:var(--fairway-2);background:none;border:0;cursor:pointer;padding:0;touch-action:manipulation}.link-btn:hover{text-decoration:underline}.scope-card{position:relative;background:var(--scope-bg);border:1px solid color-mix(in srgb,var(--grid) 70%,black);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}#scope{display:block;width:100%;height:clamp(230px,40vh,360px)}.scope-legend{position:absolute;top:12px;left:14px;right:14px;display:flex;gap:16px;flex-wrap:wrap;align-items:center;font-family:var(--mono);font-size:.66rem;letter-spacing:.04em;color:var(--scope-muted);pointer-events:none}.scope-legend .k{display:inline-flex;align-items:center;gap:6px}.scope-legend .dot{width:8px;height:8px;border-radius:50%}.scope-status{position:absolute;bottom:12px;left:14px;font-family:var(--mono);font-size:.72rem;letter-spacing:.06em;color:var(--scope-ink);text-transform:uppercase;display:flex;align-items:center;gap:8px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--scope-muted)}.pulse.live{background:var(--trace);box-shadow:0 0 0 0 var(--trace);animation:p 1.6s infinite}@keyframes p{0%{box-shadow:0 0 0 0 var(--trace-soft)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}@media(prefers-reduced-motion:reduce){.pulse.live{animation:none}}.readouts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);min-width:0}.stat .lab{font-family:var(--mono);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 6px}.stat .val{font-family:var(--mono);font-weight:600;font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,4.2vw,1.9rem);line-height:1;letter-spacing:-.01em}.stat .val small{font-size:.5em;color:var(--muted);font-weight:500;letter-spacing:0}.stat .note{font-size:.7rem;color:var(--muted);margin-top:6px;min-height:1em}.stat.ratio .val{color:var(--fairway)}.stat.ratio.off .val{color:var(--amber)}.chip{display:inline-block;font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,var(--fairway) 15%,transparent);color:var(--fairway)}.chip.off{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--amber)}.panels{display:grid;grid-template-columns:1.2fr 1fr;gap:16px;align-items:start}.panel{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.panel h2{margin:0 0 14px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-family:var(--mono);font-weight:600;display:flex;align-items:center;gap:8px}.panel h2:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--fairway)}.row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.row:last-child{margin-bottom:0}.field{flex:1;min-width:0}.field label{display:flex;justify-content:space-between;align-items:baseline;font-size:.78rem;color:var(--muted);margin-bottom:6px}.field label b{color:var(--ink);font-family:var(--mono);font-variant-numeric:tabular-nums;font-weight:600}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:4px;background:var(--hair);border-radius:3px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--fairway);border:3px solid var(--surface-2);box-shadow:var(--shadow);cursor:pointer}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--fairway);border:3px solid var(--surface-2);cursor:pointer}input[type=range]:focus-visible{outline:2px solid var(--fairway-2);outline-offset:4px}select{font:500 .82rem var(--sans);color:var(--ink);background:var(--surface-2);border:1px solid var(--hair);border-radius:8px;padding:8px 10px;width:100%}.presets{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.presets button{font:600 .74rem var(--sans);color:var(--ink);background:var(--surface-2);border:1px solid var(--hair);border-radius:8px;padding:7px 11px;cursor:pointer;touch-action:manipulation}.presets button:hover{border-color:var(--fairway);color:var(--fairway)}.presets button:focus-visible{outline:2px solid var(--fairway-2);outline-offset:2px}.btn{font:700 .92rem var(--sans);border:0;border-radius:10px;padding:13px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:var(--shadow);touch-action:manipulation}.btn.primary{background:var(--fairway);color:#fff}.btn.primary:hover{background:var(--fairway-2)}.btn.wide{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--fairway-2);outline-offset:2px}.btn svg{width:18px;height:18px}.toggle{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.84rem}.toggle input{position:absolute;opacity:0;width:0;height:0}.track{width:40px;height:22px;border-radius:999px;background:var(--hair);position:relative;transition:background .15s;flex:none}.track:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow);transition:transform .15s}.toggle input:checked+.track{background:var(--fairway)}.toggle input:checked+.track:after{transform:translate(18px)}.toggle input:focus-visible+.track{outline:2px solid var(--fairway-2);outline-offset:2px}.btn.ghost{background:var(--surface-2);color:var(--ink);border:1px solid var(--hair);font-weight:600}.btn.ghost:hover{border-color:var(--fairway);color:var(--fairway)}.cap-out{font-family:var(--mono);font-size:.72rem;line-height:1.6;white-space:pre;background:var(--surface-2);border:1px solid var(--hair);border-radius:8px;padding:10px 12px;margin:10px 0 0;overflow-x:auto}.hint{font-size:.78rem;color:var(--muted);background:color-mix(in srgb,var(--fairway) 6%,var(--surface-2));border:1px dashed var(--hair);border-radius:8px;padding:10px 12px;margin-top:4px}.hint b{color:var(--ink)}.modes{display:flex;gap:4px;background:var(--surface);border:1px solid var(--hair);border-radius:12px;padding:5px;box-shadow:var(--shadow);overflow-x:auto}.modes button{flex:1;font:600 .78rem var(--sans);padding:9px 12px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;white-space:nowrap;touch-action:manipulation}.modes button.on{background:var(--fairway);color:#fff}.modes button:not(.on):hover{color:var(--fairway)}.modes button:focus-visible{outline:2px solid var(--fairway-2);outline-offset:2px}.mode-desc{margin:-6px 2px 0;font-size:.78rem;color:var(--muted);text-align:center}.grades{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.grades:empty{display:none}.grade{font-family:var(--mono);font-size:.62rem;letter-spacing:.03em;padding:3px 8px;border-radius:999px}.grade.good{background:color-mix(in srgb,var(--fairway) 16%,transparent);color:var(--fairway)}.grade.mid{background:color-mix(in srgb,var(--amber) 16%,transparent);color:var(--amber)}.grade.bad{background:color-mix(in srgb,var(--bad) 16%,transparent);color:var(--bad)}.pro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-bottom:12px}.pro-card{text-align:left;background:var(--surface-2);border:1px solid var(--hair);border-radius:10px;padding:12px;cursor:pointer;font:inherit;color:inherit;touch-action:manipulation}.pro-card:hover{border-color:var(--fairway)}.pro-card.on{border-color:var(--fairway);outline:2px solid var(--fairway);outline-offset:-1px}.pro-card b{display:block;font-size:.86rem;margin-bottom:2px}.pro-card .mono{font-family:var(--mono);font-size:.68rem;color:var(--fairway);display:block}.pro-card .note{font-size:.72rem;color:var(--muted);display:block;margin-top:3px}.pro-card:focus-visible{outline:2px solid var(--fairway-2);outline-offset:2px}.combo-bar{display:flex;gap:3px;margin:0 0 12px}.combo-bar span{flex:1;height:9px;border-radius:3px;background:var(--hair);opacity:.55}.combo-bar span.snd{box-shadow:inset 0 0 0 1px var(--fairway)}.combo-bar span.done{background:var(--fairway);opacity:1}footer{color:var(--muted);font-size:.74rem;text-align:center;padding:6px 0 2px}footer .mono{font-family:var(--mono)}.hist-summary{display:flex;gap:12px;flex-wrap:wrap}.table-card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}table.swings{width:100%;border-collapse:collapse;font-size:.84rem}table.swings th,table.swings td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--hair);font-variant-numeric:tabular-nums}table.swings th{font-family:var(--mono);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}table.swings tr:last-child td{border-bottom:0}table.swings td.num{font-family:var(--mono)}.empty-note{color:var(--muted);font-size:.9rem;padding:24px;text-align:center}@media(max-width:760px){.wrap{gap:14px}.readouts{grid-template-columns:repeat(2,1fr)}.panels{grid-template-columns:1fr}header{justify-content:center;text-align:center}.brand{justify-content:center}.swing-row{flex-wrap:wrap}.swing-row #btn-swing{flex:1 1 100%}}@media(max-width:420px){.wrap{gap:11px}.stat{padding:12px 13px}.panel{padding:15px}.brand h1{font-size:1.05rem}.scope-legend{gap:8px 12px;font-size:.58rem}#scope{height:clamp(200px,34vh,300px)}}@media(pointer:coarse){input[type=range]{height:6px}input[type=range]::-webkit-slider-thumb{width:24px;height:24px}input[type=range]::-moz-range-thumb{width:24px;height:24px}.presets button{padding:9px 13px}select{padding:11px 12px}.toggle{padding:4px 0}}.stat.ratio .val{color:var(--live)}.stat.ratio.off .val{color:var(--alert)}.chip{background:var(--live-tint);color:var(--live)}.chip.off{background:var(--alert-tint);color:var(--alert)}.grade.good{background:var(--live-tint);color:var(--live)}.grade.mid{background:var(--accent-tint);color:var(--accent)}.grade.bad{background:var(--alert-tint);color:var(--alert)}.glyph{background:var(--brand);border:1px solid color-mix(in srgb,var(--gold) 30%,transparent)}.glyph svg{width:26px;height:26px}