:root{--obsidian:#0b0b0d;--surface:#111114;--surface-2:#1a1a1f;--line:#23232a;--gold:#d29e3d;--gold-dim:#8a6726;--gold-ink:#f3c560;--copper:#c87a3b;--parchment:#faf6f0;--muted:#6b6657;--u:8px;--radius:4px;--radius-lg:6px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--obsidian);color:var(--parchment);min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Inter,sans-serif;font-size:14px;line-height:1.5}.mono{font-family:Cascadia Mono,ui-monospace,SF Mono,Menlo,monospace}@keyframes shimmer{0%{background-position:0%,0%}to{background-position:0%,300%}}@keyframes glow-pulse{0%,to{text-shadow:0 0 #0000;color:var(--gold)}50%{text-shadow:0 0 12px #f3c56073;color:var(--gold-ink)}}a{color:var(--gold);text-decoration:none;transition:color 80ms}a:hover{color:var(--gold-ink)}button{font-family:inherit;font-size:inherit;background:var(--surface);color:var(--parchment);border:1px solid var(--gold-dim);border-radius:var(--radius);cursor:pointer;padding:8px 14px;transition:border-color 80ms,color 80ms,background 80ms}button:hover:not(:disabled){background:var(--surface-2);border-color:var(--gold);color:var(--gold-ink)}button:disabled{opacity:.35;cursor:not-allowed}button.primary{color:var(--obsidian);border:1px solid var(--gold-dim);background:linear-gradient(120deg, var(--gold) 0%, var(--gold-ink) 35%, var(--gold) 70%, var(--gold-dim) 100%);background-position:0%;background-size:300% 100%;font-weight:600;animation:6s linear infinite shimmer}button.primary:hover:not(:disabled){border-color:var(--gold-ink);color:var(--obsidian)}input,textarea{font-family:inherit;font-size:inherit;background:var(--surface);color:var(--parchment);border:1px solid var(--line);border-radius:var(--radius);width:100%;padding:8px 10px;transition:border-color 80ms}input:focus,textarea:focus{border-color:var(--gold);outline:none}.container{max-width:720px;margin:0 auto;padding:32px 20px}.card{background:var(--surface);border-radius:var(--radius);background-origin:padding-box,border-box;background-clip:padding-box,border-box;background-image:linear-gradient(var(--surface), var(--surface)), linear-gradient(120deg, var(--gold-dim) 0%, var(--gold-ink) 35%, var(--gold) 70%, var(--gold-dim) 100%);background-position:0%,0%;background-size:100% 100%,300% 300%;border:1px solid #0000;padding:20px;animation:7s linear infinite shimmer;position:relative}.muted{color:var(--muted)}.row{align-items:center;gap:12px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}h1,h2,h3{margin:0;font-weight:600}h1{font-size:20px}h2{font-size:16px}h3{font-size:14px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold-dim);font-family:Cascadia Mono,ui-monospace,SF Mono,Menlo,monospace;font-size:11px}.active-label{text-transform:uppercase;letter-spacing:.26em;color:var(--gold);font-family:Cascadia Mono,ui-monospace,SF Mono,Menlo,monospace}.segment{border:1px solid var(--gold-dim);border-radius:var(--radius);background:var(--surface);display:inline-flex;overflow:hidden}.segment button{border:0;border-right:1px solid var(--line);color:var(--muted);letter-spacing:.12em;background:0 0;border-radius:0;padding:8px 14px;font-family:Cascadia Mono,ui-monospace,SF Mono,Menlo,monospace;animation:none}.segment button:last-child{border-right:0}.segment button:hover:not(:disabled){background:var(--surface-2);color:var(--gold-ink)}.segment button.active{background:var(--surface-2);color:var(--gold);border-left:2px solid var(--gold);margin-left:-1px}.segment button.active:first-child{margin-left:0}.slot-btn{letter-spacing:.04em;font-family:Cascadia Mono,ui-monospace,SF Mono,Menlo,monospace}@media (max-width:600px){.container{padding:16px 12px}}
