:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius: 16px;--radius-sm: 12px;--z-toast: 1000;--bg: #0b0b0d;--bg-2: #101114;--card: rgba(255, 255, 255, .03);--card-elev: rgba(255, 255, 255, .06);--line: #24262a;--text: #f6f7fb;--muted: #9aa0a6;--accent: #ffffff;--accent-ghost: #2a2a2e;--shadow-1: 0 10px 30px rgba(0,0,0,.35);--shadow-2: 0 20px 50px rgba(0,0,0,.45);--ring: 0 0 0 6px rgba(255,255,255,.06)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}html{-webkit-text-size-adjust:100%}body{margin:0;background:radial-gradient(1200px 800px at 50% -20%,#141418 0%,var(--bg) 60%),radial-gradient(900px 600px at 120% 10%,#15161a 0%,transparent 60%),radial-gradient(900px 600px at -20% 10%,#15161a 0%,transparent 60%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;line-height:1.5}:focus-visible{outline:2px solid #fff;outline-offset:2px}.container-page{min-height:100dvh;display:grid;place-items:center;padding:var(--space-8)}.card{width:100%;max-width:800px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-lg{max-width:960px}.h1{font-size:clamp(1.4rem,1vw + 1rem,1.8rem);font-weight:600;margin:0}.p-muted{color:var(--muted)}.input{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);background:#0f1013;color:var(--text);transition:border-color .15s ease,box-shadow .15s ease,background .2s ease}.input::placeholder{color:#7d8288}.input:focus{box-shadow:var(--ring);border-color:#fff;background:#121319}textarea.input{resize:vertical}.btn,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .06s ease,filter .15s ease,background .2s ease,color .2s ease,border-color .2s ease}.btn{background:var(--accent);color:#000;border:1px solid transparent}.btn:hover{filter:brightness(.96)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn-ghost:hover{background:var(--accent-ghost)}.kbd{display:inline-block;border:1px solid var(--line);border-radius:8px;padding:2px 6px;font-size:12px;color:var(--muted)}.slots{display:grid;gap:.5rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 640px){.slots{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.slots{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1024px){.slots{grid-template-columns:repeat(4,1fr)}}.slot{border:1px solid var(--line);border-radius:var(--radius-sm);background:#0f1013;padding:var(--space-3) var(--space-4);text-align:center;cursor:pointer;transition:background .2s ease,transform .06s ease,border-color .2s ease}.slot:hover{background:var(--card-elev)}.slot:active{transform:translateY(1px)}.hr{height:1px;width:100%;background:var(--line);margin:var(--space-3) 0}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:var(--space-6);z-index:var(--z-toast);padding:var(--space-3) var(--space-4);border:1px solid var(--line);background:#14151a;border-radius:var(--radius-sm);box-shadow:var(--shadow-2);font-size:.9rem}.center-between{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.stack-1>*+*{margin-top:var(--space-1)}.stack-2>*+*{margin-top:var(--space-2)}.stack-3>*+*{margin-top:var(--space-3)}.stack-4>*+*{margin-top:var(--space-4)}@media (max-width: 640px){input,textarea,select{font-size:16px!important}}