:root { color-scheme: dark; --ink:#f2efe7; --muted:#aaa89f; --line:#34342f; --accent:#d8ff48; --panel:#181916; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:#0d0e0c; color:var(--ink); font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif; }
body:before { content:""; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 75% 5%,#25300f 0,transparent 28%),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size:auto,72px 72px; }
main { position:relative; width:min(880px,calc(100% - 32px)); margin:auto; padding:42px 0 28px; }
.brand { margin-bottom:54px; font-weight:700; letter-spacing:-.02em; }.mark{color:var(--accent);margin-right:8px}
.card { padding:clamp(26px,6vw,64px); border:1px solid var(--line); background:rgba(24,25,22,.94); box-shadow:0 24px 90px #0008; }
.eyebrow { color:var(--accent); font:700 12px/1 monospace; letter-spacing:.13em; }.warning{color:#ffbd66}.success{color:#8ef5ba}
h1 { margin:20px 0; max-width:720px; font-size:clamp(38px,7vw,72px); line-height:.98; letter-spacing:-.055em; }
.lead { max-width:650px; color:var(--muted); font-size:18px; }
label { display:block; margin-top:36px; color:#d5d2ca; font-size:13px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; }
textarea { width:100%; margin-top:9px; padding:20px; resize:vertical; color:var(--ink); background:#10110f; border:1px solid #41413b; border-radius:2px; font:17px/1.55 ui-monospace,SFMono-Regular,monospace; outline:none; }
textarea:focus,input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #d8ff4825}
.controls { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-top:22px; }.select-label{margin:0}
select,input { color:var(--ink); background:#10110f; border:1px solid #41413b; padding:13px; }
button { border:0; padding:15px 20px; color:#10110f; background:var(--accent); font:700 15px/1 inherit; cursor:pointer; transition:.15s transform,.15s opacity; }button:hover{transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}.secondary{margin-top:28px;background:transparent;color:var(--ink);border:1px solid #555}
.linkbox{display:flex;margin-top:32px}.linkbox input{min-width:0;flex:1}.linkbox button{flex:none}
.error{min-height:24px;color:#ff8b78}.muted{color:var(--muted)}
pre { white-space:pre-wrap; overflow-wrap:anywhere; padding:24px; margin:32px 0 16px; background:#10110f; border:1px solid #41413b; color:#fff; font:17px/1.6 ui-monospace,SFMono-Regular,monospace; }
footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding:25px 2px; color:#777971; font-size:12px; }
.hidden{display:none}
@media(max-width:620px){main{padding-top:24px}.brand{margin-bottom:24px}.controls{align-items:stretch;flex-direction:column}.controls button{width:100%}.linkbox{flex-direction:column}.linkbox button{margin-top:8px}}