:root{--ink:#111827;--muted:#4b5563;--dim:#6b7280;--line:#e5e7eb;--glass:#ffffffe0;--ok:#16a34a;--bad:#ef4444;--gold:#ca8a04;--f-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--buncss-light:initial;--buncss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{overflow:hidden;height:100%;margin:0}body{font-family:var(--f-sans);color:var(--ink);background:radial-gradient(70% 60% at 50% 55%,#fff 0%,#f6f4f1 55%,#efebe6 100%);font-size:13px}.stage{position:fixed;display:flex;justify-content:center;align-items: center;inset:0}.view{position:relative}canvas{display:block;width:100%;height:auto}.overlay{position:absolute;pointer-events:none;inset:0}.top{position:fixed;display:flex;pointer-events:none;z-index:3;flex-wrap:wrap;align-items: center;gap:10px 22px;top:14px;left:16px;right:16px}.brand{display:flex;flex-direction:column;gap:2px;margin-right:6px}.brand small{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);display:flex;align-items: center;gap:7px;font-size:10px;font-weight:700}.brand small i{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #22c55e2e}.brand b{letter-spacing:-.01em;font-size:18px;font-weight:700}.stats{display:flex;background:var(--glass);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:6px;padding:6px;box-shadow:0 1px 3px #0000000a}.stat{display:flex;border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:4px 12px}.stat:last-child{border-right:0}.stat small{letter-spacing:.06em;text-transform:uppercase;color:var(--dim);white-space:nowrap;font-size:10px;font-weight:600}.stat b{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:17px;font-weight:600}.stat b.ok{color:var(--ok)}.stat b.warn{color:#ca8a04}.stat b.bad{color:var(--bad)}.stat b.gold{color:var(--gold)}.card{position:absolute;pointer-events:none;font-size:max(10px,calc(var(--s,1)*7.4px));background:var(--glass);backdrop-filter:blur(8px);border:1px solid var(--line);border-left:3px solid var(--c);display:flex;border-radius:8px;flex-direction:column;gap:.45em;width:max-content;padding:.7em .85em .75em;box-shadow:0 4px 18px #11182712}.card.L{transform:translate(-100%,-50%)}.card.R{transform:translateY(-50%)}.card.C{transform:translate(-50%,-100%)}.card.B{transform:translate(-50%)}.card.TL{transform:none}.card h3{display:flex;align-items:baseline;gap:.6em;margin:0;font-size:1.15em;font-weight:700}.card h3 span{color:var(--dim);margin-left:auto;font-size:.8em;font-weight:500}.card .r{display:flex;color:var(--muted);white-space:nowrap;align-items: center;gap:1em}.card .r b{font-family:var(--f-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.card .r b.bad{color:var(--bad)}.card .r b.ok{color:var(--ok)}.card .r b.warn{color:#ca8a04}.mixbar{background:0 0;gap:2px}.mixbar i{border-radius:2px}.card .src{display:inline-flex;align-items: center;gap:.3em}.card .src:before{content:"";background:var(--k);border-radius:2px;width:.6em;height:.6em}.bar{display:flex;overflow:hidden;background:var(--line);border-radius:3px;height:.5em}.bar i{display:block;background:var(--c);height:100%;transition:width .6s}.vrows{display:flex;flex-direction:column;gap:.35em}.card .r .muted{color:var(--dim);margin-left:auto}.lot{position:absolute;pointer-events:none;display:flex;white-space:nowrap;font-size:max(9.5px,calc(var(--s,1)*6.6px));color:var(--ink);background:var(--glass);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:99px;align-items: center;gap:.45em;padding:.25em .7em .25em .55em;font-weight:600;transform:translate(-50%,-100%);box-shadow:0 2px 8px #1118270f}.lot i{background:var(--k);border-radius:50%;flex:none;width:.6em;height:.6em}.lot small{font-family:var(--f-mono);color:var(--dim);font-size:.92em;font-weight:500}.tip{position:absolute;pointer-events:none;white-space:nowrap;border:1px solid var(--line);color:var(--muted);z-index:2;background:#fff;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.45;transform:translate(-50%,-100%);box-shadow:0 4px 14px #00000014}.tip b{color:var(--ink)}.tip small{color:var(--dim)}.panel{position:fixed;overflow:auto;z-index:4;border:1px solid var(--line);background:#fff;border-radius:14px;width:340px;max-height:calc(100vh - 200px);top:104px;right:16px;box-shadow:0 16px 40px #11182724}.panel:before{content:"";display:block;background:var(--c);position:sticky;z-index:1;border-radius:14px 14px 0 0;height:4px;top:0}.panel[hidden]{display:none}.panel .x{position:absolute;z-index:2;color:var(--dim);background:0 0;border:0;padding:4px 8px;font-size:20px;line-height:1;top:12px;right:10px}.panel .x:hover{color:var(--ink)}.pBody{display:flex;flex-direction:column;gap:12px;padding:14px 18px 18px}.pBody>*{flex-shrink:0}.panel h2{letter-spacing:-.01em;margin:0;padding-right:28px;font-size:18px;font-weight:700}.panel .sub{color:var(--muted);margin:2px 0 0;font-size:12.5px;line-height:1.4}.panel .tags{display:flex;flex-wrap:wrap;align-items: center;gap:6px}.tag{display:inline-flex;color:var(--muted);white-space:nowrap;background:#f3f4f6;border-radius:99px;flex:none;align-items: center;gap:5px;padding:1px 8px;font-size:11px;font-weight:600;line-height:1.5}.tag.k{background:color-mix(in srgb,var(--k)13%,#fff);color:color-mix(in srgb,var(--k)72%,#111)}.tag.k:before{content:"";background:var(--k);border-radius:50%;width:6px;height:6px}.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);overflow:hidden;background:#fafafa;border-radius:10px}.pgrid:has(>div:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.pgrid:has(>div:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.pgrid div{box-shadow:1px 0 0 var(--line),0 1px 0 var(--line);display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px 10px 9px}.pgrid small{color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;line-height:1.25}.pgrid b{font-family:var(--f-mono);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:15px;font-weight:600}.panel h4{border-top:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin:6px 0 -4px;padding-top:12px;font-size:10.5px;font-weight:700}.list{list-style:none;margin:0;padding:0}.list li{display:flex;color:var(--muted);border-bottom:1px solid #f3f4f6;align-items: center;gap:10px;padding:7px 0;font-size:12.5px;line-height:1.4}.list li:last-child{border-bottom:0}.list li>span:not(.tag){flex:1;min-width:0}.list time{font-family:var(--f-mono);color:var(--dim);flex:none;width:38px;font-size:11px}.list b{color:var(--ink);font-weight:600}.ticker{position:fixed;display:flex;pointer-events:none;z-index:3;flex-direction:column-reverse;gap:4px;width:min(460px,100vw - 32px);bottom:14px;left:16px}.ev{background:var(--glass);backdrop-filter:blur(8px);border:1px solid var(--line);display:flex;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:slide .5s ease-out;border-radius:7px;align-items:baseline;gap:9px;padding:6px 10px;font-size:12px}.ev time{font-family:var(--f-mono);color:var(--dim);font-size:10.5px}.ev b{color:var(--ink);font-weight:600}.ev i{display:inline-block;border-radius:2px;flex:none;width:7px;height:7px;transform:translateY(-1px)}.ev:nth-child(n+4){opacity:.55}@keyframes slide{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.dock{position:fixed;display:flex;z-index:3;flex-direction:column;align-items: flex-end;gap:8px;bottom:14px;right:16px}.legend{display:flex;color:var(--muted);background:var(--glass);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;justify-content:flex-end;gap:5px 12px;padding:6px 10px;font-size:11.5px}.legend span{display:flex;white-space:nowrap;align-items: center;gap:5px}.legend i{border-radius:1px;width:9px;height:6px}.controls{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items: center;gap:6px}.vol{display:flex;background:#fff;border:1px solid #d1d5db;border-radius:7px;align-items: center;gap:8px;padding:5px 10px;font-size:12.5px;font-weight:600}.vol input{accent-color:var(--accent);width:120px}.vol output{font-family:var(--f-mono);text-align:right;color:var(--muted);min-width:3.4em;font-weight:600}button{font-family:var(--f-sans);color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:7px;padding:7px 12px;font-size:12.5px;font-weight:600}button:hover{border-color:#9ca3af}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vol input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:760px){.ticker,.legend{display:none}.stat small{font-size:9px}.stat b{font-size:14px}html,body{overflow:auto;height:auto}.stage{position:relative;display:block;padding:0 16px}.stage .view{margin-left:auto;margin-right:auto}.top{position:absolute}.overlay{position:static;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 0 130px}.overlay .card{position:static;width:auto;font-size:11px;transform:none}.overlay .lot{display:none}.card .r{flex-wrap:wrap;gap:.2em .8em}.panel{width:auto;max-height:70vh;inset:auto 12px 12px}}@media (min-width:761px){body.inspect .stage{right:342px}}@media (prefers-reduced-motion:reduce){.ev{animation:none}}body:after{content:"";position:fixed;opacity:0;pointer-events:none;z-index:2;background:#475569;transition:opacity 1.4s;inset:0}body.wet:after{opacity:.14}