:root{--accent: #e24b4b;--accent-ink: #c73a3a;--surface: #f5f6f5;--surface-raised: #ffffff;--surface-sunk: #e9ebea;--chip: rgba(0, 0, 0, .05);--chip-strong: rgba(0, 0, 0, .09);--hairline: rgba(0, 0, 0, .08);--text: #111214;--text-2: rgba(17, 18, 20, .7);--text-3: rgba(17, 18, 20, .5);--rail: rgba(0, 0, 0, .14);--shadow: 0 3px 14px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 6px rgba(0, 0, 0, .16);--map-bg: #e8e8e4;--r-card: 34px;--r-panel: 28px;--r-bar: 22px;--r-tile: 16px;--r-control: 12px;--gap: 20px;--column: clamp(300px, 36vw, 420px);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--ok: #14783d;--early: #0a59cc;--late: #b05208;--very-late: #b8211c;--magic: #8b5cf6;--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;color-scheme:light}:root[data-theme=dark]{--accent-ink: #ff7a7a;--surface: #2a2a2a;--surface-raised: #353535;--surface-sunk: #1f1f1f;--chip: rgba(255, 255, 255, .07);--chip-strong: rgba(255, 255, 255, .12);--hairline: rgba(255, 255, 255, .09);--text: #f4f4f5;--text-2: rgba(244, 244, 245, .7);--text-3: rgba(244, 244, 245, .5);--rail: rgba(255, 255, 255, .18);--shadow: 0 3px 14px rgba(0, 0, 0, .45);--shadow-sm: 0 1px 6px rgba(0, 0, 0, .4);--map-bg: #1b1d22;--ok: #34c46a;--early: #4c94ff;--late: #ff9f2e;--very-late: #ff5a52;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--surface-sunk);color:var(--text);font-family:var(--font);font-size:15px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior:none}html:has(.map-root),html:has(.map-root) body{height:100%;overflow:hidden;background:var(--map-bg)}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font:inherit;color:inherit}a{color:var(--accent-ink)}.tabular{font-variant-numeric:tabular-nums}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}.scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--chip-strong) transparent}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.seg{display:flex;padding:2px;border-radius:9px;background:var(--chip)}.seg button{padding:4px 10px;border-radius:7px;font-size:12.5px;font-weight:600;color:var(--text-3)}.seg button.on{background:var(--surface-raised);color:var(--text);box-shadow:0 1px 2px #0000001f}.map{background:var(--map-bg);font-family:var(--font)}.map.on-apple{background:transparent}.hw-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}.hw-overlay>canvas{position:absolute;top:0;left:0}.hw-overlay .you-dot,.hw-overlay .bead-tip,.hw-plates>span{position:absolute;top:0;left:0;will-change:transform}.map .mk-controls-container{z-index:3}.hw-plates>span{padding:1px 4px;border-radius:4px;color:#fff;font:700 11px/1.3 var(--mono);white-space:nowrap;box-shadow:0 1px 2px #0000004d}.bead-tip{background:var(--surface);color:var(--text);border-radius:8px;box-shadow:var(--shadow-sm);font:600 12px var(--font);padding:4px 8px;white-space:nowrap}.bead-tip[hidden],.you-dot[hidden]{display:none}.you-dot span{display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:#2f7cf6;border:3px solid #fff;box-shadow:0 0 0 6px #2f7cf633,0 1px 4px #00000059}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}