:root{--bg: #0f0f14;--surface: #1a1a22;--border: #2c2c38;--text: #f4f4f6;--muted: #9a9aab;--accent: #ff7a1a;--accent-text: #160a00;--ok: #3ccf7a;--error: #ff5d5d;--radius: 14px;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2{margin:0 0 8px;line-height:1.15}.muted{color:var(--muted)}.error{color:var(--error)}.page{max-width:480px;margin:0 auto;padding:max(24px,env(safe-area-inset-top)) 16px 48px}.hero{text-align:center;margin:16px 0 24px}.hero h1{font-size:2rem}.eyebrow{margin:0 0 4px;color:var(--accent);font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.step{margin:0;color:var(--muted);font-size:.9rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}form.card{display:grid;gap:16px}.field{display:grid;gap:6px}.field span{font-weight:600;font-size:.95rem}.field small{color:var(--muted)}input,select{width:100%;font:inherit;font-size:16px;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px 14px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;font-weight:700;font-size:1rem;width:100%;padding:14px;border:0;border-radius:10px;background:var(--accent);color:var(--accent-text);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.packs{display:grid;gap:12px;margin:16px 0}.pack{display:grid;gap:4px;text-align:left;font-weight:400;background:var(--bg);color:var(--text);border:2px solid var(--border)}.pack img{width:100%;border-radius:8px}.pack span{color:var(--muted);font-size:.9rem}.pack[aria-pressed=true]{border-color:var(--accent)}.done{text-align:center}.admin{max-width:1100px;margin:0 auto;padding:24px 16px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.admin>header{grid-column:1 / -1}.creator header{display:flex;justify-content:space-between;align-items:center;gap:8px}.creator dl{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:12px 0;font-size:.9rem}.creator dt{color:var(--muted)}.creator dd{margin:0;word-break:break-word}.creator .actions{display:grid;grid-template-columns:1fr auto;gap:8px}.creator .actions button{grid-column:1 / -1;padding:10px}.badge{font-size:.75rem;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap}.badge.ok{color:var(--ok);border-color:var(--ok)}.mono,code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.suggestions{display:grid;gap:8px}.suggestion{display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--bg);color:var(--text);border:2px solid var(--accent);font-weight:400}.suggestion code{font-size:1.05rem;letter-spacing:.05em}.suggestion span{color:var(--muted);font-size:.9rem}mark{background:var(--accent);color:var(--accent-text);border-radius:3px;padding:0 1px}.linked{margin:0 0 16px;padding:10px 12px;border-radius:10px;background:var(--bg);font-size:.9rem}.linked code{margin-right:8px}button.link{display:inline;width:auto;padding:0;background:none;color:var(--accent);font-weight:600;font-size:inherit;text-decoration:underline}