:root{--bg:#16120f;--panel:#221b16;--edge:#3a2c22;--ember:#ff7a2f;--copper:#c98a52;--crt:#7dff9a;--red:#ff4d4d;--ink:#f1e4d3}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(ellipse at 50% -10%,#3a1f10 0%,var(--bg) 60%);color:var(--ink);font-family:'Bricolage Grotesque',sans-serif;min-height:100vh}
.mono{font-family:'IBM Plex Mono',monospace}
.panel{background:linear-gradient(180deg,#261e18,#1d1712);border:1px solid var(--edge);border-radius:14px;box-shadow:inset 0 1px 0 #ffffff10,0 8px 24px #0006;position:relative}
.panel:before,.panel:after{content:'';position:absolute;top:8px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#e8b98a,#5a3a22)}
.panel:before{left:8px}.panel:after{right:8px}
.btn{background:#2e241c;border:1px solid var(--edge);border-radius:8px;padding:4px 10px;font-size:12px;transition:.15s}
.btn:hover{border-color:var(--ember);color:var(--ember)}
.btn.on{background:var(--ember);color:#1a0f08;border-color:var(--ember)}
textarea,input{background:#0f0c0a;border:1px solid var(--edge);border-radius:8px;color:var(--crt);outline:none}
textarea:focus,input:focus{border-color:var(--ember)}
.lever{background:linear-gradient(180deg,#ff9a4f,#c4501a);color:#1a0b04;font-weight:800;letter-spacing:.15em;border-radius:12px;box-shadow:0 4px 0 #6b2a0c,0 0 24px #ff7a2f55;transition:.1s}
.lever:active{transform:translateY(3px);box-shadow:0 1px 0 #6b2a0c}
.lever:disabled{opacity:.5}
.x-tag{color:#ff9a4f}.x-attr{color:#c98a52}.x-txt{color:var(--crt)}
.fade{animation:fade .5s ease both}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1}}