:root{--bg: #0b1016;--surface: #111820;--surface-2: #151e28;--line: #212c3a;--ink: #e9eff7;--muted: #93a1b4;--faint: #667589;--accent: #37d99a;--accent-ink: #04150d;--alert: #e8946f;--radius: 8px;--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-6: 24px;--gap-8: 32px;--gap-12: 48px;--sans: Manrope, system-ui, sans-serif;--mono: "DM Mono", ui-monospace, Menlo, monospace;font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;background:var(--bg);line-height:1.55}[hidden]{display:none!important}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--gap-4);top:var(--gap-4);z-index:5;background:var(--accent);color:var(--accent-ink);padding:var(--gap-2) var(--gap-3);border-radius:var(--radius)}.topbar{display:flex;flex-wrap:wrap;gap:var(--gap-4);align-items:center;padding:var(--gap-4) max(var(--gap-4),calc((100% - 920px)/2));border-bottom:1px solid var(--line);background:var(--surface)}.mark{width:26px;height:26px;border-radius:6px;border:2px solid var(--accent);flex:none;position:relative}.mark:after{content:"";position:absolute;inset:6px 5px auto;height:2px;background:var(--accent);box-shadow:0 5px 0 var(--accent),0 10px 0 var(--accent)}.wordmark{font-weight:700;font-size:15px;letter-spacing:-.01em;display:flex;flex-direction:column;line-height:1.2;margin-inline-end:auto}.wordmark span{font:400 10px/1.4 var(--mono);color:var(--faint);letter-spacing:.04em}.status{display:flex;flex-wrap:wrap;gap:var(--gap-4);margin:0}.status>div{display:flex;gap:var(--gap-2);align-items:baseline}.status dt{font:400 10px var(--mono);color:var(--faint);letter-spacing:.05em}.status dd{margin:0;font:500 10px var(--mono);color:var(--muted)}.status dd[data-state=live]{color:var(--accent)}.status dd[data-state=off]{color:var(--alert)}main{width:min(920px,calc(100% - 2 * var(--gap-4)));margin:0 auto;padding:var(--gap-12) 0 var(--gap-8)}.lede h1{font-size:clamp(28px,5.2vw,42px);line-height:1.12;letter-spacing:-.028em;font-weight:600;margin:0 0 var(--gap-3);max-width:22ch}.lede p{color:var(--muted);margin:0;max-width:68ch;font-size:15px}.panel{margin-top:var(--gap-12);padding-top:var(--gap-6);border-top:1px solid var(--line)}.panel h2{display:flex;align-items:center;gap:var(--gap-3);font-size:17px;font-weight:600;letter-spacing:-.015em;margin:0}.step{display:grid;place-items:center;width:21px;height:21px;flex:none;border:1px solid var(--line);border-radius:5px;background:var(--surface-2);color:var(--accent);font:500 11px var(--mono)}.note{color:var(--faint);font-size:13px;margin:var(--gap-2) 0 var(--gap-4);max-width:66ch}.howto{color:var(--muted);font-size:14px;margin:var(--gap-4) 0 0;max-width:60ch}.here{font:500 10px var(--mono);letter-spacing:.06em;color:var(--accent-ink);background:var(--accent);padding:3px 8px;border-radius:20px}.panel.locked .note,.panel.locked form,.panel.locked .slot{opacity:.4}.panel.locked form{pointer-events:none}.panel.locked .locknote{display:flex}.locknote{display:none;align-items:center;gap:var(--gap-2);margin:var(--gap-2) 0 0;font:500 11px var(--mono);color:var(--faint)}.locknote:before{content:"🔒";font-size:11px}.panel.done .step{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--gap-3);align-items:end}.grid .grow{grid-column:span 2}.grid .full{grid-column:1 / -1}label{display:flex;flex-direction:column;gap:var(--gap-1);font:500 11px var(--mono);letter-spacing:.03em;color:var(--muted)}.hint{font:400 11px var(--sans);color:var(--faint);letter-spacing:0}input,select,textarea{font:400 13px var(--mono);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:11px var(--gap-3);min-height:44px;width:100%}textarea{resize:vertical;line-height:1.5}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 20px,calc(100% - 11px) 20px;background-size:5px 5px;background-repeat:no-repeat}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input::placeholder,textarea::placeholder{color:var(--faint)}button{min-height:44px;padding:11px var(--gap-4);border-radius:var(--radius);border:1px solid transparent;font:500 12px var(--mono);letter-spacing:.03em;cursor:pointer}button.primary{background:var(--accent);color:var(--accent-ink)}button.primary:hover:not(:disabled){background:#4ee7ab}button.ghost{background:transparent;color:var(--muted);border-color:var(--line)}button.ghost:hover:not(:disabled){color:var(--ink);border-color:var(--muted)}button:disabled{opacity:.55;cursor:progress}.slot{margin-top:var(--gap-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--gap-4)}.slot[hidden]{display:none}.slot.err{border-color:#6b3626;background:#1a1013}.slot.err p{color:var(--alert)}.slot p{margin:0;font-size:13px;color:var(--muted)}.skeleton{display:grid;gap:var(--gap-2)}.skeleton i{display:block;height:13px;border-radius:3px;background:var(--surface-2);animation:pulse 1.15s ease-in-out infinite}.skeleton i:nth-child(2){width:72%}.skeleton i:nth-child(3){width:48%}@keyframes pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.skeleton i{animation:none}}dl.read{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--gap-3) var(--gap-4);margin:0 0 var(--gap-3)}dl.read>div{display:flex;flex-direction:column;gap:2px}dl.read dt{font:400 10px var(--mono);color:var(--faint);letter-spacing:.05em}dl.read dd{margin:0;font:500 13px var(--mono);color:var(--ink);overflow-wrap:anywhere}.stamp{display:inline-flex;align-items:center;gap:var(--gap-2);border:1px solid var(--line);border-radius:20px;padding:5px 11px;font:500 10px var(--mono);letter-spacing:.06em}.stamp.good{color:var(--accent);border-color:#1f5f45}.stamp.bad{color:var(--alert);border-color:#6b3626}.stamp i{width:6px;height:6px;border-radius:50%;background:currentColor}.checks{list-style:none;display:grid;gap:var(--gap-1);margin:var(--gap-3) 0;padding:0;font:400 12px var(--mono)}.checks li{display:flex;gap:var(--gap-2);color:var(--muted)}.checks li:before{content:"—";color:var(--faint)}.checks li.pass:before{content:"ok";color:var(--accent)}.checks li.fail:before{content:"!!";color:var(--alert)}.row{display:flex;flex-wrap:wrap;gap:var(--gap-2);align-items:center;margin-top:var(--gap-3)}.hash{font:400 11px var(--mono);color:var(--muted);overflow-wrap:anywhere}a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}.metrics{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:var(--gap-4);margin-bottom:var(--gap-4)}.metrics .read{margin:0}.metrics[hidden]{display:none}.entry{display:grid;gap:var(--gap-1);padding:var(--gap-3) 0;border-top:1px solid var(--line)}.entry:first-child{border-top:0;padding-top:0}.entry b{font:500 12px var(--mono)}.entry span{font:400 11px var(--mono);color:var(--faint);overflow-wrap:anywhere}.empty{color:var(--faint);font-size:13px}footer{width:min(920px,calc(100% - 2 * var(--gap-4)));margin:var(--gap-12) auto var(--gap-8);padding-top:var(--gap-4);border-top:1px solid var(--line);color:var(--faint);font-size:12px}footer p{margin:0 0 var(--gap-2)}@media(max-width:620px){.grid{grid-template-columns:1fr}.grid .grow,.grid .full{grid-column:1 / -1}.status{width:100%}main{padding-top:var(--gap-8)}.panel{margin-top:var(--gap-8)}}
