:root{color-scheme:dark;--bg:#0d1017;--panel:#171c27;--line:#2c3547;--ink:#f4f0e6;--muted:#aab2c2;--gold:#dcb66b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#20283a 0,var(--bg) 48%);color:var(--ink);font-family:system-ui,sans-serif}main{width:min(920px,calc(100% - 32px));margin:0 auto;padding:72px 0}.eyebrow{color:var(--gold);letter-spacing:.24em;font-size:.78rem}h1{font-family:Georgia,serif;font-size:clamp(2.2rem,7vw,4.8rem);margin:.15em 0}header>p:last-child{color:var(--muted)}form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:12px;margin:44px 0;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:16px}label{display:grid;gap:7px;color:var(--muted);font-size:.85rem}input,select,button{min-height:44px;border-radius:9px;border:1px solid var(--line);background:#0e131d;color:var(--ink);padding:0 12px}button{align-self:end;background:var(--gold);color:#18120a;border:0;font-weight:700;cursor:pointer}section{margin-top:32px}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px;line-height:1.55;color:#dde3ee}summary{cursor:pointer;color:var(--gold);margin:24px 0 10px}@media(max-width:760px){main{padding-top:36px}form{grid-template-columns:1fr 1fr}button{grid-column:1/-1}}