:root{color-scheme:dark;--bg:#0b1220;--panel:#131f32;--text:#e5edf8;--muted:#a7bad0;--accent:#56ddc3;--line:#304259}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,sans-serif}header,main,footer{max-width:920px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}a{color:var(--accent)}header a{text-decoration:none}.brand{font-weight:750;letter-spacing:.03em}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.1;margin:.5em 0}h2{font-size:1.25rem}p{color:var(--muted)}.eyebrow{color:var(--accent);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}section,.notice{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:14px;margin:24px 0}.notice{border-left:4px solid var(--accent)}label{display:block;margin:16px 0 5px;font-weight:600}input,select,textarea{display:block;width:100%;padding:12px;border:1px solid #647994;border-radius:7px;background:#0b1524;color:var(--text);font:inherit}input:focus,select:focus,textarea:focus,button:focus,a:focus{outline:3px solid var(--accent);outline-offset:3px}textarea{min-height:90px}button,.button{display:inline-block;padding:12px 18px;background:var(--accent);color:#082a25;border:0;border-radius:7px;font:600 1rem system-ui;cursor:pointer;text-decoration:none;margin:16px 8px 0 0}button.secondary{background:#263850;color:var(--text)}button:disabled{opacity:.5;cursor:wait}small{display:block;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.check{display:flex;gap:12px;align-items:flex-start;font-weight:400}.check input{width:20px;height:20px;flex:none;margin-top:4px}fieldset{border:1px solid var(--line);border-radius:8px;margin:20px 0;padding:16px}legend{padding:0 8px}.document{white-space:pre-wrap;background:#f6f7fa;color:#182236;padding:24px;border-radius:8px;font:15px/1.65 Georgia,serif;overflow-wrap:anywhere}.hash{font:13px/1.6 ui-monospace,monospace;overflow-wrap:anywhere}#message{position:sticky;top:0;z-index:2;border-radius:8px;padding:14px 18px;background:#263850;white-space:pre-wrap}#message:empty{display:none}#message.error{background:#542b31;color:#ffe1e4}[hidden]{display:none!important}footer{font-size:.85rem;color:var(--muted)}@media(max-width:600px){.grid{grid-template-columns:1fr}section{padding:18px}header,main,footer{padding:18px}}
:where(h2, h3, #main, #message):focus { outline: 3px solid var(--accent); outline-offset: 4px; }
.skip-link { position: absolute; left: 12px; top: -100px; padding: 12px; background: var(--bg); z-index: 5; }
.skip-link:focus { top: 12px; }
fieldset, .grid > div { min-width: 0; }
header { flex-wrap: wrap; }
button, .button, legend, h1, h2, h3 { overflow-wrap: anywhere; max-width: 100%; }
input, select, textarea { min-width: 0; }
#message { position: static; }