:root{color-scheme:light;--plane: #f9f9f7;--surface-1: #fcfcfb;--surface-2: #f2f1ed;--text-primary: #0b0b0b;--text-secondary: #52514e;--muted: #898781;--axis: #c3c2b7;--grid: #e1e0d9;--border: rgba(11, 11, 11, .1);--border-strong: rgba(11, 11, 11, .18);--up: #006300;--up-wash: rgba(0, 99, 0, .14);--down: #d03b3b;--down-wash: rgba(208, 59, 59, .14);--flat: #52514e;--flat-wash: rgba(82, 81, 78, .12);--accent: #2a78d6;--warning: #fab219;--serious: #ec835a;--tooltip-bg: #ffffff;--tooltip-border: rgba(11, 11, 11, .14);--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(11, 11, 11, .04), 0 1px 8px rgba(11, 11, 11, .04);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--plane: #0d0d0d;--surface-1: #1a1a19;--surface-2: #232322;--text-primary: #ffffff;--text-secondary: #c3c2b7;--muted: #898781;--axis: #383835;--grid: #2c2c2a;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--up: #0ca30c;--up-wash: rgba(12, 163, 12, .18);--down: #e66767;--down-wash: rgba(230, 103, 103, .18);--flat: #c3c2b7;--flat-wash: rgba(195, 194, 183, .12);--accent: #3987e5;--tooltip-bg: #232322;--tooltip-border: rgba(255, 255, 255, .16);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 8px rgba(0, 0, 0, .3)}}:root[data-theme=dark]{color-scheme:dark;--plane: #0d0d0d;--surface-1: #1a1a19;--surface-2: #232322;--text-primary: #ffffff;--text-secondary: #c3c2b7;--muted: #898781;--axis: #383835;--grid: #2c2c2a;--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--up: #0ca30c;--up-wash: rgba(12, 163, 12, .18);--down: #e66767;--down-wash: rgba(230, 103, 103, .18);--flat: #c3c2b7;--flat-wash: rgba(195, 194, 183, .12);--accent: #3987e5;--tooltip-bg: #232322;--tooltip-border: rgba(255, 255, 255, .16);--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 1px 8px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--plane);color:var(--text-primary);font-family:var(--font);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}.app{max-width:1560px;margin:0 auto;padding:16px 16px 56px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0 12px;margin-bottom:12px;background:color-mix(in srgb,var(--plane) 92%,transparent);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:baseline;gap:8px;font-weight:650;font-size:15px;letter-spacing:-.01em;white-space:nowrap}.brand small{font-weight:450;font-size:12px;color:var(--muted)}.topbar-spacer{flex:1 1 auto}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted);flex:none}.status[data-state=live] .status-dot{background:var(--up)}.status[data-state=connecting] .status-dot{background:var(--warning)}.status[data-state=offline] .status-dot{background:var(--down)}.toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:4px}.toolbar-group{display:inline-flex;align-items:center;gap:8px}.toolbar-label{font-size:11px;color:var(--muted);white-space:nowrap;letter-spacing:.02em}.select{height:34px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);font-size:13px}.select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.select:disabled{opacity:.5}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{border-color:var(--border);color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-secondary);font-size:13px;transition:background .12s,border-color .12s,color .12s}.btn{text-decoration:none}.btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-icon{width:34px;padding:0}.segmented{display:inline-flex;padding:2px;gap:2px;background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--border)}.segmented button{border:0;background:transparent;color:var(--muted);font-size:12px;font-weight:500;padding:4px 9px;border-radius:6px;transition:background .12s,color .12s;white-space:nowrap}.segmented button:hover{color:var(--text-primary)}.segmented button[aria-pressed=true]{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow)}.segmented button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.search{position:relative;flex:1 1 260px;min-width:200px;max-width:420px}.search-input{width:100%;height:34px;padding:0 32px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary)}.search-input::placeholder{color:var(--muted)}.search-input:focus{outline:none;border-color:var(--accent)}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-size:13px}.search-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:6px;background:transparent;color:var(--muted);line-height:1}.search-clear:hover{background:var(--surface-2);color:var(--text-primary)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;max-height:min(64vh,460px);overflow-y:auto;padding:4px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.search-empty{padding:12px;color:var(--muted);font-size:13px}.result{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left}.result:hover,.result:focus-visible{background:var(--surface-2);outline:none}.result-symbol{font-weight:620;font-size:13px;min-width:62px;color:var(--text-primary)}.result-name{flex:1;font-size:12px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-meta{font-size:11px;color:var(--muted);white-space:nowrap}.result-add{flex:none;width:26px;height:26px;border:1px solid var(--border);border-radius:6px;background:var(--surface-1);color:var(--text-secondary);font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.result-add:hover{border-color:var(--accent);color:var(--accent)}.section-head{display:flex;align-items:center;gap:10px;margin:24px 2px 10px}.section-head h2{margin:0;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--muted)}.section-head .rule{flex:1;height:1px;background:var(--grid)}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}.card{display:flex;flex-direction:column;padding:14px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card[data-stale=true]{opacity:.62}.card-head{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}.card-title{min-width:0;flex:1}.card-symbol{display:flex;align-items:center;gap:7px;font-size:16px;font-weight:660;letter-spacing:-.01em}.card-name{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-actions{display:flex;gap:4px;flex:none;opacity:0;transition:opacity .12s}.card:hover .card-actions,.card:focus-within .card-actions{opacity:1}@media(hover:none){.card-actions{opacity:1}}.card-action{width:26px;height:26px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.card-action:hover{border-color:var(--border);color:var(--text-primary);background:var(--surface-2)}.card-action[data-danger=true]:hover{color:var(--down);border-color:color-mix(in srgb,var(--down) 45%,var(--border))}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 7px;border-radius:999px;border:1px solid var(--border);background:var(--surface-2);font-size:10.5px;font-weight:550;letter-spacing:.02em;color:var(--text-secondary);white-space:nowrap;flex:none}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--muted)}.badge[data-session=REGULAR]:before,.badge[data-session=CRYPTO]:before{background:var(--up)}.badge[data-session=PRE]:before{background:var(--warning)}.badge[data-session=POST]:before{background:var(--serious)}.badge[data-session=CLOSED]:before{background:var(--muted)}.badge-delayed{border-color:color-mix(in srgb,var(--warning) 45%,var(--border));color:var(--text-secondary)}.badge-delayed:before{background:var(--warning)}.card-price{font-size:27px;font-weight:640;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.15}.card-delta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:3px;font-size:14px;font-weight:560;font-variant-numeric:tabular-nums}.card-delta[data-dir=up]{color:var(--up)}.card-delta[data-dir=down]{color:var(--down)}.card-delta[data-dir=flat]{color:var(--flat)}.card-delta .arrow{font-size:11px}.card-delta .basis{font-size:11px;font-weight:450;color:var(--muted)}.card-secondary{margin-top:5px;font-size:11.5px;color:var(--muted);font-variant-numeric:tabular-nums}.card-secondary b{font-weight:600}.card-secondary [data-dir=up]{color:var(--up)}.card-secondary [data-dir=down]{color:var(--down)}.chart-wrap{position:relative;margin:12px -4px 8px;height:116px;touch-action:pan-y}.chart-wrap canvas{width:100%;height:100%;display:block}.chart-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.chart-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--down);text-align:center;padding:0 12px}.card-foot{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:9px;border-top:1px solid var(--grid);font-size:11px;color:var(--muted)}.card-foot .spacer{flex:1}.card-foot .segmented{border:0;background:transparent;padding:0}.card-foot .segmented button{padding:3px 7px;font-size:11px}.card-range-row{display:flex;justify-content:center;margin-top:2px}.card-range-row .segmented{width:100%;justify-content:space-between}.card-range-row .segmented button{flex:1}.rows{display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.row{display:flex;align-items:center;gap:10px;min-height:44px;padding:6px 8px 6px 12px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-sm)}.row[data-stale=true]{opacity:.62}.row-symbol{font-weight:640;font-size:13.5px;white-space:nowrap}.row-gap{flex:1;min-width:4px}.row-price{font-size:13.5px;font-weight:560;font-variant-numeric:tabular-nums;white-space:nowrap}.row-delta{min-width:68px;text-align:right;font-size:12.5px;font-weight:560;font-variant-numeric:tabular-nums;white-space:nowrap}.row-delta[data-dir=up]{color:var(--up)}.row-delta[data-dir=down]{color:var(--down)}.row-delta[data-dir=flat]{color:var(--flat)}.row-actions{display:flex;gap:2px;flex:none}.row-actions .card-action{width:30px;height:30px}.row-actions .card-action[data-danger=true]:hover{color:var(--down);border-color:color-mix(in srgb,var(--down) 45%,var(--border))}.empty{padding:40px 16px;text-align:center;color:var(--muted);border:1px dashed var(--grid);border-radius:var(--radius);font-size:13px}.skeleton{height:236px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(90deg,var(--surface-1) 0%,var(--surface-2) 50%,var(--surface-1) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:60;max-width:min(92vw,460px);padding:9px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-1);box-shadow:var(--shadow);font-size:13px}.toast[data-kind=error]{border-color:color-mix(in srgb,var(--down) 50%,var(--border))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:640px){.app{padding:8px 10px 40px}.topbar{gap:8px;padding:8px 0 10px}.brand{font-size:14px}.brand small{display:none}.search{flex-basis:100%;max-width:none;order:10}.grid{grid-template-columns:1fr;gap:10px}.rows{grid-template-columns:1fr}.toolbar{gap:8px;padding-bottom:8px}.toolbar-group{flex:1 1 auto}.toolbar .segmented{width:100%;justify-content:space-between}.toolbar .segmented button{flex:1}.toolbar-label{display:none}.select{flex:1;min-width:0}.card{padding:12px}.card-price{font-size:25px}.chart-wrap{height:132px}}