:root{color-scheme:dark;--bg:#070d1d;--card:#07182a;--line:#285678;--text:#f7f9ff;--muted:#91a3bf;--blue:#2eb7ff;--green:#25dfa0;--red:#ff5268;--yellow:#ffd22e;--purple:#925ce4}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px Inter,system-ui,sans-serif}body:before{content:"";display:block;height:17px;border-bottom:1px solid #26324a}main{max-width:1510px;margin:auto;padding:24px 34px 70px}.title{display:flex;justify-content:space-between;align-items:center;background:#111a39;border:1px solid #344767;border-radius:13px;padding:22px 25px}.title h1{margin:0 0 8px;font-size:25px}.title h1 span{font-size:11px;color:#2de0a0;border:1px solid #217f68;background:#0b3a37;border-radius:6px;padding:6px 10px;margin-left:10px;vertical-align:4px}.title p{margin:0;color:#a7b2c9;font-size:14px}.title a{color:#7abaff;text-decoration:none;border:1px solid #326cb6;background:#10264b;border-radius:8px;padding:14px 18px;font-weight:800}.workspace{margin-top:25px;border:1px solid #182842;background:#050b19;border-radius:12px;padding:18px 36px 30px}.controls{display:grid;grid-template-columns:1fr 85px 1.15fr 1.35fr .7fr;gap:11px;border:1px solid #1d557c;background:#061729;border-radius:12px;padding:16px}.controls>div{height:62px;border:1px solid #315b82;background:#08172b;border-radius:7px;padding:11px 14px}.controls button{border:0;border-radius:7px;background:linear-gradient(#438cff,#2868dc);color:white;font-weight:900}.controls label,.metrics label,.fit>label,.levels label,.strip label{display:block;text-transform:uppercase;letter-spacing:.17em;color:#8197b5;font-size:9px;font-weight:900;margin-bottom:6px}.status{margin:13px 0;padding:12px 16px;border:1px solid #215377;background:#071b2c;border-radius:9px;color:#acd8f7}.status.ready{border-color:#1b6d59;color:#65dfb2;background:#08251e}.status.error{border-color:#91394a;color:#ffb3bf;background:#2a1018}.hidden{display:none}.snapshot{display:flex;gap:22px;align-items:center;border:1px solid #24577d;background:#071a2d;border-radius:10px;padding:13px 17px;margin-bottom:14px}.snapshot span{color:var(--muted)}.snapshot i{margin-left:auto;color:#86c3ff;border:1px solid #28619a;border-radius:18px;padding:6px 12px;font-style:normal}.overview{display:grid;grid-template-columns:340px 1fr;gap:14px;margin-bottom:15px}.fit,.metrics,.chartbox,aside,.strip,details{border:1px solid var(--line);background:var(--card);border-radius:13px}.fit{padding:23px}.fit em{display:inline-block;color:#ff8291;border:1px solid #ff5268;border-radius:18px;padding:6px 10px;font-style:normal;font-weight:800}.fit h2{font-size:30px;line-height:1.1;margin:22px 0 16px}.fit p{color:#d2dcea;line-height:1.65}.metrics{display:grid;grid-template-columns:repeat(6,1fr);overflow:hidden}.metrics>div{padding:19px 16px;border-right:1px solid #1e3954;border-bottom:1px solid #1e3954}.metrics strong{display:block;font-size:24px}.metrics small{display:block;color:#8192aa;margin-top:7px}.metrics .small strong{font-size:16px}.metrics .accent strong{color:var(--green);font-size:29px}.metrics .pro strong{color:var(--yellow);font-size:28px}.analysis{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px}.chartbox{padding:21px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#7da4c8;font-size:9px;font-weight:900}.chartbox h2,aside h2{margin:5px 0 4px;font-size:24px}.chartbox>p{margin:0 0 16px;color:var(--muted)}.levels{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #204f76;border-radius:9px}.levels>div{padding:13px 16px}.legend{display:flex;gap:20px;margin:13px 0;color:#9fb0c7;font-weight:800}.legend span:before{content:"";display:inline-block;width:18px;height:4px;background:var(--blue);margin-right:7px;vertical-align:2px}.legend span:nth-child(2):before{background:var(--red)}.legend span:nth-child(3):before{background:var(--yellow)}.legend span:nth-child(4):before{background:#4489e7}#chart{width:100%;height:470px;background:#061524;border:1px solid #1b4263;border-radius:9px;touch-action:none}.chartbox>button{float:right;margin-top:10px;border:1px solid #3871a3;background:#0c2841;color:#d8edff;border-radius:7px;padding:8px 12px;font-weight:800}aside{padding:22px}aside article{border:1px solid #1c405e;background:#081a2d;border-radius:10px;padding:14px;margin-top:12px}aside article p{color:#a0b1c9;line-height:1.45;margin:9px 0 0}.strip{display:grid;grid-template-columns:repeat(6,1fr);margin-top:15px}.strip>div{padding:17px;border-right:1px solid #203d5a}details{margin-top:15px;padding:0 18px 14px}details summary{padding:14px 0;border-bottom:1px solid #2b5578;font-weight:800}details p{color:#a9b6c9;font-size:11px;line-height:1.55}@media(max-width:1050px){.overview,.analysis{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.controls{grid-template-columns:1fr 75px 1fr}.strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){main{padding:14px}.title{display:block}.title a{display:inline-block;margin-top:14px}.workspace{padding:12px}.controls,.metrics,.strip,aside{grid-template-columns:1fr}.snapshot{flex-wrap:wrap}.snapshot i{margin-left:0}#chart{height:350px}}