:root{--font-sans:"Aptos Display", "Aptos", "Segoe UI Variable Text", "SF Pro Text", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono:"Cascadia Code", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--text-caption:.8125rem;--text-label:.9375rem;--text-body:1rem;--text-body-compact:.984375rem;--text-subheading:1.25rem;--text-heading:1.625rem;--tracking-meta:.02em;--tracking-ui:.015em;--tracking-label:.08em;--tracking-kicker:.13em;--leading-tight:1.16;--leading-body:1.72;--space-2xs:.375rem;--space-xs:.625rem;--space-sm:.875rem;--space-md:1.25rem;--space-lg:1.75rem;--space-xl:2.5rem;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--glass:blur(12px) saturate(160%)}[data-theme=dark]{--bg-base:#0c1016;--bg-surface:#121821;--bg-panel:#131820e6;--bg-panel-hover:#161c25f0;--bg-elevated:#181d27fa;--border:#a0adc11f;--border-bright:#b0bed233;--text-main:#eef2f7;--text-muted:#a2adbd;--text-dim:#758195;--accent:#8c96c9;--accent-soft:#8c96c91f;--accent-2:#8aa5b8;--accent-2-soft:#8aa5b81f;--hero-accent:#c4a36f;--hero-accent-soft:#c4a36f24;--hero-ink:#f4ead7;--hero-line:#c4a36f38;--positive:#5ba986;--positive-soft:#5ba9861f;--negative:#c77a7f;--negative-soft:#c77a7f1f;--warning:#c39a66;--warning-soft:#c39a661f;--panel-shadow:0 18px 40px #0000003d}[data-theme=light]{--bg-base:#f1f5f9;--bg-surface:#fff;--bg-panel:#ffffffd1;--bg-panel-hover:#f8fafcf0;--bg-elevated:#fffffffa;--border:#0f172a14;--border-bright:#0f172a24;--text-main:#0f172a;--text-muted:#475569;--text-dim:#94a3b8;--accent:#4f46e5;--accent-soft:#4f46e517;--accent-2:#0284c7;--accent-2-soft:#0284c717;--hero-accent:#b45309;--hero-accent-soft:#b453091a;--hero-ink:#1e1b16;--hero-line:#b4530933;--positive:#059669;--positive-soft:#05966917;--negative:#dc2626;--negative-soft:#dc262617;--warning:#d97706;--warning-soft:#d9770617;--panel-shadow:0 10px 30px #0000000a}*{box-sizing:border-box}html,body,#root{width:100%;height:100%}body{background:var(--bg-base);color:var(--text-main);font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);font-kerning:normal;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;padding:0;transition:background-color .24s cubic-bezier(.22,1,.36,1),color .18s;overflow:hidden}[data-theme=dark] body{background:radial-gradient(circle at 0 0,#c4a36f1c,#0000 30%),radial-gradient(circle at 100% 0,#8aa5b814,#0000 28%),linear-gradient(#11161d 0%,#090c12 100%)}[data-theme=light] body{background:radial-gradient(circle at 0 0,#4f46e50d,#0000 40%),radial-gradient(circle at 100% 100%,#0284c70a,#0000 40%),#f8fafc}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button,input{font:inherit}button{color:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#68778e47;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8598b66b}.desktop-shell,.browser-shell{flex-direction:column;width:100%;max-width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.app-screen{flex:1;min-height:0;display:flex;overflow:hidden}.dashboard-wrapper{flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex}.desktop-titlebar{border-bottom:1px solid var(--border);background:var(--bg-surface);height:52px;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);z-index:1000;justify-content:space-between;align-items:stretch;display:flex;position:relative;overflow:hidden}.desktop-titlebar-glow{pointer-events:none;background:linear-gradient(90deg,#0000,#8aa5b80d,#0000),linear-gradient(90deg,#8c96c90a,#0000 28%);animation:12s ease-in-out infinite titlebarSweep;position:absolute;inset:0}.desktop-drag-region{-webkit-app-region:drag;flex:1;align-items:center;padding:0 14px 0 16px;display:flex}.desktop-titlebar-brand{align-items:center;gap:.8rem;display:flex;transform:translateZ(0)}.desktop-titlebar-copy{flex-direction:column;gap:2px;display:flex}.desktop-titlebar-copy strong{font-size:var(--text-caption);letter-spacing:var(--tracking-label);font-weight:var(--weight-semibold);text-transform:uppercase;line-height:1.3}.desktop-titlebar-copy span{color:var(--text-dim);font-size:var(--text-caption);letter-spacing:.02em;line-height:1.55}.desktop-window-controls{-webkit-app-region:no-drag;align-items:stretch;display:flex}.desktop-window-controls button{width:48px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;transition:background .18s,color .18s;display:grid}.desktop-window-controls button:hover{color:var(--text-main);background:#ffffff0f}.desktop-window-close:hover{color:#fff;background:#e56b6fe0!important}.desktop-window-controls button span{width:12px;height:12px;display:block;position:relative}.desktop-window-controls button:first-child span:before{content:"";background:currentColor;height:1.5px;position:absolute;bottom:3px;left:1px;right:1px}.desktop-window-controls button:nth-child(2) span{border:1.5px solid}.desktop-window-controls button:nth-child(2) span.is-maximized:before{content:"";background:var(--bg-surface);border:1.5px solid;width:8px;height:8px;position:absolute;top:-4px;left:3px}.desktop-window-close span:before,.desktop-window-close span:after{content:"";background:currentColor;width:1.5px;height:14px;position:absolute;top:-1px;left:5px}.desktop-window-close span:before{transform:rotate(45deg)}.desktop-window-close span:after{transform:rotate(-45deg)}.animated-bg{width:100%;position:relative;overflow-y:auto}.animated-bg:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 14% 18%,#8c96c91a,#0000 32%),radial-gradient(circle at 84% 22%,#8aa5b814,#0000 30%),radial-gradient(circle at 50% 90%,#5ba9860d,#0000 26%);animation:26s ease-in-out infinite alternate bgBreathing;position:fixed;inset:52px 0 0}.animated-bg>*{z-index:1;position:relative}@keyframes bgBreathing{0%{opacity:.54;transform:scale(1)}to{opacity:.74;transform:scale(1.015)}}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);width:292px;max-width:100%;height:100%;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden auto;box-shadow:1px 0 12px #00000005}.sidebar-brand-block{padding:var(--space-md) var(--space-md) var(--space-sm);border-bottom:1px solid var(--border)}.sidebar-brand-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sidebar-brand-subtitle{font-size:var(--text-caption);color:var(--text-muted);letter-spacing:.135em;text-transform:uppercase;line-height:1.55;font-weight:var(--weight-medium);margin-top:8px}.brand-button{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .18s cubic-bezier(.22,1,.36,1),opacity .18s}.brand-button:hover{opacity:.96;transform:translateY(-1px)}.brand-button:focus-visible,.action-button:focus-visible,.secondary-button:focus-visible,.ticker-chip:focus-visible,.tab-button:focus-visible,.desktop-window-controls button:focus-visible,.search-input:focus-visible,.compact-control:focus-visible{outline:2px solid color-mix(in srgb, var(--accent-2) 75%, white);outline-offset:2px}.sidebar-section{padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.ticker-selector-wrapper{margin-top:-.25rem}#quick-ticker-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.25rem}#quick-ticker-select:hover{background-color:var(--bg-hover);border-color:var(--accent)}.sidebar-scroll-section{padding:0 var(--space-md);align-content:start;gap:var(--space-lg);flex:1;min-height:0;display:grid;overflow-y:auto}.sidebar-footer{padding:var(--space-sm) var(--space-md) var(--space-md);border-top:1px solid var(--border);font-size:var(--text-label);gap:var(--space-sm);line-height:1.55;display:grid}.sidebar-footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.sidebar-footer-row+.sidebar-footer-row{margin-top:0}.sidebar-meta{color:var(--text-muted);font-size:var(--text-caption);letter-spacing:var(--tracking-meta);overflow-wrap:anywhere;margin-top:0;line-height:1.6}.ticker-group-list{gap:var(--space-sm);flex-direction:column;margin-top:0;display:flex}.ticker-group{gap:var(--space-xs);display:grid}.sidebar-disclosure{border-top:1px solid var(--border);padding-top:var(--space-sm);display:grid}.sidebar-disclosure-summary{justify-content:space-between;align-items:baseline;gap:var(--space-sm);cursor:pointer;list-style:none;transition:color .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1);display:flex}.sidebar-disclosure-summary:after{content:"";transform-origin:50%;opacity:.68;border-bottom:1.5px solid;border-right:1.5px solid;width:9px;height:9px;margin-left:auto;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .2s;transform:rotate(45deg)translateY(-1px)}.sidebar-disclosure-summary::-webkit-details-marker{display:none}.disclosure-title{margin-bottom:0}.sidebar-disclosure-meta{color:var(--text-dim);font-size:var(--text-caption);letter-spacing:.06em;white-space:nowrap}.sidebar-disclosure-panel{grid-template-rows:0fr;transition:grid-template-rows .34s cubic-bezier(.22,1,.36,1);display:grid}.sidebar-disclosure-content{opacity:0;padding-top:0;transition:opacity .22s,transform .28s cubic-bezier(.22,1,.36,1),padding-top .28s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(-6px)}.sidebar-disclosure[open] .sidebar-disclosure-summary{color:var(--text-main)}.sidebar-disclosure[open] .sidebar-disclosure-summary:after{opacity:1;transform:rotate(225deg)translateY(1px)}.sidebar-disclosure[open] .sidebar-disclosure-panel{grid-template-rows:1fr}.sidebar-disclosure[open] .sidebar-disclosure-content{opacity:1;padding-top:var(--space-xs);transform:translateY(0)}.sidebar-form,.sidebar-analysis-block{gap:var(--space-xs);display:grid}.sidebar-status-line{align-items:center;gap:.5rem;min-width:0;display:flex}.ticker-chip-list{flex-wrap:wrap;gap:6px;display:flex}.expiration-list{gap:var(--space-2xs);flex-direction:column;display:flex}.expiration-item{font-family:var(--font-mono);font-size:var(--text-body-compact);color:var(--text-dim);letter-spacing:.01em;font-variant-numeric:tabular-nums;line-height:1.55}.wrap-anywhere{overflow-wrap:anywhere;word-break:break-word}.inline-detail{font-weight:var(--weight-medium);text-transform:none;margin-left:6px}.compact-control{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.control-pill{background:var(--bg-base);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-body-compact);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui);border-radius:999px;flex-shrink:1;min-width:0;padding:8px 12px;line-height:1.15;transition:transform .14s cubic-bezier(.22,1,.36,1),border-color .18s,background .18s,color .18s}.segmented-control{background:var(--bg-base);border:1px solid var(--border);border-radius:10px;flex-shrink:1;min-width:0;max-width:100%;display:inline-flex;overflow:hidden}.segmented-control-button{color:var(--text-dim);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-body-compact);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui);background:0 0;border:0;flex:1 1 0;min-width:0;padding:8px 14px;line-height:1.15}.segmented-control-button[data-active=true]{background:var(--accent-soft);color:var(--accent)}.segmented-control-button[data-live=true][data-active=true]{background:var(--positive-soft);color:var(--positive)}.auto-toggle{background:var(--bg-base);font-family:var(--font-sans);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;text-align:center}.auto-toggle[data-active=true]{background:var(--positive-soft);color:var(--positive);border-color:#4cb88b4d}.main-content{background:radial-gradient(circle at 100% 0,#4f46e508,#0000 34%),linear-gradient(#f8f9fb 0%,#fff 100%);flex-direction:column;flex:1;min-width:0;max-width:100%;display:flex;position:relative;overflow:hidden}.panel{background:var(--bg-panel);-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);border:1px solid var(--border);box-shadow:var(--panel-shadow);border-radius:16px;padding:1.25rem;transition:transform .22s cubic-bezier(.16,1,.3,1),border-color .22s,box-shadow .22s}.panel:hover{background:var(--bg-panel-hover);border-color:var(--border-bright);box-shadow:0 16px 40px #00000014}.card-title{color:var(--text-dim);font-size:var(--text-caption);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:var(--tracking-kicker);margin-bottom:.5rem;line-height:1.35}.card-title+*{line-height:1.5}.section-title{margin-bottom:.5rem}.section-title-tight{margin-top:.5rem}.section-title-spaced{margin-top:1.5rem}.status-note{color:var(--text-muted);font-size:var(--text-body-compact);letter-spacing:var(--tracking-meta);max-width:56ch;line-height:1.72}.stat-value{font-family:var(--font-sans);font-size:1.5rem;font-weight:var(--weight-bold);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.badge{font-size:var(--text-caption);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.095em;overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:6px 14px;line-height:1.35;animation:.24s cubic-bezier(.16,1,.3,1) both fadeIn;display:inline-flex}.badge-positive{background:var(--positive-soft);color:var(--positive);border:1px solid var(--positive-soft)}.badge-negative{background:var(--negative-soft);color:var(--negative);border:1px solid var(--negative-soft)}.search-input{border:1px solid var(--border);color:var(--text-main);font-family:var(--font-mono);font-size:var(--text-body);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;background:#f8fafc;border-radius:14px;outline:none;width:100%;padding:.85rem 1rem;line-height:1.4;transition:border-color .2s,box-shadow .2s,background .2s}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.search-input::placeholder{color:var(--text-dim);font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:.015em}.search-input[aria-invalid=true]{border-color:color-mix(in srgb, var(--negative) 60%, var(--border-bright));box-shadow:0 0 0 3px #c77a7f1f}.field-error{color:var(--negative);font-size:var(--text-body-compact);font-weight:var(--weight-medium);overflow-wrap:anywhere;margin-top:.65rem;line-height:1.6}.glass-header{border-bottom:1px solid var(--border);background:var(--bg-panel);min-height:112px;-webkit-backdrop-filter:var(--glass);backdrop-filter:var(--glass);z-index:50;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;gap:clamp(1rem,2vw,2.5rem);min-width:0;max-width:100%;padding:1.25rem 2.5rem 1.45rem;transition:background-color .22s ease-in-out;animation:.62s cubic-bezier(.16,1,.3,1) both headerSettle;display:flex;position:sticky;top:0;overflow:hidden;box-shadow:0 4px 20px #0f172a08}.shell-header-secondary{margin-left:auto}.shell-header,.shell-header-secondary{align-items:flex-start;gap:var(--space-md);min-width:0;display:flex}.shell-header{flex:22rem;align-self:stretch;animation:.54s cubic-bezier(.16,1,.3,1) both contentLift}.shell-header-primary{align-items:flex-end;gap:var(--space-sm);min-width:0;display:flex}.shell-header-copy{gap:.12rem;min-width:0;display:grid}.shell-ticker{color:var(--text-dim);font-size:var(--text-caption);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;line-height:1.35}.shell-overview-line{align-items:flex-end;gap:var(--space-sm);flex-wrap:wrap;min-width:0;display:flex}.shell-price-cluster{align-items:flex-end;min-width:0;display:flex}.shell-price{font-family:var(--font-sans);font-size:clamp(2.45rem,5vw,4.35rem);line-height:.96;font-weight:var(--weight-bold);letter-spacing:-.045em;font-variant-numeric:tabular-nums;color:var(--text-main);text-wrap:balance;margin:0}.shell-currency{letter-spacing:-.03em;color:color-mix(in srgb, var(--hero-ink) 70%, var(--hero-accent));vertical-align:.24em;font-size:.44em}.shell-price-whole{text-shadow:none}.shell-price-decimal{letter-spacing:-.02em;color:color-mix(in srgb, var(--hero-ink) 72%, var(--text-muted));padding-bottom:.18em;font-size:.42em}.shell-subprice{font-family:var(--font-sans);font-size:var(--text-label);color:var(--text-muted);letter-spacing:var(--tracking-meta);font-variant-numeric:tabular-nums;max-width:44ch;margin:0;line-height:1.55}.metric-block{gap:.16rem;min-width:0;padding:0;display:grid}.metric-value{font-family:var(--font-sans);font-size:clamp(1.2rem,1.2vw + .9rem,1.65rem);font-weight:var(--weight-bold);letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.05}.metric-title{letter-spacing:var(--tracking-label);margin:0 0 .3rem}.metric-value[data-positive=true]{color:var(--positive)}.metric-value[data-positive=false]{color:var(--negative)}.action-button,.secondary-button,.ticker-chip,.tab-button{transition:transform .16s,border-color .16s,background .16s,color .16s,box-shadow .16s}.action-button{background:linear-gradient(180deg, color-mix(in srgb, var(--hero-accent) 46%, #1f1a14eb), #271f17f0);color:var(--text-main);border:1px solid color-mix(in srgb, var(--hero-accent) 30%, transparent);cursor:pointer;font-size:var(--text-body-compact);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui);border-radius:14px;padding:10px 16px;line-height:1.15;box-shadow:0 12px 26px #0000003d}.market-metrics-block{gap:.15rem;padding-top:.55rem;display:grid}.market-metrics{flex-wrap:wrap;align-items:flex-start;gap:2rem;min-width:0;display:flex}.sidebar-footer-row>.control-pill{flex:100%;justify-content:center;width:100%}.shell-header-secondary{flex:18rem;justify-content:flex-start;margin-left:0}@media (width<=1240px){.glass-header{align-items:stretch;padding-right:1.5rem}.shell-header-secondary{width:100%}.market-metrics{gap:1rem 1.5rem}.tab-strip-frame{align-items:stretch;gap:var(--space-sm)}.tab-strip{flex-basis:100%;order:2}.market-refresh-button{order:3;width:100%}}.market-refresh-button{white-space:normal;text-align:center;overflow-wrap:anywhere;align-self:flex-start;min-width:0;max-width:100%;padding-inline:18px}.action-button:hover,.secondary-button:hover,.ticker-chip:hover,.tab-button:hover{transform:translateY(-1px)}.action-button:active,.secondary-button:active,.ticker-chip:active,.tab-button:active,.control-pill:active{transform:translateY(0)scale(.98)}.action-button:hover{box-shadow:0 10px 22px #00000038}.action-button:disabled{opacity:.55;cursor:not-allowed}.secondary-button{border:1px solid var(--border);color:var(--text-main);cursor:pointer;font-size:var(--text-body-compact);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui);background:#ffffff05;border-radius:12px;padding:10px 16px;line-height:1.15}.ticker-chip{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-body-compact);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui);background:#ffffff06;border-radius:999px;padding:9px 13px;line-height:1.15}.ticker-chip[data-active=true]{color:var(--hero-ink);background:#c4a36f1f;border-color:#c4a36f3d;animation:.28s cubic-bezier(.22,1,.36,1) chipSettle}.tab-strip-frame{justify-content:space-between;align-items:flex-end;gap:var(--space-lg);flex-wrap:wrap;min-width:0;padding:0;display:flex}.mobile-tab-picker{flex:auto;min-width:0;display:none;position:relative}.mobile-tab-select{appearance:none;background:linear-gradient(180deg, color-mix(in srgb, var(--bg-panel) 86%, transparent), color-mix(in srgb, var(--bg-base) 92%, transparent));border:1px solid color-mix(in srgb, var(--hero-line) 58%, var(--border));width:100%;color:var(--text-main);font-family:var(--font-sans);font-size:var(--text-body);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui);border-radius:16px;padding:15px 52px 15px 16px;box-shadow:inset 0 1px #ffffff0a}.mobile-tab-picker:after{content:"";border-right:2px solid var(--hero-accent);border-bottom:2px solid var(--hero-accent);pointer-events:none;width:10px;height:10px;position:absolute;top:50%;right:18px;transform:translateY(-65%)rotate(45deg)}.mobile-tab-summary{pointer-events:none;flex-direction:column;gap:2px;display:none;position:absolute;inset-block-start:6px;inset-inline-start:16px}.mobile-tab-kicker{text-transform:uppercase;letter-spacing:var(--tracking-kicker);color:var(--text-dim);font-size:.69rem;line-height:1}.mobile-tab-value{color:var(--hero-ink);font-size:var(--text-body-compact);font-weight:var(--weight-semibold);line-height:1.2}.tab-strip{scrollbar-width:none;border-bottom:1px solid color-mix(in srgb, var(--hero-line) 55%, var(--border));flex:30rem;align-items:center;gap:.35rem;min-width:0;padding:0;display:flex;overflow-x:auto}.tab-button{color:var(--text-dim);cursor:pointer;white-space:nowrap;min-height:48px;font-size:var(--text-body-compact);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui);background:0 0;border:1px solid #0000;border-radius:14px 14px 0 0;flex-shrink:0;padding:12px 15px;line-height:1.15;position:relative}.tab-button[data-active=true]{color:var(--hero-ink);border-color:color-mix(in srgb, var(--hero-line) 55%, var(--border));background:#c4a36f14;border-bottom-color:#0000;transform:translateY(-1px)}.tab-button[data-active=true]:before{content:"";background:linear-gradient(90deg, transparent, var(--hero-accent), transparent);border-radius:999px;height:2px;position:absolute;top:-1px;left:14px;right:14px}.tab-divider{flex-shrink:0;align-items:center;gap:8px;padding:0 10px;display:flex}.tab-divider-line{background:color-mix(in srgb, var(--hero-line) 65%, var(--border));width:1px;height:20px}.tab-divider span{font-size:var(--text-caption);color:var(--text-dim);text-transform:uppercase;letter-spacing:.115em;font-weight:var(--weight-bold);white-space:nowrap;line-height:1.4}.chart-panel-region{flex-direction:column;flex:auto;min-width:0;min-height:0;padding:0;display:flex}.chart-stage{padding:0 2rem var(--space-lg);flex-direction:column;flex:1;min-width:0;max-width:100%;height:calc(100vh - 112px);min-height:0;display:flex;overflow:hidden}.chart-stage-shell{gap:var(--space-md);flex:1;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:1.1rem 0 0;display:grid}.chart-panel{border-radius:18px;flex:1;min-width:0;min-height:0;overflow:hidden}.chart-shell{position:relative}.chart-panel-content{will-change:transform, opacity;min-width:0;height:100%;min-height:0;overflow:hidden}.chart-shell:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(#8aa5b805,#0000 16% 84%,#8c96c905);position:absolute;inset:0}.chart-canvas{width:100%;min-width:0;height:100%;min-height:0;overflow:hidden}.chart-loading-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#0b1018c7;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.loading-stack{text-align:center;animation:.32s cubic-bezier(.16,1,.3,1) both contentLift}.chart-suspense{height:100%;color:var(--text-dim);font-family:var(--font-sans);font-size:var(--text-label);letter-spacing:var(--tracking-meta);font-weight:var(--weight-semibold);text-transform:none;justify-content:center;align-items:center;line-height:1.6;display:flex}.rate-limit-panel{background:linear-gradient(#2d221494,#17120ee6);border-color:#d9a45d38}.rate-limit-panel-compact{margin-top:0;padding:.9rem 1rem}.panel-action-full{width:100%;margin-top:.85rem}.refresh-indicator{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.refresh-indicator.live{background:var(--positive);animation:3.4s ease-in-out infinite blink;box-shadow:0 0 0 3px #5ba9861f}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.32;transform:translate(-6%)}50%{opacity:.82;transform:translate(42%)}}@keyframes titlebarSweep{0%{opacity:.22;transform:translate(-10%)}50%{opacity:.38}to{opacity:.22;transform:translate(10%)}}@keyframes metricFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.55}}@keyframes headerSettle{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes contentLift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes chartSwap{0%{opacity:0;transform:translateY(10px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes chipSettle{0%{transform:translateY(2px)}to{transform:translateY(0)}}.animate-fadeIn{animation:.35s forwards fadeIn}.animate-slideUp{animation:.4s forwards slideUp}.animate-chartSwap{animation:.28s cubic-bezier(.22,1,.36,1) both chartSwap}.app-toast{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:1001;width:min(420px,100vw - 2rem);font-size:var(--text-body-compact);overflow-wrap:anywhere;border-radius:12px;padding:1rem 1.5rem;line-height:1.6;position:fixed;box-shadow:0 10px 24px #0000003d}.app-toast[data-tone=danger]{background:var(--negative-soft);border:1px solid var(--negative);color:var(--negative)}.app-toast[data-tone=warning]{background:var(--warning-soft);border:1px solid var(--warning);color:var(--warning)}.card-title-warning{color:var(--warning)}.inline-detail-accent{color:var(--accent-2)}.metric-value-positive{color:var(--positive)}.metric-value-negative{color:var(--negative)}.chart-empty-state{text-align:center;height:100%;color:var(--text-dim);font-size:var(--text-body-compact);justify-content:center;align-items:center;max-width:48ch;margin-inline:auto;padding:3rem 1.5rem;line-height:1.76;display:flex}.loading-banner{font-family:var(--font-sans);color:var(--accent-2);font-size:var(--text-body-compact);letter-spacing:.045em;font-weight:var(--weight-medium);margin-bottom:1rem;line-height:1.5}.loading-bar{background:var(--border);border-radius:10px;width:200px;height:2px;margin:0 auto;overflow:hidden}.loading-bar-fill{background:linear-gradient(90deg,#8c96c9d6,#8aa5b8b8);width:40%;height:100%;animation:1.8s ease-in-out infinite pulse}.key-level-row{border-bottom:1px solid var(--border);--key-level-tone:var(--text-main);justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem 0;display:flex}.key-level-row[data-tone=positive]{--key-level-tone:var(--positive)}.key-level-row[data-tone=negative]{--key-level-tone:var(--negative)}.key-level-row[data-tone=warning]{--key-level-tone:var(--warning)}.key-level-row[data-tone=accent]{--key-level-tone:var(--accent)}.key-level-row[data-tone=accent-alt]{--key-level-tone:var(--accent-2)}.key-level-row[data-tone=neutral]{--key-level-tone:var(--text-main)}.key-level-label{align-items:center;gap:.65rem;min-width:0;display:flex}.key-level-swatch{background:var(--key-level-tone);border-radius:999px;flex-shrink:0;width:6px;height:20px}.key-level-name{color:var(--text-muted);font-size:var(--text-caption);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-ui);line-height:1.42}.key-level-values{text-align:right;align-items:center;gap:.75rem;display:flex}.key-level-price{font-family:var(--font-sans);font-size:var(--text-body-compact);font-weight:var(--weight-bold);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--key-level-tone)}.key-level-futures{font-family:var(--font-sans);font-size:var(--text-caption);color:var(--text-dim);letter-spacing:var(--tracking-meta);font-variant-numeric:tabular-nums;margin-top:2px}.key-level-distance{font-family:var(--font-mono);font-size:var(--text-caption);min-width:48px;font-weight:var(--weight-semibold);letter-spacing:.015em;font-variant-numeric:tabular-nums}.key-level-distance[data-direction=up]{color:var(--positive)}.key-level-distance[data-direction=down]{color:var(--negative)}.error-boundary-shell{min-height:100vh;color:var(--text-main);font-family:var(--font-sans);background:radial-gradient(circle at top,#8c96c914,#0000 36%),linear-gradient(#0d1117 0%,#0a0d13 100%);justify-content:center;align-items:center;padding:2rem;display:flex}.error-boundary-panel{background:linear-gradient(#151b25eb,#0f131cf5);border:1px solid #e56b6f3d;border-radius:18px;width:min(640px,100%);padding:1.75rem;box-shadow:0 18px 40px #0000003d}.error-boundary-kicker{font-size:var(--text-caption);letter-spacing:var(--tracking-kicker);color:var(--negative);text-transform:uppercase;font-weight:var(--weight-bold);margin-bottom:.75rem}.error-boundary-title{font-size:var(--text-subheading);font-weight:var(--weight-bold);letter-spacing:-.02em;margin-bottom:.6rem;line-height:1.2}.error-boundary-copy{color:var(--text-muted);line-height:var(--leading-body);margin-bottom:1rem}@media (width<=1100px){.dashboard-wrapper{flex-direction:column;height:auto}.sidebar{border-right:none;border-bottom:1px solid var(--border);grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;width:100%;height:auto;display:grid}.sidebar-brand-block,.sidebar-section{grid-column:1}.sidebar-scroll-section{padding:var(--space-md) var(--space-md) var(--space-sm);border-left:1px solid var(--border);grid-column:2;overflow:visible}.sidebar-footer{gap:var(--space-sm) var(--space-md);grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.sidebar-footer-row{align-items:center}.sidebar-meta{margin-top:0}}@media (width<=900px){.sidebar{grid-template-columns:1fr}.glass-header{gap:var(--space-sm);grid-template-columns:1fr;align-items:stretch;padding:.95rem 1rem .85rem}.tab-strip-frame,.tab-strip,.animate-fadeIn,.chart-stage,.chart-panel-region{padding-left:1rem;padding-right:1rem}.tab-strip-frame{align-items:stretch;gap:.7rem}.chart-stage-shell{padding:.95rem 1rem 1rem}.shell-header-secondary{justify-content:flex-start;gap:var(--space-sm);flex-wrap:wrap;width:100%}.market-metrics-block{min-width:0}.market-metrics{gap:var(--space-md)}.sidebar-scroll-section{border-left:none;border-top:1px solid var(--border);grid-column:1;padding-top:0}.sidebar-footer{grid-template-columns:1fr}}@media (height<=820px){.glass-header{min-height:92px;padding-top:.8rem;padding-bottom:.7rem}.chart-panel{min-height:clamp(250px,42vh,420px)}.chart-stage-shell{gap:var(--space-sm);padding-top:.85rem}}@media (width<=700px){.desktop-titlebar-copy span{display:none}.tab-button{border-radius:999px;padding-inline:15px}.tab-button[data-active=true]{border-bottom-color:var(--border)}.tab-button[data-active=true]:before{left:18px;right:18px}.tab-divider{padding-inline:6px}.tab-strip-frame{flex-direction:column}}@media (width<=600px){body{overflow:auto}.desktop-titlebar{height:48px}.animated-bg:before{top:48px}.browser-shell,.desktop-shell,#root{height:100%;min-height:0}.app-screen,.main-content{min-height:0}.main-content{order:1;overflow:visible}.sidebar{order:2;width:100%;height:auto;max-height:none;display:block}.sidebar-brand-block{padding-bottom:.85rem}.sidebar-section{padding-top:1rem}.sidebar-scroll-section{padding:0 var(--space-md) var(--space-sm);border-top:none}.sidebar-disclosure-summary{align-items:center}.sidebar-footer-row,.shell-header,.shell-header-secondary{flex-direction:column;align-items:stretch}.segmented-control{width:100%}.segmented-control-button{flex:1 1 0}.control-pill,.action-button,.secondary-button{width:100%}.glass-header{padding:.9rem 1rem 1rem;position:static}.shell-header-primary{align-items:flex-start}.shell-price{font-size:clamp(2rem,10vw,3.15rem)}.shell-header-secondary{gap:.85rem}.market-metrics-block{gap:.35rem;padding-top:0}.market-metrics{justify-content:space-between;gap:1rem;width:100%}.metric-block{padding:0}.market-refresh-button{width:100%}.chart-stage{padding:0 1rem calc(1.1rem + env(safe-area-inset-bottom))}.chart-stage-shell{background:0 0;border-top:none;gap:.75rem;padding:.85rem .85rem .9rem}.tab-strip-frame{flex-direction:column;align-items:stretch;gap:.75rem}.mobile-tab-picker{display:block}.mobile-tab-select{min-height:56px;padding-top:20px}.mobile-tab-summary{display:flex}.tab-strip{display:none}.chart-panel{border-radius:16px;min-height:clamp(320px,62dvh,640px)}.app-toast{width:auto;left:1rem;right:1rem}}@media (width<=420px){.sidebar-brand-row{flex-wrap:wrap;align-items:flex-start}.control-pill{width:100%}.ticker-chip-list{gap:8px}.ticker-chip{flex:calc(50% - 8px);justify-content:center}.app-toast{left:.85rem;right:.85rem}}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}