:root{--bg:#0d0807;--red:#ff3b2f;--amber:#ffb347;--paper:#f3e9dc;--dim:#7a5f57;--line:#2a1a17}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--paper);font-family:'JetBrains Mono',monospace;min-height:100vh;
background-image:radial-gradient(ellipse at 50% -10%,rgba(255,59,47,.28),transparent 60%),radial-gradient(circle at 90% 100%,rgba(255,179,71,.08),transparent 40%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.serif{font-family:'Instrument Serif',serif}
.panel{border:1px solid var(--line);background:rgba(20,12,10,.75);border-radius:4px}
.chip{border:1px solid var(--line);padding:6px 10px;font-size:11px;letter-spacing:.05em;transition:.15s;border-radius:2px}
.chip:hover{border-color:var(--red);color:var(--red);transform:translateY(-1px)}
.btn{background:var(--red);color:#120605;font-weight:800;letter-spacing:.15em;text-transform:uppercase;transition:.2s;border-radius:2px}
.btn:hover:not(:disabled){box-shadow:0 0 30px rgba(255,59,47,.6)}
.btn:disabled{opacity:.4}
.ghost{border:1px solid var(--line);font-size:11px;padding:8px 12px;letter-spacing:.1em;text-transform:uppercase;border-radius:2px}
.ghost:hover{border-color:var(--amber);color:var(--amber)}
.drop{border:1px dashed var(--dim);transition:.2s}
.drop.over{border-color:var(--red);background:rgba(255,59,47,.08)}
.rise{animation:rise .6s both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1}}
.develop{animation:dev 1.4s ease-out both}
@keyframes dev{from{filter:brightness(3) sepia(1) hue-rotate(-30deg) blur(6px)}to{filter:none}}
.pulse{animation:p 1.6s infinite}
@keyframes p{50%{opacity:.35}}
textarea,input{background:transparent;color:var(--paper);outline:none}
input[type=range]{accent-color:var(--red)}
.scroll::-webkit-scrollbar{height:6px}.scroll::-webkit-scrollbar-thumb{background:var(--line)}