:root{
  --night:#120914; --night-2:#1b0f1f; --night-3:#24142a;
  --line:rgba(255,236,224,.12); --line-2:rgba(255,236,224,.22);
  --sand:#fff1e6; --sand-2:rgba(255,241,230,.72); --sand-3:rgba(255,241,230,.48);
  --pink:#ff3d8b; --orange:#ff8a3d; --gold:#ffc861; --teal:#27d3c3;
  --display:"Anton",Impact,sans-serif; --script:"Yellowtail",cursive; --sans:"Inter Tight",system-ui,sans-serif; --mono:"JetBrains Mono",ui-monospace,monospace;
  --edge:clamp(20px,5vw,72px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--night);color:var(--sand);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--sand-3)}
.brand{font-family:var(--script);font-size:34px;color:var(--pink);text-shadow:0 0 12px rgba(255,61,139,.75),0 0 32px rgba(255,61,139,.45);line-height:1;padding-top:4px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid var(--line-2);background:rgba(18,9,20,.4);cursor:pointer;transition:transform .15s ease,box-shadow .25s,border-color .2s,background .2s}
.btn:hover{transform:translateY(-2px);border-color:var(--sand-3)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.hot{background:linear-gradient(100deg,var(--pink),var(--orange));border:0;color:#1a0712;box-shadow:0 8px 30px -8px rgba(255,61,139,.7)}
.btn.done{background:var(--teal);border-color:var(--teal);color:#06231f;box-shadow:0 0 22px -4px rgba(39,211,195,.8)}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:6px;background:rgba(255,241,230,.08);color:var(--sand-2)}
.tag.ok{color:var(--teal);background:rgba(39,211,195,.14)}
.tag.cat{color:var(--c,var(--pink));background:color-mix(in srgb,var(--c,var(--pink)) 16%,transparent)}
.chip{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);font-size:13px;display:inline-flex;align-items:center;gap:8px;color:var(--sand-2);cursor:pointer;background:none;transition:all .2s;white-space:nowrap}
.chip b{font-weight:500;color:var(--sand-3);font-size:12px}
.chip.on{background:var(--sand);color:var(--night);border-color:var(--sand)} .chip.on b{color:rgba(18,9,20,.55)}
.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--c)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;height:68px;padding:0 var(--edge);border-bottom:1px solid var(--line);background:rgba(18,9,20,.9);backdrop-filter:blur(10px);position:relative;z-index:1000}
.topbar nav{display:flex;gap:28px;font-size:14px;color:var(--sand-2)}
.topbar nav a:hover,.topbar nav a.on{color:var(--sand)}
.progress{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--sand-2)}
.progress b{font-family:var(--display);font-weight:400;font-size:22px;color:var(--sand)}
.switch{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--sand-2);cursor:pointer;user-select:none}
.switch i{width:36px;height:20px;border-radius:999px;background:var(--line-2);position:relative;transition:background .2s}
.switch i::after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--sand);transition:transform .2s}
.switch input{display:none}
.switch input:checked+i{background:var(--pink)} .switch input:checked+i::after{transform:translateX(16px)}
.meter{margin-top:12px}
.meter-top{display:flex;justify-content:space-between;align-items:baseline;font-size:12px;color:var(--sand-2);margin-bottom:6px}
.meter-top b{font-family:var(--display);font-weight:400;font-size:18px;color:var(--sand)}
.meter-bar{height:6px;border-radius:999px;background:rgba(255,241,230,.1);overflow:hidden}
.meter-bar i{display:block;height:100%;border-radius:999px}
.meter.big .meter-top{font-size:14px}.meter.big .meter-top b{font-size:28px}.meter.big .meter-bar{height:8px}
.vote-q{font-size:13px;color:var(--sand-2);margin-bottom:8px}
.vote-btns{display:flex;gap:8px}
.vbtn{flex:1;height:40px;border-radius:999px;border:1px solid var(--line-2);background:none;cursor:pointer;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}
.vbtn b{font-weight:500;color:var(--sand-3)}
.vbtn:hover{border-color:var(--sand-3)}
.vbtn:disabled{opacity:.6;cursor:wait}
.vbtn.on.yes{background:rgba(39,211,195,.16);border-color:var(--teal);color:var(--teal)}
.vbtn.on.no{background:rgba(255,138,61,.14);border-color:var(--orange);color:var(--orange)}
.vbtn.on b{color:inherit}
.vote-note{font-size:12px;color:var(--sand-3);margin-top:8px}
.hidden-spoiler{filter:blur(6px);user-select:none;cursor:pointer}
@media (max-width:760px){.topbar nav{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}