*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0e17;--bg-secondary: #0d1320;--bg-tertiary: #1e2d45;--border: #1e2d45;--text-primary: #e0e0ea;--text-secondary: #777;--text-muted: #555;--accent-green: #00c087;--accent-red: #e5484d;--accent-blue: #3b82f6;--accent-purple: #8250ff}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.header{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-secondary);border-bottom:1px solid var(--border);flex-shrink:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo{font-weight:700;font-size:16px;color:var(--accent-green);letter-spacing:2px;-webkit-user-select:none;user-select:none}.asset-selector{position:relative}.selector-btn{background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-primary);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;white-space:nowrap}.selector-btn:hover{border-color:var(--text-secondary)}.caret{font-size:10px;color:var(--text-muted)}.dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;width:200px;z-index:100;box-shadow:0 8px 32px #00000080;overflow:hidden}.search-input{width:100%;padding:8px 12px;background:var(--bg-primary);border:none;border-bottom:1px solid var(--border);color:var(--text-primary);font-size:13px;outline:none}.search-input::placeholder{color:var(--text-muted)}.dropdown-list{max-height:300px;overflow-y:auto}.dropdown-item{display:block;width:100%;padding:8px 12px;background:none;border:none;color:var(--text-secondary);font-size:13px;text-align:left;cursor:pointer}.dropdown-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.dropdown-item.active{color:var(--accent-green)}.timeframe-selector{display:flex;gap:2px;flex-shrink:0}.tf-btn{background:none;border:none;color:var(--text-secondary);padding:4px 8px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;white-space:nowrap}.tf-btn:hover{color:var(--text-primary);background:#ffffff0a}.tf-btn.active{color:var(--accent-green);background:#00c0871f;font-weight:700}.indicator-panel{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.indicator-btn{background:#ffffff08;border:1px solid transparent;color:var(--text-secondary);padding:4px 10px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;transition:all .15s;white-space:nowrap}.indicator-btn:hover,.indicator-btn.active{background:#ffffff0f}.main{flex:1;overflow:hidden}.chart-wrapper,.chart-canvas{position:relative;width:100%;height:100%}.chart-legend{position:absolute;top:6px;left:8px;z-index:10;display:flex;align-items:center;gap:10px;font-size:11px;pointer-events:none;-webkit-user-select:none;user-select:none}.legend-symbol{color:var(--text-primary);font-weight:600;font-size:12px}.legend-item{display:flex;gap:3px}.legend-label{color:var(--text-muted)}.val-up{color:var(--accent-green)}.val-down{color:var(--accent-red)}.indicator-pane-label{position:absolute;left:8px;z-index:10;display:flex;gap:8px;align-items:center;pointer-events:none;-webkit-user-select:none;user-select:none}.ind-label-name{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ind-label-value{font-size:10px;color:var(--text-secondary);font-family:monospace}.chart-reset-btn{position:absolute;top:6px;right:70px;z-index:10;background:#1e2d45b3;border:1px solid var(--border);color:var(--text-secondary);width:26px;height:26px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity .15s}.chart-reset-btn:hover{opacity:1;color:var(--text-primary)}.error-bar{background:#e5484d26;color:var(--accent-red);padding:6px 12px;font-size:12px;text-align:center;flex-shrink:0}.loading-indicator{position:fixed;top:52px;left:50%;transform:translate(-50%);z-index:50}.spinner{width:20px;height:20px;border:2px solid var(--bg-tertiary);border-top-color:var(--accent-green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media(max-width:768px){.header{flex-wrap:wrap;gap:8px;padding:6px 8px}.timeframe-selector{order:3;flex-wrap:wrap}.indicator-panel{order:4;margin-left:0;flex-wrap:wrap}.tf-btn{padding:6px 10px;font-size:13px}.indicator-btn{padding:6px 10px;font-size:12px}}