:root{--bg: #0b0e14;--panel: #121721;--panel-2: #161c28;--border: #1e2634;--border-soft: #19202c;--text: #e6eaf2;--muted: #8a94a6;--dim: #5c6678;--up: #26a69a;--up-bg: rgba(38, 166, 154, .12);--down: #ef5350;--down-bg: rgba(239, 83, 80, .12);--warn: #f5a524;--warn-bg: rgba(245, 165, 36, .12);--accent: #4c8dff;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--r: 8px;--s: 4px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased}.num,td.num,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.up{color:var(--up)}.down{color:var(--down)}.flat{color:var(--muted)}.app{max-width:1400px;margin:0 auto;padding:0 20px 64px}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:20px;padding:14px 20px;margin:0 -20px 20px;background:#0b0e14eb;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{font-weight:650;letter-spacing:-.01em;font-size:15px}.brand span{color:var(--dim);font-weight:400;margin-left:8px;font-size:12px}.topbar .spacer{flex:1}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--panel);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--dim)}.pill.open .dot{background:var(--up);box-shadow:0 0 0 3px var(--up-bg)}.pill.closed .dot{background:var(--warn)}.pill.err .dot{background:var(--down)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.panel>header{display:flex;align-items:baseline;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-soft)}.panel>header h2{margin:0;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.panel>header .hint{font-size:11px;color:var(--dim);margin-left:auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stack{display:flex;flex-direction:column;gap:16px}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.tile{background:var(--panel);border:1px solid var(--border);border-radius:var(--r);padding:12px 14px}.tile .label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:6px}.tile .value{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:20px;letter-spacing:-.02em}.tile .sub{font-size:11px;color:var(--dim);margin-top:3px}table{width:100%;border-collapse:collapse}thead th{text-align:right;padding:8px 12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);border-bottom:1px solid var(--border-soft);white-space:nowrap}thead th:first-child,tbody td:first-child{text-align:left}tbody td{padding:7px 12px;text-align:right;border-bottom:1px solid var(--border-soft);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--panel-2)}.sym{font-family:var(--mono);font-weight:600}.name{color:var(--dim);font-size:11px;margin-left:8px;font-family:var(--sans);font-weight:400}@keyframes flash-up{0%{background:var(--up-bg)}to{background:transparent}}@keyframes flash-down{0%{background:var(--down-bg)}to{background:transparent}}.tick-up{animation:flash-up .5s ease-out}.tick-down{animation:flash-down .5s ease-out}@media(prefers-reduced-motion:reduce){.tick-up,.tick-down{animation:none}}.mover{display:flex;align-items:center;gap:10px;padding:7px 14px;border-bottom:1px solid var(--border-soft)}.mover:last-child{border-bottom:none}.mover .rank{width:16px;color:var(--dim);font-family:var(--mono);font-size:11px}.mover .who{flex:1;min-width:0}.mover .who .sym{font-size:13px}.mover .who .name{display:block;margin:0;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mover .bar{width:70px;height:4px;border-radius:2px;background:var(--border);overflow:hidden}.mover .bar i{display:block;height:100%;border-radius:2px}.mover .figs{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums;min-width:130px}.mover .figs .pct{font-size:13px}.mover .figs .abs{font-size:11px;color:var(--dim);margin-left:8px}.badge{display:inline-block;padding:1px 7px;border-radius:4px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.badge.low{background:var(--up-bg);color:var(--up)}.badge.medium{background:var(--warn-bg);color:var(--warn)}.badge.high{background:var(--down-bg);color:var(--down)}.badge.neutral{background:var(--border);color:var(--muted)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{display:inline-flex;align-items:center;gap:7px;padding:4px 9px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);font-size:11px;font-family:var(--mono);font-variant-numeric:tabular-nums}.chip .csym{font-weight:600}.chip .camt{color:var(--muted)}.chip.skipped{opacity:.55;border-style:dashed}.chip.skipped .csym{text-decoration:line-through}.chip .reason{color:var(--dim);font-family:var(--sans)}.post{border-bottom:1px solid var(--border-soft);padding:14px}.post:last-child{border-bottom:none}.post-head{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.post-head .handle{color:var(--text);font-weight:600}.post-head a{color:var(--dim);text-decoration:none;margin-left:auto}.post-head a:hover{color:var(--accent)}.post-text{margin:8px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.post-media{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.post-media img{width:88px;height:88px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.expander{margin-top:10px;background:none;border:none;cursor:pointer;color:var(--accent);font-size:11px;font-family:var(--sans);padding:0}.expander:hover{text-decoration:underline}.detail{margin-top:12px;display:flex;flex-direction:column;gap:10px}.signal{display:grid;grid-template-columns:1fr 260px;gap:16px;padding:12px;border:1px solid var(--border);border-radius:var(--r);background:var(--panel-2)}@media(max-width:800px){.signal{grid-template-columns:1fr}}.signal h4{margin:0 0 6px;font-size:13px;display:flex;align-items:center;gap:8px}.signal .why{color:var(--muted);font-size:12px;margin:6px 0 0}.signal .why b{color:var(--text);font-weight:600}.kv{display:grid;grid-template-columns:auto auto;gap:4px 12px;font-size:12px;align-content:start}.kv dt{color:var(--muted)}.kv dd{margin:0;text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}.norecord{font-size:11px;color:var(--dim);font-style:italic;padding:8px 10px;border:1px dashed var(--border);border-radius:6px}.empty{padding:28px 14px;text-align:center;color:var(--dim);font-size:12px}.stalebar{background:var(--warn-bg);color:var(--warn);padding:6px 14px;font-size:11px;border-radius:var(--r);margin-bottom:12px;border:1px solid rgba(245,165,36,.25)}.footer{margin-top:28px;text-align:center;color:var(--dim);font-size:11px}.pager{display:flex;gap:8px;justify-content:center;padding:12px}.pager button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:5px 12px;font-size:12px;cursor:pointer;font-family:var(--sans)}.pager button:disabled{opacity:.4;cursor:default}.pager button:not(:disabled):hover{border-color:var(--accent)}.moverblock{border-bottom:1px solid var(--border-soft)}.moverblock:last-child{border-bottom:none}.moverbtn{display:block;width:100%;padding:0;margin:0;background:none;border:none;text-align:left;cursor:pointer;font:inherit;color:inherit}.moverbtn:hover .mover{background:var(--panel-2)}.moverbtn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.mover.clickable{border-bottom:none}.mover.clickable .rank{color:var(--accent)}.mover.expanded{background:var(--panel-2)}.chartwrap{padding:4px 14px 14px;background:var(--panel-2)}.charthead{display:flex;align-items:center;gap:10px;padding:8px 0 10px}.charthead .spacer{flex:1}.chartitle .sym{font-size:13px}.ranges{display:inline-flex;gap:4px}.ranges button{background:var(--panel);border:1px solid var(--border);color:var(--muted);border-radius:5px;padding:3px 8px;font-size:11px;cursor:pointer;font-family:var(--mono);font-variant-numeric:tabular-nums}.ranges button:hover{border-color:var(--accent);color:var(--text)}.ranges button.active{background:var(--accent);border-color:var(--accent);color:#fff}.chart{width:100%;height:260px}.chartlegend{display:flex;align-items:center;gap:16px;margin-top:8px;font-size:11px;color:var(--muted)}.chartlegend .swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:6px;vertical-align:-1px}.chartlegend .swatch.held{background:var(--up)}.chartlegend .swatch.base{background:var(--dim)}.chartlegend .name{margin-left:auto}.loginwrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.loginbox{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:12px}.loginbox .brand{font-size:17px;margin-bottom:4px}.loginnote{margin:0 0 4px;color:var(--muted);font-size:12px;line-height:1.55}.loginnote code{font-family:var(--mono);color:var(--text)}.field{display:flex;flex-direction:column;gap:5px}.field span{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.field input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 10px;font-size:13px;font-family:var(--mono);width:100%}.field input:focus{outline:none;border-color:var(--accent)}.loginbox button.primary,.loginbox a.primary{background:var(--accent);border:none;color:#fff;border-radius:6px;padding:10px 14px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans);margin-top:4px;display:block;text-align:center;text-decoration:none}.loginbox button.primary:disabled{opacity:.5;cursor:default}.loginbox button.link{background:none;border:none;color:var(--muted);font-size:11px;cursor:pointer;font-family:var(--sans);padding:0}.loginbox button.link:hover{color:var(--accent);text-decoration:underline}.loginerror{margin:0;padding:8px 10px;border-radius:6px;font-size:12px;background:var(--down-bg);color:var(--down);border:1px solid rgba(239,83,80,.25)}.loginfoot{margin:4px 0 0;font-size:11px;color:var(--dim)}.loginfoot code{font-family:var(--mono)}.pill.signout{cursor:pointer;font-family:var(--sans)}.pill.signout:hover{border-color:var(--accent);color:var(--text)}.analysis{display:flex;align-items:baseline;gap:8px;margin-top:10px;padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:var(--bg);font-size:11.5px;line-height:1.5;color:var(--muted)}.analysis .badge{flex:none}.analysis.muted{opacity:.72}.analysis.bad{border-color:#ef535047;color:var(--down)}.tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tablewrap table{min-width:100%}.tablewrap thead th:first-child,.tablewrap tbody td:first-child{position:sticky;left:0;z-index:1;background:var(--panel);box-shadow:1px 0 0 var(--border-soft)}.tablewrap tbody tr:hover td:first-child{background:var(--panel-2)}@media(max-width:720px){.app{padding:0 14px 48px}.topbar{flex-wrap:wrap;gap:8px;padding:10px 14px;margin:0 -14px 16px}.topbar .spacer{display:none}.brand{font-size:14px}.brand span{display:none}.pill{font-size:10px;padding:3px 8px;letter-spacing:.04em}.panel>header{padding:10px 12px}thead th,tbody td{padding:7px 10px}.mover{gap:8px;padding:7px 12px}.mover .bar{display:none}.mover .figs{min-width:0}.mover .figs .abs{display:block;margin-left:0}.stats{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px}.tile{padding:10px 12px}.tile .value{font-size:17px}.post{padding:12px}.post-media img{width:72px;height:72px}.expander{padding:6px 0;font-size:12px}}@media(max-width:380px){.topbar .pill.age{display:none}}@media(max-width:720px){.field input{font-size:16px}.loginbox{padding:22px}}.usage{padding:14px;display:flex;flex-direction:column;gap:12px}.usage .stats{gap:10px}.budget{display:flex;flex-direction:column;gap:6px}.budget-head{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--muted)}.budget-head .num{font-family:var(--mono);font-variant-numeric:tabular-nums}.meter{height:6px;border-radius:3px;background:var(--border);overflow:hidden}.meter i{display:block;height:100%;border-radius:3px}.meter i.up{background:var(--up)}.meter i.warn{background:var(--warn)}.meter i.down{background:var(--down)}.warn{color:var(--warn)}.usage-note{margin:0;font-size:11px;line-height:1.5;color:var(--dim)}.usage-note code{font-family:var(--mono);color:var(--muted)}
