:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090c;--panel:#0d1015;--raise:#171c25;--line:#1d232d;--ink:#d5dce5;--dim:#7c8695;--faint:#4b5462;--buy:#2ee6a6;--sell:#ff4d6d;--liq-long:#ff9830;--liq-short:#be6eff;--amber:#ffc857;--shadow:#0000008c;--ui:"Inter", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "Cascadia Mono", Consolas, monospace}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:12.5px/1.4 var(--ui);overscroll-behavior:none;overflow:hidden}#app{grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100dvh;display:grid}.grow{flex:1}button,select{font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px 9px}button:hover{color:var(--ink)}button.on{color:var(--ink);border-color:var(--line);background:var(--raise)}select{color:var(--ink);background:var(--panel);border-color:var(--line);padding:3px 6px}kbd{font:10px var(--mono);color:var(--faint);margin-right:6px}.stepper{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:2px;display:flex}.stepper[hidden]{display:none}.stepper button{padding:1px 6px}.stepper .label,#span-label{color:var(--ink)}.stepper span.label,#span-label{text-align:right;margin-right:3px}#span-label,#strip .stepper .label{min-width:26px}.stepper>span+span.label{margin-left:4px}.stepper .label.follows{color:var(--dim)}#top{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:8px 12px;display:flex;position:relative}.brand{letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-size:11px;font-weight:700}#sym{border-radius:8px;padding:4px 8px;font-size:13px;font-weight:600}#price{min-width:9ch;font:600 16px/1 var(--mono);font-variant-numeric:tabular-nums;transition:color .4s}#price[data-dir=up]{color:var(--buy)}#price[data-dir=down]{color:var(--sell)}#held{color:var(--dim);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}#held b{color:var(--ink);font-weight:600}#funding[data-sign="1"]{color:var(--buy)}#funding[data-sign="-1"]{color:var(--sell)}#tabs{flex-wrap:wrap;flex-basis:100%;order:1;gap:3px;display:flex}#controls{flex-wrap:wrap;align-items:center;gap:6px 14px;margin-left:auto;display:flex}@media (width>=1900px){#tabs{flex-basis:auto;order:0}}@media (width<=1100px){#controls{flex-basis:100%;order:2;margin-left:0}}#tabs .aside{background:var(--line);width:1px;margin:4px 7px}.group{align-items:center;gap:6px;display:flex}.group.tight{gap:2px}#sound{align-items:center;gap:7px;padding-inline:4px;display:flex}#sound .track{background:var(--line);border-radius:7px;width:26px;height:14px;transition:background .15s;position:relative}#sound .thumb{background:var(--dim);border-radius:50%;width:10px;height:10px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}#sound[aria-checked=true]{color:var(--ink)}#sound[aria-checked=true] .track{background:color-mix(in srgb, var(--buy) 40%, var(--panel))}#sound[aria-checked=true] .thumb{background:var(--buy);transform:translate(12px)}#top{grid-row:1}#strip{grid-row:2}#work{grid-row:3}#status{grid-row:4}#strip{scrollbar-width:none;align-items:stretch;gap:4px;padding:0 12px 8px;display:flex;overflow:auto hidden}#strip[hidden]{display:none}#strip .stepper{flex:none}.cell{text-align:left;color:var(--ink);background:var(--panel);border-color:var(--line);font-variant-numeric:tabular-nums;border-radius:8px;flex:1 0 104px;grid-template:"name change""price line"18px/auto minmax(0,1fr);align-items:center;gap:0 8px;padding:4px 8px 7px;display:grid;position:relative;overflow:hidden}.cell.on{background:var(--raise);border-color:var(--faint)}.cell.blank{color:var(--dim)}.cell b{grid-area:name}.cell .change{font:600 11px var(--mono);grid-area:change;justify-self:end}.cell[data-dir=up] .change{color:var(--buy)}.cell[data-dir=down] .change{color:var(--sell)}.cell .change.part{opacity:.55}.cell .price{font:11px var(--mono);color:var(--dim);grid-area:price}.cell svg{grid-area:line;width:100%;height:100%}.cell polyline{fill:none;stroke-width:1.3px;vector-effect:non-scaling-stroke}.cell[data-dir=up] polyline{stroke:var(--buy)}.cell[data-dir=down] polyline{stroke:var(--sell)}.cell .flow{opacity:.85;height:2px;position:absolute;bottom:0;left:0;right:0}.cell .liq{font:normal 7px/1 var(--ui);position:absolute;top:2px;right:3px}.cell .liq[hidden]{display:none}.cell .liq[data-side="-1"]{color:var(--liq-long)}.cell .liq[data-side="1"]{color:var(--liq-short)}.cell.lit{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber) inset}#alerts,#help,#looks,#markets{z-index:20;white-space:normal;background:var(--panel);border:1px solid var(--line);width:min(430px,100vw - 24px);max-height:72vh;box-shadow:0 12px 40px var(--shadow);border-radius:10px;padding:12px 14px;position:absolute;top:100%;right:12px;overflow:auto}#alerts header,#help header,#looks header,#markets header{align-items:center;gap:12px;margin:0 0 8px;display:flex}#help{width:min(380px,100vw - 24px)}#looks{grid-template-columns:1fr 1fr;gap:0 14px;width:min(360px,100vw - 24px);display:grid}#looks[hidden]{display:none}#looks .look{text-align:left;align-items:center;gap:9px;width:100%;padding:3px 8px;display:flex}#looks .chip{flex:none;gap:3px;display:flex}#looks .chip i{border-radius:50%;width:9px;height:9px}#looks .strip .chip{border:1px solid var(--faint);border-radius:4px;gap:0;overflow:hidden}#looks .strip .chip i{border-radius:0;width:10px;height:11px}#markets-toggle.narrowed{color:var(--ink)}#markets{width:min(520px,100vw - 24px)}#markets ul{margin:0;padding:0;list-style:none}#markets li{grid-template-columns:104px minmax(0,1fr);align-items:start;gap:8px;padding:2px 0;display:grid}#markets li span{flex-wrap:wrap;gap:3px;display:flex}#markets button{border-color:var(--line);padding:1px 7px}#markets li button:not(.on):not(.exchange){color:var(--faint);text-decoration:line-through}#markets .exchange{color:var(--ink);text-align:left;border-color:#0000;align-items:center;gap:7px;padding-inline:2px;display:flex}#markets .exchange i{flex:none;display:flex}#markets li .site{border:1px solid var(--line);color:var(--faint);border-radius:6px;padding:1px 7px;text-decoration:none}#markets li .site:hover{color:var(--ink)}#markets .absent{opacity:.35}#markets .hint{color:var(--faint);margin:10px 0 0}#help dl{grid-template-columns:auto 1fr;gap:7px 14px;margin:0;display:grid}#help dt{color:var(--ink);white-space:nowrap}#help dd{color:var(--dim);margin:0}#help kbd{color:var(--ink);border:1px solid var(--line);border-radius:4px;margin:0;padding:1px 5px}#alerts ul+header{margin-top:14px}#alerts label{color:var(--dim);cursor:pointer;align-items:center;gap:4px;display:flex}#alerts form{flex-wrap:wrap;align-items:center;gap:6px;display:flex}#alerts input[name=value]{font:inherit;font-family:var(--mono);color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:3px 6px}#alerts .unit{color:var(--dim)}#alerts form button,#alerts .clear{border-color:var(--line)}#alerts .hint,#alerts .who{color:var(--faint);white-space:normal;margin:8px 0}#alerts ul{margin:0;padding:0;list-style:none}#alerts li{font-variant-numeric:tabular-nums;white-space:normal;align-items:baseline;gap:8px;padding:3px 0;display:flex}#alerts li b{min-width:3.2em}#alerts li span{flex:1}#alerts li time{color:var(--dim);font-family:var(--mono);font-size:11px}#alerts li button{padding:0 6px}#alerts li.spent,#alerts li.none{color:var(--faint)}#toasts{z-index:30;flex-direction:column;gap:6px;display:flex;position:fixed;top:48px;left:50%;transform:translate(-50%)}.toast{color:var(--ink);background:var(--raise);border:1px solid var(--amber);box-shadow:0 8px 28px var(--shadow);white-space:nowrap;border-radius:8px;align-items:baseline;gap:10px;padding:8px 14px;display:flex}.toast time{color:var(--dim);font-family:var(--mono);font-size:11px}#status{font-variant-numeric:tabular-nums;color:var(--dim);white-space:nowrap;align-items:center;gap:16px;padding:6px 12px;font-size:11px;display:flex;overflow:hidden}#venues{align-items:center;gap:6px;display:flex}.venue{opacity:.25;text-decoration:none;display:flex}.venue[data-state=live]{opacity:1}.venue[data-state=connecting]{animation:1s infinite blink}@keyframes blink{50%{opacity:.1}}#recorder[data-state=on]{color:var(--ink)}#liq b{font-weight:600}#liq[data-side="-1"] b{color:var(--liq-long)}#liq[data-side="1"] b{color:var(--liq-short)}#liq.fresh{color:var(--ink)}#work{grid-template-columns:minmax(0,1fr) auto;gap:6px;min-height:0;padding:0 6px;display:grid}#stage{scrollbar-width:thin;scrollbar-color:var(--line) transparent;grid-auto-rows:minmax(0,1fr);gap:6px;min-height:0;display:grid;overflow:hidden auto}#stage:empty:after{content:"pick views above, or press their numbers";color:var(--dim);place-self:center}#stage.free:not(:empty){scrollbar-width:thin;scrollbar-color:var(--line) transparent;margin:-3px;display:block;position:relative;overflow:hidden auto}#stage.free .pane,#stage.free>#tape{transition:left .14s,top .14s,width .14s,height .14s;position:absolute}#stage.free .pane>header,#stage.free>#tape>.tape-head{cursor:grab;touch-action:none}#stage.free .pane.held,#stage.free>#tape.held{z-index:5;opacity:.94;box-shadow:0 12px 36px var(--shadow);transition:none}#stage.free .pane.held>header,#stage.free>#tape.held>.tape-head{cursor:grabbing}.ghost{border:1px dashed var(--faint);background:color-mix(in srgb, var(--ink) 4%, transparent);pointer-events:none;border-radius:8px;position:absolute}.grip{cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg, transparent 55%, var(--faint) 55% 62%, transparent 62% 74%, var(--faint) 74% 81%, transparent 81%);width:16px;height:16px;display:none;position:absolute;bottom:0;right:0}#stage.free .grip{display:block}.pane,.list,.tape-head{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden}.pane,.list{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative}.pane[hidden]{display:none}.pane>header,.list>header,.tape-head{white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:4px 6px 4px 11px;display:flex}.pane>header,.list>header{border-bottom:1px solid var(--line)}.name{font-weight:600}.pane .q{text-overflow:ellipsis;min-width:0;color:var(--dim);flex:1;overflow:hidden}.pane>header>button{flex:none;padding:1px 6px}.pane>header .stepper,.pane>header .label{min-width:0}.pane>header .label{text-overflow:ellipsis;overflow:hidden}.pane>header .stepper button{flex:none}.pane .body,.list .body{min-height:0;position:relative}.pane canvas,.list canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pane canvas{cursor:crosshair;touch-action:pan-y}.pane canvas.orbits{cursor:grab}.pane canvas.dragged{cursor:grabbing}.pane canvas.linked{cursor:pointer}#tape{width:var(--tape-w,300px);grid-template-rows:auto minmax(0,7fr) minmax(0,3fr);gap:6px;display:grid;position:relative}#tape .edge{cursor:ew-resize;touch-action:none;border-radius:3px;width:6px;position:absolute;top:0;bottom:0;left:-6px}#tape .edge:hover,#tape .edge.held{background:color-mix(in srgb, var(--ink) 14%, transparent)}#stage.free>#tape>.edge{width:5px;left:-4px}#tape[hidden]{display:none}#tape.calm{grid-template-rows:auto minmax(0,1fr) 84px}#tape .grab{display:none}@media (width<=720px){#work{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:4px}#tape{width:auto}#tape .edge{display:none}#tape:not(.open){height:min(var(--strip,146px), 100dvh - 200px);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:0 4px}#tape .grab{cursor:ns-resize;touch-action:none;background:0 0;border:0;border-radius:8px 8px 0 0;grid-column:1/-1;height:18px;min-height:0;padding:0;display:block;position:relative}#tape .grab:after{content:"";position:absolute;inset:-12px 0 0}#tape .grab:before{content:"";background:var(--faint);border-radius:2px;width:36px;height:4px;margin:0 auto;display:block}#tape:not(.open)>.tape-head,#tape:not(.open)>.list>header{display:none}#tape:not(.open)>.list{grid-template-rows:minmax(0,1fr)}#tape.open{height:min(var(--sheet,52dvh), 100dvh - 200px);grid-template-rows:auto auto minmax(0,7fr) minmax(0,3fr);gap:4px}#tape.open.calm{grid-template-rows:auto auto minmax(0,1fr) 84px}#status{flex-wrap:wrap;gap:2px 8px;padding:4px 8px}#venues{gap:3px}.venue{background:currentColor;border-radius:50%;width:5px;height:5px}.venue svg,#status .grow,#recorder:empty,#liq{display:none}#app:has(#tape[hidden]) #liq{flex-basis:100%;display:block}}.tape-head{justify-content:space-between}#menu-toggle,.by-touch{display:none}@media (width<=720px){#top{gap:6px 8px;padding:6px 8px}.brand,#held{display:none}#price{min-width:0;font-size:15px}#controls{display:contents}#controls>*{order:2;display:none}#controls>.stepper:first-child{order:0;margin-left:auto;display:flex}#controls>.stepper:first-child>span:first-child{display:none}#menu-toggle{border-color:var(--line);order:0;padding-inline:8px;display:block}#top.menu #controls>*{display:flex}#top #controls>.group:has(#free){display:none}#tabs{display:none}#top.menu #tabs{display:flex}#alerts,#help,#looks,#markets{max-height:64vh;right:8px}#work{padding:0 4px}#stage{overscroll-behavior:contain}}@media (pointer:coarse){button,select{min-height:34px}#tabs button{padding-inline:12px}#tabs kbd{display:none}.stepper button,.pane>header>button{min-width:32px}.pane>header{padding-block:2px}select,input,#alerts input[name=value]{font-size:16px}.by-touch{display:block}}