:root{color-scheme:dark;--bg:#101b23;--panel:#172731;--ink:#e4e8e4;--muted:#a9bac2;--gold:#ecc17a;--aqua:#80d2c2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,sans-serif}main{max-width:1240px;margin:auto;padding:32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #33444e;padding-bottom:24px;font-size:10px;letter-spacing:2px;color:var(--muted)}.wordmark{font-size:23px;color:var(--ink);font-weight:750;letter-spacing:5px}.wordmark span{display:block;font-size:10px;letter-spacing:7px}.intro{max-width:850px;padding:30px 0 25px}.kicker{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--gold)}h1{font:48px/1.12 Georgia,serif;margin:14px 0}h2{font:25px/1.2 Georgia,serif;margin:0 0 16px}p{color:var(--muted)}b{color:var(--ink)}.layout{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.chart-panel,aside,.section{background:var(--panel);border:1px solid #344650;border-radius:14px;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0}.panel-head span{font-size:11px;color:var(--muted)}#chart{display:block;width:100%}.legend{display:flex;gap:18px;flex-wrap:wrap;padding:10px 22px;font-size:11px}.gold{color:var(--gold)}.aqua{color:var(--aqua)}.metrics{display:flex;border-top:1px solid #344650;margin-top:12px;padding:18px;gap:18px;justify-content:space-between}.metrics small{display:block;color:var(--muted);font-size:10px}.metrics strong{display:block;font:24px ui-monospace,monospace;color:var(--aqua);margin-top:8px}aside{padding:24px}aside p{font-size:13px}button,select{font:inherit;font-size:13px;min-height:44px;border:1px solid #58717b;background:#203640;color:var(--ink);border-radius:6px;padding:10px 15px;cursor:pointer}button:hover{border-color:var(--gold)}button[aria-pressed=true]{background:var(--gold);color:#15212b}button:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.tools,.actions{display:flex;gap:8px;flex-wrap:wrap}.primary{width:100%;background:var(--aqua);color:#102b2b;font-weight:750}#feedback{min-height:65px;color:var(--ink);border-left:3px solid var(--gold);padding-left:12px}.section{margin-top:22px}.section-art{background-image:linear-gradient(#101b2333,#101b2366),url("crust.webp");background-size:100% 100%;padding:0 22px 20px;margin-top:10px;min-height:320px}.surface{display:flex;justify-content:space-between;align-items:center;min-height:85px;font-size:9px;font-weight:bold;text-shadow:0 1px 4px #000;color:#fff}#grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cell{background:#12222b8c;border:1px solid #a6b9c055;height:64px;color:#d6dfe3;position:relative;padding:0;font-size:10px;backdrop-filter:blur(1px)}.cell .token{font:32px Georgia;display:block;line-height:32px}.cell.positive{background:#ce9e59d9;color:#14222b;border-color:#ffe1a1}.cell.negative{background:#70bfbcde;color:#14222b;border-color:#b6f6ef}.section-note{font-size:11px;padding:0 24px}nav{display:flex;align-items:center;gap:15px;padding:25px 0;flex-wrap:wrap;font-size:12px}nav span{margin-left:auto;color:var(--aqua)}details{border-top:1px solid #344650;padding:20px 0;font-size:12px}summary{cursor:pointer}a{color:var(--aqua)}footer{padding:20px 0;color:var(--muted);font:italic 16px Georgia}@media(max-width:760px){main{padding:18px}header>span{display:none}h1{font-size:36px}.layout{grid-template-columns:1fr}.intro{padding:20px 0}.intro p{font-size:14px}.panel-head{padding:18px 15px 0}h2{font-size:22px}.metrics{gap:8px;padding:14px}.metrics strong{font-size:20px}.legend{gap:8px;font-size:9px;padding:10px}.section-art{padding:0 8px 12px;min-height:270px}.cell{height:54px;font-size:8px}#grid{gap:3px}.surface{font-size:7px;min-height:76px}.surface span:nth-child(2){display:none}.panel-head span{font-size:9px}aside{padding:20px}nav{gap:8px}nav span{margin-left:0}.section-note{padding:0 14px}}
