:root{--bg:#171c22;--panel:#1f262e;--panel2:#262f39;--line:#34404c;--text:#e7e2d6;--dim:#8e98a3;--gold:#d6ad4b;--gold-soft:#d6ad4b2e;--buy:#3fb6a8;--sell:#e0605e;--warn:#e8a33d;--f:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;--fc:"Barlow Condensed","Arial Narrow",system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font:14px/1.4 var(--f);font-variant-numeric:tabular-nums;margin:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--panel2);border-radius:6px;padding:7px 10px}button:hover{border-color:var(--dim)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:1px}input,select{background:var(--bg);border:1px solid var(--line);border-radius:5px;width:100%;padding:5px 7px}.b{color:var(--buy)}.s{color:var(--sell)}.w{color:var(--warn)}.g{color:var(--gold)}.d{color:var(--dim)}.row{align-items:center;gap:8px;display:flex}.box{background:var(--panel);border-radius:8px;padding:10px}.box h3{font:600 15px var(--fc);color:var(--dim);margin:0 0 8px}kbd{background:var(--panel2);border:1px solid var(--line);font:12px var(--f);color:var(--text);border-radius:4px;padding:0 5px}@media (prefers-reduced-motion:reduce){.drawer,header{transition:none}}#root{height:100%}.app{grid-template-rows:auto auto 1fr;height:100%;display:grid}main{grid-template-columns:1fr 360px;min-height:0;display:grid}.left{border-right:1px solid var(--line);grid-template-rows:1fr 240px;min-height:0;display:grid}.bottom{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr;min-height:0;display:grid}.pane{min-height:0;padding:8px 12px;overflow:auto}.pane h3{font:600 15px var(--fc);color:var(--dim);margin:2px 0 8px}aside{flex-direction:column;gap:14px;min-height:0;padding:12px;display:flex;overflow:auto}.keys{color:var(--dim);font-size:12px}@media (width<=900px){main{grid-template-columns:1fr}.left{grid-template-rows:360px auto}.bottom{grid-template-columns:1fr}aside{border-top:1px solid var(--line)}}header{border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;align-items:center;gap:14px;padding:8px 14px;transition:background-color .35s,border-color .35s;display:flex}header[data-state=warn]{background:color-mix(in srgb,var(--panel) 88%,var(--warn));border-bottom-color:color-mix(in srgb,var(--line) 55%,var(--warn))}header[data-state=alert]{background:color-mix(in srgb,var(--panel) 86%,var(--sell));border-bottom-color:color-mix(in srgb,var(--line) 50%,var(--sell))}.brand{font:700 20px/1 var(--fc);letter-spacing:.02em;color:var(--gold)}.pill{background:var(--panel2);color:var(--dim);border-radius:99px;padding:3px 9px;font-size:12.5px}.pill.ok{color:var(--buy)}.pill.bad{color:var(--sell)}.pill.live{background:var(--sell);color:#fff}.spacer{flex:1}.auto{font:600 15px var(--fc);min-width:130px;padding:7px 16px}.auto.on{background:var(--gold);color:#1b1b1b;border-color:var(--gold)}.pill.news-high{background:var(--sell);color:#fff}.pill.news-medium{background:var(--warn);color:#1b1b1b}.kill{border-color:var(--sell);color:var(--sell);background:0 0;font-weight:600}.kill.armed{background:var(--sell);color:#fff}.newsbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:8px 14px;font-weight:600;display:none}.newsbar.on{display:flex}.newsbar.high{background:color-mix(in srgb,var(--panel) 62%,var(--sell));color:var(--text)}.newsbar.medium{background:color-mix(in srgb,var(--panel) 66%,var(--warn));color:var(--text)}.newsbar .cd{font:700 20px/1 var(--fc);min-width:92px}.newsbar .sub{opacity:.85;font-weight:400}.newsbar button{color:inherit;background:0 0;border-color:currentColor;margin-left:auto;padding:4px 10px;font-size:12.5px}.chartwrap{min-height:260px;position:relative}canvas{width:100%;height:100%;display:block}.chartnote{color:var(--dim);pointer-events:none;font-size:12px;position:absolute;top:8px;left:10px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:var(--dim);border-bottom:1px solid var(--line);white-space:nowrap;padding:3px 4px;font-weight:500}td{white-space:nowrap;border-bottom:1px solid #27313b;padding:4px}td button{padding:2px 7px;font-size:12px}.log{font-size:12.5px}.log div{border-bottom:1px solid #242d36;padding:2px 0}.log time{color:var(--dim);margin-right:6px}.quote{grid-template-columns:1fr 1fr;gap:8px;display:grid}.q{background:var(--panel);border-radius:8px;min-width:0;padding:8px 10px}.q .px{font:600 clamp(24px,2.3vw,32px)/1.05 var(--fc);text-overflow:clip;overflow:hidden}.q small{color:var(--dim)}.stats{grid-template-columns:repeat(3,1fr);gap:6px 10px;font-size:12.5px;display:grid}.stats b{font:600 16px var(--fc);color:var(--text);display:block}.stats span{color:var(--dim)}.trade{grid-template-columns:1fr 1fr;gap:8px;display:grid}.big{font:700 22px/1 var(--fc);border:none;padding:14px 8px}.big small{font:500 13px var(--f);opacity:.85;margin-top:4px;display:block}.big.buy{background:var(--buy);color:#0d1f1d}.big.sell{background:var(--sell);color:#2a0e0e}.grid3{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.grid3 button{padding:7px 4px;font-size:12.5px}.toggles label{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.toggles input{width:auto}.news li{border-bottom:1px solid #27313b;grid-template-columns:10px 64px 1fr auto;align-items:center;gap:6px;padding:3px 0;font-size:12.5px;display:grid}.news ul{margin:0;padding:0;list-style:none}.dot{border-radius:50%;width:8px;height:8px}.dot.High{background:var(--sell)}.dot.Medium{background:var(--warn)}.news .when{color:var(--dim)}.news .cdn{color:var(--dim);text-align:right}.news li.act,.news li.act .cdn{color:var(--warn)}.drawer{background:var(--panel);border-left:1px solid var(--line);z-index:10;flex-direction:column;width:min(460px,100%);transition:transform .18s;display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.drawer.open{transform:none}.drawer .body{flex:1;padding:14px;overflow:auto}.drawer .foot{border-top:1px solid var(--line);gap:8px;padding:12px 14px;display:flex}fieldset{border:1px solid var(--line);border-radius:8px;margin:0 0 12px;padding:8px 10px}legend{color:var(--gold);font:600 14px var(--fc);padding:0 4px}.f{grid-template-columns:1fr 130px;align-items:center;gap:8px;padding:3px 0;font-size:13px;display:grid}.f input[type=checkbox]{justify-self:end;width:auto}.f .hint{color:var(--dim);grid-column:1/-1;margin-top:-3px;font-size:11.5px}