:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0b0d12;--color-bg-elevated:#12151c;--color-bg-hover:#1a1f2a;--color-bg-active:#242a38;--color-border:#1e2330;--color-border-strong:#2a3142;--color-fg:#e6e8ed;--color-fg-muted:#8a92a3;--color-fg-subtle:#5a6271;--color-accent:#5eead4;--color-accent-dim:#2dd4bf;--color-up:#22c55e;--color-up-bg:#22c55e1f;--color-down:#ef4444;--color-down-bg:#ef44441f;--color-flat:var(--color-fg-muted);--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--sidebar-width:200px;--header-height:48px;--duration-fast:80ms;--duration-base:.16s}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-fg);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:14px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit;text-decoration:none}input,select,textarea{font:inherit;color:inherit}code,kbd,pre,samp{font-family:var(--font-mono)}::selection{background:var(--color-accent-dim);color:var(--color-bg)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.num{font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.up{color:var(--color-up)}.down{color:var(--color-down)}.sidebar{gap:var(--space-5);padding:var(--space-5) var(--space-3);border-right:1px solid var(--color-border);background:var(--color-bg-elevated);flex-direction:column;min-height:100vh;display:flex}.sidebar__brand{align-items:center;gap:var(--space-2);padding:0 var(--space-3);height:var(--header-height);display:flex}.sidebar__brand-mark{background:var(--color-accent);width:10px;height:10px;box-shadow:0 0 12px var(--color-accent-dim);border-radius:2px}.sidebar__brand-name{letter-spacing:.02em;color:var(--color-fg);font-size:13px;font-weight:600}.sidebar__nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar__item{width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-fg-muted);text-align:left;transition:background var(--duration-fast), color var(--duration-fast);justify-content:space-between;align-items:center;font-size:13px;display:flex}.sidebar__item:hover{background:var(--color-bg-hover);color:var(--color-fg)}.sidebar__item--active{background:var(--color-bg-active);color:var(--color-fg)}.sidebar__hint{color:var(--color-fg-subtle);font-size:11px;font-family:var(--font-mono);text-transform:lowercase}.sidebar__footer{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-fg-subtle);border-top:1px solid var(--color-border);padding-top:var(--space-3);font-size:12px;display:flex}.sidebar__status{background:var(--color-fg-subtle);border-radius:50%;width:6px;height:6px}.sidebar__status-label{font-family:var(--font-mono);text-transform:lowercase}@media (width<=768px){.sidebar{min-height:auto;padding:var(--space-2);border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;overflow-x:auto}.sidebar__brand,.sidebar__footer{display:none}.sidebar__nav{flex-direction:row}}.price-row{align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);transition:background var(--duration-fast), border-color var(--duration-fast);cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:80px 100px 1fr 1fr auto;display:grid}.price-row:hover{background:var(--color-bg-hover)}.price-row--selected{background:var(--color-bg-active);border-color:var(--color-border-strong)}.price-row__sym{align-items:baseline;gap:var(--space-2);display:flex}.price-row__sym-name{letter-spacing:.02em;color:var(--color-fg);font-size:13px;font-weight:600}.price-row__hint{color:var(--color-fg-subtle);font-size:10px;font-family:var(--font-mono)}.price-row__spark{width:80px;height:24px}.price-row__price{color:var(--color-fg);text-align:right;font-size:14px}.price-row__change{align-items:baseline;gap:var(--space-2);justify-content:flex-end;font-size:13px;display:flex}.price-row__change--up{color:var(--color-up)}.price-row__change--down{color:var(--color-down)}.price-row__change--flat{color:var(--color-fg-muted)}.price-row__pct{opacity:.8;font-size:11px}.price-row__remove{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-fg-subtle);opacity:0;transition:opacity var(--duration-fast), background var(--duration-fast);font-size:16px;line-height:1}.price-row:hover .price-row__remove{opacity:1}.price-row__remove:hover{background:var(--color-bg-hover);color:var(--color-down)}@media (width<=640px){.price-row{gap:var(--space-2);grid-template-rows:auto auto;grid-template-columns:1fr 80px auto}.price-row__spark{grid-area:1/3/span 2}.price-row__price{text-align:left;grid-area:1/1}.price-row__change{grid-area:1/2;justify-content:flex-end}.price-row__sym{grid-area:2/1/auto/span 2}}.chart{-webkit-user-select:none;user-select:none;display:block}.chart-empty{color:var(--color-fg-subtle);font-family:var(--font-mono);border:1px dashed var(--color-border);border-radius:var(--radius-md);justify-content:center;align-items:center;font-size:12px;display:flex}.chart__grid{stroke:var(--color-border);stroke-width:1px;shape-rendering:crispedges}.chart__axis{fill:var(--color-fg-muted);font:11px/1 var(--font-mono);text-anchor:start}.chart__axis--x{text-anchor:start}.chart__axis--end{text-anchor:end}.chart__crosshair{stroke:var(--color-border-strong);stroke-width:1px;stroke-dasharray:2 3;pointer-events:none}.chart__dot{pointer-events:none}.chart__tooltip-bg{fill:var(--color-bg-elevated);stroke:var(--color-border-strong);stroke-width:1px}.chart__tooltip-value{fill:var(--color-fg);font:500 12px/1 var(--font-mono)}.chart__tooltip-time{fill:var(--color-fg-muted);font:10px/1 var(--font-mono)}.detail{gap:var(--space-4);padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;min-height:360px;display:flex}.detail__header{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.detail__title{letter-spacing:.02em;color:var(--color-fg);margin:0;font-size:16px;font-weight:600}.detail__price{color:var(--color-fg);font-size:20px}.detail__placeholder{background:linear-gradient(90deg, var(--color-bg-hover), var(--color-bg-elevated), var(--color-bg-hover));border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s linear infinite detail-shimmer}@keyframes detail-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.detail__error{padding:var(--space-2) var(--space-3);background:var(--color-down-bg);color:var(--color-down);border-radius:var(--radius-md);font-family:var(--font-mono);margin:0;font-size:12px}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.page-header__text{flex-direction:column;gap:2px;display:flex}.page-header__title{letter-spacing:-.01em;color:var(--color-fg);margin:0;font-size:20px;font-weight:600}.page-header__subtitle{color:var(--color-fg-muted);margin:0;font-size:13px}.page-header__right{align-items:center;gap:var(--space-3);display:flex}.page-header__status{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);padding:4px 8px;display:inline-flex}.page-header__status--live{color:var(--color-up)}.page-header__status--mock{color:var(--color-fg-muted)}.page-header__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.page-header__status--live .page-header__dot{animation:2s infinite page-header-pulse;box-shadow:0 0 8px}@keyframes page-header-pulse{0%,to{opacity:1}50%{opacity:.4}}.page-header__status-label{font-family:var(--font-mono);text-transform:lowercase;font-size:11px}.markets{flex-direction:column;display:flex}.markets__layout{gap:var(--space-5);grid-template-columns:minmax(320px,1fr) minmax(360px,1.6fr);align-items:start;display:grid}.markets__list{padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:2px;display:flex}@media (width<=960px){.markets__layout{grid-template-columns:1fr}}.watchlist{flex-direction:column;display:flex}.watchlist__add{align-items:center;gap:var(--space-2);display:flex}.watchlist__input{width:120px;padding:6px var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);letter-spacing:.04em;font-size:12px}.watchlist__input:focus{border-color:var(--color-accent);outline:none}.watchlist__submit{padding:6px var(--space-3);background:var(--color-bg-active);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-fg);transition:background var(--duration-fast);font-size:12px;font-weight:500}.watchlist__submit:hover{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent)}.watchlist__error{margin:0 0 var(--space-3) 0;padding:var(--space-2) var(--space-3);background:var(--color-down-bg);color:var(--color-down);border-radius:var(--radius-md);font-size:12px}.watchlist__layout{gap:var(--space-5);grid-template-columns:minmax(320px,1fr) minmax(360px,1.6fr);align-items:start;display:grid}.watchlist__list{padding:var(--space-2);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:2px;min-height:120px;display:flex}.watchlist__empty{padding:var(--space-4);color:var(--color-fg-subtle);text-align:center;margin:0;font-size:13px}.watchlist__detail-empty{padding:var(--space-6);background:var(--color-bg-elevated);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-fg-subtle);text-align:center;font-size:13px}@media (width<=960px){.watchlist__layout{grid-template-columns:1fr}}.shell{grid-template-columns:var(--sidebar-width) 1fr;height:100%;min-height:100vh;display:grid}.shell__main{padding:var(--space-5) var(--space-6);overflow-y:auto}@media (width<=768px){.shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}}