*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#e6eaf0;-webkit-font-smoothing:antialiased;background:#0b0f14;font-family:Segoe UI,Tahoma,Arial,sans-serif}button,select{font-family:inherit;font-size:14px}.app{flex-direction:column;height:100%;display:flex}.topbar{background:#0e141b;border-bottom:1px solid #1b232c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.topbar h1{color:#f0f3f7;margin:0;font-size:18px;font-weight:600}.controls{align-items:center;gap:10px;display:flex}.selector{color:#e6eaf0;cursor:pointer;background:#141c25;border:1px solid #263241;border-radius:6px;padding:7px 10px}.tf-selector{background:#141c25;border:1px solid #263241;border-radius:6px;gap:4px;padding:3px;display:flex}.tf-btn{color:#9aa7b5;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 12px;font-weight:600}.tf-btn.active{color:#06110f;background:#26a69a}.trend-bar{background:#0e141b;border-bottom:1px solid #1b232c;align-items:center;gap:14px;padding:10px 20px;font-size:13px;display:flex}.trend-pill{border-radius:20px;padding:5px 12px;font-size:13px;font-weight:700}.trend-pill.up{color:#4fd8c8;background:#26a69a2e}.trend-pill.down{color:#ff8c89;background:#ef53502e}.zone-range{color:#9aa7b5;font-variant-numeric:tabular-nums}.spacer{flex:1}.status-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.status-dot.live{background:#26a69a;box-shadow:0 0 6px #26a69a}.status-dot.off{background:#ef5350}.status-label{color:#9aa7b5}.replay-status-label{color:#f0b429;font-weight:600}.body-row{flex:1;min-height:0;display:flex}.watchlist{background:#0e141b;border-left:1px solid #1b232c;flex-direction:column;flex-shrink:0;gap:2px;width:160px;padding:8px;display:flex;overflow-y:auto}.watchlist-row{cursor:pointer;color:#e6eaf0;text-align:right;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:8px;display:flex}.watchlist-row:hover{background:#141c25}.watchlist-row.active{background:#141c25;border-color:#26a69a}.watchlist-symbol{flex:1;font-size:12px;font-weight:600}.watchlist-price{font-variant-numeric:tabular-nums;color:#c7cdd6;font-size:12px}.watchlist-loading{color:#6b7684}.watchlist-pill{padding:1px 6px;font-size:11px}.cell-grid{flex:1;grid-template-rows:1fr;grid-template-columns:1fr;min-height:0;display:grid}.cell-grid.layout-4{background:#1b232c;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px}.chart-cell{background:#0b0f14;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.cell-grid.layout-4 .chart-cell{border:1px solid #1b232c}.cell-grid.layout-4 .chart-cell.focused{border-color:#26a69a}.cell-topbar{flex-direction:column;flex-shrink:0;display:flex}.cell-chart-area{direction:ltr;flex:1;min-height:0;position:relative}.chart-panel-wrap{width:100%;height:100%;position:relative}.chart-panel{width:100%;height:100%}.tool-btn{color:#9aa7b5;cursor:pointer;background:#141c25;border:1px solid #263241;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600}.tool-btn.active{color:#06110f;background:#26a69a;border-color:#26a69a}.tool-btn:disabled{opacity:.5;cursor:default}.drawing-toolbar{z-index:3;background:#141c25;border:1px solid #263241;border-radius:6px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;top:8px;left:8px}.drawing-tool-btn{justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:14px;display:flex}.drawing-tool-btn.delete{color:#ff8c89;border-color:#ef5350}.annotation-input{z-index:4;color:#e6eaf0;background:#141c25;border:1px solid #26a69a;border-radius:4px;outline:none;padding:4px 6px;font-size:12px;position:absolute}.replay-entry{z-index:3;position:absolute;top:8px;left:50%;transform:translate(-50%)}.replay-bar{z-index:3;background:#141c25;border:1px solid #263241;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.replay-picking{background:#f0b4291f;border-color:#f0b429}.replay-hint{color:#f0b429;padding:0 4px;font-size:12px;font-weight:600}.replay-progress{color:#9aa7b5;font-variant-numeric:tabular-nums;padding:0 4px;font-size:11px}.replay-exit{color:#ff8c89;border-color:#ef5350}.indicator-bar{z-index:3;flex-wrap:wrap;align-items:center;gap:6px;max-width:calc(100% - 60px);display:flex;position:absolute;top:8px;right:8px}.indicator-add{position:relative}.indicator-menu{background:#141c25;border:1px solid #263241;border-radius:6px;flex-direction:column;gap:2px;min-width:130px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.indicator-menu-item{color:#e6eaf0;cursor:pointer;text-align:right;background:0 0;border:none;border-radius:4px;padding:6px 8px;font-size:12px}.indicator-menu-item:hover{background:#1b2530}.indicator-chip{color:#c7cdd6;background:#141c25;border:1px solid #263241;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;display:flex}.indicator-chip-remove{color:#9aa7b5;cursor:pointer;background:0 0;border:none;padding:0 0 0 4px;font-size:13px;line-height:1}.indicator-chip-remove:hover{color:#ff8c89}@media (width<=700px){.body-row{flex-direction:column}.watchlist{border-bottom:1px solid #1b232c;border-left:none;flex-direction:row;width:auto;overflow:auto hidden}.watchlist-row{flex-shrink:0}.cell-grid.layout-4{grid-template-rows:repeat(4,minmax(280px,1fr));grid-template-columns:1fr;overflow-y:auto}.cell-topbar .controls{flex-wrap:wrap}}.disclaimer{text-align:center;color:#6b7684;background:#0e141b;border-top:1px solid #1b232c;padding:8px 12px;font-size:12px}