*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Trebuchet MS,sans-serif;font-size:13px;background:#131722;color:#d1d4dc;overflow:hidden}#app{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:48px 1fr 0px;grid-template-areas:"top-toolbar  top-toolbar  top-toolbar" "left-rail    chart-cell   right-panel" "bottom-bar   bottom-bar   bottom-bar";height:100vh;width:100vw}#app.panel-open{grid-template-columns:48px 1fr 280px}#top-toolbar{grid-area:top-toolbar;display:flex;align-items:center;height:40px;background:#1e222d;border-bottom:1px solid #2a2e39;padding:0 8px;gap:0;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}#top-toolbar::-webkit-scrollbar{display:none}.tb-cluster{flex-shrink:0}.tb-cluster{display:flex;align-items:center;gap:2px;padding:0 6px}.tb-cluster+.tb-cluster{border-left:1px solid #2a2e39}.tb-cluster.tb-right{margin-left:auto;border-left:1px solid #2a2e39}.tb-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:28px;padding:0 8px;background:transparent;border:1px solid transparent;border-radius:4px;color:#d1d4dc;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;line-height:1;transition:background .1s,color .1s,border-color .1s;font-family:inherit}.tb-btn:hover{background:#2a2e39;color:#fff}.tb-btn.active{background:#2962ff;border-color:#2962ff;color:#fff}.tb-cluster.tb-symbols .tb-btn{font-weight:700;font-size:13px;min-width:72px}.tb-cluster.tb-intervals .tb-btn{min-width:32px;padding:0 6px;font-size:12px}.tb-cluster.tb-charttype .tb-btn{min-width:30px;padding:0 6px;font-size:12px}.tb-label{font-size:11px;color:#787b86;margin-right:4px;white-space:nowrap;user-select:none}.tb-cluster.tb-right .tb-btn{font-size:12px;min-width:28px;padding:0 6px}#left-rail{grid-area:left-rail;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;background:#1e222d;border-right:1px solid #2a2e39;overflow:hidden;z-index:10}.rail-sep{width:28px;height:1px;background:#2a2e39;margin:4px 0}.rail-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:4px;color:#787b86;font-size:15px;cursor:pointer;transition:background .1s,color .1s;font-family:inherit;line-height:1}.rail-btn:hover{background:#2a2e39;color:#d1d4dc}.rail-btn.active,.rail-btn.drawing-active{background:#2962ff22;border-color:#2962ff;color:#2962ff}.rail-util.active{background:#2962ff33;border-color:#2962ff88;color:#2962ff}.draw-flyout{position:fixed;left:48px;top:0;min-width:200px;background:#1e222d;border:1px solid #2a2e39;border-radius:4px;box-shadow:4px 4px 12px #00000080;z-index:100;display:none;flex-direction:column;padding:4px 0}.draw-flyout.open{display:flex}.flyout-item{display:flex;align-items:center;gap:8px;padding:7px 12px;background:transparent;border:none;color:#d1d4dc;font-size:13px;cursor:pointer;text-align:left;white-space:nowrap;font-family:inherit;transition:background .1s}.flyout-item:hover{background:#2a2e39}.flyout-item.active{background:#2962ff22;color:#2962ff}.flyout-icon{width:20px;text-align:center;font-size:14px;flex-shrink:0}.flyout-label{flex:1}#chart-cell{grid-area:chart-cell;position:relative;overflow:hidden;background:#131722}#chart{width:100%;height:100%;touch-action:none;user-select:none;-webkit-user-select:none}#chart canvas{touch-action:none}#right-panel{grid-area:right-panel;display:flex;flex-direction:column;background:#1e222d;border-left:1px solid #2a2e39;overflow:hidden}.panel-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);width:16px;height:48px;background:#2a2e39;border:none;border-radius:4px 0 0 4px;color:#787b86;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center;z-index:20;transition:background .1s;font-family:inherit}.panel-toggle:hover{background:#363b4e;color:#d1d4dc}#chart-cell{position:relative}.watchlist-header{padding:10px 12px 6px;font-size:11px;font-weight:700;color:#787b86;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #2a2e39}.watchlist-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #2a2e39;cursor:pointer;transition:background .1s}.watchlist-item:hover{background:#2a2e39}.watchlist-sym{font-weight:700;font-size:13px;color:#d1d4dc}.watchlist-price{font-size:12px;color:#787b86;font-variant-numeric:tabular-nums}.watchlist-change{font-size:11px;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.watchlist-change.up{color:#16c784}.watchlist-change.down{color:#ea3943}.watchlist-item.active{background:#2962ff18;border-left:2px solid #2962ff}#bottom-bar{grid-area:bottom-bar;display:flex;align-items:center;height:28px;background:#1e222d;border-top:1px solid #2a2e39;padding:0 8px;gap:0;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch}#bottom-bar::-webkit-scrollbar{display:none}.range-tabs,.bottom-right{flex-shrink:0}.range-tabs{display:flex;align-items:center;gap:2px}.range-btn{height:20px;padding:0 6px;background:transparent;border:1px solid transparent;border-radius:3px;color:#787b86;font-size:11px;cursor:pointer;transition:background .1s,color .1s;font-family:inherit;line-height:1}.range-btn:hover,.range-btn.active{background:#2a2e39;color:#d1d4dc}.bottom-right{margin-left:auto;display:flex;align-items:center;gap:12px}#status{font-size:11px;color:#787b86;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:480px}#clock-label{font-size:11px;color:#787b86;white-space:nowrap;font-variant-numeric:tabular-nums}body.theme-light{background:#fff;color:#131722}body.theme-light #top-toolbar,body.theme-light #left-rail,body.theme-light #bottom-bar,body.theme-light #right-panel{background:#f0f3fa;border-color:#d1d4dc}body.theme-light #chart-cell{background:#fff}body.theme-light .tb-btn{color:#131722}body.theme-light .tb-btn:hover{background:#d1d4dc;color:#131722}body.theme-light .tb-btn.active{background:#2962ff;color:#fff}body.theme-light .rail-btn{color:#555}body.theme-light .rail-btn:hover{background:#d1d4dc;color:#131722}body.theme-light .tb-label,body.theme-light .watchlist-price,body.theme-light #status,body.theme-light #clock-label{color:#555}body.theme-light .watchlist-item.active{background:#2962ff12;border-left-color:#2962ff}body.theme-light .tb-cluster+.tb-cluster,body.theme-light .tb-cluster.tb-right,body.theme-light .rail-sep,body.theme-light .watchlist-header,body.theme-light .watchlist-item{border-color:#d1d4dc}#chart-context-menu{position:fixed;display:none;min-width:160px;background:#1e222d;border:1px solid #2a2e39;border-radius:4px;box-shadow:4px 4px 12px #00000080;z-index:200;padding:4px 0;user-select:none}.ctx-section-label{padding:4px 12px 2px;font-size:10px;font-weight:700;color:#787b86;text-transform:uppercase;letter-spacing:.5px}.ctx-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;background:transparent;border:none;color:#d1d4dc;font-size:13px;font-family:inherit;cursor:pointer;text-align:left;white-space:nowrap;transition:background .1s}.ctx-item:hover{background:#2a2e39;color:#fff}.ctx-check{display:inline-block;width:14px;text-align:center;font-size:14px;color:#2962ff;flex-shrink:0}.ctx-label{flex:1}.ctx-divider{height:1px;background:#2a2e39;margin:4px 0}body.theme-light #chart-context-menu{background:#f0f3fa;border-color:#d1d4dc;box-shadow:4px 4px 12px #00000026}body.theme-light .ctx-item{color:#131722}body.theme-light .ctx-item:hover{background:#d1d4dc;color:#131722}body.theme-light .ctx-divider{background:#d1d4dc}body.theme-light .ctx-section-label{color:#787b86}#chart-settings-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:340px;max-width:480px;width:90vw;background:#1e222d;border:1px solid #2a2e39;border-radius:6px;box-shadow:8px 8px 24px #0009;padding:0;color:#d1d4dc;z-index:300}#chart-settings-dialog::backdrop{background:#00000073}.sd-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 10px;border-bottom:1px solid #2a2e39}.sd-title{font-size:13px;font-weight:700;color:#d1d4dc}.sd-close{background:transparent;border:none;color:#787b86;font-size:14px;cursor:pointer;padding:2px 4px;line-height:1;font-family:inherit;border-radius:3px;transition:color .1s,background .1s}.sd-close:hover{color:#d1d4dc;background:#2a2e39}.sd-body{padding:8px 0 12px}.sd-section{padding:6px 0 4px;border-bottom:1px solid #2a2e3960}.sd-section:last-child{border-bottom:none}.sd-section-label{padding:4px 16px 6px;font-size:10px;font-weight:700;color:#787b86;text-transform:uppercase;letter-spacing:.5px}.sd-row{display:flex;align-items:center;justify-content:space-between;padding:5px 16px;gap:12px}.sd-label{font-size:13px;color:#d1d4dc;flex:1;user-select:none}.sd-select{background:#131722;border:1px solid #2a2e39;border-radius:4px;color:#d1d4dc;font-size:12px;font-family:inherit;padding:3px 6px;min-width:130px;cursor:pointer}.sd-select:focus{outline:1px solid #2962ff;border-color:#2962ff}.sd-input-num{background:#131722;border:1px solid #2a2e39;border-radius:4px;color:#d1d4dc;font-size:12px;font-family:inherit;padding:3px 6px;width:60px;text-align:right}.sd-key-input{background:#131722;border:1px solid #2a2e39;border-radius:4px;color:#d1d4dc;font-size:12px;font-family:inherit;padding:3px 6px;width:130px;text-align:center;cursor:pointer}.sd-key-input:focus{outline:1px solid #2962ff;color:#2962ff}.sd-input-num:focus{outline:1px solid #2962ff;border-color:#2962ff}.sd-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#2962ff}body.theme-light #chart-settings-dialog{background:#f0f3fa;border-color:#d1d4dc;box-shadow:8px 8px 24px #00000026;color:#131722}body.theme-light .sd-title{color:#131722}body.theme-light .sd-close{color:#555}body.theme-light .sd-close:hover{background:#d1d4dc;color:#131722}body.theme-light .sd-label{color:#131722}body.theme-light .sd-select,body.theme-light .sd-input-num{background:#fff;border-color:#d1d4dc;color:#131722}body.theme-light .sd-section{border-bottom-color:#d1d4dc60}#panel-backdrop{display:none}@media (max-width: 768px){#app,#app.panel-open{grid-template-columns:48px 1fr 0}#right-panel{position:fixed;top:40px;bottom:28px;right:0;width:min(280px,80vw);transform:translate(100%);transition:transform .22s ease;z-index:150;box-shadow:-4px 0 16px #00000080}#app.panel-open #right-panel{transform:translate(0)}#app.panel-open #panel-backdrop{display:block;position:fixed;inset:40px 0 28px;background:#00000073;z-index:140}.panel-toggle{width:22px;height:60px;font-size:12px}}body.theme-light #app.panel-open #panel-backdrop{background:#00000040}