:root{
  --char:#14110f; --char2:#1f1a16; --char3:#2b241e;
  --cream:#f3e7cf; --muted:#b7a68a;
  --torch:#ff7a1a; --jungle:#2f7d4f; --teal:#1f8a8a;
  --red:#e2412f; --yellow:#e7b63a; --green:#47b36b; --gray:#5d5650; --moon:#9b3fd6;
}
body{margin:0;background:radial-gradient(ellipse at 50% -10%,#3a2414 0%,#14110f 55%) fixed;color:var(--cream);font-family:'Chivo',sans-serif;min-height:100vh}
.display{font-family:'Rye',serif;letter-spacing:.02em}
.mono{font-family:'Chivo Mono',monospace}
.panel{background:linear-gradient(180deg,rgba(43,36,30,.92),rgba(31,26,22,.92));border:1px solid #3d3228;border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.35)}
.btn{background:var(--char3);border:1px solid #4a3c30;padding:.45rem .8rem;border-radius:10px;font-size:.8rem;font-weight:700;transition:.15s;color:var(--cream)}
.btn:hover{border-color:var(--torch);transform:translateY(-1px)}
.btn-torch{background:linear-gradient(180deg,#ff8c33,#d4560b);border-color:#ff9a4a;color:#1a0d02}
.btn-on{background:var(--jungle);border-color:#5fd18c}
.chip{font-size:.7rem;padding:.15rem .5rem;border-radius:999px;font-weight:700}
.torch{display:inline-block;width:12px;height:18px;border-radius:50% 50% 40% 40%;background:radial-gradient(circle at 50% 70%,#fff3a0,#ff9a1a 45%,#e2412f 80%);animation:flick .25s infinite alternate;filter:drop-shadow(0 0 6px #ff7a1a)}
.torch.out{background:#4a4038;animation:none;filter:none;height:8px;margin-top:10px}
@keyframes flick{from{transform:scaleY(1) rotate(-2deg)}to{transform:scaleY(1.15) rotate(3deg)}}
.island{cursor:pointer;transition:.2s}
.island:hover{filter:brightness(1.3)}
.pulse{animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.55}}
.feed-item{animation:slidein .4s ease}
@keyframes slidein{from{opacity:0;transform:translateX(12px)}to{opacity:1}}
.parchment{background:linear-gradient(135deg,#f1dfb4,#e2c78f 60%,#d4b57a);color:#2a1a0c;border-radius:6px;box-shadow:0 0 0 3px #7a5a2c,0 20px 60px rgba(0,0,0,.6)}
.vote-card{animation:pop .45s cubic-bezier(.2,1.6,.4,1)}
@keyframes pop{from{transform:scale(.4) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
.embers{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(2px 2px at 20% 90%,#ff9a3a,transparent),radial-gradient(1.5px 1.5px at 70% 95%,#ffcf6a,transparent),radial-gradient(2px 2px at 40% 100%,#ff6a1a,transparent),radial-gradient(1px 1px at 85% 85%,#ffb04a,transparent);animation:rise 9s linear infinite;opacity:.6}
@keyframes rise{from{background-position:0 0,0 0,0 0,0 0}to{background-position:0 -900px,0 -700px,0 -1100px,0 -800px}}
#root{position:relative;z-index:1}
.moon-mode{box-shadow:inset 0 0 120px rgba(155,63,214,.45)}
input,select{background:var(--char);border:1px solid #4a3c30;border-radius:8px;padding:.35rem .5rem;color:var(--cream);font-size:.8rem}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#4a3c30;border-radius:4px}