:root{--bg:#0A0A0A;--lime:#C6FF3D;--card:#161616;--line:#262626;--gray:#A3A3A3;--pink:#FF8FD1;--red:#FF4D4D}
body{margin:0;font-family:'Plus Jakarta Sans',sans-serif;background:#000;color:#fff}
.mono{font-family:'Space Mono',monospace}
.shell{max-width:440px;margin:0 auto;min-height:100vh;background:var(--bg);position:relative;border-left:1px solid #151515;border-right:1px solid #151515}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px}
.btn{width:100%;border-radius:999px;background:var(--lime);color:#000;border:2px solid #000;box-shadow:4px 4px 0 #fff2;font-family:'Space Mono',monospace;font-weight:700;padding:16px;font-size:16px;transition:transform .1s,box-shadow .1s;min-height:52px}
.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #fff2}
.btn:disabled{background:#2a2a2a;color:#666;box-shadow:none}
.btn2{border-radius:999px;border:2px solid var(--lime);color:var(--lime);font-family:'Space Mono',monospace;font-weight:700;padding:12px 16px;min-height:48px}
.chip{border-radius:999px;padding:7px 14px;font-size:13px;font-weight:700;white-space:nowrap;border:1px solid #333;color:var(--gray)}
.chip.on{background:var(--lime);color:#000;border-color:var(--lime)}
.inp{width:100%;background:#111;border:1px solid #2c2c2c;border-radius:16px;padding:14px;color:#fff;outline:none}
.inp:focus,button:focus-visible{outline:2px solid var(--lime);outline-offset:2px}
.pill{height:6px;border-radius:9px;background:#333;transition:width .3s;width:8px}
.pill.on{background:var(--lime);width:32px}
.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:tw 3s infinite}
@keyframes tw{0%,100%{opacity:.1}50%{opacity:.8}}
.moon{position:absolute;top:70px;right:20px;font-size:40px;filter:drop-shadow(0 0 16px rgba(198,255,61,.6))}
.pop{animation:pop .35s ease-out both}
@keyframes pop{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.bounce{animation:b 1s infinite}@keyframes b{50%{transform:translateY(-5px)}}
.confetti{position:fixed;top:-10px;width:8px;height:12px;z-index:99;animation:fall 1.8s linear forwards}
@keyframes fall{to{transform:translateY(105vh) rotate(720deg)}}
.spin{width:40px;height:40px;border:4px solid #333;border-top-color:var(--lime);border-radius:50%;animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
::-webkit-scrollbar{display:none}
select option{color:#000}