:root{
  --bg:#090b0d;--panel:#101317;--panel2:#15191e;--panel3:#1a1f25;--line:#252b31;
  --text:#f3f4f6;--muted:#8d949d;--accent:#f0be24;--accent2:#d99b0b;
  --good:#46c27a;--bad:#e26262;--warn:#e4a83d;--shadow:0 20px 70px rgba(0,0,0,.32);
  --side:72px;--lens:292px;
}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select{font:inherit}button{cursor:pointer}body{overflow-x:hidden}
.app{min-height:100vh;display:grid;grid-template-columns:var(--side) minmax(0,1fr);background:radial-gradient(circle at 42% -18%,rgba(240,190,36,.06),transparent 38%),var(--bg)}
.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#080a0c;display:flex;flex-direction:column;align-items:center;padding:18px 9px;z-index:40}.brand{font-size:17px;font-weight:900;letter-spacing:.16em;color:#fff;margin-bottom:22px}.brand i{font-style:normal;color:var(--accent)}.nav{display:grid;gap:8px;width:100%}.nav button{border:1px solid transparent;background:transparent;color:#7f8791;border-radius:12px;height:46px;font-size:18px;display:grid;place-items:center;position:relative}.nav button:hover,.nav button.active{color:#fff;background:#12161a;border-color:#272d34}.nav button.active:before{content:"";position:absolute;left:-9px;width:2px;height:20px;background:var(--accent);border-radius:99px}.nav .label{display:none}.side-bottom{margin-top:auto;display:grid;gap:8px;width:100%}
.shell{min-width:0;display:flex;flex-direction:column;min-height:100vh}.topbar{height:58px;border-bottom:1px solid var(--line);background:rgba(9,11,13,.94);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 14px;position:sticky;top:0;z-index:35}.top-left,.top-right{display:flex;align-items:center;gap:10px;min-width:0}.crumb{font-size:12px;color:var(--muted);white-space:nowrap}.live-badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#b7bdc5;border:1px solid var(--line);padding:6px 8px;border-radius:999px;background:#0f1215}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 3px rgba(228,168,61,.08)}.live-badge.ok .live-dot{background:var(--good)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#171b20;border:1px solid #2e353d;font-size:11px;font-weight:800}
.workspace{display:grid;grid-template-columns:minmax(0,1fr) var(--lens);min-height:calc(100vh - 58px)}.market-space{min-width:0;display:flex;flex-direction:column}.commandbar{min-height:50px;border-bottom:1px solid var(--line);background:#0c0f12;display:flex;align-items:center;gap:8px;padding:7px 10px;flex-wrap:wrap}.cmd-group{display:flex;align-items:center;gap:5px}.cmd-sep{height:24px;width:1px;background:var(--line);margin:0 2px}.symbol-select{border:1px solid #2a3037;background:#14181d;color:#f6f7f8;border-radius:8px;padding:7px 28px 7px 9px;font-size:11px;font-weight:800}.tf,.tool,.icon-btn{border:1px solid transparent;background:transparent;color:#a4abb4;border-radius:7px;padding:7px 8px;font-size:10px;font-weight:750}.tf:hover,.tool:hover,.icon-btn:hover{background:#171b20;color:#fff;border-color:#2c333b}.tf.active,.tool.active{background:#211d0d;color:#f1cc5e;border-color:#5e4c14}.tool[data-ind].active:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:5px;vertical-align:1px}.price-now{font-size:12px;font-weight:800;min-width:80px}.price-change{font-size:10px;color:var(--muted)}
.chart-stage{position:relative;flex:1;min-height:560px;background:#0b0e11;overflow:hidden}.chart-host{position:absolute;inset:0}.draw-overlay{position:absolute;inset:0;pointer-events:none;z-index:14}.draw-overlay.active{pointer-events:auto;cursor:crosshair}.chart-watermark{position:absolute;left:19px;top:18px;z-index:6;pointer-events:none;display:grid;gap:2px}.chart-watermark b{font-size:22px;letter-spacing:-.03em;color:rgba(241,244,247,.13)}.chart-watermark span{font-size:10px;color:rgba(165,173,182,.22)}.ohlc-strip{position:absolute;left:17px;top:55px;z-index:8;display:flex;gap:9px;flex-wrap:wrap;font-size:10px;color:#8f97a0;pointer-events:none}.ohlc-strip b{color:#cbd0d6;font-weight:650}.drawing-rail{position:absolute;left:9px;top:98px;z-index:20;display:grid;gap:4px;background:rgba(11,14,17,.92);border:1px solid #252b31;border-radius:10px;padding:5px;box-shadow:0 12px 30px rgba(0,0,0,.24)}.drawing-rail button{width:32px;height:32px;border:1px solid transparent;background:transparent;color:#9199a3;border-radius:7px;font-size:14px}.drawing-rail button:hover,.drawing-rail button.active{background:#1c2025;border-color:#323941;color:#f2c85b}.chart-fab{position:absolute;right:74px;top:10px;z-index:19;display:flex;gap:5px}.chart-fab button{border:1px solid #293038;background:rgba(13,16,19,.88);color:#a8afb8;border-radius:7px;padding:6px 8px;font-size:9px}.chart-fab button:hover{color:#fff;background:#181c21}.statusbar{height:34px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#0a0d0f;font-size:9px;color:#7f8790}.status-left,.status-right{display:flex;gap:14px;align-items:center}.statusbar strong{color:#b9c0c8;font-weight:650}
.lens{border-left:1px solid var(--line);background:#0d1013;display:flex;flex-direction:column;min-width:0}.lens-head{height:50px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.lens-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:850}.lens-title:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.lens-body{padding:14px;display:grid;gap:12px;overflow:auto}.context-card{border:1px solid #292f36;background:linear-gradient(180deg,#14181d,#101317);border-radius:14px;padding:14px}.eyebrow{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#7f8791}.context-card h2{font-size:18px;line-height:1.18;margin:7px 0 8px;letter-spacing:-.02em}.context-card p{font-size:11px;line-height:1.55;color:#a5acb5;margin:0}.context-score{display:flex;justify-content:space-between;align-items:center;margin-top:13px;padding-top:12px;border-top:1px solid #252b31}.score{font-size:26px;font-weight:900;color:#f2cc5b}.mini-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mini{border:1px solid #262c33;background:#101317;border-radius:10px;padding:9px}.mini span{display:block;font-size:8px;color:#737b85;text-transform:uppercase;letter-spacing:.08em}.mini b{display:block;font-size:11px;margin-top:4px}.why{border-left:2px solid #66531b;padding:2px 0 2px 10px}.why b{display:block;font-size:10px;margin-bottom:4px}.why p{font-size:10px;color:#8f97a0;line-height:1.45;margin:0}.lens-actions{display:grid;gap:6px}.btn{border:1px solid #303740;background:#171b20;color:#e7eaed;border-radius:10px;padding:10px 11px;font-size:10px;font-weight:750}.btn.primary{background:linear-gradient(180deg,#f3c833,#dba20d);color:#15120a;border-color:#d7a011}.btn:hover{filter:brightness(1.06)}.activity{display:grid;gap:7px}.activity-row{display:flex;gap:9px;align-items:flex-start;padding:8px 0;border-bottom:1px solid #20252b}.activity-row:last-child{border:0}.activity-dot{width:6px;height:6px;border-radius:50%;background:#646c75;margin-top:5px;flex:none}.activity-row b{font-size:9px;display:block}.activity-row span{font-size:9px;color:#737b84;display:block;margin-top:2px;line-height:1.35}
.screen{display:none}.screen.active{display:block}.secondary-screen{padding:20px;max-width:1200px;margin:auto}.secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.card{border:1px solid var(--line);background:#111519;border-radius:14px;padding:14px}.card h3{font-size:13px;margin:0 0 7px}.card p{font-size:10px;color:#8f97a0;line-height:1.5;margin:0}.big{font-size:30px;font-weight:900;margin-top:8px}.progress{height:7px;background:#23282e;border-radius:99px;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;background:var(--accent);width:74%}.table{width:100%;border-collapse:collapse;font-size:10px}.table th,.table td{padding:10px;border-bottom:1px solid #232930;text-align:left}.table th{color:#757d86;font-weight:600}.pill{display:inline-flex;border:1px solid #303740;border-radius:999px;padding:4px 7px;font-size:8px;color:#aab1ba}.pill.good{color:#8ce1ae;border-color:#29533a}.pill.warn{color:#ecc873;border-color:#5e4b1e}
.mobile-nav{display:none}.toast{position:fixed;right:16px;bottom:16px;background:#161a1f;border:1px solid #343b44;border-radius:10px;padding:10px 12px;font-size:10px;color:#d7dce1;z-index:90;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
.lens.collapsed{display:none}.workspace.lens-off{grid-template-columns:1fr}.fallback{position:absolute;inset:0;display:none;place-items:center;color:#8f97a0;font-size:12px;padding:30px;text-align:center}.fallback.show{display:grid}
@media(max-width:1050px){:root{--lens:250px}.secondary-grid{grid-template-columns:1fr 1fr}.commandbar{gap:4px}.tf,.tool{padding:6px 6px}}
@media(max-width:820px){.workspace{grid-template-columns:1fr}.lens{display:none}.app{grid-template-columns:1fr}.sidebar{display:none}.shell{min-height:100dvh}.topbar{height:50px;padding:0 10px}.crumb{display:none}.chart-stage{min-height:calc(100dvh - 50px - 50px - 34px - 58px)}.drawing-rail{left:6px;top:88px}.chart-fab{right:66px}.commandbar{min-height:50px;padding:5px 7px;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.commandbar::-webkit-scrollbar{display:none}.cmd-group{flex:none}.symbol-select{max-width:108px}.ohlc-strip{left:12px;top:46px;font-size:9px}.chart-watermark{left:13px;top:10px}.chart-watermark b{font-size:18px}.statusbar{height:30px;overflow-x:auto}.status-right{display:none}.mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);bottom:0;left:0;right:0;height:58px;background:rgba(8,10,12,.96);backdrop-filter:blur(12px);border-top:1px solid #282e35;z-index:60;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav button{border:0;background:transparent;color:#6f7781;font-size:9px;display:grid;place-items:center;align-content:center;gap:2px}.mobile-nav button b{font-size:16px;font-weight:500}.mobile-nav button.active{color:#efc856}.market-space{padding-bottom:58px}.secondary-screen{padding:12px 10px 72px}.secondary-grid{grid-template-columns:1fr}.top-right .tool{display:none}}
@media(max-width:520px){.tf[data-wide="1"],.tool.optional{display:none}.price-change{display:none}.chart-stage{min-height:560px}.drawing-rail button{width:29px;height:29px}.chart-fab{top:7px}.ohlc-strip{max-width:76%;gap:6px}.secondary-screen{padding-top:10px}}

/* v0.3.1 — chart power pack */
.volume-profile{position:absolute;right:60px;top:0;bottom:28px;width:150px;z-index:7;pointer-events:none;overflow:hidden;opacity:.72}.vp-bar{position:absolute;right:0;height:5px;min-width:2px;background:linear-gradient(90deg,rgba(240,190,36,.05),rgba(240,190,36,.42));border-right:1px solid rgba(240,190,36,.72);transform:translateY(-50%);border-radius:2px 0 0 2px}.watchlist-panel{position:absolute;left:52px;top:12px;width:210px;z-index:24;background:rgba(12,15,18,.96);border:1px solid #2b3239;border-radius:12px;box-shadow:0 20px 55px rgba(0,0,0,.36);padding:8px;display:none;backdrop-filter:blur(16px)}.watchlist-panel.show{display:block}.watchlist-head{height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 3px 5px 7px;font-size:10px}.watch-row{width:100%;border:1px solid transparent;background:transparent;color:#d7dce1;border-radius:9px;padding:9px;display:flex;justify-content:space-between;align-items:center;text-align:left}.watch-row:hover,.watch-row.active{background:#171b20;border-color:#2c333a}.watch-row>span{display:grid;gap:2px}.watch-row>span:last-child{text-align:right}.watch-row b,.watch-row strong{font-size:10px}.watch-row small{font-size:8px;color:#737b84}.watch-note{border-top:1px solid #242a30;margin-top:7px;padding:8px 7px 3px;color:#6f7780;font-size:8px;line-height:1.4}.shortcut-pop{position:absolute;right:73px;top:43px;z-index:25;display:none;width:175px;padding:10px;background:rgba(13,16,19,.97);border:1px solid #2d343c;border-radius:10px;box-shadow:0 18px 45px rgba(0,0,0,.35);font-size:9px;color:#8f97a0}.shortcut-pop.show{display:grid;gap:5px}.shortcut-pop b{color:#e5e8eb;font-size:10px;margin-bottom:2px}.chart-stage:fullscreen{width:100vw;height:100vh;min-height:100vh}.chart-stage:fullscreen .chart-host{inset:0}.chart-stage:fullscreen .volume-profile{bottom:0}.tool[data-ind="profile"].active:after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:5px;vertical-align:1px}
@media(max-width:820px){.volume-profile{right:54px;width:96px;opacity:.6}.watchlist-panel{left:42px;top:8px;width:196px}.shortcut-pop{right:56px;top:40px}.tool[data-ind="profile"]{display:none}}