:root{--ink:#141417;--ink-2:#1f1f24;--surface:#2a2a30;--border:#3a3526;--cyan:#d8b54a;--gold:#e6c768;--text:#f4f1ea;--muted:#9a948a}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--text);font-family:Helvetica Neue,Arial,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.wrap{max-width:560px;margin:0 auto;padding:48px 20px 72px}.hero{text-align:center}.logo{margin-bottom:20px}h1{font-size:30px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.lead{color:var(--muted);margin:0 0 8px}.lead strong{color:var(--text)}.steps{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:32px 0;justify-content:center}.steps li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);background:var(--ink-2);border:1px solid var(--border);border-radius:999px;padding:8px 14px}.steps span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--cyan);color:var(--ink);font-weight:800;font-size:12px}.card{background:var(--ink-2);border:1px solid var(--border);border-radius:16px;padding:24px}.card.done{text-align:center}.card.done h2{color:var(--cyan);margin-top:0}.field{margin-bottom:16px}.field label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.field .opt{opacity:.6}input{width:100%;background:var(--ink);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:15px}input:focus{outline:2px solid var(--cyan);outline-offset:1px;border-color:transparent}select,textarea{width:100%;background:var(--ink);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--text);font-size:15px;font-family:inherit}select:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:1px;border-color:transparent}textarea{resize:vertical}.note{font-size:13px;color:var(--muted);background:var(--ink);border-left:3px solid var(--gold);border-radius:6px;padding:8px 12px;margin:0 0 16px}.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.btn{width:100%;margin-top:8px;background:var(--cyan);color:var(--ink);font-weight:800;font-size:15px;border:none;border-radius:10px;padding:14px;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btn:disabled{opacity:.6;cursor:default}.result{font-size:14px;margin:12px 0 0}.result.ok{color:var(--cyan)}.result.fail{color:#ff8a7a}.preview{display:grid;place-items:center;background:var(--ink-2);border:1px solid var(--border);border-radius:12px;padding:28px;margin:20px 0}.label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.code{background:var(--ink-2);border:1px solid var(--border);border-radius:10px;padding:14px;font-size:12px;color:var(--gold);white-space:pre-wrap;word-break:break-all;margin:0 0 20px}.status{font-size:14px;color:var(--muted);margin-bottom:16px}.status[data-status=approved]{color:var(--cyan)}.hint{color:var(--muted);font-size:13px;margin-top:16px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.btn-ghost{display:inline-block;margin-top:18px;color:var(--cyan);border:1px solid var(--border);border-radius:10px;padding:10px 18px;text-decoration:none;font-size:14px;font-weight:600}.btn-ghost:hover{border-color:var(--cyan)}.inline-link{color:var(--cyan)}.wrap.wide{max-width:760px}.search{margin:28px 0 4px}.search input[type=search]{width:100%;background:var(--ink-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;color:var(--text);font-size:15px}.search input[type=search]:focus{outline:2px solid var(--cyan);outline-offset:1px;border-color:transparent}.searchcount{font-size:13px;color:var(--muted);margin:10px 2px 0}.empty{text-align:center;color:var(--muted);background:var(--ink-2);border:1px solid var(--border);border-radius:14px;padding:40px 24px;margin-top:28px}.catnav{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0 8px}.catnav a{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);background:var(--ink-2);border:1px solid var(--border);border-radius:999px;padding:7px 13px;text-decoration:none}.catnav a:hover{color:var(--text);border-color:var(--cyan)}.catnav a span{background:var(--surface);border-radius:999px;padding:0 7px;font-size:11px;color:var(--cyan)}.catsection{margin-top:36px;scroll-margin-top:20px}.catsection h2{font-size:18px;font-weight:800;border-bottom:1px solid var(--border);padding-bottom:8px;margin:0 0 16px}.entries{list-style:none;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px}.entries li{background:var(--ink-2);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.entry-name{font-size:16px;font-weight:700;color:var(--text);text-decoration:none}.entry-name:hover{color:var(--cyan)}.entry-desc{color:var(--muted);font-size:14px;margin:6px 0 8px}.entry-url{font-size:12px;color:var(--cyan);opacity:.8}.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:720px;margin:0 auto;background:var(--ink-2);border:1px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 10px 30px rgba(0,0,0,.4);z-index:50}.cookie p{margin:0;font-size:13px;color:var(--muted);flex:1 1 320px}.cookie-actions{display:flex;gap:8px}.btn-small{background:var(--cyan);color:var(--ink);border:none;border-radius:8px;padding:9px 16px;font-size:13px;font-weight:700;cursor:pointer}.btn-small.ghost{background:transparent;color:var(--muted);border:1px solid var(--border)}.btn-small.ghost:hover{color:var(--text)}.site-footer{border-top:1px solid var(--border);margin-top:64px;padding:28px 20px 40px;text-align:center}.site-footer nav{display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-bottom:14px}.site-footer nav a{color:var(--muted);text-decoration:none;font-size:14px}.site-footer nav a:hover{color:var(--cyan)}.site-footer p{color:#6f78a3;font-size:12px;margin:0}.legal{max-width:680px}.legal .back{display:inline-block;margin-bottom:18px;color:var(--cyan);text-decoration:none;font-size:14px}.legal h1{font-size:26px;margin-bottom:8px}.legal h2{font-size:16px;margin:28px 0 6px;color:var(--text)}.legal p{color:var(--muted);font-size:15px;margin:0 0 4px}.legal strong{color:var(--text)}