:root{--pink:#ef5791;--pink-deep:#c93a73;--cream:#f8f1e5;--bg:#1a0b12;--card:#2a1320;--card-2:#351a29;--line:#4a2638;--muted:#c7b1bc;--ok:#5fd38d;--err:#ff8a8a;--radius:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--cream);margin:0}body{-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.35}button,input{font:inherit;color:inherit}button{cursor:pointer}h2{margin:0 0 10px;font-size:1.1rem}h3{color:var(--muted);letter-spacing:.02em;margin:16px 0 8px;font-size:.95rem;font-weight:600}.muted{color:var(--muted)}.small{font-size:.85rem}.sub{color:var(--muted);text-overflow:ellipsis;font-size:.86rem;overflow:hidden}.app{max-width:640px;padding:0 16px calc(96px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:10;padding:calc(10px + env(safe-area-inset-top)) 0 10px;background:linear-gradient(var(--bg) 80%, transparent);align-items:center;gap:10px;display:flex;position:sticky;top:0}.logo{flex:none;width:44px;height:auto}.brand{flex:1;min-width:0}.brand-title{letter-spacing:.01em;font-size:1.2rem;font-weight:800}.brand-mode{color:var(--pink);font-size:.85rem;font-weight:600}.icon{flex:none;width:22px;height:22px}.icon-btn{border:1px solid var(--line);background:var(--card);border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.chip{border:1px solid var(--line);background:var(--card);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:.88rem}.chip.on{background:var(--pink);border-color:var(--pink);color:#fff;font-weight:600}.card{background:var(--card);border-radius:var(--radius);margin:12px 0;padding:16px}.notice{background:#ef579126;border:1px solid #ef579166;border-radius:12px;margin:12px 0;padding:12px 14px;font-size:.92rem}.now{background:linear-gradient(135deg, var(--pink-deep), #7a2350)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;opacity:.9;align-items:center;gap:8px;font-size:.78rem;display:flex}.pulse{background:var(--cream);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}@keyframes pulse{50%{opacity:.3}}.now-row{align-items:center;gap:12px;margin-top:8px;display:flex}.now-text{min-width:0}.now-title{font-size:1.15rem;font-weight:700}.now .sub{color:#f8f1e5d9}.mine-badge{background:var(--cream);color:var(--pink-deep);border-radius:999px;margin-top:6px;padding:2px 8px;font-size:.78rem;font-weight:700;display:inline-block}.thumb{aspect-ratio:16/9;object-fit:cover;background:var(--card-2);border-radius:8px;flex:none;width:96px}.thumb.sm{width:64px}.search-card{padding-top:12px}.search-box{background:var(--card-2);border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:0 12px;display:flex}.search-box:focus-within{border-color:var(--pink)}.search-box input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:13px 0;font-size:1rem}.chips{scrollbar-width:none;gap:8px;padding:12px 0 2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.shows{max-height:60vh;margin:0;padding:0;list-style:none;overflow-y:auto}.shows button{text-align:left;border:0;border-bottom:1px solid var(--line);background:0 0;justify-content:space-between;gap:12px;width:100%;padding:11px 2px;display:flex}.show-head{align-items:center;gap:10px;margin-top:12px;display:flex}.show-head h3{color:var(--cream);margin:0}.results{margin:8px 0 0;padding:0;list-style:none}.results li{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.results li:last-child{border-bottom:0}.r-text{flex:1;min-width:0}.r-title{text-overflow:ellipsis;-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;font-size:.95rem;font-weight:600;display:-webkit-box;overflow:hidden}.dur{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.82rem}.req-btn{background:var(--pink);color:#fff;border:0;border-radius:999px;flex:none;min-width:64px;padding:9px 11px;font-size:.9rem;font-weight:700}.req-btn:disabled{opacity:.7}.req-btn.done{background:var(--ok);color:#0b2415;opacity:1}.yt-btn{border:1px dashed var(--pink);width:100%;color:var(--cream);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:12px;display:flex}.queue{margin:0;padding:0;list-style:none}.queue li{border-radius:12px;align-items:center;gap:12px;padding:10px 8px;display:flex}.queue li+li{margin-top:2px}.queue li.mine{background:#ef57912e;outline:1px solid #ef579180}.pos{background:var(--card-2);border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.8rem;display:grid}.queue li.mine .pos{background:var(--pink);color:#fff}.q-text{flex:1;min-width:0}.q-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.eta{color:var(--muted);white-space:nowrap;font-size:.8rem}.toast{left:16px;right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:50;background:var(--cream);color:#2a1320;border-radius:14px;max-width:608px;margin:0 auto;padding:14px 16px;font-weight:600;animation:.2s ease-out rise;position:fixed;box-shadow:0 10px 30px #00000073}.toast.err{background:#ffd6d6}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}.drawer-backdrop{z-index:40;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--card);width:min(88vw,380px);height:100%;padding:calc(14px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));animation:.2s ease-out slide;overflow-y:auto}@keyframes slide{0%{opacity:0;transform:translate(30px)}}.drawer-head{justify-content:space-between;align-items:center;display:flex}.links{margin:0;padding:0;list-style:none}.links a{color:var(--cream);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 4px;text-decoration:none;display:flex}.links a .icon{color:var(--pink)}.signup{background:var(--card-2);border-radius:14px;margin-top:20px;padding:14px}.signup h3{color:var(--cream);align-items:center;gap:8px;margin-top:0;display:flex}.signup label{color:var(--muted);margin-top:10px;font-size:.85rem;display:block}.signup input[type=email],.signup input[type=text]{border:1px solid var(--line);background:var(--bg);border-radius:10px;width:100%;margin-top:4px;padding:11px 12px;font-size:1rem;display:block}.signup fieldset{border:0;flex-wrap:wrap;align-items:center;gap:16px;margin:10px 0 0;padding:0;display:flex}.signup legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:.85rem}.signup label.radio{color:var(--cream);align-items:center;gap:6px;margin:0;font-size:.95rem;display:flex}.signup .err{color:var(--err);font-size:.88rem}.primary{background:var(--pink);color:#fff;border:0;border-radius:12px;width:100%;margin-top:14px;padding:12px;font-weight:700}
