*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#000;color:#eee;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial}
a{color:#ddd} a:hover{color:#fff}
.container{max-width:1100px;margin:24px auto;padding:0 16px}
h1,h2{margin:.25rem 0 .5rem}
.muted{color:#bdbdbd}
.topbar{position:sticky;top:0;z-index:10;background:#0a0a0a;border-bottom:1px solid #1a1a1a;padding:12px 16px;display:flex;justify-content:space-between;align-items:center}
.topbar nav a{margin-left:12px;text-decoration:none;color:#bbb}
.topbar nav a:hover{color:#fff}
.brand{font-weight:900;letter-spacing:.08em;font-size:14px;display:flex;align-items:center;gap:10px}
.spiral{width:18px;height:18px;border:2px solid #ef4444;border-radius:50%;position:relative;display:inline-block}
.spiral:after{content:"";position:absolute;inset:3px;border:2px solid #ef4444;border-radius:50%}
.card{background:#0b0b0b;border:1px solid #1f1f1f;border-radius:16px;padding:16px;margin:16px 0;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.btn{display:inline-block;background:#e11d48;color:#fff;border:none;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;text-decoration:none}
.btn.alt{background:#1f1f1f;color:#eee}
.btn:active{transform:translateY(1px)}
.input,select{background:#121212;border:1px solid #2a2a2a;color:#eee;border-radius:10px;padding:10px;width:100%}
.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hr{height:1px;background:#151515;margin:12px 0}
.small{font-size:.92rem;color:#aaa}
.badge{display:inline-block;padding:3px 8px;border-radius:999px;background:#111;border:1px solid #242424;color:#aaa;margin-left:8px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media(min-width:900px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.thumb{width:100%;height:210px;object-fit:cover;border-radius:12px;border:1px solid #1a1a1a;box-shadow:0 10px 20px rgba(0,0,0,.35)}
.counter{display:flex;align-items:center;gap:10px;margin:8px 0}
.counter .dot{width:12px;height:12px;border-radius:50%;background:#262626;border:1px solid #3a3a3a}
.counter .dot.on{background:#e11d48;border-color:#e11d48}
.counter .left{margin-left:auto;color:#bbb}
.footer{padding:24px;text-align:center;color:#8c8c8c;border-top:1px solid #111;background:#050505}
.qr{background:#fff;border-radius:12px;padding:8px;display:inline-block}
.center{text-align:center}
#file{display:none}