@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&display=swap";:root{--yellow: #E8FF47;--yellow-dim: rgba(232, 255, 71, .12);--yellow-glow: rgba(232, 255, 71, .3);--bg: #080808;--bg-2: #0f0f0f;--bg-3: #1a1a1a;--border: rgba(180, 205, 235, .32);--border-yellow: rgba(232, 255, 71, .3);--text: #eef4ff;--text-dim: #c8d5e8;--text-muted: #a6b7cd;--danger: #ff6b6b;--success: #47ff8a;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{background:radial-gradient(circle at 50% 64%,#00a6ff33,#00a6ff14 12%,#0000 34%),radial-gradient(circle at 50% 64%,#05080f,#04060c 26%,#020309 56%,#010106);color:var(--text);font-family:DM Mono,Fira Code,monospace;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}body:before,body:after{content:"";position:fixed;inset:-25vmax;pointer-events:none;z-index:-1}body:before{background:radial-gradient(circle at 50% 64%,#50d2ff14,#0000 42%);opacity:.6}body:after{background:radial-gradient(circle at 11% 18%,rgba(255,255,255,.9) 0 1px,transparent 1.2px),radial-gradient(circle at 21% 72%,rgba(180,230,255,.72) 0 1px,transparent 1.2px),radial-gradient(circle at 36% 31%,rgba(255,255,255,.84) 0 1.1px,transparent 1.3px),radial-gradient(circle at 44% 83%,rgba(130,210,255,.66) 0 1.2px,transparent 1.35px),radial-gradient(circle at 58% 20%,rgba(255,255,255,.86) 0 1.1px,transparent 1.3px),radial-gradient(circle at 72% 63%,rgba(190,240,255,.74) 0 1.2px,transparent 1.35px),radial-gradient(circle at 84% 24%,rgba(255,255,255,.88) 0 1px,transparent 1.2px),radial-gradient(circle at 90% 76%,rgba(160,225,255,.72) 0 1.2px,transparent 1.35px);background-size:220px 220px,260px 260px,240px 240px,320px 320px,300px 300px,340px 340px,280px 280px,360px 360px;mix-blend-mode:screen;opacity:.42;animation:starDrift 28s linear infinite}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:2px}input,textarea,select{font-family:DM Mono,monospace;background:#06101ec7;border:1px solid rgba(160,190,225,.34);border-radius:var(--radius-sm);color:var(--text);font-size:.9rem;padding:12px 16px;width:100%;transition:border-color .2s;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--border-yellow)}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical}.btn-primary{background:var(--yellow);color:#0a0a0a;border:none;border-radius:var(--radius);padding:14px 28px;font-size:.9rem;font-weight:700;font-family:DM Mono,monospace;cursor:pointer;letter-spacing:.05em;transition:all .15s;width:100%}.btn-primary:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-secondary{background:#06101ec7;color:var(--text);border:1px solid rgba(160,190,225,.34);border-radius:var(--radius);padding:12px 20px;font-size:.875rem;font-family:DM Mono,monospace;cursor:pointer;transition:all .15s}.btn-secondary:hover{background:#ffffff14;border-color:#fff3}.btn-danger{background:#ff6b6b14;color:var(--danger);border:1px solid rgba(255,107,107,.25);border-radius:var(--radius);padding:12px 20px;font-size:.875rem;font-family:DM Mono,monospace;cursor:pointer;transition:all .15s}.btn-danger:hover{background:#ff6b6b26}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--yellow-glow)}50%{box-shadow:0 0 50px var(--yellow-glow)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes tailWag{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes zoomies{0%{transform:translate(0) rotate(0)}25%{transform:translate(10px) rotate(5deg)}50%{transform:translate(-10px) rotate(-5deg)}75%{transform:translate(10px) rotate(3deg)}to{transform:translate(0) rotate(0)}}@keyframes starDrift{0%{transform:translateZ(0)}to{transform:translate3d(-54px,-72px,0)}}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes popIn{0%{transform:scale(.5);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.fade-in{animation:fadeIn .4s ease forwards}.slide-in{animation:slideIn .3s ease forwards}.pop-in{animation:popIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.card{background:var(--bg-2);border:1px solid rgba(160,190,225,.34);border-radius:var(--radius);padding:1.5rem}.option-card{padding:14px 18px;background:#ffffff08;border:1px solid rgba(160,190,225,.34);border-radius:var(--radius);cursor:pointer;transition:all .15s;color:var(--text);font-size:.9rem;text-align:left;width:100%;font-family:DM Mono,monospace}.option-card:hover{border-color:var(--border-yellow);background:var(--yellow-dim);color:var(--text)}.option-card.selected{border-color:var(--border-yellow);background:var(--yellow-dim);color:var(--yellow)}.label{display:block;font-size:.7rem;color:var(--text-muted);letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.tag{background:#ffffff0d;border:1px solid rgba(160,190,225,.34);border-radius:6px;padding:5px 10px;font-size:.8rem;color:var(--text);display:flex;align-items:center;gap:6px}.tag button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0;transition:color .15s}.tag button:hover{color:var(--danger)}
