:root {
  color-scheme: dark;
  --bg:#131722;--topbar-bg:#1e222d;--chart-bg:#131722;--panel:#2a2e39;--panel-2:#20242f;
  --border:#363a45;--text:#d1d4dc;--muted:#787b86;--accent:#2962ff;--green:#089981;--red:#f23645;
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.app-shell,.workspace{height:100vh;min-width:0}.workspace{display:grid;grid-template-rows:auto 1fr 30px}.topbar{z-index:10;background:var(--topbar-bg);border-bottom:1px solid var(--border)}.toolbar-row{display:flex;align-items:center;gap:5px;min-height:48px;padding:5px 8px}.primary-toolbar{overflow-x:auto;overflow-y:hidden}.symbol-selector,.top-action,.toolbar-icon,.tf-button{height:34px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px;white-space:nowrap}.symbol-selector{display:flex;align-items:center;gap:7px;padding:0 9px;color:var(--text);min-width:138px}.symbol-selector:hover,.top-action:hover,.toolbar-icon:hover,.tf-button:hover{background:var(--panel);color:var(--text)}.symbol-icon{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#fff;background:#f7931a;font-weight:800}.badge{padding:2px 5px;border-radius:4px;color:color-mix(in srgb,var(--accent) 55%,var(--text));background:color-mix(in srgb,var(--accent) 14%,transparent);font-size:9px;font-weight:800}.chevron{font-size:12px;color:var(--muted)}.timeframes{display:flex;align-items:center;gap:1px}.tf-button{min-width:31px;padding:0 7px}.tf-button.active{color:#fff;background:var(--accent)}.tf-button.custom{border-color:var(--border);padding-inline:10px}.toolbar-divider{height:23px;width:1px;margin:0 3px;background:var(--border)}.top-action{display:flex;align-items:center;gap:6px;padding:0 8px}.top-action svg,.toolbar-icon svg{width:17px;height:17px}.toolbar-icon{display:grid;place-items:center;width:34px}.connection{margin-left:auto;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;white-space:nowrap}.connection span{width:7px;height:7px;border-radius:50%;background:#f4b740}.connection.online span{background:var(--green)}.connection.offline span{background:var(--red)}.instrument-strip{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:31px;padding:3px 10px;border-top:1px solid color-mix(in srgb,var(--border) 65%,transparent)}.price-block{display:flex;align-items:baseline;gap:8px;margin-left:auto;white-space:nowrap}.price-block strong{font-size:14px;font-variant-numeric:tabular-nums}.price-block span{font-size:10px;color:var(--muted)}.ohlcv-legend{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;color:var(--text);font-size:11px;font-variant-numeric:tabular-nums}.ohlcv-legend>span{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}.ohlcv-legend b{color:var(--muted);font-size:9px}.ohlcv-legend strong{font-weight:600}.ohlcv-symbol{font-weight:800}.ohlcv-empty{color:var(--muted)}.ohlcv-legend .positive strong{color:var(--green)}.ohlcv-legend .negative strong{color:var(--red)}
.chart-workspace{display:grid;grid-template-columns:46px 1fr;min-height:0}.drawing-toolbar{z-index:8;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;background:var(--topbar-bg);border-right:1px solid var(--border);overflow-y:auto}.draw-tool{display:grid;place-items:center;flex:0 0 auto;width:36px;height:34px;color:var(--muted);background:transparent;border:0;border-radius:5px}.draw-tool svg{width:21px;height:21px}.draw-tool:hover{color:var(--text);background:var(--panel)}.draw-tool.active{color:#fff;background:color-mix(in srgb,var(--accent) 65%,var(--panel))}.draw-tool.toggle-on{color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--panel))}.danger-tool:hover{color:#fff;background:var(--red)}.tool-separator{display:block;width:27px;height:1px;margin:4px 0;background:var(--border)}.chart-panel{position:relative;min-width:0;min-height:0;background:var(--chart-bg);overflow:hidden}#chart{position:absolute;inset:0}.cluster-canvas,.drawing-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cluster-canvas{z-index:2}.drawing-overlay{z-index:4;overflow:visible}.drawing-overlay .shape{stroke:var(--drawing-color,var(--accent));fill:none;vector-effect:non-scaling-stroke}.drawing-overlay .fill-shape{fill:color-mix(in srgb,var(--drawing-color,var(--accent)) 10%,transparent)}.drawing-overlay .selected{stroke:#fff;filter:drop-shadow(0 0 3px var(--accent))}.drawing-overlay .handle{fill:var(--chart-bg);stroke:#fff;stroke-width:1.5}.drawing-overlay text{fill:var(--text);stroke:none;font:12px Inter,system-ui,sans-serif;paint-order:stroke;stroke:var(--chart-bg);stroke-width:3px}.drawing-overlay .label-bg{fill:color-mix(in srgb,var(--panel) 92%,transparent);stroke:var(--border)}.crosshair-time-label{position:absolute;z-index:7;bottom:0;transform:translateX(-50%);padding:4px 7px;color:#fff;background:#2a2e39;border-radius:3px 3px 0 0;font-size:10px;white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums}.drawing-hint{position:absolute;z-index:8;top:10px;left:50%;transform:translateX(-50%);padding:6px 9px;color:var(--text);background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--border);border-radius:5px;font-size:11px;pointer-events:none}.watermark{position:absolute;z-index:1;pointer-events:none;left:50%;top:47%;transform:translate(-50%,-50%);color:color-mix(in srgb,var(--text) 4%,transparent);font-size:clamp(36px,6vw,100px);font-weight:900;letter-spacing:.12em;white-space:nowrap}.watermark.hidden{display:none}.loading{position:absolute;z-index:9;top:12px;left:50%;display:flex;align-items:center;gap:9px;max-width:min(760px,calc(100% - 30px));transform:translateX(-50%);padding:8px 11px;color:color-mix(in srgb,var(--text) 78%,var(--muted));background:color-mix(in srgb,var(--panel) 94%,transparent);border:1px solid var(--border);border-radius:7px;box-shadow:0 10px 35px #0004;font-size:11px;text-align:center}.loading.error{border-color:color-mix(in srgb,var(--red) 50%,var(--border))}.loading button{padding:4px 8px;color:#fff;background:var(--accent);border:0;border-radius:5px}.loading.hidden{display:none}.statusbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 9px;color:var(--muted);background:var(--topbar-bg);border-top:1px solid var(--border);font-size:9px;overflow:hidden}.source-statuses,.status-right{display:flex;align-items:center;gap:9px;white-space:nowrap;overflow:auto hidden}.status-right{margin-left:auto}.source-pill:before{content:"";display:inline-block;width:5px;height:5px;margin-right:4px;border-radius:50%;background:var(--green)}.source-pill.error:before{background:var(--red)}.source-pill.connecting:before{background:#f4b740}.timezone{padding-left:8px;border-left:1px solid var(--border)}
.context-menu{position:fixed;z-index:1000;display:grid;min-width:210px;padding:5px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:7px;box-shadow:0 18px 55px #0008}.context-menu[hidden]{display:none}.context-menu button{padding:8px 10px;color:var(--text);background:transparent;border:0;border-radius:4px;text-align:left;font-size:12px}.context-menu button:hover{background:var(--panel-2)}.context-menu button.danger{color:var(--red)}.context-menu>span{height:1px;margin:4px;background:var(--border)}
dialog{width:min(420px,calc(100vw - 30px));color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 30px 100px #000a}dialog::backdrop{background:#02050bb8;backdrop-filter:blur(3px)}dialog h3{margin:3px 0 14px}.dialog-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.dialog-title-row h3{margin:0}.dialog-title-row p{margin:4px 0 0;color:var(--muted);font-size:11px}.dialog-close{width:30px;height:30px;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:6px;font-size:20px}.dialog-close:hover{color:var(--text);background:var(--panel-2)}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.custom-grid input,.custom-grid select,.setting-select select,textarea{width:100%;padding:10px 11px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:6px;outline:none}.dialog-actions,.settings-footer{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}.dialog-actions button,.settings-footer button{padding:8px 13px;color:#fff;background:var(--accent);border:0;border-radius:6px}.dialog-actions .secondary,.settings-footer .secondary{color:var(--text);background:var(--panel-2);border:1px solid var(--border)}.symbol-dialog{width:min(640px,calc(100vw - 30px));height:min(650px,calc(100vh - 40px));padding:14px;overflow:hidden}.symbol-dialog form{display:grid;grid-template-rows:auto auto auto 1fr;height:100%}.symbol-search-wrap{display:flex;align-items:center;gap:8px;margin:15px 0 9px;padding:0 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:7px}.symbol-search-wrap svg{width:17px;height:17px;color:var(--muted)}.symbol-search-wrap input{width:100%;padding:11px 0;color:var(--text);background:transparent;border:0;outline:0}.symbol-tabs{display:flex;gap:5px;padding-bottom:8px;border-bottom:1px solid var(--border)}.symbol-tabs button{padding:6px 9px;color:var(--muted);background:transparent;border:0;border-radius:5px}.symbol-tabs button.active{color:var(--text);background:var(--panel-2)}.symbols{overflow:auto;padding-top:5px}.symbol-button{display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;padding:9px 10px;color:var(--text);background:transparent;border:0;border-radius:5px;text-align:left}.symbol-button:hover,.symbol-button.active{background:var(--panel-2)}.symbol-main{display:flex;align-items:center;gap:9px}.coin-badge{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:color-mix(in srgb,var(--accent) 70%,#7c5cff);font-size:11px;font-weight:800}.symbol-button strong,.symbol-button small{display:block}.symbol-button small{margin-top:2px;color:var(--muted);font-size:10px}.market-tags{display:flex;gap:4px}.market-tags span{padding:2px 5px;color:var(--muted);background:var(--panel);border:1px solid var(--border);border-radius:4px;font-size:9px}.compact-dialog{width:min(430px,calc(100vw - 30px))}.menu-options{display:grid;gap:4px}.menu-options button{padding:10px;color:var(--text);background:transparent;border:0;border-radius:5px;text-align:left}.menu-options button:hover,.menu-options button.active{background:var(--panel-2);color:#fff}.indicator-list{display:grid;margin-top:14px}.indicator-list label{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.indicator-list strong,.indicator-list small{display:block}.indicator-list small{margin-top:3px;color:var(--muted);font-size:10px}.indicator-list input{accent-color:var(--accent)}.dialog-note{color:var(--muted);font-size:10px;line-height:1.5}.settings-dialog{width:min(720px,calc(100vw - 30px));max-height:min(850px,calc(100vh - 30px));padding:0;overflow:hidden}.settings-dialog form{display:grid;grid-template-rows:auto 1fr auto;max-height:min(850px,calc(100vh - 30px))}.settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:17px 19px 14px;border-bottom:1px solid var(--border)}.settings-header h3{margin:0}.settings-header p{margin:4px 0 0;color:var(--muted);font-size:11px}.settings-body{overflow:auto;padding:15px 19px 3px}.settings-section{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--border)}.settings-section:last-child{border-bottom:0}.settings-section h4{margin:0 0 10px;font-size:12px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.color-setting,.toggle-setting,.setting-row,.range-setting{display:flex;align-items:center;justify-content:space-between;gap:11px;min-height:36px;color:color-mix(in srgb,var(--text) 84%,var(--muted));font-size:11px}.color-setting{padding:6px 7px 6px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px}.color-setting input[type=color]{width:32px;height:23px;padding:0;background:transparent;border:0}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin-top:10px}.toggle-setting{justify-content:flex-start;min-height:27px}.toggle-setting input{accent-color:var(--accent)}.setting-row{margin-top:10px}.setting-select select{width:210px;padding-block:7px}.range-setting{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}.range-setting>span{display:flex;justify-content:space-between}.range-setting input{width:100%;accent-color:var(--accent)}.settings-footer{margin:0;padding:12px 19px;border-top:1px solid var(--border)}
@media(max-width:900px){.top-action span:not(.chevron),.connection{display:none}.chart-workspace{grid-template-columns:42px 1fr}.drawing-toolbar{padding-inline:3px}.draw-tool{width:34px}.instrument-strip{overflow-x:auto}.price-block{display:none}.statusbar{display:none}.workspace{grid-template-rows:auto 1fr}.settings-grid,.toggle-grid{grid-template-columns:1fr}.timeframes{max-width:55vw;overflow-x:auto}}
@media(max-width:560px){.symbol-selector{min-width:auto}.symbol-selector .badge,.symbol-selector .chevron{display:none}.toolbar-divider{display:none}.ohlcv-legend{font-size:9px;gap:3px 7px}.ohlcv-legend b{font-size:8px}.drawing-toolbar{width:40px}.chart-workspace{grid-template-columns:40px 1fr}}

/* Drawing and indicator engine 0.7.5 */
.drawing-overlay .shape{pointer-events:none}
.drawing-overlay .drawing-fill{stroke:none;pointer-events:none}
.drawing-overlay .drawing-hit{stroke:transparent;fill:transparent;stroke-width:14;pointer-events:none}
.drawing-overlay .preview-shape{opacity:.78;stroke-dasharray:5 4}
.drawing-overlay .snap-guide{fill:var(--chart-bg);stroke:var(--accent);stroke-width:2;filter:drop-shadow(0 0 3px var(--accent))}
.drawing-overlay .handle{cursor:grab;pointer-events:none}
.drawing-overlay .handle.edge{fill:var(--panel);stroke:var(--accent)}
.drawing-overlay .position-entry{stroke-dasharray:6 4}
.drawing-overlay .position-target-label,.drawing-overlay .position-stop-label,.drawing-overlay .position-entry-label{font-weight:600}
.drawing-overlay .position-label-bg{stroke:none;opacity:.94}
.drawing-overlay .fib-label{font-size:11px;font-variant-numeric:tabular-nums}
.draw-tool.long-tool{color:var(--green)}
.draw-tool.short-tool{color:var(--red)}
.draw-tool.long-tool.active{color:#fff;background:color-mix(in srgb,var(--green) 60%,var(--panel))}
.draw-tool.short-tool.active{color:#fff;background:color-mix(in srgb,var(--red) 60%,var(--panel))}
.draw-tool.magnet-temporary{color:#fff;box-shadow:inset 0 0 0 1px var(--accent)}
.chart-panel.drawing-active{cursor:crosshair}
.chart-panel.dragging-drawing{cursor:grabbing!important;user-select:none}
.drawing-properties{position:absolute;z-index:12;top:10px;left:50%;transform:translateX(-50%);max-width:calc(100% - 28px);color:var(--text);background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--border);border-radius:8px;box-shadow:0 12px 40px #0008;backdrop-filter:blur(10px)}
.drawing-properties[hidden]{display:none}
.drawing-properties-main{display:flex;align-items:center;gap:7px;min-height:42px;padding:6px 7px}
.drawing-properties-main>strong{max-width:150px;padding:0 7px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.drawing-prop{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px;white-space:nowrap}
.drawing-prop input[type=color]{width:29px;height:27px;padding:1px;background:var(--panel-2);border:1px solid var(--border);border-radius:5px}
.drawing-prop select{height:28px;padding:0 7px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:5px}
.opacity-prop input{width:78px;accent-color:var(--accent)}
.drawing-property-button{display:grid;place-items:center;min-width:29px;height:29px;padding:0 7px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:5px;font-size:15px}
.drawing-property-button:hover{background:color-mix(in srgb,var(--accent) 15%,var(--panel-2))}
.drawing-property-button.toggle-on{color:#fff;background:var(--accent)}
.drawing-property-button.danger:hover{color:#fff;background:var(--red)}
.drawing-properties-extra{padding:9px;border-top:1px solid var(--border)}
.fib-level-colors{display:flex;align-items:center;gap:7px;overflow-x:auto}
.fib-level-colors label{display:grid;gap:3px;justify-items:center;color:var(--muted);font-size:9px}
.fib-level-colors input{width:31px;height:24px;padding:1px;background:var(--panel-2);border:1px solid var(--border);border-radius:4px}
.position-properties{display:grid;grid-template-columns:repeat(4,minmax(112px,1fr));gap:7px 10px;min-width:min(620px,calc(100vw - 80px))}
.position-properties label{display:flex;align-items:center;justify-content:space-between;gap:7px;color:var(--muted);font-size:9px}
.position-properties input[type=number]{width:78px;padding:6px 7px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:5px;font-size:10px}
.position-properties input[type=color]{width:30px;height:26px;padding:1px;background:var(--panel-2);border:1px solid var(--border);border-radius:5px}
.position-properties input[type=checkbox]{accent-color:var(--accent)}
@media(max-width:860px){.drawing-properties{left:8px;right:8px;transform:none;overflow-x:auto}.drawing-properties-main{width:max-content}.position-properties{grid-template-columns:repeat(2,minmax(135px,1fr));min-width:420px}}

.drawing-properties [hidden]{display:none!important}

/* Volume Bubbles indicator */
.indicator-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.indicator-tooltip{position:absolute;z-index:12;max-width:360px;padding:9px 11px;white-space:pre-line;color:var(--text);background:color-mix(in srgb,var(--panel) 96%,transparent);border:1px solid var(--border);border-radius:7px;box-shadow:0 12px 36px #0008;font-size:10px;line-height:1.45;pointer-events:none}
.indicator-stats-panel{position:absolute;z-index:6;display:grid;min-width:235px;max-height:min(68%,520px);overflow:auto;padding:8px;color:var(--text);background:color-mix(in srgb,var(--panel) 91%,transparent);border:1px solid var(--border);border-radius:7px;box-shadow:0 10px 28px #0006;font-size:9px;pointer-events:none;backdrop-filter:blur(4px)}
.indicator-stats-panel.top-right{top:10px;right:64px}.indicator-stats-panel.top-left{top:10px;left:10px}.indicator-stats-panel.bottom-right{right:64px;bottom:28px}.indicator-stats-panel.bottom-left{left:10px;bottom:28px}
.indicator-stats-panel>strong{padding:3px 4px 7px;font-size:11px}.indicator-stats-panel span{display:grid;grid-template-columns:1fr auto;gap:2px 8px;padding:5px 4px;border-top:1px solid color-mix(in srgb,var(--border) 70%,transparent)}.indicator-stats-panel b{font-weight:600}.indicator-stats-panel em{font-style:normal;font-weight:700}.indicator-stats-panel small{grid-column:1/-1;color:var(--muted);font-size:8px}
.indicator-module-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 4px;border-bottom:1px solid var(--border)}.indicator-module-row strong,.indicator-module-row small{display:block}.indicator-module-row small{margin-top:3px;color:var(--muted);font-size:10px}.indicator-module-row>div{display:flex;align-items:center;gap:8px}.indicator-module-row button{padding:6px 8px;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:5px;font-size:10px}.indicator-module-row button:hover{border-color:var(--accent)}.indicator-module-row input{accent-color:var(--accent)}
.indicator-settings-dialog{width:min(920px,calc(100vw - 24px));max-height:min(930px,calc(100vh - 20px))}.indicator-settings-dialog form{max-height:min(930px,calc(100vh - 20px))}.indicator-settings-body{padding-bottom:14px}.vb-settings-section{padding:0 0 16px;margin:0 0 16px;border-bottom:1px solid var(--border)}.vb-settings-section:last-child{border-bottom:0}.vb-settings-section h4{margin:0 0 10px;font-size:12px}.vb-settings-note{margin:-4px 0 10px;color:var(--muted);font-size:10px;line-height:1.45}.vb-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.vb-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:6px 8px;color:color-mix(in srgb,var(--text) 86%,var(--muted));background:var(--panel-2);border:1px solid var(--border);border-radius:6px;font-size:10px}.vb-setting input[type=checkbox]{accent-color:var(--accent)}.vb-setting input[type=number],.vb-setting input[type=text],.vb-setting select{width:min(190px,48%);padding:6px 7px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:5px;outline:none}.vb-setting input[type=color]{width:34px;height:25px;padding:0;background:transparent;border:0}.vb-setting input:disabled{opacity:.4}
@media(max-width:720px){.vb-settings-grid{grid-template-columns:1fr}.indicator-stats-panel{display:none}.indicator-settings-dialog{width:calc(100vw - 12px)}}
