:root { color-scheme: dark; --bg:#080a0d; --panel:#101419; --line:#252c34; --muted:#8a949f; --ink:#f4f7f8; --acid:#b7ff3c; --cyan:#67e8f9; }
* { box-sizing:border-box; }
body { margin:0; background:radial-gradient(circle at 70% -20%,#17312e 0,transparent 34%),var(--bg); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
main { width:min(1180px,calc(100% - 40px)); margin:auto; padding:54px 0 90px; }
header,.panel-head { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }
header { margin-bottom:44px; }
h1 { margin:8px 0 0; font-size:clamp(40px,6vw,76px); line-height:.94; letter-spacing:-.06em; font-weight:600; }
h2 { margin:7px 0 0; font-size:25px; letter-spacing:-.03em; }
.eyebrow { margin:0; color:var(--acid); font:700 11px/1.2 ui-monospace,monospace; letter-spacing:.16em; }
.mode { border:1px solid #3d4a42; border-radius:999px; padding:10px 14px; font:700 11px ui-monospace,monospace; letter-spacing:.12em; white-space:nowrap; }
.mode span { display:inline-block; width:7px; height:7px; margin-right:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 16px var(--acid); }
.asset-switcher { display:flex; gap:8px; margin-bottom:12px; }
button { color:var(--muted); background:transparent; border:1px solid var(--line); padding:10px 16px; border-radius:8px; cursor:pointer; }
button.active { color:var(--ink); border-color:var(--acid); }
.hero-grid { display:grid; grid-template-columns:1.6fr .8fr; gap:12px; }
.panel { background:linear-gradient(145deg,rgba(18,23,29,.96),rgba(11,14,18,.96)); border:1px solid var(--line); border-radius:14px; padding:24px; margin-bottom:12px; overflow:hidden; }
.confidence { text-align:right; }
.confidence strong { display:block; color:var(--acid); font:500 54px/.85 ui-monospace,monospace; }
.confidence span,.muted,.disclosure { color:var(--muted); font-size:12px; }
#radar { width:100%; min-height:390px; margin-top:12px; }
.metrics { display:grid; gap:2px; margin-top:32px; }
.metric { display:flex; justify-content:space-between; padding:15px 0; border-bottom:1px solid var(--line); }
.metric span { color:var(--muted); font-size:12px; }
.metric strong { font:500 14px ui-monospace,monospace; }
.verdict { margin-top:28px; padding:20px; background:#0a0d10; border-left:2px solid var(--acid); }
.verdict span { color:var(--muted); font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.verdict strong { display:block; margin:7px 0; font-size:26px; }
.verdict p { color:var(--muted); font-size:13px; line-height:1.5; margin:0; }
.empty { margin-top:22px; padding:28px; border:1px dashed #303842; color:var(--muted); font-size:14px; text-align:center; }
.disclosure { margin:0; padding-top:16px; border-top:1px solid var(--line); }
@media (max-width:760px) { main{width:min(100% - 24px,1180px);padding-top:28px}.hero-grid{grid-template-columns:1fr}header{display:block}.mode{display:inline-block;margin-top:22px}#radar{min-height:300px}.panel{padding:18px} }