:root{--bg:#06110f;--panel:#0b1c19;--line:#16332d;--mint:#3DDC84;--red:#ff6b6b;--dim:#7fa89c}
html,body{background:var(--bg);color:#d8efe7;font-family:'Bricolage Grotesque',sans-serif;margin:0}
body{background:radial-gradient(ellipse at 20% -10%,#0f3a31 0%,transparent 55%),radial-gradient(ellipse at 100% 100%,#0a2620 0%,transparent 50%),repeating-linear-gradient(0deg,transparent 0 39px,#0c211d 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,#0c211d 39px 40px),var(--bg);min-height:100vh}
.mono{font-family:'JetBrains Mono',monospace}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px}
.panel.active{box-shadow:0 0 0 1px var(--mint),0 0 30px -10px var(--mint)}
.btn{background:var(--mint);color:#04120c;font-weight:800;border-radius:10px;padding:.5rem .9rem;transition:transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn:disabled{opacity:.4}
.ghost{border:1px solid var(--line);border-radius:10px;padding:.35rem .7rem;color:#bfe;font-size:.8rem}
.ghost:hover{border-color:var(--mint)}
.drop{border:2px dashed #2a5a4f;border-radius:20px;transition:.2s}
.drop.over{border-color:var(--mint);background:#0f2b25}
.ekg path{stroke-dasharray:300;animation:ekg 1.4s linear infinite}
@keyframes ekg{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}
.rise{animation:rise .5s both}
@keyframes rise{from{opacity:0;transform:translateY(12px)}}
.robot{animation:bob 2.5s ease-in-out infinite}
@keyframes bob{50%{transform:translateY(-4px) rotate(-3deg)}}
textarea,input{background:#061411;border:1px solid var(--line);border-radius:10px;color:#d8efe7;outline:none}
textarea:focus,input:focus{border-color:var(--mint)}
.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:#1d4038;border-radius:4px}
.confetti{position:fixed;top:-20px;font-size:22px;pointer-events:none;animation:fall 2.4s linear forwards;z-index:50}
@keyframes fall{to{transform:translateY(110vh) rotate(720deg)}}