:root{color-scheme:dark;--bg:#0b1015;--panel:#11191f;--line:#253039;--muted:#8c9aa5;--text:#edf2f5;--green:#71dfb7;--red:#ed8190;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:4px}[hidden]{display:none!important}header{height:90px;max-width:1440px;margin:auto;padding:0 5%;display:flex;align-items:center;border-bottom:1px solid #1d272f;gap:24px}.brand{display:flex;align-items:center;gap:6px;font-size:23px;font-weight:650;color:var(--text);text-decoration:none;letter-spacing:-1px}.brand .light{font-weight:350;color:#adbbc4}.brand-icon{display:grid;place-items:center;width:34px;height:34px;color:var(--bg);background:var(--green);border-radius:9px;margin-right:7px;font-size:25px}.local-tag{margin-left:auto;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}.text-button{border:0;background:none;color:var(--green);padding:8px;font-size:13px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.8px;color:var(--muted)}#login-view{max-width:1130px;min-height:calc(100vh - 152px);margin:auto;padding:65px 40px;display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.intro h1{font-size:clamp(48px,5vw,72px);font-weight:450;line-height:1.08;letter-spacing:-3.4px;margin:24px 0}.intro p{font-size:15px;line-height:1.9;color:var(--muted)}.intro-footer{font-size:10px;letter-spacing:1.6px;color:#84949e;margin-top:30px}.intro-footer b{padding:0 13px;color:#4c625b}.mini-chart{display:flex;gap:14px;align-items:center;height:125px;margin-top:40px;max-width:355px;border-bottom:1px solid #24352f;transform:skewY(-8deg)}.mini-chart span{width:13px;background:#2b6553;position:relative;height:40px;border-radius:2px}.mini-chart span:after{content:"";position:absolute;width:1px;background:#498a73;top:-14px;bottom:-12px;left:6px}.mini-chart span:nth-child(3n){background:#62494c;height:27px;transform:translateY(12px)}.mini-chart span:nth-child(4n){height:60px;background:#6ac8a4;transform:translateY(-10px)}.mini-chart span:nth-child(5n){height:24px;transform:translateY(-20px)}.login-card{background:linear-gradient(135deg,#151f26,#11191f);border:1px solid #2a363e;border-radius:18px;padding:32px;box-shadow:0 20px 80px #0002}.connection-icon{color:var(--green);border:1px solid #365849;background:#1d352c;width:39px;height:39px;display:grid;place-items:center;border-radius:11px;font-size:28px}h2{font-size:22px;font-weight:550;margin:20px 0 9px;letter-spacing:-.5px}.muted{color:var(--muted);font-size:13px;margin:0}.config-state{font-size:11px;color:var(--green);margin:22px 0}.config-state.missing{color:#edc886}label{display:block;font-size:12px;margin:18px 0 9px}label span{float:right;color:var(--muted);font-size:10px}input:not([type=checkbox]){display:block;width:100%;height:46px;background:#0d141a;border:1px solid #2b3943;border-radius:7px;padding:0 13px;color:var(--text);outline:none;font-size:14px}input:focus{border-color:var(--green)}input::placeholder{color:#62737f}.primary,.secondary{border-radius:7px;width:100%;height:46px;font-size:13px;font-weight:600}.primary{background:var(--green);border:1px solid var(--green);color:#10281e;margin-top:24px;display:flex;align-items:center;justify-content:space-between;padding:0 15px}.primary:hover{background:#99edcc}.secondary{border:1px solid #3b4b55;background:none;color:#d0dce3}.secondary:hover{background:#1a2730}.privacy,.demo-note{font-size:10px;line-height:1.7;color:var(--muted);text-align:center;margin:14px 0 0}.divider{display:flex;align-items:center;gap:10px;font-size:10px;color:#6e808d;margin:21px 0}.divider:before,.divider:after{content:"";height:1px;background:#2a3640;flex:1}.error{color:#ffa7ac!important;font-size:12px;line-height:1.6}.page-footer{max-width:1440px;margin:0 auto;padding:22px 5%;display:flex;justify-content:space-between;color:#62727e;font-size:9px;letter-spacing:1px}.page-footer b{color:#385649;margin:0 8px}.page-footer a{color:#80938f;text-decoration:none}#chart-view{max-width:1440px;padding:32px 5% 12px;margin:auto}.market-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px}.market-heading h1{font-size:29px;font-weight:550;letter-spacing:-.8px;margin:9px 0 0;display:flex;align-items:center;gap:14px}.exchange{font-size:9px;font-weight:400;letter-spacing:1px;color:#95a5b1;border:1px solid var(--line);padding:6px;border-radius:4px}.price-block{display:flex;flex-direction:column;text-align:right;gap:5px}.price-block strong{font-size:29px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.7px}.price-block span{font-size:10px;color:var(--muted)}.notice{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;margin-bottom:14px;border:1px solid #4b4933;background:#28261c;border-radius:7px;font-size:12px;color:#d6cda9;gap:15px}.chart-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#10171d}.toolbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line);gap:15px}.segmented{display:flex;gap:4px;background:#0b1116;border:1px solid #222e36;padding:3px;border-radius:7px}.segmented button{border:0;background:none;color:#899da9;padding:7px 15px;font-size:12px;border-radius:4px}.segmented button[aria-pressed=true]{color:#9ee8cc;background:#243d34}.chart-actions{display:flex;gap:15px;align-items:center}.indicator-toggle{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.indicator-toggle span{color:#ccd8df;font-size:12px;float:none}.indicator-toggle input{accent-color:var(--green)}.indicator-toggle .beta{font-size:8px;color:#9caeaa;border:1px solid #3b4a45;border-radius:4px;padding:3px 5px;letter-spacing:1px}.icon-button{border:0;background:none;font-size:21px;color:#a0b1bc;padding:3px}.chart-legend{display:flex;gap:18px;padding:15px 21px 8px;font-size:11px;color:#ced8de;min-height:40px}.chart-legend b{font-weight:400;color:#91a2ad}#ohlc{color:#849da5;font-variant-numeric:tabular-nums}#chart-container{height:clamp(330px,52vh,650px);position:relative}#chart{height:100%;width:100%}#chart-loading{position:absolute;inset:0;background:#10171def;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;z-index:3}#chart-loading strong{font-size:15px;font-weight:500}#chart-loading span{font-size:12px;color:var(--muted)}.spinner{width:24px;height:24px;border:2px solid #294437;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.chart-footer{border-top:1px solid var(--line);padding:11px 20px;display:flex;gap:18px;font-size:10px;color:var(--muted)}.chart-footer span:last-child{margin-left:auto}.signal-strip{display:grid;grid-template-columns:1fr 1.3fr 1fr 1.4fr;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:23px 3px}.signal-strip>div{display:flex;flex-direction:column;gap:10px}.signal-strip .eyebrow{font-size:8px;letter-spacing:1.3px}.signal-strip strong{font-size:13px;font-weight:500}.signal-strip p{font-size:11px;line-height:1.8;color:#b2a783;margin:0}.chart-note{font-size:10px;color:#798b96;line-height:1.7;margin:16px 3px 0}@media(max-width:800px){#login-view{gap:35px;padding:40px 25px}.intro h1{font-size:48px}.intro p{font-size:13px}.mini-chart{gap:9px}.login-card{padding:25px}.chart-actions{gap:6px}.segmented button{padding:7px 11px}.signal-strip{grid-template-columns:1fr 1fr}.chart-legend{flex-wrap:wrap;gap:7px}#ohlc{font-size:10px}.local-tag{font-size:10px}}@media(max-width:600px){header{height:70px}.local-tag{display:none}#logout{margin-left:auto}#login-view{display:block;padding:35px 20px}.intro .eyebrow{font-size:8px}.intro h1{font-size:40px;letter-spacing:-1.8px;margin:14px 0}.intro h1 br{display:none}.intro p,.mini-chart,.intro-footer{display:none}.login-card{margin-top:30px}.page-footer{font-size:8px;gap:15px;line-height:1.8;letter-spacing:0}.market-heading h1{font-size:23px;gap:8px}.price-block strong{font-size:23px}.exchange{font-size:7px}.toolbar{padding:10px;flex-wrap:wrap;gap:10px}.chart-actions{margin-left:auto}.indicator-toggle span{font-size:10px}.indicator-toggle .beta{display:none}.chart-footer{padding:10px;gap:8px;font-size:8px}.notice{font-size:10px}.notice .text-button{font-size:10px}.signal-strip{gap:20px}.chart-legend{min-height:52px}#chart-view{padding-top:25px}}
.settings-panel{margin-top:28px;border:1px solid var(--line);border-radius:12px;background:#10171d;overflow:hidden}.settings-heading{display:flex;align-items:center;justify-content:space-between;padding:24px;gap:20px}.settings-heading h2{margin:8px 0;font-size:22px}.settings-heading .muted{font-size:11px}.settings-buttons{display:flex;gap:10px}.settings-buttons button{width:auto;white-space:nowrap;margin:0;padding:0 18px;height:39px;font-size:12px}.settings-search-row{display:flex;align-items:center;gap:20px;padding:0 24px 22px}.settings-search-row input{max-width:420px!important;height:38px!important;font-size:12px!important}.settings-search-row span{font-size:11px;color:var(--green)}.settings-group{border-top:1px solid var(--line)}.settings-group summary{padding:18px 24px;cursor:pointer;font-size:12px;font-weight:550;letter-spacing:.6px;list-style:none;display:flex;align-items:center;gap:14px}.settings-group summary:before{content:'+';font-size:18px;font-weight:400;color:var(--green);width:15px}.settings-group[open] summary:before{content:'−'}.settings-group summary small{margin-left:auto;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:0}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;padding:6px 24px 26px}.setting-field label{font-size:11px;margin:0 0 8px;line-height:1.5;color:#b6c5cf}.setting-field input:not([type=checkbox]),.setting-field select,.setting-field textarea{width:100%;height:36px;border:1px solid #34424d;background:#0d141a;border-radius:5px;color:#dce6eb;padding:6px 10px;font:inherit;font-size:12px;min-width:0}.setting-field input[type=color]{padding:4px;cursor:pointer}.setting-field input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}.setting-field input:focus,.setting-field select:focus,.setting-field textarea:focus{outline:1px solid var(--green)}.setting-field.toggle-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;border-bottom:1px solid #1e2b34;padding-bottom:8px}.toggle-field label{margin:0}.setting-field.wide{grid-column:1/-1}.setting-field textarea{height:120px;resize:vertical;line-height:1.7}.group-note{grid-column:1/-1;font-size:11px;line-height:1.7;color:#9dacb6;margin:0 0 5px}#settings-empty{padding:20px;font-size:12px;color:var(--muted)}#overlay-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-table{position:absolute;z-index:2;background:#121c24e8;border:1px solid #3e4c55;border-radius:5px;font-size:10px;max-width:calc(100% - 110px);max-height:75%;overflow:auto;box-shadow:0 4px 12px #0003}.floating-table table{border-collapse:collapse;font-variant-numeric:tabular-nums}.floating-table th,.floating-table td{padding:5px 8px;border-bottom:1px solid #2b3943;text-align:left;white-space:nowrap}.floating-table th{font-weight:500;color:#e2ebee;background:#24323a}.floating-table td:first-child{color:#9cb0bd}.floating-table.tiny{font-size:8px}.floating-table.normal{font-size:12px}#watermark{position:absolute;z-index:1;bottom:44px;left:12px;right:92px;text-align:center;color:#92a3ad66;font-size:9px;letter-spacing:.6px;pointer-events:none}#overlay-notes{color:#b7ac86;line-height:1.8}#overlay-notes ul{padding-left:15px;margin:8px 0}.positive{color:#71dfb7}.negative{color:#ed8190}@media(max-width:800px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-heading{align-items:flex-start;flex-direction:column}.settings-search-row{flex-direction:column;align-items:stretch;gap:12px}.settings-search-row input{max-width:none!important}.floating-table{font-size:8px}.floating-table th,.floating-table td{padding:3px 5px}}@media(max-width:480px){.settings-grid{grid-template-columns:1fr}.settings-heading,.settings-group summary{padding:18px}.settings-grid{padding:4px 18px 22px}.settings-search-row{padding:0 18px 18px}.settings-buttons{width:100%}.settings-buttons button{flex:1;padding:0 10px}.settings-group summary{font-size:10px}.floating-table{max-width:calc(100% - 85px);max-height:35%}}

/* The chart owns the full window below the navigation; details scroll below. */
header{height:72px;max-width:none;padding:0 24px;width:100%}
#chart-view{max-width:none;width:100%;padding:0;margin:0}
.chart-workspace{height:calc(100vh - 72px);height:calc(100dvh - 72px);min-height:420px;display:flex;flex-direction:column}
.chart-workspace>.notice{flex:none;margin:0;border-radius:0;border-left:0;border-right:0;padding:6px 18px}
.chart-workspace>.chart-card{flex:1;min-height:0;border-radius:0;border-left:0;border-right:0;display:flex;flex-direction:column}
.chart-workspace .toolbar{flex:none;padding:8px 18px}
.chart-workspace .chart-legend{flex:none;padding:10px 18px 6px;min-height:34px}
.chart-workspace #chart-container{height:auto;min-height:0;flex:1}
.chart-workspace .chart-footer{flex:none}
.workspace-details{padding:24px}
.workspace-details .market-heading{margin-bottom:0}
.page-footer{max-width:none;padding-left:24px;padding-right:24px}
@media(max-width:600px){header{padding:0 12px;gap:12px}.workspace-details{padding:18px 12px}.chart-workspace .toolbar{padding:8px 10px;gap:6px}.chart-workspace .chart-legend{padding:8px 10px;min-height:46px}.chart-workspace>.notice{padding:5px 10px}.page-footer{padding-left:12px;padding-right:12px}}

.chart-workspace{height:calc(100vh - 128px);height:calc(100dvh - 128px)}
#chart-type{background:#101b22;color:#dce6eb;border:1px solid #34424d;border-radius:5px;padding:7px 10px;font:inherit;font-size:12px;max-width:145px}
.chart-settings-strip{min-height:56px;display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line);background:#11191f}
.chart-settings-strip button{width:auto;height:34px;padding:0 15px;font-size:12px}
#chart-type-note{margin-right:auto;color:var(--muted);font-size:11px}
@media(max-width:600px){.chart-settings-strip{flex-wrap:wrap;padding:10px}#chart-type-note:not(:empty){width:100%}#chart-type{max-width:116px}.chart-actions{flex-wrap:wrap}}

#chart-theme{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:5px;padding:7px;font-size:12px}
.chart-workspace:fullscreen,.chart-workspace.expanded-chart{height:100dvh;width:100vw;min-height:0;background:var(--bg)}
.chart-workspace.expanded-chart{position:fixed;inset:0;z-index:1000}
body.chart-expanded{overflow:hidden}
.chart-settings-strip .signal-strip{flex:1;min-width:0;border:0;padding:0;gap:16px;grid-template-columns:1fr 1fr 1fr 1.2fr}
.chart-settings-strip .signal-strip>div{gap:5px}.chart-settings-strip .signal-strip p{font-size:10px}
#chart-type-note:empty{display:none}#chart-type-note:not(:empty){flex-basis:100%}
.chart-settings-strip{flex-wrap:wrap;min-height:70px}
.chart-workspace{height:calc(100dvh - 142px)}
.settings-search-control{display:flex;align-items:center;gap:8px}
.settings-search-control #toggle-search{font-size:23px;width:39px;padding:0}
.settings-search-control #settings-search{width:230px;height:39px;font-size:12px}
.settings-buttons{align-items:center;flex-wrap:wrap;justify-content:flex-end}
.settings-search-row{padding-bottom:16px}
:root[data-theme=light]{color-scheme:light;--bg:#f4f7f9;--panel:#fff;--line:#d6dfe5;--muted:#526674;--text:#192c39;--green:#168564;--red:#bd344c}
[data-theme=light] header,[data-theme=light] .chart-card,[data-theme=light] .settings-panel,[data-theme=light] .chart-settings-strip{background:#fff}
[data-theme=light] .chart-legend,[data-theme=light] .indicator-toggle span,[data-theme=light] .setting-field label,[data-theme=light] .secondary{color:#304b5b}
[data-theme=light] #chart-type,[data-theme=light] input:not([type=checkbox]),[data-theme=light] .setting-field select,[data-theme=light] .setting-field textarea,[data-theme=light] .segmented{background:#f8fafb;color:#233c4b;border-color:#cad6de}
[data-theme=light] .segmented button[aria-pressed=true]{background:#d9eee7;color:#146044}
[data-theme=light] .floating-table{background:#fffffff2;border-color:#c7d3dc;color:#233c4b}
[data-theme=light] .floating-table th{background:#e7eef2;color:#233c4b}
[data-theme=light] .floating-table td:first-child{color:#506672}
[data-theme=light] .floating-table td,[data-theme=light] .floating-table th{border-color:#dbe4e9}
[data-theme=light] #chart-loading{background:#fffffff0}
[data-theme=light] #watermark{color:#52667488}
[data-theme=light] .login-card{background:#fff;border-color:#d6dfe5}
[data-theme=light] .notice{background:#fff5dc;color:#69551e;border-color:#d9c68b}
@media(max-width:700px){.chart-settings-strip .signal-strip{flex-basis:100%;grid-template-columns:1fr 1fr 1fr}.chart-settings-strip .signal-strip p{grid-column:1/-1}.settings-search-control #settings-search{width:min(210px,45vw)}.chart-actions{flex-wrap:wrap}.settings-buttons{justify-content:flex-start}}

[data-theme=light] .primary{color:#fff}[data-theme=light] .primary:hover{background:#10674d}
