:root{color-scheme:dark;--bg:#0c1015;--panel:#12171e;--border:#252c35;--muted:#88929f;--text:#e9edf3;--green:#a6e8bb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px 'Segoe UI',sans-serif}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:transparent;border:0}button:hover{filter:brightness(1.25)}button:focus-visible,a:focus-visible{outline:2px solid var(--green);outline-offset:3px}input:focus{outline:1px solid var(--green)}a{color:inherit;text-decoration:none}.green,.positive{color:var(--green)}.negative{color:#ef8f96}.muted{color:var(--muted);font-size:11px;line-height:1.7}.sidebar{position:fixed;width:226px;inset:0 auto 0 0;border-right:1px solid var(--border);padding:28px 18px;background:#10141a;display:flex;flex-direction:column}.brand{font-size:31px;font-weight:700;color:var(--green);letter-spacing:-1px;margin:0 9px 33px}.brand>span{color:var(--text);font-size:24px}.workspace{display:flex;align-items:center;gap:10px;padding:12px 9px;border:1px solid var(--border);border-radius:8px;font-size:12px;font-weight:600}.avatar{width:32px;height:32px;border-radius:8px;background:#29382f;color:var(--green);display:grid;place-items:center}.workspace small,.profile small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.eyebrow{font-size:9px;letter-spacing:1.8px;color:#88929f}.sidebar>.eyebrow{margin:29px 12px 12px}nav button{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:13px;margin-bottom:5px;border-radius:6px;color:var(--muted);font-size:17px}nav button span{font-size:12px}nav button.active{background:#20312a;color:var(--green)}.sidebar-bottom{margin-top:auto}.mode-card{border:1px solid #304337;border-radius:9px;padding:15px;background:linear-gradient(135deg,#1c2a22,#131b17);font-size:12px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:7px}.mode-card p{color:#99aaa0;font-size:11px;line-height:1.7;margin:10px 0}.mode-card small{display:inline-block;padding:5px 8px;background:#283a2e;border-radius:4px;color:#b7d4bf;font-size:9px}.settings{margin:20px 0;color:var(--muted);font-size:11px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding:20px 8px 0;font-size:12px}.profile>span:last-child{margin-left:auto;font-size:8px}main{margin-left:226px}header{height:70px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;font-size:12px}.slash{color:var(--muted);margin:0 12px}.header-actions{display:flex;align-items:center;gap:20px}.demo{font-size:10px;color:#b9a273}.button{border:1px solid #303944;border-radius:6px;padding:9px 13px;font-size:11px;background:#181f27}.content{padding:30px;max-width:1800px;margin:auto}.heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}h1{font-size:30px;font-weight:650;letter-spacing:-1px;margin:10px 0}.heading p{margin:0;font-size:12px}.metrics{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:14px;margin-bottom:22px}.metric{border:1px solid var(--border);border-radius:9px;padding:18px;background:var(--panel)}.metric:first-child{background:linear-gradient(120deg,#1d2c24,#131b17);border-color:#33453a}.metric-label{color:var(--muted);font-size:11px;display:flex;justify-content:space-between}.metric-value{font-size:26px;font-weight:600;letter-spacing:-.7px;margin:13px 0 9px}.metric-detail{font-size:10px;color:var(--muted)}.market-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:20px;align-items:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;overflow:hidden}.asset-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 20px;gap:28px}.asset-tab{display:flex;align-items:center;gap:11px;padding:18px 0;border-bottom:2px solid transparent;text-align:left}.asset-tab.selected{border-color:var(--green)}.coin{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-size:19px;background:#28213d;color:#c7abff}.coin.btc{background:#3a2b18;color:#efb25d}.asset-tab strong{font-size:12px}.asset-tab small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.asset-tab>span:last-child{margin-left:16px;font-size:10px;color:var(--green)}.chart-heading{padding:22px 22px 18px;display:flex;justify-content:space-between}#pair{font-size:12px}.exchange{font-size:9px;margin-left:10px}.chart-price{margin-top:9px;display:flex;align-items:center;gap:12px}.chart-price strong{font-size:28px;font-weight:600;letter-spacing:-.6px}.chart-price>span{font-size:11px;background:#1d3127;border-radius:4px;padding:4px 7px}.position{text-align:right;display:flex;flex-direction:column;gap:7px}.position small{font-size:9px;color:var(--muted);letter-spacing:.5px}.position b{font-size:14px;font-weight:500}.chart-controls{border-top:1px solid #202730;border-bottom:1px solid #202730;padding:8px 15px;display:flex;align-items:center;gap:9px}.segmented{display:flex;gap:3px}.segmented button{font-size:10px;color:var(--muted);padding:6px 8px;border-radius:4px}.segmented button.selected{background:#2c3832;color:var(--green)}select{margin-left:auto;background:#191f27;border:1px solid var(--border);font-size:10px;padding:6px;border-radius:4px;color:#a9b3c0}#ohlc{font-size:9px;color:var(--muted);padding:12px 22px 0;min-height:26px}.chart-body{display:flex;position:relative;padding:5px 8px 0 0}#tools{display:flex;flex-direction:column;gap:4px;border-right:1px solid #222a34;padding:5px 7px;min-width:38px}#tools button{width:27px;height:29px;color:#919caa;font-size:17px;border-radius:4px}#tools button.selected{color:var(--green);background:#29372f}#chart{width:calc(100% - 38px);height:408px;touch-action:none;user-select:none}#chart text{font-family:'Segoe UI',sans-serif}.chart-footer{display:flex;align-items:center;gap:10px;padding:8px 14px;border-top:1px solid #222a34}.chart-footer>button{margin-left:auto;font-size:10px;color:#a1adbb}.chart-footer>small{font-size:9px;color:var(--muted)}.chart-note{border-top:1px solid #222a34;padding:12px 18px;color:var(--muted);font-size:9px}.lab{padding:19px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-title>div{display:flex;align-items:center;gap:9px}h2{font-size:14px;font-weight:600;margin:0;letter-spacing:-.2px}.tag{font-size:8px;letter-spacing:.5px;background:#202831;border:1px solid #2d3743;padding:4px 6px;border-radius:4px;color:#a5b0bd;white-space:nowrap}.lab-mode{border:1px solid var(--border);border-radius:6px;padding:3px;margin:19px 0}.lab-mode button{flex:1;padding:8px}label{display:block;font-size:10px;color:#a7b0bd;margin-top:15px}label>span{float:right;font-size:9px;color:#697583}.input-wrap{display:flex;align-items:center;background:#0e1319;border:1px solid #2d3540;border-radius:6px;margin-top:8px;padding:0 11px;gap:6px}.input-wrap>span{color:#65717f}.input-wrap input{width:100%;border:0;background:none;color:var(--text);padding:12px 0;font-size:14px}.input-wrap button{white-space:nowrap;font-size:8px;color:var(--green);padding:5px;background:#223229;border-radius:3px}.fee-fields{display:flex;gap:10px}.fee-fields label{flex:1}.fee-fields input,.network input,dialog input:not([type=checkbox]){width:100%;margin-top:7px;background:#0e1319;border:1px solid #2d3540;border-radius:5px;padding:9px;color:var(--text)}.network{display:flex;align-items:center;justify-content:space-between;gap:10px}.network input{width:90px;margin:0}.levels-heading{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);letter-spacing:.8px;margin:23px 0 10px}.level{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px;border:1px solid #29323c;margin-bottom:6px;border-radius:5px;background:#151c24;text-align:left}.level.selected{border-color:#61896c;background:#1b2a21}.level .percent{font-size:10px;color:#afb9c4}.level .level-price{margin-left:9px;font-size:11px}.level .gain{font-size:10px;color:var(--green)}.level input{width:45px;background:#0d1319;color:var(--text);border:1px solid var(--border);padding:3px;border-radius:3px}.break-even{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding:12px 1px;border-bottom:1px solid var(--border)}.break-even b{color:#bcc5d0;font-weight:500}.projection{margin:16px 0;background:linear-gradient(110deg,#213328,#18241d);border:1px solid #344a3b;border-radius:7px;padding:14px}.projection>div:first-child{display:flex;justify-content:space-between;color:#a9baac;font-size:9px}.projection strong{display:block;font-size:26px;font-weight:600;color:var(--green);margin:9px 0}.projection p{font-size:10px;color:#a5b4a8;margin:0}#details{border-top:1px solid #344638;margin-top:12px;padding-top:10px;font-size:9px;line-height:1.8;color:#9eb2a4}.primary{background:var(--green);color:#15231a;width:100%;border-radius:6px;padding:12px;font-size:11px;font-weight:700}.wide{width:100%;margin-top:8px;font-size:9px}.lab-footnote{color:#717e8a;font-size:9px;line-height:1.7;text-align:center;margin:12px 0 0}#lab-error,#portfolio-error,#buy-error{font-size:10px;color:#f28e93}.bottom-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:20px;margin-top:20px}.padded{padding:20px}.text-button{color:#9eabb9;font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{font-size:8px;font-weight:500;letter-spacing:.7px;color:#7f8b99;text-align:left;background:#151b23;padding:12px 17px}td{font-size:11px;padding:16px 17px;border-bottom:1px solid #202730}td small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.status{padding:4px 7px;border-radius:4px;font-size:9px;background:#243427;color:#afd0b3}.status.open{background:#342c1f;color:#d7ba84}.empty-state{padding:30px;text-align:center;color:var(--muted);line-height:1.8;font-size:11px}.empty-state strong{display:block;color:#bbc5d0;font-weight:500}#comparison{display:flex;justify-content:space-between;padding:0 20px;font-size:10px;color:var(--muted)}#comparison b{display:block;color:var(--text);font-size:22px;font-weight:600;margin-top:8px}#benchmark{padding:18px 20px 0}.benchmark-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:9px;color:var(--muted)}.benchmark-row>span{width:55px}.bar{height:7px;background:var(--green);border-radius:2px}.bar.hold{background:#63718a}.benchmark-note{font-size:9px;padding:0 20px;margin-bottom:20px}footer{display:flex;gap:15px;color:#54616f;font-size:8px;letter-spacing:1px;padding-top:25px}footer>span{letter-spacing:0}footer>span:last-child{margin-left:auto}dialog{width:430px;max-width:calc(100vw - 30px);border:1px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);padding:25px}dialog::backdrop{background:#0009;backdrop-filter:blur(4px)}dialog .primary{margin-top:20px}.checkbox{display:flex;gap:8px;align-items:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#25382c;color:#cde8d3;border:1px solid #486a50;border-radius:8px;padding:13px 20px;z-index:20;display:none;font-size:12px}#elements{padding:12px 20px;border-top:1px solid var(--border)}.element-row{display:flex;gap:10px;align-items:center;margin:8px 0;font-size:10px}.element-row input{min-width:0;flex:1;background:#181f27;border:1px solid var(--border);color:var(--text);padding:6px}.scenario-row{padding:12px 20px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}@media(min-width:1500px){#chart{height:445px}.market-layout{grid-template-columns:minmax(0,1fr) 335px}}@media(max-width:1200px){.sidebar{width:190px;padding-left:12px;padding-right:12px}.brand>span{font-size:21px}main{margin-left:190px}.content{padding:25px 20px}.market-layout{grid-template-columns:minmax(0,1fr) 280px}.metric{padding:15px}.metric-value{font-size:22px}.chart-controls{gap:4px}.chart-controls .segmented button{padding:6px 4px}.asset-tabs{gap:18px;padding:0 14px}.asset-tab>span:last-child{margin-left:4px}}@media(max-width:980px){.sidebar{width:68px;align-items:center;padding:20px 7px}.brand{margin:0 0 35px}.brand>span,.workspace,.sidebar>.eyebrow,nav button span,.mode-card,.profile,.settings span{display:none}nav button{justify-content:center;padding:13px}.settings{font-size:20px}main{margin-left:68px}.metrics{grid-template-columns:repeat(2,1fr)}.market-layout{grid-template-columns:1fr}.lab{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.lab>.panel-title,.lab>.muted,.lab>.lab-mode,.lab>.levels-heading,.lab>#levels,.lab>.break-even,.lab>.projection,.lab>.primary,.lab>.wide,.lab>.lab-footnote,.lab>#lab-error{grid-column:1/-1}.lab>#levels{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.level{display:block;text-align:center}.level .gain{display:block;margin-top:8px}.bottom-layout{grid-template-columns:1fr 1fr}header{padding:0 20px}}@media(max-width:650px){.sidebar{display:none}main{margin-left:0}.content{padding:22px 14px}header{padding:0 14px;height:58px}.header-actions{gap:8px}.demo{font-size:8px}header>div:first-child{font-size:10px}header .muted,.slash{display:none}.heading{display:block}.heading .button{margin-top:15px}h1{font-size:26px}.heading p{font-size:10px}.metric-value{font-size:21px}.metric-label,.metric-detail{font-size:9px}.metrics{gap:9px}.metric{padding:13px}.bottom-layout{grid-template-columns:1fr}#chart{height:310px}.chart-controls{flex-wrap:wrap}.chart-controls select{margin-left:0}.chart-heading{padding:18px 14px}.chart-price strong{font-size:24px}.chart-footer{flex-wrap:wrap;padding:8px}.lab>#levels{grid-template-columns:repeat(2,1fr)}.asset-tabs{gap:22px}.asset-tab>span:last-child{display:none}#ohlc{font-size:8px;padding-left:14px}footer{flex-wrap:wrap}footer>span:last-child{margin-left:0;width:100%}.chart-note{font-size:8px}}
/* Strategy drawing controls. */
#strategy-settings{padding:0;font-size:9px;letter-spacing:.6px;color:#82d5c1;text-align:left}.settings-group[hidden]{display:none}#chart.is-dragging{cursor:grabbing}.levels-heading{gap:12px}.settings-group input[name=strategyLevels]{font-variant-numeric:tabular-nums}.level.live{border-color:#2fbfa5;background:#123430;box-shadow:0 0 0 1px #2fbfa533}.level.live .level-price,.level.live .gain{color:#5fe6cc}[data-zone]:hover line:first-child{stroke-opacity:1;stroke-width:1.8}[data-line]:hover line[data-strategy-line]{stroke-width:2.4}
/* Chart styling based on the supplied reference. */
:root{--bg:#0c111d;--panel:#101622;--border:#29303e;--muted:#949cac;--green:#00b79d}.sidebar{background:#0e1420}.metric:first-child{background:linear-gradient(120deg,#102b2a,#101b23);border-color:#24413f}.nav.active,nav button.active{background:#1b3035;color:#47d8c5}.chart-panel{background:#0e1420;border-color:#303645;border-radius:7px}.chart-controls{background:#0e1420;padding:12px 14px;border-top:0;border-bottom:0;gap:8px}.chart-controls .segmented{background:#303243;border-radius:7px;padding:3px;gap:0}.chart-controls .segmented button{font-size:11px;font-weight:600;color:#9ea5b7;padding:6px 10px;border-radius:5px}.chart-controls .segmented button.selected{background:#202330;color:#f6f7fa}.chart-controls select{background:#303243;border:0;border-radius:7px;padding:9px;color:#e5e6ec;font-weight:600}.chart-controls>button{background:#303243;border-radius:6px;padding:7px 11px;color:#9ea5b7}.chart-body{padding-right:0}#chart{height:430px}#tools{border:0;padding:6px 8px;min-width:47px;gap:5px}#tools button{width:30px;height:32px;color:#c6cbd4;font-size:22px;font-weight:300;border-radius:0}#tools button.selected{color:#3475ff;background:transparent}#tools button:last-child{margin-top:11px;border-top:1px solid #343d4c;padding-top:9px;height:40px}#ohlc{color:#00b79d;font-size:10px;letter-spacing:.1px;padding:4px 22px 0 68px}.chart-footer{border-top:1px solid #29303d;margin-left:48px;padding-left:0}.chart-footer .segmented button.selected{background:#252b39;color:#dddfe8}.chart-note{color:#7d899b;background:#0e1420}.asset-tab.selected{border-color:#00b79d}.chart-price>span{background:#10302d;color:#00c7aa}.level.selected{background:#122d2c;border-color:#217465}.projection{background:linear-gradient(110deg,#12302b,#102322);border-color:#235148}.projection strong{color:#27d0b4}.primary{background:#00b79d;color:#061b18}.positive{color:#00c7aa}.negative{color:#f23645}.dot{background:#00b79d}.mode-card{background:linear-gradient(135deg,#17302e,#111b25);border-color:#274941}.mode-card small{background:#1a3e38}.avatar{background:#1d3c3b;color:#62d6c5}.bar{background:#00b79d}.lab-mode button.selected{background:#203535;color:#51d4c0}.drawing-toolbar button.selected{color:#3475ff}.chart-controls .price-toggle{display:flex;background:#303243;border-radius:7px;padding:3px;gap:3px}.price-toggle button{padding:6px 11px;font-size:11px;font-weight:600;color:#b4bbca}.price-toggle .selected{background:#202330;color:white;border-radius:5px}.chart-controls .chart-brand{background:#303243;border-radius:7px;padding:8px 11px;font-size:11px;font-weight:600;white-space:nowrap}.chart-controls .indicators{background:#303243;border-radius:7px;padding:9px 10px;font-size:10px;color:#e3e5ed;font-weight:600}.asset-tabs{padding:0 20px}.chart-heading{padding-top:17px;padding-bottom:12px}@media(min-width:1500px){#chart{height:470px}}@media(max-width:1200px){.chart-controls{flex-wrap:wrap}.chart-controls .segmented button{padding:6px 7px}.chart-controls .chart-brand{font-size:10px}.chart-controls select{margin-left:auto}}@media(max-width:650px){#chart{height:330px}.chart-controls{padding:10px 8px}.chart-controls .chart-brand{display:none}#ohlc{font-size:8px;padding-left:54px}.chart-controls .segmented button{font-size:9px;padding:6px}.chart-footer{margin-left:40px}}
.demo.market-live{color:#00c7aa}#load-history,#market-retry{font-size:9px;padding:5px 7px;border:1px solid #343d4b;border-radius:4px}#load-history{margin-left:0}.chart-footer{flex-wrap:wrap;gap:6px}.chart-footer>button#elements-btn{margin-left:auto}body.embed #load-history{display:none}button:disabled{opacity:.45;cursor:not-allowed}.demo{font-size:9px;max-width:250px;line-height:1.5}.market-layout .chart-price .negative{background:#341c25;color:#f23645}
#portfolio-dialog{width:620px}#portfolio-dialog form>p{font-size:11px}.portfolio-asset{border:1px solid #2e3849;border-radius:8px;padding:14px;margin-top:15px;background:#101821}.portfolio-asset h3{display:flex;justify-content:space-between;gap:12px;margin:0;font-size:13px;font-weight:600}.portfolio-asset h3 span{font-size:9px;font-weight:400;color:#7e97ab}.portfolio-inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.portfolio-inputs label:last-child{grid-column:1/-1;width:50%}#portfolio-form label>small{display:block;font-size:9px;color:#7e91a9;line-height:1.7;margin-top:7px}#portfolio-form .checkbox{font-size:11px}@media(max-width:520px){.portfolio-inputs{grid-template-columns:1fr}.portfolio-inputs label:last-child{width:100%}.portfolio-asset h3{display:block}.portfolio-asset h3 span{display:block;margin-top:6px}}
.asset-tabs{gap:20px;overflow-x:auto}.asset-tab{flex-shrink:0}.coin.doge{background:#36301c;color:#ead48a}.coin.zec{background:#33291a;color:#f6c16e}.asset-tab>span:last-child{margin-left:4px}.chart-controls{flex-wrap:wrap}.chart-controls>button{min-height:32px;font-size:10px;white-space:nowrap}.chart-controls>button#fullscreen{color:#66dccb;background:#183731}.chart-legend{display:flex;justify-content:space-between;gap:12px;padding:5px 20px 5px 62px;font-size:9px;color:#8091a9}#indicator-legend{display:flex;gap:12px}.ema20-key{color:#e9b46b}.ema50-key{color:#a49aff}#chart-hint{font-size:9px}.chart-body{min-width:0}#chart{width:calc(100% - 47px);display:block;height:470px}.chart-footer>button{margin-left:0}.chart-footer #latest.selected{color:#4fd6c0}.chart-footer #elements-btn{margin-left:auto}.settings-group{margin-top:18px;border:1px solid #2b3544;border-radius:9px;padding:14px}.settings-group h3{font-size:12px;margin:0 0 12px}.settings-group label{font-size:11px}.settings-group label small{display:block;margin-top:7px;font-size:10px;line-height:1.6;color:#8494aa}.settings-group input[type=color]{height:36px;padding:3px;max-width:120px}#chart-settings-error{color:#f28e93;font-size:11px}.chart-expanded{overflow:hidden}.chart-panel.is-fullscreen{width:100%;height:100%;max-width:none;border:0;border-radius:0;background:#0e1420;display:flex;flex-direction:column;padding:0 12px}.chart-panel.fullscreen-fallback{position:fixed;inset:0;z-index:100;width:100vw;height:100dvh}.chart-panel.is-fullscreen .chart-body{flex:1;min-height:120px;overflow:hidden}.chart-panel.is-fullscreen #chart{height:100%;min-height:120px}.chart-panel.is-fullscreen .asset-tabs{flex-shrink:0}.chart-panel.is-fullscreen .asset-tab{padding:10px 0}.chart-panel.is-fullscreen .chart-heading{padding:10px 16px}.chart-panel.is-fullscreen .chart-price strong{font-size:24px}.chart-panel.is-fullscreen .chart-controls{padding:6px 10px}.chart-panel.is-fullscreen .chart-note{padding:7px 12px}.chart-panel.is-fullscreen #elements{max-height:140px;overflow:auto}.chart-panel.is-fullscreen .chart-footer{flex-shrink:0}#chart-dialog{max-height:90dvh;overflow:auto}.chart-panel.is-fullscreen #toast{z-index:110}#tools button{border-radius:5px}#tools button.selected{background:#1b2b43}#tools button:hover{background:#222d3e}@media(max-width:650px){.asset-tabs{gap:18px;padding:0 12px}.asset-tab{padding:12px 0;gap:7px}.asset-tab strong{font-size:11px}.coin{width:25px;height:25px;font-size:17px}.chart-legend{padding-left:54px}.chart-legend #chart-hint{display:none}#chart{height:390px}.chart-panel.is-fullscreen{padding:0}.chart-panel.is-fullscreen .position{display:none}.chart-panel.is-fullscreen .chart-heading{padding:6px 12px}.chart-panel.is-fullscreen .chart-note{font-size:8px}.chart-panel.is-fullscreen .chart-controls{gap:4px}.chart-panel.is-fullscreen .chart-controls>button{padding:6px}.chart-panel.is-fullscreen .chart-controls select{padding:6px}.chart-panel.is-fullscreen #ohlc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-price{flex-wrap:wrap}.header-actions{min-width:0}.demo{max-width:160px}}@media(max-height:520px){.chart-panel.is-fullscreen .chart-heading,.chart-panel.is-fullscreen .chart-note,.chart-panel.is-fullscreen .chart-legend{display:none}.chart-panel.is-fullscreen .asset-tab{padding:6px 0}.chart-panel.is-fullscreen .chart-controls{padding:4px}.chart-panel.is-fullscreen #ohlc{padding-top:0}.chart-panel.is-fullscreen .chart-footer{padding-top:4px;padding-bottom:4px}}

/* Compact signal view below each asset name, based on closed 15-minute candles. */
.asset-tabs{display:grid;grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px;scrollbar-width:thin;scrollbar-color:#30394a transparent}
.asset-tab{display:flex;align-items:center;gap:8px;min-width:0;padding-top:15px;padding-bottom:14px;text-align:left}
.asset-tab>span.asset-tab-info{display:block;flex:1;min-width:0;margin-left:0;font-size:inherit;color:var(--text)}
.asset-tab .asset-tab-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.asset-tab .asset-tab-price{font-size:9px;color:#00c7aa;white-space:nowrap}
.asset-tab .asset-signal{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:9px;color:#949cac;white-space:nowrap;font-weight:400}
.asset-signal .signal-rsi{font-variant-numeric:tabular-nums}
.asset-signal .signal-buy{color:#2be3a4}
.asset-signal .signal-sell{color:#ff5f76}
.asset-signal em{font-size:8px;font-style:normal;color:#68788e}
.asset-signal.signal-stale em{color:#d4b17c}
.chart-indicators{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
#chart-signal-summary{display:flex;align-items:center;gap:8px;color:#b5c1d1;white-space:nowrap}
#chart-signal-summary b{font-weight:500}
#chart-signal-summary .asset-signal{display:flex;gap:8px;align-items:center}
#chart-range-status{font-variant-numeric:tabular-nums}
#periods[aria-busy=true] button.selected{box-shadow:inset 0 -2px #00b79d}
@media(max-width:650px){.asset-tabs{grid-template-columns:repeat(4,180px);gap:12px}.asset-tab .asset-tab-price{display:none}.asset-tab .asset-signal{gap:6px;font-size:9px}.asset-tab{padding-top:12px;padding-bottom:12px}}