:root{--bg:#0a1024;--card:#111a36;--line:#1f2b55;--mint:#5ef2c2;--pink:#ff6fa8;--txt:#d8e2ff;--dim:#7c89b5}
body{margin:0;background:var(--bg);color:var(--txt);font-family:'JetBrains Mono',monospace;
background-image:radial-gradient(circle at 15% 10%,rgba(94,242,194,.08),transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,111,168,.07),transparent 40%),linear-gradient(rgba(94,242,194,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(94,242,194,.04) 1px,transparent 1px);
background-size:auto,auto,28px 28px,28px 28px;min-height:100vh}
.display{font-family:'Fraunces',serif}
.card{background:linear-gradient(180deg,rgba(17,26,54,.95),rgba(13,20,44,.95));border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 0 0 1px rgba(94,242,194,.03),0 10px 40px -20px rgba(94,242,194,.25);animation:rise .6s both}
.card:nth-child(2){animation-delay:.08s}.card:nth-child(3){animation-delay:.16s}.card:nth-child(4){animation-delay:.24s}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1}}
.lbl{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim)}
.btn{border-radius:10px;padding:8px 14px;font-weight:800;font-size:13px;transition:.15s;border:1px solid var(--line)}
.btn:hover{transform:translateY(-1px)}
.btn:disabled{opacity:.4;transform:none}
.btn-pink{background:var(--pink);color:#1a0612;border-color:var(--pink);box-shadow:0 0 18px -4px var(--pink)}
.btn-mint{background:var(--mint);color:#04241a;border-color:var(--mint)}
.btn-ghost{background:transparent;color:var(--txt)}
textarea,input[type=text]{background:#0b1330;border:1px solid var(--line);border-radius:12px;color:var(--txt);width:100%;padding:10px;font-family:inherit;font-size:13px;outline:none}
textarea:focus,input[type=text]:focus{border-color:var(--mint)}
input[type=range]{accent-color:var(--mint);width:100%}
.brain{display:inline-block}
.brain.on{animation:pulse 1s infinite}
@keyframes pulse{50%{transform:scale(1.18);filter:drop-shadow(0 0 10px var(--pink))}}
.cursor{display:inline-block;width:8px;height:1em;background:var(--mint);vertical-align:-2px;animation:blink 1s steps(2) infinite}
@keyframes blink{50%{opacity:0}}
a{color:var(--mint)}