:root{--bg: #f3efe7;--paper: #fbf8f1;--paper-2: #ece7da;--paper-3: #e1dccc;--ink: #1a1a1a;--ink-2: #4a4a48;--ink-3: #6c6a64;--muted: #948f82;--line: #1a1a1a;--line-2: #6c6a64;--line-soft: #c8c2b1;--accent: #c95a3a;--accent-soft: #ecc6b3;--accent-tint: #f5dccf;--good: #4a7c4a;--warn: #b48a36;--bad: #a83b3b;--note: #f1e5b8}[data-theme=dark]{--bg: #161412;--paper: #1f1c18;--paper-2: #2a2620;--paper-3: #34302a;--ink: #ece7d8;--ink-2: #c9c4b4;--ink-3: #9b9588;--muted: #807a6d;--line: #ece7d8;--line-2: #9b9588;--line-soft: #4a4640;--accent: #df8264;--accent-soft: #6b3f2c;--accent-tint: #3a2a23;--note: #594a1f}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:IBM Plex Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;background:var(--bg);color:var(--ink);line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:IBM Plex Sans,sans-serif;font-weight:600;margin:0;letter-spacing:-.01em}.mono,code,kbd{font-family:IBM Plex Mono,ui-monospace,Menlo,monospace}kbd{border:1px solid var(--line-soft);border-bottom-width:2px;border-radius:3px;padding:0 5px;font-size:11px;background:var(--paper)}.page{display:flex;min-height:100vh}.sidebar{width:220px;flex:0 0 220px;background:var(--paper-2);border-right:1.5px solid var(--line);padding:16px 12px;display:flex;flex-direction:column;gap:4px}.sb-logo{display:flex;align-items:center;gap:8px;padding:4px 6px 12px;border-bottom:1.5px solid var(--line-soft);margin-bottom:8px}.sb-logo .mark{width:28px;height:28px;border:1.5px solid var(--line);border-radius:4px;background:var(--ink);color:var(--bg);font-weight:700;display:grid;place-items:center;font-size:13px}.sb-logo .name{font-weight:600;font-size:14px;line-height:1.1}.sb-logo .name small{display:block;font-size:11px;color:var(--ink-3);font-weight:400;letter-spacing:.05em;text-transform:uppercase}.sb-section{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);padding:12px 8px 4px}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:4px;font-size:13px;color:var(--ink);cursor:pointer;border:1px solid transparent}.nav-item:hover{background:var(--paper);border-color:var(--line-soft)}.nav-item.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.nav-item.active .badge{background:var(--bg);color:var(--ink)}.nav-item .ic{width:16px;height:16px;display:inline-grid;place-items:center;font-size:13px;opacity:.85}.nav-item .lbl{flex:1}.badge{background:var(--paper-3);border-radius:999px;padding:0 6px;font-size:11px;font-family:IBM Plex Mono,monospace}.sb-user{margin-top:auto;padding-top:12px;border-top:1.5px solid var(--line-soft);display:flex;align-items:center;gap:10px}.avatar{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);background:var(--accent-tint);display:grid;place-items:center;font-weight:600;font-size:12px;color:var(--ink)}.sb-user .who{font-size:13px;line-height:1.2}.sb-user .who small{display:block;color:var(--ink-3);font-size:11px}.main{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;gap:12px;padding:10px 20px;border-bottom:1.5px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.crumbs{font-size:12px;color:var(--ink-3)}.crumbs b{color:var(--ink);font-weight:600}.gsearch{flex:1;max-width:480px;display:flex;align-items:center;gap:8px;border:1.5px solid var(--line-soft);background:var(--bg);border-radius:4px;padding:6px 10px;font-size:13px}.gsearch .ph{color:var(--muted);flex:1}.gsearch kbd{margin-left:auto}.tb-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.demobar{display:flex;align-items:center;gap:6px;padding:6px 20px;background:var(--paper-2);border-bottom:1.5px solid var(--line-soft);font-size:11px}.demobar .lbl{color:var(--ink-3);text-transform:uppercase;letter-spacing:.12em;margin-right:6px}.demobar button{background:transparent;border:1px solid var(--line-soft);font-family:IBM Plex Mono,monospace;font-size:11px;padding:3px 8px;border-radius:3px;cursor:pointer;color:var(--ink)}.demobar button.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.demobar .spacer{flex:1}.demobar a{color:var(--ink-3);text-decoration:none}.demobar a:hover{color:var(--ink)}.screen{display:none;padding:18px 20px 60px;flex:1;min-width:0}.screen.active{display:block}.screen-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.screen-head h2{font-size:22px;font-weight:600;letter-spacing:-.01em}.screen-head .sub{font-size:12px;color:var(--ink-3);margin-top:2px}.card{background:var(--paper);border:1.5px solid var(--line);border-radius:4px}.card.padded{padding:16px}.card.soft{border-color:var(--line-soft)}.row{display:flex;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.spread{display:flex;align-items:center;justify-content:space-between;gap:8px}.gap-2{gap:4px}.gap-3{gap:6px}.gap-4{gap:8px}.gap-6{gap:12px}.gap-8{gap:16px}.grow{flex:1;min-width:0}.mt-2{margin-top:4px}.mt-3{margin-top:6px}.mt-4{margin-top:8px}.mt-6{margin-top:12px}.mt-8{margin-top:16px}.center{text-align:center}.t-xs{font-size:11px}.t-sm{font-size:12px}.t-md{font-size:14px}.t-lg{font-size:16px}.t-xl{font-size:22px}.t-xxl{font-size:32px}.t-muted{color:var(--ink-3)}.t-accent{color:var(--accent)}.t-mono{font-variant-numeric:tabular-nums;letter-spacing:.01em}.t-up{text-transform:uppercase;letter-spacing:.08em}.b{font-weight:600}.btn{font-family:inherit;font-size:13px;background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:4px;padding:5px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn:hover{background:var(--paper-2)}.btn.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.btn.primary:hover{background:var(--ink-2)}.btn.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.ghost{background:transparent;border-color:var(--line-soft)}.btn.danger{color:var(--bad);border-color:var(--bad)}.btn.sm{font-size:12px;padding:3px 8px}.btn.icon{padding:4px 6px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;border:1.5px solid var(--line-soft);border-radius:999px;padding:1px 9px;background:var(--paper);color:var(--ink)}.chip .x{color:var(--ink-3);font-size:10px;margin-left:2px}.chip.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.chip.accent{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.soft{background:var(--paper-2)}.chip.mono{font-family:IBM Plex Mono,monospace}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot.good{background:var(--good)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.muted{background:var(--line-soft)}table.wf{width:100%;border-collapse:collapse;font-size:13px}table.wf thead th{text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);border-bottom:1.5px solid var(--line);padding:8px 10px;background:var(--paper-2);white-space:nowrap}table.wf thead th .sort{color:var(--ink-3);margin-left:4px;font-size:10px}table.wf thead th.active{color:var(--ink)}table.wf thead th.active .sort{color:var(--accent)}table.wf tbody td{padding:9px 10px;border-bottom:1px solid var(--line-soft);vertical-align:top}table.wf tbody tr:hover td{background:var(--paper-2);cursor:pointer}table.wf tbody tr.sel td{background:var(--accent-tint)}table.wf .num{font-variant-numeric:tabular-nums}table.wf .truncate{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field{display:flex;flex-direction:column;gap:4px}.field>label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.input,.select{border:1.5px solid var(--line-soft);background:var(--paper);border-radius:4px;padding:6px 9px;font:inherit;font-size:13px;color:var(--ink)}.input.ph{color:var(--muted)}.input.bigsearch{font-size:16px;padding:10px 14px}.input.bigsearch:before{content:"🔍 "}.kvs{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;font-size:13px;align-items:baseline}.kvs .k{color:var(--ink-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.kvs .v{color:var(--ink)}.slot{background:repeating-linear-gradient(45deg,transparent 0 6px,var(--line-soft) 6px 7px);border:1.5px dashed var(--line-soft);display:flex;align-items:center;justify-content:center;color:var(--ink-3);font-family:IBM Plex Mono,monospace;font-size:10px;text-align:center;padding:6px;border-radius:3px}.stars{color:var(--accent);letter-spacing:1px}.stars .off{color:var(--line-soft)}.hr{border:0;border-top:1px solid var(--line-soft);margin:12px 0}.section-hd{display:flex;align-items:baseline;justify-content:space-between;margin:16px 0 6px}.section-hd h3{font-size:14px;font-weight:600}svg.wfsvg{width:100%;height:auto;display:block}svg .ax{stroke:var(--line-2);stroke-width:1.2;fill:none}svg .axsoft{stroke:var(--line-soft);stroke-width:1;fill:none}svg .ink{fill:var(--ink)}svg .ink-soft{fill:var(--ink-3)}svg .accent{fill:var(--accent)}svg .soft{fill:var(--line-soft)}svg .lbl{fill:var(--ink-3);font-family:IBM Plex Mono,monospace;font-size:9.5px}svg .hd{fill:var(--ink);font-family:IBM Plex Sans,sans-serif;font-size:11px;font-weight:600}.kpi-tile{border:1.5px solid var(--line);background:var(--paper);border-radius:4px;padding:12px 14px}.kpi-tile .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3)}.kpi-tile .val{font-size:26px;font-weight:600;line-height:1.1;margin-top:4px;font-variant-numeric:tabular-nums}.kpi-tile .delta{font-size:11px;color:var(--ink-3);margin-top:4px}.kpi-tile .delta.up{color:var(--good)}.kpi-tile .delta.down{color:var(--bad)}.annot{background:var(--note);border:1px dashed var(--line-2);border-radius:2px;padding:4px 8px;font-family:Architects Daughter,cursive;font-size:12px;color:var(--ink);display:none}body.show-annots .annot{display:inline-block}body.show-annots .annot.block{display:block}mark{background:var(--accent-tint);color:var(--ink);padding:0 2px;border-radius:2px}.tweaks{position:fixed;right:20px;bottom:20px;background:var(--paper);border:1.5px solid var(--line);border-radius:6px;box-shadow:4px 4px 0 var(--line);padding:12px 14px;z-index:50;min-width:240px;display:none}.tweaks.open{display:block}.tweaks h4{font-size:14px;margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}.tweaks .close{background:transparent;border:0;font-size:14px;cursor:pointer;color:var(--ink-3)}.tweaks .row{justify-content:space-between;padding:4px 0;font-size:13px}.seg{display:inline-flex;border:1.5px solid var(--line);border-radius:4px;overflow:hidden}.seg button{font:inherit;font-size:12px;background:transparent;border:0;padding:3px 10px;cursor:pointer;color:var(--ink)}.seg button.on{background:var(--ink);color:var(--bg)}.login-page{display:none;min-height:100vh;background:linear-gradient(var(--bg),var(--bg)),repeating-linear-gradient(0deg,var(--paper-2) 0 1px,transparent 1px 32px),repeating-linear-gradient(90deg,var(--paper-2) 0 1px,transparent 1px 32px);background-blend-mode:normal,multiply,multiply;align-items:center;justify-content:center;padding:40px}.login-page.active{display:flex}.login-card{width:380px;background:var(--paper);border:1.5px solid var(--line);border-radius:6px;box-shadow:4px 4px 0 var(--line);padding:28px}.subtabs{display:flex;gap:0;border-bottom:1.5px solid var(--line);margin-bottom:16px}.subtabs button{background:transparent;border:0;font:inherit;font-size:13px;padding:8px 14px;margin-bottom:-1.5px;border-bottom:2px solid transparent;cursor:pointer;color:var(--ink-3)}.subtabs button.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.subpanel{display:none}.subpanel.active{display:block}.idx{display:inline-flex;align-items:center;gap:3px;font-size:12px;padding:1px 6px;border-radius:3px;border:1px solid var(--line-soft);background:var(--paper-2);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}.idx.up{background:#4a7c4a1f;color:var(--good);border-color:#4a7c4a66}.idx.down{background:#a83b3b1a;color:var(--bad);border-color:#a83b3b59}.idx.flat{color:var(--ink-3)}.gtx{font-size:12px;background:var(--paper-2);border:1px solid var(--line-soft);padding:1px 6px;border-radius:3px;color:var(--ink-2);letter-spacing:.02em;font-variant-numeric:tabular-nums}.gtx.big{font-size:13px;padding:2px 8px}.divline{border-top:1.5px dashed var(--line-soft);margin:12px 0}.checkbox{width:14px;height:14px;border:1.5px solid var(--line-2);border-radius:2px;display:inline-block;vertical-align:middle}.checkbox.on{background:var(--ink);border-color:var(--ink);position:relative}.checkbox.on:after{content:"✓";position:absolute;top:-3px;left:1px;color:var(--bg);font-size:12px;font-weight:700}.wireframe-pill{position:fixed;top:12px;right:12px;font-family:IBM Plex Mono,monospace;font-size:10px;background:var(--ink);color:var(--bg);padding:3px 8px;border-radius:3px;letter-spacing:.1em;text-transform:uppercase;z-index:10;opacity:.85}body.compact table.wf tbody td{padding:5px 10px}body.compact .card.padded{padding:12px}.nav-item,.demobar button,.btn{cursor:pointer}.nav-item a,.sb-user a{color:inherit;text-decoration:none;display:block;width:100%}a.nav-link{color:inherit;text-decoration:none;display:contents}.sb-logo a{color:inherit;text-decoration:none;display:flex;align-items:center;gap:8px}input.input,textarea.input,select.select{outline:none;font-family:inherit}input.input:focus,textarea.input:focus,select.select:focus{border-color:var(--ink)}.flash{border:1.5px solid var(--bad);background:#a83b3b14;color:var(--bad);padding:8px 12px;border-radius:4px;font-size:13px;margin-bottom:12px}.flash.success{border-color:var(--good);background:#4a7c4a14;color:var(--good)}.nav-item.active kbd{display:none}.btn.discord{background:#5865f2;color:#fff;border-color:#5865f2;justify-content:center;padding:10px;font-weight:600}.btn.discord:hover{background:#4752c4;border-color:#4752c4}a.nav-item{color:var(--ink);text-decoration:none}a.nav-item.active{color:var(--bg)}