: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}}.chat{flex-direction:column;height:100%;min-height:0;display:flex}.chat__clear{border-radius:var(--radius-sm);border:1px solid var(--color-border);color:var(--color-fg-muted);font-size:11px;font-family:var(--font-mono);text-transform:lowercase;transition:background var(--duration-fast);padding:4px 10px}.chat__clear:hover{background:var(--color-bg-hover);color:var(--color-fg)}.chat__scroll{min-height:0;padding-right:var(--space-2);flex:1;overflow-y:auto}.chat__empty{gap:var(--space-4);padding:var(--space-6) 0;flex-direction:column;max-width:520px;display:flex}.chat__empty-title{color:var(--color-fg);margin:0;font-size:15px}.chat__prompts{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.chat__prompt{text-align:left;width:100%;padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-fg-muted);transition:background var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);font-size:13px}.chat__prompt:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-fg)}.chat__list{padding:var(--space-4) 0;gap:var(--space-5);flex-direction:column;margin:0;list-style:none;display:flex}.chat-msg{gap:var(--space-2);flex-direction:column;max-width:720px;display:flex}.chat-msg--user{align-self:flex-end;align-items:flex-end}.chat-msg__role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--color-fg-subtle);font-size:10px}.chat-msg__body{padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-fg);white-space:pre-wrap;word-wrap:break-word;font-size:14px;line-height:1.5}.chat-msg--user .chat-msg__body{background:var(--color-bg-active);border-color:var(--color-border-strong)}.chat-msg__text{white-space:pre-wrap}.chat-msg__cursor{vertical-align:text-bottom;background:var(--color-accent);width:6px;height:14px;margin-left:2px;animation:1s steps(2,end) infinite chat-blink;display:inline-block}@keyframes chat-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.chat-msg__events{font-family:var(--font-mono);flex-direction:column;gap:2px;margin:0;padding:0;font-size:11px;list-style:none;display:flex}.chat-event{gap:var(--space-2);padding:2px var(--space-3);border-radius:var(--radius-sm);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-fg-muted);align-items:baseline;display:flex}.chat-event__name{color:var(--color-fg)}.chat-event__status{font-size:10px}.chat-event--calling .chat-event__status{color:var(--color-accent)}.chat-event--ok .chat-event__status{color:var(--color-up)}.chat-event--error .chat-event__status{color:var(--color-down)}.chat-event__summary{color:var(--color-fg-subtle);font-size:10px}.chat-msg__error{padding:var(--space-2) var(--space-3);background:var(--color-down-bg);color:var(--color-down);border-radius:var(--radius-sm);font-family:var(--font-mono);margin:0;font-size:11px}.chat-chart{margin:var(--space-3) 0;padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:100%;display:inline-block;overflow:hidden}.chat-chart__header{margin-bottom:var(--space-2);font-family:var(--font-mono);justify-content:space-between;align-items:baseline;font-size:11px;display:flex}.chat-chart__symbol{color:var(--color-fg);font-weight:600}.chat-chart__range{color:var(--color-fg-subtle);text-transform:lowercase}.chat-chart__placeholder{background:linear-gradient(90deg, var(--color-bg-hover), var(--color-bg-elevated), var(--color-bg-hover));border-radius:var(--radius-sm);background-size:200% 100%;width:520px;max-width:100%;height:180px;animation:1.4s linear infinite chat-shimmer}@keyframes chat-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-chart-err{font-family:var(--font-mono);color:var(--color-down);background:var(--color-down-bg);border-radius:var(--radius-sm);padding:2px 6px;font-size:11px;display:inline-block}.chat__composer{gap:var(--space-2);padding:var(--space-3) 0 var(--space-2);border-top:1px solid var(--color-border);background:var(--color-bg);display:flex}.chat__input{padding:var(--space-3);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:none;flex:1;min-height:44px;max-height:160px;font-size:14px}.chat__input:focus{border-color:var(--color-accent);outline:none}.chat__send,.chat__stop{padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);height:44px;transition:background var(--duration-fast);align-self:flex-end;font-size:13px;font-weight:500}.chat__send{background:var(--color-accent);color:var(--color-bg);border:none}.chat__send:hover:not(:disabled){background:var(--color-accent-dim)}.chat__send:disabled{background:var(--color-bg-hover);color:var(--color-fg-subtle);cursor:not-allowed}.chat__stop{background:var(--color-down-bg);color:var(--color-down);border:1px solid var(--color-down)}.chat__stop:hover{background:var(--color-down);color:var(--color-bg)}.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}}