:root{color-scheme:dark;--ink:#f1e7fb;--muted:#b5a3c4;--line:#4a335d;--gold:#f2ca60;--aqua:#7ce4d0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#39214844,transparent 55%),#0b0812;color:var(--ink);font:17px/1.65 Arial,Helvetica,sans-serif}main,header,footer{width:min(1140px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}a{color:var(--aqua);text-underline-offset:4px}.brand{font:800 30px/1 monospace;color:var(--gold);text-decoration:none}.brand small{display:block;font-size:11px;letter-spacing:3px;color:var(--aqua);margin-top:10px}nav{display:flex;gap:22px;font-size:15px}h1{font-size:clamp(42px,7vw,80px);letter-spacing:-.05em;line-height:1.03;margin:20px 0}h2{font-size:26px;line-height:1.3;margin:0 0 20px}p{margin:16px 0;color:var(--muted)}.intro{padding:54px 0 32px;max-width:780px}.eyebrow{font:13px monospace;letter-spacing:2px;color:#c398e5}.workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px}.panel{padding:30px;background:#191020;border:1px solid var(--line);border-radius:12px;min-width:0}.result-panel{background:linear-gradient(135deg,#241530,#101c20)}form{display:grid;gap:22px}label{font-size:15px;display:grid;gap:9px}input,select,textarea{font:16px/1.5 Arial;color:var(--ink);background:#0c0812;border:1px solid #645074;border-radius:6px;width:100%;padding:12px 14px;min-width:0}textarea{min-height:100px;resize:vertical}button,.button{cursor:pointer;font:600 16px/1.5 Arial;border-radius:5px;padding:12px 20px;display:inline-block;text-decoration:none;background:var(--gold);border:1px solid #ffe69f;color:#21160b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c697ff;outline-offset:4px}.outline{background:#20112e;color:#dbc1ee;border-color:#765292}.result{margin:24px 0;padding-bottom:22px;border-bottom:1px solid var(--line)}.result dt{color:#bc9dcc;font-size:14px;letter-spacing:1px}.result dd{font:clamp(19px,2.5vw,29px)/1.4 monospace;color:var(--aqua);margin:10px 0 0;overflow-wrap:anywhere}#message{color:#ffdba0}section.reading{padding:52px 0;display:grid;grid-template-columns:1fr 1fr;gap:45px}.reading ul{padding-left:22px;color:var(--muted)}.cta{border-top:1px solid #5e3b77;border-bottom:1px solid #5e3b77;padding:40px 0;margin-bottom:40px}.cta p{max-width:720px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.fine{font-size:14px;color:#aa94ba}footer{padding:30px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:14px;margin-top:35px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:15px/1.8 monospace;color:#d2bddf}.wide{grid-column:1/-1}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:12px;background:#201329;padding:10px;z-index:10}@media(max-width:700px){.workspace,section.reading{grid-template-columns:1fr}.panel{padding:22px}.intro{padding-top:35px}header{align-items:start}nav{flex-direction:column;gap:10px}footer{flex-direction:column}.brand{font-size:26px}h1{font-size:48px}}