:root{--bg-page:#0b0c12;--bg-sidebar:#0a0b10;--bg-card:#12141c;--border-card:#232633;--bg-inset:#0f1017;--bg-elevated:#1c1f2c;--text:#e9eaf2;--text-muted:#8b8fa3;--accent:#8b7dff;--accent-strong:#a89bff;--long:#35c9a0;--long-text:#4fd8b0;--short:#f0616d;--short-text:#ff8a93;--warning:#f0b35a;--glow-warm:#f0915a29;--glow-cool:#8b7dff2e;--radius-card:16px;--radius-control:8px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;font-feature-settings:"tnum" 1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Schibsted Grotesk,system-ui,sans-serif}:root[data-theme=light]{--bg-page:#f5f5f2;--bg-sidebar:#fff;--bg-card:#fff;--border-card:#e6e4dc;--bg-inset:#eeede6;--bg-elevated:#e9e7de;--text:#17181f;--text-muted:#6b6d78;--accent:#6a5cf0;--accent-strong:#5748e0;--long-text:#1f9d78;--short-text:#d43f4c;--warning:#a8660f;--glow-warm:#f0915a1f;--glow-cool:#6a5cf01a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg-page);color:var(--text);margin:0;transition:background-color .2s,color .2s;position:relative}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(ellipse 900px 520px at 100% -5%, var(--glow-warm), transparent 60%), radial-gradient(ellipse 900px 600px at -5% 100%, var(--glow-cool), transparent 60%);transition:opacity .2s;position:fixed;inset:0}#root{z-index:1;position:relative}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border-card);background:color-mix(in srgb, var(--bg-page) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:10;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__brand{align-items:center;gap:var(--space-2);display:flex}.topbar__mark{background:var(--accent);border-radius:3px;width:12px;height:12px;transform:rotate(45deg)}.topbar__name{letter-spacing:.01em;font-size:14px;font-weight:600}.icon-button{border-radius:var(--radius-control);border:1px solid var(--border-card);background:var(--bg-inset);width:32px;height:32px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:color .12s,background-color .12s,border-color .12s;display:inline-flex}.icon-button:hover{color:var(--text);background:var(--bg-elevated)}.icon-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.layout{flex:1;grid-template-columns:200px 1fr;display:grid}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-card);padding:var(--space-6) var(--space-4)}.sidebar__nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__nav-item{align-items:center;gap:var(--space-2);color:var(--text-muted);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);font-size:13px;font-weight:500;display:flex}.sidebar__nav-item--active{color:var(--text);background:var(--bg-elevated)}.main{padding:var(--space-8) var(--space-8) var(--space-12);gap:var(--space-6);flex-direction:column;min-width:0;display:flex}.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-card);position:relative;overflow:hidden}.card--glow:after{content:"";background:radial-gradient(circle, var(--glow-cool), transparent 70%);pointer-events:none;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.coin-badge{background:var(--bg-elevated);border:1px solid var(--border-card);width:28px;height:28px;color:var(--accent-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.price-header{justify-content:space-between;align-items:flex-end;gap:var(--space-6);padding:var(--space-6);display:flex}.price-header__label{align-items:center;gap:var(--space-2);color:var(--text-muted);margin-bottom:var(--space-3);font-size:13px;display:flex}.price-header__value-row{align-items:baseline;gap:var(--space-3);display:flex}.price-header__value{letter-spacing:-.01em;font-size:36px;font-weight:600}.price-header__change{font-size:14px;font-weight:500}.price-header__change--up{color:var(--long-text)}.price-header__change--down{color:var(--short-text)}.price-header__updated{margin-top:var(--space-2);color:var(--text-muted);font-size:12px}.price-header__error{color:var(--warning);font-size:14px}.price-header__skeleton{border-radius:var(--radius-control);background:var(--bg-elevated);width:220px;height:36px}.pill-toggle{background:var(--bg-inset);border:1px solid var(--border-card);border-radius:var(--radius-pill);gap:2px;padding:3px;display:inline-flex}.pill-toggle__item{appearance:none;color:var(--text-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;transition:background-color .12s,color .12s}.pill-toggle__item:hover{color:var(--text)}.pill-toggle__item--active{background:var(--bg-elevated);color:var(--text)}.pill-toggle__item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.price-chart{padding:var(--space-4);gap:var(--space-4);flex-direction:column;display:flex}.price-chart__toolbar{justify-content:space-between;align-items:center;display:flex}.price-chart__identity{align-items:center;gap:var(--space-2);display:flex}.price-chart__coin-name{font-size:13px;font-weight:600}.price-chart__coin-symbol{color:var(--text-muted);font-size:12px}.price-chart__canvas-wrap{height:360px;position:relative}.price-chart__canvas{width:100%;height:100%}.price-chart__error{color:var(--warning);z-index:1;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}