:root{--bg:#0a0e14;--panel:#10151d;--panel-2:#161d27;--border:#1e2733;--text:#c6d0dc;--text-dim:#7d8a99;--accent:#35d0a5;--up:#1fbf75;--down:#f6465d;--sans:-apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:13px/1.4 var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:var(--text-dim)}a:hover{color:var(--accent)}.app{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;height:42px;padding:0 14px;display:flex}.brand{font-family:var(--mono);letter-spacing:2px;font-size:14px;font-weight:700}.brand-accent{color:var(--accent)}.grid-presets{gap:4px;display:flex}.preset-btn{font-family:var(--mono);border:1px solid var(--border);min-width:26px;height:24px;color:var(--text-dim);border-radius:4px;font-size:11px}.preset-btn:hover{color:var(--text);border-color:var(--text-dim)}.preset-btn.active{color:var(--accent);border-color:var(--accent);background:#35d0a514}.wall-presets{font-family:var(--mono);border:1px solid var(--border);background:var(--panel);color:var(--text-dim);cursor:pointer;border-radius:4px;padding:4px 6px;font-size:11px}.wall-presets:hover{color:var(--text);border-color:var(--text-dim)}.share-btn{font-family:var(--mono);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:4px 12px;font-size:11px}.share-btn:hover{color:var(--accent);border-color:var(--accent)}.share-btn.done{color:var(--up);border-color:var(--up)}.topbar-spacer{flex:1}.topbar-info{font-family:var(--mono);color:var(--text-dim);font-size:11px}.attribution{color:var(--text-dim);font-size:11px}.banner{color:var(--text);background:#f6465d1f;border-bottom:1px solid #f6465d59;padding:8px 14px;font-size:12px}.banner.warn{background:#e3b3411a;border-bottom-color:#e3b34159}.grid{background:var(--bg);flex:1;gap:5px;min-height:0;padding:5px;display:grid}.cell-slot{min-width:0;min-height:0;display:flex}.cell-slot.dragging .cell{opacity:.45}.cell-slot.drop-target .cell{border-color:var(--accent)}.cell{background:var(--panel);border:1px solid var(--border);border-radius:5px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden;container-type:inline-size}.cell-header{border-bottom:1px solid var(--border);cursor:grab;flex-shrink:0;align-items:center;gap:7px;height:28px;padding:0 8px;display:flex;overflow:hidden}.cell-header:active{cursor:grabbing}.cell-chg{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-size:11px}.cell-chg.up{color:var(--up)}.cell-chg.down{color:var(--down)}.cell-statsbar{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-dim);border-bottom:1px solid var(--border);white-space:nowrap;flex-shrink:0;gap:10px;padding:2px 8px;font-size:10px;display:flex;overflow:hidden}@container (width<=200px){.cell-statsbar{display:none}}.cell-market{font-family:var(--mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;max-width:60%;font-size:12px;font-weight:600;overflow:hidden}.cell-market:hover{color:var(--accent)}.kind-badge{font-family:var(--mono);letter-spacing:.5px;border-radius:3px;flex-shrink:0;padding:1px 5px;font-size:9px}.kind-perp{color:#58a6ff;background:#58a6ff1f}.kind-spot{color:#35d0a5;background:#35d0a51f}.kind-hip3{color:#e3b341;background:#e3b3411f}.kind-hip4{color:#d38aea;background:#d38aea1f}.cell-price{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.cell-price.up{color:var(--up)}.cell-price.down{color:var(--down)}.cell-spacer{flex:1}.cell-intervals{flex-shrink:0;gap:2px;display:flex}.iv-btn{font-family:var(--mono);color:var(--text-dim);border-radius:3px;padding:2px 5px;font-size:10px}.iv-btn:hover{color:var(--text);background:var(--panel-2)}.iv-btn.active{color:var(--accent);background:#35d0a51a}.cell-pop{color:var(--text-dim);flex-shrink:0;padding:2px 3px;font-size:12px;line-height:1}.cell-pop:hover{color:var(--accent)}@container (width<=260px){.cell-pop{display:none}}.cell-clear{color:var(--text-dim);flex-shrink:0;padding:2px 4px;font-size:14px;line-height:1}.cell-clear:hover{color:var(--down)}.cell-iv-select{font:10px var(--mono);color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:3px;flex-shrink:0;padding:1px 2px;display:none}@container (width<=420px){.cell-intervals{display:none}.cell-iv-select{display:block}}@container (width<=300px){.cell-header .kind-badge,.cell-market-suffix{display:none}}.cell-market-suffix{color:var(--text-dim);font-weight:400}.cell-body{flex:1;min-height:0;position:relative}.cell-body-empty{cursor:pointer}.cell-body-empty:hover .pick-big{color:var(--accent);border-color:var(--accent)}.cell-chart{position:absolute;inset:0}.cell-overlay{font-family:var(--mono);color:var(--text-dim);background:var(--panel);flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:0}.err-text{color:var(--down)}.retry-btn,.pick-big{font-family:var(--mono);border:1px solid var(--border);color:var(--text-dim);border-radius:4px;padding:5px 14px;font-size:12px}.retry-btn:hover,.pick-big:hover{color:var(--accent);border-color:var(--accent)}.picker-backdrop{z-index:100;background:#04070bb3;justify-content:center;align-items:flex-start;padding-top:8vh;display:flex;position:fixed;inset:0}.picker{background:var(--panel);border:1px solid var(--border);border-radius:8px;flex-direction:column;width:800px;max-width:calc(100vw - 32px);height:540px;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000008c}.pk-top{align-items:center;gap:10px;padding:10px 12px 0;display:flex}.pk-search-wrap{flex:1;position:relative}.pk-search-icon{color:var(--text-dim);pointer-events:none;font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.pk-search{width:100%;font:13px var(--sans);color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;outline:none;padding:8px 10px 8px 30px}.pk-search:focus{border-color:var(--text-dim)}.pk-search::placeholder{color:var(--text-dim)}.pk-strict{background:var(--panel-2);border:1px solid var(--border);border-radius:6px;flex-shrink:0;display:flex;overflow:hidden}.pk-strict-btn{color:var(--text-dim);padding:7px 16px;font-size:12px}.pk-strict-btn.on-strict{background:var(--up);color:#06281a;font-weight:600}.pk-strict-btn.on-all{color:#2b0812;background:#e8688a;font-weight:600}.pk-tabs{gap:2px;padding:8px 8px 0;display:flex;overflow-x:auto}.pk-tab{color:var(--text-dim);white-space:nowrap;border-bottom:2px solid #0000;padding:6px 10px 8px;font-size:12.5px}.pk-tab:hover{color:var(--text)}.pk-tab.active{color:var(--text);border-bottom-color:var(--text)}.pk-subtabs{gap:4px;padding:8px 12px 0;display:flex}.pk-subtab{color:var(--text-dim);border-radius:4px;padding:3px 10px;font-size:11.5px}.pk-subtab:hover{color:var(--text)}.pk-subtab.active{color:var(--accent);background:#35d0a51a}.pk-grid-perp{grid-template-columns:minmax(190px,2.1fr) 1fr 1.6fr 1fr 1.2fr 1.2fr;gap:8px;display:grid}.pk-grid-spot{grid-template-columns:minmax(190px,2.1fr) 1fr 1.6fr 1.2fr 1.4fr;gap:8px;display:grid}.pk-thead{background:var(--panel-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:4px;padding:8px 12px 6px}.pk-th{color:var(--text-dim);text-align:left;white-space:nowrap;font-size:11.5px}.pk-th:hover{color:var(--text)}.pk-sort-arrow{vertical-align:middle;margin-left:4px;font-size:8px}.pk-list{flex:1;overflow-y:auto}.pk-row{width:100%;min-height:27px;color:var(--text);text-align:left;font-variant-numeric:tabular-nums;align-items:center;padding:0 12px;font-size:12.5px}.pk-row.hl{background:var(--panel-2)}.pk-cell{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pk-cell.up{color:var(--up)}.pk-cell.down{color:var(--down)}.pk-market{align-items:center;gap:6px;display:flex}.pk-star{color:var(--text-dim);cursor:pointer;font-size:13px;line-height:1}.pk-star:hover,.pk-star.faved{color:#e3b341}.pk-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.pk-name-suffix{color:var(--text-dim);font-weight:400}.pk-pill{color:var(--up);background:#1fbf751f;border-radius:5px;flex-shrink:0;padding:0 4px;font-size:10.5px;line-height:1.7}.pk-qrow{border-bottom:1px solid #1e273380;padding:4px 12px 6px;display:block}.pk-qmain{width:100%;color:var(--text);justify-content:space-between;align-items:center;padding:3px 0;font-size:12.5px;display:flex}.pk-qchance{color:var(--text-dim);font-variant-numeric:tabular-nums}.pk-qoutcomes{flex-wrap:wrap;gap:6px;padding:2px 0 2px 12px;display:flex}.pk-qseg{color:var(--text-dim);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:11.5px}.pk-qseg:hover{color:var(--accent);border-color:var(--accent)}.pk-foot{border-top:1px solid var(--border);align-items:center;gap:10px;padding:7px 12px;display:flex}.pk-hint{color:var(--text-dim);font-size:11px}.pk-hint b{background:var(--panel-2);border:1px solid var(--border);border-radius:4px;margin-right:3px;padding:1px 5px;font-weight:500}.pk-loading{color:var(--text-dim);margin-left:auto;font-size:11px}.picker-empty{text-align:center;color:var(--text-dim);font-family:var(--mono);padding:24px;font-size:12px}