:root{--app-background:#131722;--sidebar-background:#171a24;--toolbar-background:#171a24;--chart-background:#131722;--border-color:#2a2e39;--border-soft:#202532;--text-primary:#d1d4dc;--text-secondary:#8b93a5;--text-muted:#626b7d;--accent:#f0b90b;--positive:#26a69a;--negative:#ef5350;--hover-background:#202633;--selected-background:#242b38;--control-background:#11151f;--radius:6px}.app-shell{background:var(--app-background);grid-template-columns:240px minmax(0,1fr);width:100%;height:100dvh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);background:var(--sidebar-background);flex-direction:column;min-width:0;min-height:0;display:flex}.brand-lockup{border-bottom:1px solid var(--border-color);align-items:center;gap:10px;min-height:66px;padding:0 16px;display:flex}.brand-mark{border-radius:var(--radius);width:31px;height:31px;color:var(--accent);letter-spacing:.06em;border:1px solid #f0b90b94;place-items:center;font-size:10px;font-weight:800;display:grid}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{color:var(--text-primary);letter-spacing:.01em;font-size:13px;font-weight:700}.brand-lockup span{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-top:3px;font-size:10px}.watchlist{flex-direction:column;flex:1;min-height:0;display:flex}.watchlist-header{justify-content:space-between;align-items:flex-start;padding:19px 16px 12px;display:flex}.watchlist-heading{color:var(--text-primary);letter-spacing:.11em;text-transform:uppercase;margin:0;font-size:11px;font-weight:700}.watchlist-caption{color:var(--text-muted);margin:5px 0 0;font-size:11px}.watchlist-count{color:var(--text-muted);font-variant-numeric:tabular-nums;padding-top:1px;font-size:11px}.watchlist-list{scrollbar-color:#343b4a transparent;scrollbar-width:thin;flex:1;min-height:0;padding:2px 8px 12px;overflow-y:auto}.watchlist-item{border-radius:var(--radius);width:100%;color:var(--text-primary);text-align:left;background:0 0;border:0;border-bottom:1px solid #2a2e39a3;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 9px;transition:background .12s,box-shadow .12s;display:grid}.watchlist-item:hover{background:var(--hover-background)}.watchlist-item.is-selected{background:var(--selected-background);box-shadow:inset 2px 0 0 var(--accent)}.watchlist-symbol,.watchlist-price,.watchlist-change{font-variant-numeric:tabular-nums}.watchlist-symbol{font-size:13px;font-weight:700}.watchlist-pair{color:var(--text-muted);margin-left:4px;font-size:10px;font-weight:500}.watchlist-price{color:var(--text-secondary);margin-top:4px;font-size:11px}.watchlist-right{text-align:right}.watchlist-change{font-size:11px;font-weight:650}.watchlist-status{color:var(--text-muted);margin-top:4px;font-size:10px}.is-positive{color:var(--positive)}.is-negative{color:var(--negative)}.is-neutral{color:var(--text-secondary)}.watchlist-skeleton{border-radius:var(--radius);background:linear-gradient(90deg,#1b202b 25%,#242a36 50%,#1b202b 75%) 0 0/200% 100%;height:42px;margin:0 2px 5px;animation:1.6s ease-in-out infinite skeleton-shimmer}.watchlist-footer{border-top:1px solid var(--border-color);color:var(--text-muted);letter-spacing:.02em;padding:13px 16px 15px;font-size:10px}.main-panel{background:var(--app-background);flex-direction:column;min-width:0;min-height:0;display:flex}.toolbar{border-bottom:1px solid var(--border-color);background:var(--toolbar-background);grid-template-columns:234px minmax(220px,1fr) auto;align-items:center;gap:18px;min-height:72px;padding:11px 16px;display:grid}.symbol-picker{min-width:0;position:relative}.toolbar-label{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:10px;font-weight:600;display:block}.symbol-input-wrap{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--control-background);align-items:center;transition:border-color .12s;display:flex}.symbol-input-wrap:focus-within{border-color:#f0b90bad}.symbol-input{width:100%;min-width:0;color:var(--text-primary);letter-spacing:.03em;text-transform:uppercase;background:0 0;border:0;outline:0;padding:9px 11px;font-size:13px;font-weight:700}.symbol-input::placeholder{color:var(--text-muted);font-weight:500}.symbol-input-suffix{color:var(--text-muted);letter-spacing:.08em;padding-right:10px;font-size:10px;font-weight:600}.symbol-suggestions{z-index:5;border:1px solid var(--border-color);border-radius:var(--radius);background:#1a1f2a;max-height:230px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 32px #00000047}.symbol-suggestion{width:100%;color:var(--text-primary);text-align:left;background:0 0;border:0;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 9px;display:flex}.symbol-suggestion:hover,.symbol-suggestion.is-active{background:var(--selected-background)}.symbol-suggestion small{color:var(--text-muted);font-size:10px}.timeframe-control{min-width:0}.timeframe-buttons{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--control-background);align-items:center;gap:3px;max-width:500px;padding:3px;display:flex}.timeframe-button{min-width:40px;color:var(--text-secondary);background:0 0;border:0;border-radius:4px;padding:7px 8px;font-size:11px;font-weight:700;transition:background .12s,color .12s}.timeframe-button:hover{background:var(--hover-background);color:var(--text-primary)}.timeframe-button.is-active{color:var(--accent);background:#f0b90b29}.market-summary{text-align:right;justify-content:flex-end;align-items:center;gap:13px;min-width:164px;display:flex}.market-price{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:16px;font-weight:700}.market-change-label,.market-price-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:600;display:block}.market-change-label{margin-bottom:4px}.market-change{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.connection-status{min-width:76px;color:var(--text-muted);white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;font-size:10px;display:inline-flex}.connection-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}.connection-status.is-connected .connection-dot{background:var(--positive);box-shadow:0 0 0 3px #26a69a1f}.connection-status.is-error .connection-dot{background:var(--negative)}.chart-panel{flex:1;min-height:0;padding:12px 12px 0}.chart-shell{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--chart-background);flex-direction:column;height:100%;min-height:220px;display:flex;position:relative;overflow:hidden}.chart-meta{min-height:36px;color:var(--text-secondary);border-bottom:1px solid #2a2e39b3;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:10px;display:flex}.chart-meta strong{color:var(--text-primary);font-size:11px;font-weight:700}.chart-meta-hint{color:var(--text-muted)}.chart-stage{flex:1;min-height:0;position:relative}.chart-canvas{position:absolute;inset:0}.chart-state-overlay{z-index:2;text-align:center;background:#131722c7;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.chart-state-card{border:1px solid var(--border-color);border-radius:var(--radius);background:#171c27;max-width:360px;padding:20px}.chart-state-card h2{color:var(--text-primary);margin:0 0 7px;font-size:14px}.chart-state-card p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.chart-state-card p.chart-error-detail{color:var(--negative);margin-top:8px;font-size:11px}.retry-button{border-radius:var(--radius);color:var(--accent);background:#f0b90b21;border:1px solid #f0b90ba8;margin-top:15px;padding:8px 13px;font-size:11px;font-weight:700}.retry-button:hover{background:#f0b90b33}.loading-indicator{border:2px solid #f0b90b38;border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;margin:0 auto 13px;animation:.85s linear infinite loading-spin}.empty-state-mark{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-muted);border-radius:50%;place-items:center;margin:0 auto 13px;font-size:12px;display:grid}.status-footer{min-height:30px;color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;font-size:10px;display:flex}.status-footer__change{font-variant-numeric:tabular-nums}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes skeleton-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.app-shell{grid-template-columns:208px minmax(0,1fr)}.toolbar{grid-template-columns:190px minmax(180px,1fr);gap:12px}.market-summary{text-align:left;grid-area:2/1/auto/-1;justify-content:flex-start;min-height:26px}.connection-status{justify-content:flex-start}}@media (width<=680px){.app-shell{grid-template-rows:minmax(188px,31dvh) minmax(0,1fr);grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border-color)}.brand-lockup{min-height:52px}.watchlist-header{padding:12px 16px 7px}.watchlist-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px 8px 8px;display:grid}.watchlist-item{padding:7px 8px}.watchlist-footer{display:none}.toolbar{grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);align-items:start;min-height:118px;padding:10px}.timeframe-buttons{flex-wrap:wrap;max-width:none}.timeframe-button{min-width:34px;padding-left:5px;padding-right:5px}.market-summary{grid-row:2;justify-content:space-between;min-width:0}.chart-panel{padding:8px 8px 0}.chart-meta-hint{display:none}.status-footer{padding:0 10px}}@media (width<=420px){.toolbar{grid-template-columns:1fr;min-height:154px}.market-summary{grid-row:3}.chart-panel{padding-top:6px}.status-footer__source{display:none}}.toolbar{flex-direction:column;align-items:stretch;gap:10px;min-height:124px;padding:10px 16px;display:flex}.toolbar-main-row{grid-template-columns:224px minmax(220px,1fr) auto;align-items:center;gap:18px;min-width:0;display:grid}.toolbar-tools-row{align-items:flex-end;gap:16px;min-width:0;display:flex}.toolbar-tool-group{flex:none}.toolbar-drawing-group{border-left:1px solid var(--border-color);padding-left:16px}.tool-buttons{border:1px solid var(--border-color);border-radius:var(--radius);background:var(--control-background);align-items:center;gap:3px;padding:3px;display:flex}.indicator-button,.drawing-button{min-width:42px;color:var(--text-secondary);background:0 0;border:0;border-radius:4px;padding:7px 9px;font-size:11px;font-weight:700;transition:background .12s,color .12s}.indicator-button:hover,.drawing-button:hover{background:var(--hover-background);color:var(--text-primary)}.indicator-button.is-active,.drawing-button.is-active{color:#82aaff;background:#2962ff2e}.drawing-button{place-items:center;width:34px;min-width:34px;height:31px;padding:5px;display:grid}.drawing-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:17px;height:17px}.drawing-help{color:var(--text-muted);white-space:nowrap;align-self:center;font-size:10px}.chart-layout{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.chart-main-stage{flex:1 1 0;min-height:180px;position:relative}.indicator-pane{border-top:1px solid #2a2e39e6;flex:0 22%;min-height:86px;position:relative}.indicator-pane-canvas{position:absolute;inset:0}.indicator-pane-label{z-index:1;color:var(--text-muted);letter-spacing:.08em;pointer-events:none;text-transform:uppercase;font-size:9px;font-weight:700;position:absolute;top:6px;left:10px}.drawing-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.drawing-overlay.is-interactive{cursor:crosshair;pointer-events:auto;touch-action:none}.drawing-overlay-group.is-preview{opacity:.72}.chart-state-overlay{z-index:3}@media (width<=900px){.toolbar{min-height:154px}.toolbar-main-row{grid-template-columns:190px minmax(180px,1fr);gap:12px}.market-summary{text-align:left;grid-area:2/1/auto/-1;justify-content:flex-start;min-height:26px}.toolbar-tools-row{gap:10px}.drawing-help{display:none}}@media (width<=680px){.toolbar{min-height:198px;padding:10px}.toolbar-main-row{grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);align-items:start}.toolbar-tools-row{flex-wrap:wrap;align-items:flex-start;gap:9px}.toolbar-drawing-group{padding-left:9px}.chart-main-stage{min-height:150px}}@media (width<=420px){.toolbar{min-height:246px}.toolbar-main-row{grid-template-columns:1fr}.market-summary{grid-row:auto}.toolbar-tools-row{grid-template-columns:1fr;display:grid}.toolbar-drawing-group{border-left:0;padding-left:0}}:root{color:#d1d4dc;font-synthesis:none;text-rendering:optimizelegibility;background:#131722;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;min-height:100dvh;margin:0}body{overflow:hidden}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:2px;outline:2px solid #f0b90b}