*{box-sizing:border-box}body{margin:0;background:#f3f3f3;color:#171717;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body.dark{background:#0b0b0b;color:#fff}.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#111;color:#fff;border-bottom:1px solid #292929}.brand{font-size:21px;font-weight:800;letter-spacing:.02em}.tiny{font-size:12px;color:#999;margin-top:2px}.djlink,.back{color:#aaa;text-decoration:none}.request-wrap{max-width:680px;margin:0 auto;padding:55px 20px}.hero{text-align:center;margin-bottom:28px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;opacity:.65}.hero h1,.qr-page h1{font-size:clamp(30px,7vw,52px);line-height:.98;margin:12px 0}.hero p{color:#666}.card{background:#fff;border-radius:18px;padding:28px;box-shadow:0 10px 35px #00000012}.dark .card{background:#151515;box-shadow:none}.narrow{max-width:460px;margin:9vh auto;padding:32px}.login{text-align:center}label{display:block;font-weight:700;font-size:14px;margin:0 0 18px}input,textarea{display:block;width:100%;margin-top:7px;border:1px solid #ccc;border-radius:10px;padding:14px;font:inherit;background:#fff;color:#111}textarea{min-height:95px;resize:vertical}.dark input,.dark textarea{background:#0e0e0e;color:#fff;border-color:#333}.muted{color:#777;font-weight:400}.small{font-size:12px}.primary,.secondary,.danger,.pill{border:0;border-radius:10px;padding:13px 18px;font-weight:800;cursor:pointer}.primary{background:#fff;color:#000}.request-wrap .primary{background:#111;color:#fff}.full{width:100%}.secondary{background:#e7e7e7;color:#111;text-decoration:none}.dark .secondary{background:#292929;color:#fff}.danger{background:#6e1c1c;color:#fff}.pill{background:#333;color:#fff}.pill.on{background:#fff;color:#111}.pill.off{background:#572020}.alert,.success{padding:13px 15px;border-radius:10px;margin-top:15px;font-size:14px}.alert{background:#3a1616;color:#ffb7b7}.success{background:#17351e;color:#a9f0b8}.hidden{display:none}.fineprint{text-align:center;color:#888;font-size:12px;margin:15px}.dashboard{max-width:1050px;margin:0 auto;padding:35px 20px}.dash-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dash-head h1{margin:0}.stats{display:flex;gap:10px;margin-bottom:18px}.stats>div{background:#151515;border:1px solid #252525;border-radius:12px;padding:13px 20px;min-width:100px}.stats b{display:block;font-size:24px}.stats span{font-size:11px;color:#888}.req{display:flex;justify-content:space-between;gap:25px;background:#151515;border:1px solid #292929;border-radius:16px;padding:20px;margin:12px 0}.req h2{margin:5px 0 2px;font-size:22px}.req h3{margin:0;color:#bbb;font-weight:500}.req p{color:#999;line-height:1.5}.status{font-size:10px;font-weight:900;letter-spacing:.15em;color:#888}.req-actions{display:flex;gap:8px;align-items:center}.req.played{opacity:.45}.msg{color:#fff}.empty{padding:60px;text-align:center;color:#777;background:#151515;border-radius:16px}.qr-page{text-align:center;max-width:900px;margin:0 auto;padding:50px 20px}.qr-card{background:#fff;color:#111;border-radius:18px;padding:25px;display:inline-block}.qr-card img{width:min(70vw,620px);height:auto;display:block}.qr-url{margin-top:15px;font-size:12px;word-break:break-all}@media(max-width:650px){.request-wrap{padding-top:35px}.req{display:block}.req-actions{margin-top:15px}.req-actions button{flex:1}.dash-head{gap:10px}.stats>div{flex:1;min-width:0}.stats{gap:6px}.stats>div{padding:10px}.topbar{padding:0 15px}.narrow{margin:4vh 15px}.qr-page h1{font-size:34px}}@media print{body{background:#fff;color:#000}.qr-page{padding:0}.qr-page h1{font-size:35px}.qr-page .primary,.qr-page .muted{display:none}.qr-card{box-shadow:none}}