*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100%;height:100vh}.chart-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.chart-header{background:#1a1a2e;border-bottom:1px solid #2a2a3e;align-items:center;gap:12px;padding:6px 16px;display:flex}.chart-symbol{color:#e0e0e0;font-size:16px;font-weight:600}.interval-bar{background:#16162a;border-radius:4px;gap:2px;padding:2px;display:flex}.interval-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.interval-btn:hover{color:#d1d4dc;background:#2a2a3e}.interval-btn.active{color:#fff;background:#2a2a3e}.tool-bar{background:#16162a;border-radius:4px;gap:2px;padding:2px;display:flex}.tool-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px 8px;font-size:14px;transition:background .15s,color .15s}.tool-btn:hover{color:#d1d4dc;background:#2a2a3e}.tool-btn.active{color:#26a69a;background:#26a69a33}.drawing-delete-btn{color:#ef5350;cursor:pointer;background:#ef535022;border:1px solid #ef535066;border-radius:4px;width:100%;padding:6px;font-size:13px}.drawing-delete-btn:hover{background:#ef535044}.settings-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #3a3a4e;border-radius:4px;padding:2px 8px;font-size:16px;line-height:1;transition:background .15s,color .15s}.settings-btn:hover{color:#d1d4dc;background:#2a2a3e}.chart-status{color:#888;font-size:13px}.chart-error{color:#ef5350;font-size:13px}.chart-area{flex:1;min-height:0;position:relative}.chart-container{width:100%;height:100%}.chart-container.drawing-mode,.chart-container.drawing-mode *{cursor:crosshair!important}.bar-countdown{color:#d1d4dc;font-variant-numeric:tabular-nums;background:#2a2a3e;border-radius:4px;margin-left:auto;padding:2px 10px;font-family:ui-monospace,SF Mono,Consolas,Liberation Mono,Menlo,monospace;font-size:16px}.settings-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-panel{background:#1e1e38;border:1px solid #3a3a4e;border-radius:8px;min-width:260px;padding:16px}.settings-title{color:#e0e0e0;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}.settings-close{color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 6px;font-size:14px}.settings-close:hover{color:#e0e0e0;background:#3a3a4e}.settings-tabs{background:#16162a;border-radius:4px;gap:2px;margin-bottom:14px;padding:2px;display:flex}.settings-tab{color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;flex:1;padding:6px 0;font-size:12px;font-weight:500;transition:background .15s,color .15s}.settings-tab:hover{color:#d1d4dc}.settings-tab.active{color:#fff;background:#2a2a3e}.settings-range-row{align-items:center;gap:8px;display:flex}.settings-range-row input[type=range]{accent-color:#26a69a;cursor:pointer;flex:1;height:4px}.settings-range-value{color:#d1d4dc;text-align:right;min-width:24px;font-size:13px}.settings-section{margin-bottom:14px}.settings-section:last-child{margin-bottom:0}.settings-section-title{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.settings-toggle-row{color:#d1d4dc;cursor:pointer;justify-content:space-between;align-items:center;font-size:13px;display:flex}.settings-toggle-row input[type=checkbox]{accent-color:#26a69a;cursor:pointer;width:16px;height:16px}.settings-select{color:#e0e0e0;cursor:pointer;background:#1a1a2e;border:1px solid #3a3a4e;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:13px}.settings-select:focus{border-color:#5a5a7e}.settings-color-row{color:#d1d4dc;justify-content:space-between;align-items:center;padding:4px 0;font-size:13px;display:flex}.settings-color-row input[type=color]{cursor:pointer;background:0 0;border:1px solid #3a3a4e;border-radius:4px;width:32px;height:24px;padding:0}.settings-color-row input[type=color]::-webkit-color-swatch-wrapper{padding:2px}.settings-color-row input[type=color]::-webkit-color-swatch{border:none;border-radius:2px}.symbol-list{background:#16162a;border-right:1px solid #2a2a3e;flex-direction:column;flex-shrink:0;width:200px;display:flex}.symbol-list-header{color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #2a2a3e;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.sidebar-collapse{color:#666;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:12px;line-height:1}.sidebar-collapse:hover{color:#d1d4dc;background:#2a2a3e}.symbol-list-add{border-bottom:1px solid #2a2a3e;gap:4px;padding:8px;display:flex}.symbol-list-add textarea{color:#e0e0e0;resize:none;background:#1a1a2e;border:1px solid #3a3a4e;border-radius:4px;outline:none;flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:13px;line-height:1.4}.symbol-list-add textarea:focus{border-color:#5a5a7e}.symbol-list-add button{color:#e0e0e0;cursor:pointer;background:#2a2a3e;border:1px solid #3a3a4e;border-radius:4px;padding:6px 10px;font-size:14px}.symbol-list-add button:hover:not(:disabled){background:#3a3a4e}.symbol-list-add button:disabled{opacity:.4;cursor:default}.symbol-list-items{scrollbar-width:thin;scrollbar-color:#2a2a3e transparent;flex:1;overflow-y:auto}.symbol-list-items::-webkit-scrollbar{width:4px}.symbol-list-items::-webkit-scrollbar-track{background:0 0}.symbol-list-items::-webkit-scrollbar-thumb{background:#2a2a3e;border-radius:2px}.symbol-list-items::-webkit-scrollbar-thumb:hover{background:#3a3a4e}.symbol-item{cursor:pointer;color:#d1d4dc;align-items:center;gap:6px;padding:10px 16px;font-size:14px;transition:background .15s;display:flex}.symbol-item:hover{background:#1e1e38}.symbol-item.active{color:#fff;background:#26264a;border-left:3px solid #26a69a;padding-left:13px}.drag-handle{color:#444;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:10px;line-height:1}.symbol-item:hover .drag-handle{color:#666}.symbol-item.dragging{opacity:.4}.symbol-item.drag-over{border-top:2px solid #26a69a;padding-top:8px}.symbol-name{font-weight:500}.symbol-star{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:1px 2px;display:flex}.symbol-star svg{fill:#444;stroke:#555;stroke-width:1px;stroke-linejoin:round;transition:fill .15s,stroke .15s}.symbol-star:hover svg{fill:#ffc10766;stroke:#ffc107}.symbol-star.starred svg{fill:#ffc107;stroke:#ffc107}.symbol-remove{color:#666;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:12px;transition:opacity .15s}.symbol-item:hover .symbol-remove{opacity:1}.symbol-remove:hover{color:#fff;background:#ef5350}.app{color:#e0e0e0;background:#1a1a2e;width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar-expand{color:#888;cursor:pointer;background:#16162a;border:none;border-right:1px solid #2a2a3e;padding:8px 6px;font-size:12px;line-height:1}.sidebar-expand:hover{color:#d1d4dc;background:#1e1e38}