:root{--brand-primary:#b5432a;--brand-gold:#fec453;--brand-purple:#7650c8;--brand-brass:#b87920;--brand-ink:#241b2f;--brand-paper:#fff9f0;--brand-paper-muted:#f3e6d0;--brand-muted:#5b5264;--brand-success:#087f5b;--brand-warning:#8a5700;--brand-danger:#b4233f;--brand-recording:#c6283d;--brand-hud:#171421e6;--type-body:15px;--type-small:12px;--type-title:19px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--icon-size:22px;--icon-sm:16px;--icon-md:18px;--icon-lg:20px;--icon-xl:24px;--control-h:36px;--control-h-sm:28px;--side-w:375px;--radius:var(--radius-panel);--font:var(--font-ui);--panel:var(--paper);--line:var(--paper-2);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1d2330;--paper:#fff;--paper-2:#f4f5f7;--surface:#fff;--accent:#3657c9;--accent-ink:#fff;--muted:#5d6573;--good:#1f7a4f;--good-ink:#fff;--warn:#8a5a00;--warn-ink:#fff;--bad:#c22f4a;--bad-ink:#fff;--info:#0b5f99;--info-ink:#fff;--backdrop:#11182752;--tint:100%;--focus-ring:3px solid #3657c973;--border-color:#e1e4ea;--border-strong-color:#ccd1da;--picked-line:var(--accent);--inverse:#1d2330;--inverse-ink:#fff;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%231d2330' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--border-w-thin:1px;--border-w-thick:1px;--border-hair:1px solid var(--border-color);--border-fine:1px solid var(--border-color);--border-thin:1px solid var(--border-color);--border-thick:1px solid var(--border-strong-color);--border-dashed:1px dashed var(--border-strong-color);--shadow-pressed:0 0 0 transparent;--shadow-raised-sm:0 1px 2px #1018280f;--shadow-raised:0 1px 2px #10182812;--shadow:0 1px 3px #1018280f, 0 6px 18px #10182812;--shadow-float:0 10px 28px #1018281f;--shadow-modal:0 2px 6px #1018280f, 0 24px 56px #1018282e;--press:0;--radius-xs:4px;--radius-sm:6px;--radius-control:8px;--radius-button:8px;--radius-card:10px;--radius-panel:12px;--radius-modal:14px;--radius-pill:999px;--weight-black:650;--weight-heavy:600;--weight-bold:500;--weight-semi:500;--font-ui:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI Variable Text", "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--font-brand:var(--font-ui);--pad-control:8px 14px;--pad-frame:14px 20px;--pad-body:20px;--pad-panel:12px 14px;--shadow-key:inset 0 -1px 0 var(--border-strong-color), 0 0 0 1px var(--border-color);--key-bg:var(--paper-2);--key-ink:var(--ink);--hint-bg:var(--paper);--hint-ink:var(--ink);--hint-title:var(--accent);--hint-cost:var(--muted);--hint-line:var(--border-thin);--hint-shadow:var(--shadow-float);--hint-quiet-bg:var(--hint-bg);--hint-quiet-ink:var(--hint-ink);--hint-quiet-line:var(--hint-line);--hint-quiet-shadow:var(--shadow-raised);--banner-rec-bg:var(--paper);--banner-rec-ink:var(--ink);--banner-rec-title:var(--bad);--banner-rec-line:var(--border-w-thick) solid var(--bad);--banner-rec-shadow:var(--shadow-float);--code-bg:var(--paper-2);--code-ink:var(--ink);--chart-line:var(--accent);--chart-mark:var(--accent);--chart-text:var(--muted);--hears:var(--surface);--hears-ink:var(--info);--hears-line:var(--info);--hall-font:var(--font-ui);--classic-on:0;--classic-tint:calc(var(--classic-on) * 100%);--font-map:var(--font-ui);--map-tag:#1d2330c7;--map-tag-ink:#fff;--map-tag-small:#ffffffe6;--map-tag-small-ink:#1d2330;--map-label:#1d233080;--map-label-ink:#fff;--map-badge:#fffffff0;--map-badge-ink:#1d2330;--map-badge-line:#1d23304d;--map-pill:#fff;--map-pill-ink:#1d2330;--map-pill-line:#1d23304d;--map-near:var(--accent);--map-near-line:var(--inverse)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e4e7ee;--paper:#1b1f27;--paper-2:#242934;--surface:#262b36;--accent:#86a2ff;--accent-ink:#0e1424;--muted:#a3abba;--good:#4cc38a;--good-ink:#0b1c13;--warn:#e2b049;--warn-ink:#1f1500;--bad:#ff7a8c;--bad-ink:#2a070d;--info:#6cc0f5;--info-ink:#06202f;--backdrop:#0000008c;--tint:16%;--focus-ring:3px solid #86a2ff99;--border-color:#343a47;--border-strong-color:#444b5a;--inverse:#0d1016;--inverse-ink:#e4e7ee;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23e4e7ee' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--shadow-raised-sm:0 1px 2px #0000004d;--shadow-raised:0 1px 2px #00000059;--shadow:0 1px 3px #0000004d, 0 8px 22px #00000059;--shadow-float:0 10px 28px #00000073;--shadow-modal:0 2px 6px #0000004d, 0 24px 56px #0000008c;--map-tag:#0f1218d1;--map-tag-ink:#e4e7ee;--map-tag-small:#262b36eb;--map-tag-small-ink:#e4e7ee;--map-label:#0f12189e;--map-label-ink:#e4e7ee;--map-badge:#262b36f0;--map-badge-ink:#e4e7ee;--map-badge-line:#e4e7ee4d;--map-pill:#262b36;--map-pill-ink:#e4e7ee;--map-pill-line:#e4e7ee4d}:root[data-theme=contrast]{--ink:#000;--paper:#fff;--paper-2:#eee;--surface:#fff;--accent:#0038b8;--accent-ink:#fff;--muted:#303030;--good:#00612b;--warn:#6b4100;--bad:#a3001d;--info:#004a75;--backdrop:#0009;--focus-ring:3px solid #0038b8;--border-color:#000;--border-strong-color:#000;--picked-line:#000;--inverse:#000;--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--border-w-thin:2px;--border-w-thick:2px;--border-hair:1px solid var(--border-color);--border-fine:2px solid var(--border-color);--border-thin:2px solid var(--border-color);--border-thick:2px solid var(--border-color);--border-dashed:2px dashed var(--border-color);--shadow-raised-sm:0 0 0 transparent;--shadow-raised:0 0 0 transparent;--shadow:0 0 0 transparent;--shadow-float:0 4px 0 #000;--shadow-modal:0 6px 0 #000;--radius-xs:3px;--radius-sm:4px;--radius-control:6px;--radius-button:6px;--radius-card:8px;--radius-panel:8px;--radius-modal:10px;--weight-black:800;--weight-heavy:700;--weight-bold:700;--weight-semi:600;--map-tag:#000;--map-tag-ink:#fff;--map-tag-small:#fff;--map-tag-small-ink:#000;--map-label:#000000d1;--map-label-ink:#fff;--map-badge:#fff;--map-badge-ink:#000;--map-badge-line:#000;--map-pill:#fff;--map-pill-ink:#000;--map-pill-line:#000}:root[data-theme=classic]{--ink:var(--brand-ink);--paper:var(--brand-paper);--panel:var(--paper);--line:var(--paper-2);--paper-2:var(--brand-paper-muted);--surface:#fff;--accent:var(--brand-primary);--accent-ink:#fff;--muted:var(--brand-muted);--good:var(--brand-success);--good-ink:#fff;--warn:var(--brand-warning);--warn-ink:#fff;--bad:var(--brand-danger);--bad-ink:#fff;--info:#075985;--info-ink:#fff;--backdrop:#2b2d4273;--tint:100%;--focus-ring:3px solid var(--brand-gold);--border-color:var(--ink);--border-strong-color:var(--ink);--picked-line:var(--ink);--inverse:var(--ink);--inverse-ink:var(--paper);--select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232b2d42' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--border-w-thin:2px;--border-w-thick:3px;--border-hair:1px solid var(--border-color);--border-fine:1.5px solid var(--border-color);--border-thin:2px solid var(--border-color);--border-thick:3px solid var(--border-color);--border-dashed:2px dashed var(--border-color);--shadow-pressed:0 1px 0 var(--ink);--shadow-raised-sm:0 2px 0 var(--ink);--shadow-raised:0 3px 0 var(--ink);--shadow:0 4px 0 var(--ink);--shadow-float:0 5px 0 var(--ink);--shadow-modal:0 6px 0 var(--ink);--press:1;--radius-xs:6px;--radius-sm:8px;--radius-control:10px;--radius-button:12px;--radius-card:14px;--radius-panel:16px;--radius-modal:20px;--weight-black:900;--weight-heavy:800;--weight-bold:700;--weight-semi:600;--font-ui:Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, "DejaVu Sans", sans-serif;--font-brand:"Nunito", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--pad-control:7px 12px;--pad-frame:12px 16px;--pad-body:16px;--pad-panel:10px 12px;--font-map:Nunito, system-ui, sans-serif;--map-tag:#241b2fd9;--map-tag-ink:#fff;--map-tag-small:#fff9f0d9;--map-tag-small-ink:#2b2d42;--map-label:#241b2f8c;--map-label-ink:#fff;--map-badge:#fff9f0eb;--map-badge-ink:#2b2d42;--map-badge-line:#2b2d42;--map-pill:#fff;--map-pill-ink:#2b2d42;--map-pill-line:#2b2d42;--map-near:#fec453;--map-near-line:#2b2d42;--shadow-key:0 2px 0 #999;--key-bg:var(--paper);--key-ink:var(--ink);--hint-bg:var(--inverse);--hint-ink:var(--inverse-ink);--hint-title:#ffd166;--hint-cost:#a5ecfb;--hint-line:var(--border-w-thick) solid var(--paper);--hint-shadow:0 4px 0 #00000059;--hint-quiet-bg:#241b2fb8;--hint-quiet-ink:#fff;--hint-quiet-line:0 solid transparent;--hint-quiet-shadow:none;--banner-rec-bg:#341b1b;--banner-rec-ink:#f7e8c5;--banner-rec-title:#ff786c;--banner-rec-line:2px solid #b18436;--banner-rec-shadow:0 2px 12px #0008;--chart-line:#ad7a32;--chart-mark:#8e5a22;--chart-text:#705f55;--code-bg:#1e1f2e;--code-ink:#e9ecef;--hears:#e2fbff;--hears-ink:#077a8a;--hears-line:#24b7c7;--hall-font:Inter, "Segoe UI", Roboto, "Helvetica Neue", Arial, "DejaVu Sans", sans-serif;--classic-on:1;color-scheme:normal}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}:root{--bg:var(--paper-2);--card:var(--paper);--border:var(--border-strong-color);--login-glow:linear-gradient(transparent, transparent);--login-picked:color-mix(in srgb, var(--accent) 12%, var(--surface));--login-button-ink:var(--accent-ink);--login-shadow:var(--shadow-modal);--login-button-shadow:var(--shadow-raised);--login-pressed:var(--shadow-pressed);--login-mini-shadow:var(--shadow-raised-sm)}:root[data-theme=classic]{--bg:#ffe8cc;--ink:#2b2d42;--card:#fffaf3;--accent:#ff8a5b;--muted:#7a6f65;--border:#2b2d42;--login-glow:radial-gradient(circle at 20% 20%, #ffd6a5 0, transparent 40%), radial-gradient(circle at 80% 70%, #caffbf 0, transparent 45%);--login-picked:#caffbf;--login-button-ink:var(--ink);--login-shadow:0 8px 0 var(--border);--login-button-shadow:0 4px 0 var(--border);--login-pressed:0 1px 0 var(--border);--login-mini-shadow:0 2px 0 var(--border)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--login-glow), var(--bg);font-family:var(--font-brand);color:var(--ink);place-items:center;padding:16px;display:grid}.card{background:var(--card);border:var(--border-w-thick) solid var(--border);border-radius:calc(var(--radius-modal) + 2px);width:min(380px,100%);box-shadow:var(--login-shadow);text-align:center;padding:28px}.logo{place-items:center;display:grid}h1{margin:8px 0 4px;font-size:28px}.sub{color:var(--muted);margin:0 0 20px}label{text-align:left;font-weight:var(--weight-bold);font-size:14px;display:block}input{border:var(--border-w-thick) solid var(--border);border-radius:var(--radius-button);background:var(--surface);width:100%;color:var(--ink);outline:none;margin-top:6px;padding:12px 14px;font-size:16px}input:focus{border-color:var(--accent)}button{width:100%;font-size:16px;font-weight:var(--weight-heavy);border:var(--border-w-thick) solid var(--border);border-radius:var(--radius-button);background:var(--accent);color:var(--login-button-ink);cursor:pointer;box-shadow:var(--login-button-shadow);margin-top:16px;padding:12px}button:active{transform:translateY(calc(3px * var(--press)));box-shadow:var(--login-pressed)}button:disabled{opacity:.6;cursor:default}.error{min-height:1.2em;color:color-mix(in srgb, #c3423f var(--tint), var(--bad));font-weight:var(--weight-bold);margin:12px 0 0}.warn{text-align:left;background:color-mix(in srgb, #fff3c4 var(--tint), var(--surface));border:var(--border-w-thick) solid var(--border);border-radius:var(--radius-button);margin:0 0 14px;padding:10px 12px;font-size:14px}.secret{background:var(--surface);border:var(--border-w-thick) dashed var(--border);border-radius:var(--radius-button);justify-content:center;align-items:center;gap:8px;padding:14px;display:flex}.secret code{font:var(--weight-heavy) 26px ui-monospace, Menlo, Consolas, monospace;letter-spacing:.04em;word-break:break-all}button.mini{width:auto;box-shadow:var(--login-mini-shadow);margin:0;padding:6px 10px;font-size:13px}.check{font-weight:var(--weight-heavy);justify-content:center;align-items:center;gap:8px;margin-top:14px;display:flex}.check input{width:auto;margin:0}a{color:var(--ink);font-weight:var(--weight-heavy)}label+label{margin-top:12px}.note{text-align:left;color:var(--muted);margin:8px 0 0;font-size:13px}.google{border:var(--border-w-thick) solid var(--border);border-radius:var(--radius-button);background:var(--surface);color:var(--ink);box-shadow:var(--login-button-shadow);justify-content:center;align-items:center;gap:10px;padding:12px;text-decoration:none;display:flex}.google:active{transform:translateY(calc(3px * var(--press)));box-shadow:var(--login-pressed)}.or{color:var(--muted);font-weight:var(--weight-bold);margin:14px 0 4px}.role{background:color-mix(in srgb, #fff3c4 var(--tint), var(--surface));border:var(--border-w-thin) solid var(--border);border-radius:var(--radius-pill);font-size:13px;font-weight:var(--weight-heavy);padding:0 8px;display:inline-block}.mode{border:0;gap:8px;margin:14px 0 0;padding:0;display:flex}.mode legend{text-align:left;font-weight:var(--weight-bold);margin-bottom:6px;padding:0;font-size:14px}.mode label{border:var(--border-w-thick) solid var(--border);border-radius:var(--radius-button);background:var(--surface);cursor:pointer;text-align:center;flex-direction:column;flex:1;align-items:center;gap:2px;margin:0;padding:10px 6px;display:flex}.mode label:has(input:checked){background:var(--login-picked)}.mode label+label{margin-top:0}.mode input{width:auto;accent-color:var(--ink);margin:0}.mode small{font-weight:var(--weight-bold);color:var(--muted);font-size:11px}
