:root{--bg: #0b0620;--bg2: #1a0b3d;--panel: rgba(255, 255, 255, .05);--panel-brd: rgba(255, 255, 255, .12);--accent: #ff2e88;--accent2: #00e5ff;--accent3: #ffd166;--text: #f5f0ff;--muted: #9d8bd6;--room-bg: radial-gradient(120% 120% at 50% 0%, var(--bg2) 0%, var(--bg) 55%);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:radial-gradient(120% 120% at 50% 0%,rgba(26,11,61,.78) 0%,var(--bg) 55%),var(--bg);overflow-x:hidden;-webkit-tap-highlight-color:transparent}body:before,.landing:after,.room:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.92) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(255,209,102,.72) 0 1px,transparent 1.7px),radial-gradient(circle,rgba(0,229,255,.58) 0 1px,transparent 1.8px),radial-gradient(circle,rgba(255,46,136,.48) 0 1px,transparent 1.9px);background-position:0 0,34px 22px,72px 18px,18px 68px;background-size:96px 96px,132px 132px,168px 168px,204px 204px;mix-blend-mode:screen;opacity:.58;animation:glitter-drift 18s linear infinite,glitter-twinkle 3.8s ease-in-out infinite alternate}body:before{z-index:-1}@keyframes glitter-drift{to{background-position:96px 192px,166px 154px,240px 186px,222px 272px}}@keyframes glitter-twinkle{0%{opacity:.36;filter:brightness(.82)}to{opacity:.74;filter:brightness(1.22)}}#app{min-height:100dvh}a{color:inherit}.link{color:var(--accent2);text-decoration:none;cursor:pointer}.link:hover{text-decoration:underline}.link.active{color:var(--accent3);font-weight:700}.muted{color:var(--muted)}.small{font-size:.85rem}.fine{font-size:.75rem;color:var(--muted);line-height:1.5}.center{text-align:center}.pad{padding:2rem 1.2rem}.back{display:inline-block;margin-bottom:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1.1rem;font-size:.95rem;font-weight:700;border:1px solid var(--panel-brd);border-radius:12px;background:var(--panel);color:var(--text);cursor:pointer;text-decoration:none;transition:transform .1s,filter .2s,background .2s}.btn:hover{filter:brightness(1.1)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none}.btn.primary{color:#14061f;border:none;background:linear-gradient(135deg,var(--accent3),var(--accent))}.btn.ghost{background:transparent}.btn.big{width:100%;padding:1rem;font-size:1.05rem}.btn.small{padding:.45rem .75rem;font-size:.85rem}.btn.file{cursor:pointer}.btn.danger{background:#ff4d6d1f;border-color:#ff4d6d80;color:#ff8098}.btn.danger:hover{background:#ff4d6d33}.landing{position:relative;min-height:100dvh;display:grid;place-items:center;padding:6vh 5vw;overflow:hidden;background:var(--room-bg)}.landing:after{position:absolute;z-index:0}.stage{position:relative;z-index:2;text-align:center;max-width:560px;width:100%}.wordmark{font-size:clamp(2.6rem,12vw,5rem);font-weight:900;letter-spacing:-.03em;line-height:.95;display:inline-flex;flex-wrap:wrap;justify-content:center}.wordmark span{display:inline-block;opacity:0;transform:translateY(28px) rotate(-6deg)}.wordmark .w1{color:var(--accent2);animation:pop .6s cubic-bezier(.2,.9,.3,1.3) .1s forwards}.wordmark .w2{color:var(--accent);animation:pop .6s cubic-bezier(.2,.9,.3,1.3) .28s forwards}.wordmark .dot{color:var(--accent3);animation:pop .6s cubic-bezier(.2,.9,.3,1.3) .42s forwards}.wordmark .w3{color:var(--accent3);animation:pop .6s cubic-bezier(.2,.9,.3,1.3) .52s forwards,hue 6s linear 1s infinite}@keyframes pop{to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes hue{to{filter:hue-rotate(360deg)}}.tagline{margin-top:1.2rem;font-size:clamp(1rem,4.2vw,1.25rem);color:#cbb8ff;opacity:0;animation:fade .8s ease .9s forwards}@keyframes fade{to{opacity:1}}.join{margin-top:2.4rem;opacity:0;animation:fade .8s ease 1.2s forwards}.join-label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:.6rem}.join-row{display:flex;gap:.6rem;max-width:380px;margin:0 auto}#room-id{flex:1;min-width:0;padding:.9rem 1rem;font-size:1.4rem;font-weight:700;letter-spacing:.08em;text-align:center;color:var(--text);background:#ffffff0f;border:1px solid var(--panel-brd);border-radius:14px;outline:none;transition:border-color .2s,box-shadow .2s}#room-id:focus{border-color:var(--accent2);box-shadow:0 0 0 4px #00e5ff2e}#room-id.error{border-color:#ff4d6d;background:#ff4d6d24;color:#ff8098;box-shadow:0 0 0 4px #ff4d6d33}#room-id.error::selection{background:#ff4d6d73}.join-row button{padding:0 1.6rem;font-size:1.05rem;font-weight:800;color:#14061f;background:linear-gradient(135deg,var(--accent3),var(--accent));border:none;border-radius:14px;cursor:pointer;transition:transform .12s,filter .2s}.join-row button:active{transform:scale(.96)}.hint{margin-top:.9rem;font-size:.82rem;color:#8a7ab8}.landing-links{margin-top:1.6rem;opacity:0;animation:fade .8s ease 1.5s forwards}.landing-footer{position:absolute;bottom:1rem;left:0;right:0;text-align:center;font-size:.8rem;color:var(--muted);z-index:2}.notes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.notes span{position:absolute;bottom:-10%;font-size:clamp(1.4rem,5vw,2.2rem);color:#ffffff24;animation:float 9s linear infinite}.notes span:nth-child(1){left:12%;animation-delay:0s}.notes span:nth-child(2){left:32%;animation-delay:2.2s}.notes span:nth-child(3){left:55%;animation-delay:4s}.notes span:nth-child(4){left:74%;animation-delay:1.1s}.notes span:nth-child(5){left:88%;animation-delay:3.3s}@keyframes float{0%{transform:translateY(0) rotate(0);opacity:0}15%{opacity:1}to{transform:translateY(-115vh) rotate(240deg);opacity:0}}.room{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--room-bg);overflow:hidden}.room.has-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--room-image);background-size:cover;background-position:center;opacity:.18;z-index:0}.room:after{z-index:0}.room-head{position:relative;z-index:5;display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;background:#0b0620b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--panel-brd)}.room-back{font-size:1.8rem;line-height:1;text-decoration:none;color:var(--text);padding:0 .3rem}.room-title{display:flex;flex-direction:column;min-width:0;flex:1}.room-title strong{font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-meta{font-size:.78rem;color:var(--muted)}.code-pill{font-family:ui-monospace,monospace;letter-spacing:.15em;background:#ffffff14;padding:.05rem .4rem;border-radius:6px}.deck-center{flex-shrink:0}.deck-wrap{position:relative;flex:1;min-height:0;z-index:1;perspective:1100px;touch-action:pan-y}.deck{position:absolute;top:0;right:0;bottom:0;left:0}.deck .card{position:absolute;top:50%;left:50%;will-change:transform,opacity;cursor:pointer}.card{width:min(58vw,230px);aspect-ratio:3 / 4.1;border-radius:22px;background:linear-gradient(160deg,#241546,#170c33);border:1px solid var(--panel-brd);box-shadow:0 18px 50px #0000008c;overflow:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s,box-shadow .45s;transform-style:preserve-3d}.card.focused{cursor:default}.card-inner{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.1rem;gap:.3rem}.card-icon{width:60px;height:60px;display:grid;place-items:center;font-size:1.9rem;border-radius:15px;background:#ffffff12;box-shadow:0 8px 24px #0006;margin-bottom:.5rem}.card-title{font-size:1.12rem;font-weight:800;line-height:1.15;overflow-wrap:anywhere}.card-artist{color:var(--muted);font-size:.88rem}.card-singer,.card-notes{font-size:.78rem;color:#d9ccff}.card-notes{font-style:italic;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-pos{position:absolute;bottom:.7rem;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.badge{display:inline-block;padding:.18rem .6rem;border-radius:999px;font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25rem}.badge.now{background:linear-gradient(135deg,var(--accent),var(--accent3));color:#14061f}.badge.next{background:#00e5ff33;color:var(--accent2);border:1px solid var(--accent2)}.badge.past{background:#ffffff14;color:var(--muted)}.card-now{border-color:var(--accent);box-shadow:0 22px 60px #ff2e8866}.card-next{border-color:#00e5ff80}.card-past{filter:saturate(.55) brightness(.8)}.card.struck .card-title{text-decoration:line-through;opacity:.5}.card.struck:after{content:"struck off";position:absolute;top:.9rem;right:-2.2rem;transform:rotate(35deg);background:#ff4d6d;color:#fff;font-size:.62rem;font-weight:800;padding:.12rem 2.4rem}.card-empty{display:grid;place-items:center}.big-emoji{font-size:3rem}.deck-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:120;width:40px;height:40px;border-radius:50%;border:1px solid var(--panel-brd);background:#0b0620b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer;transition:background .2s,opacity .2s}.deck-nav:hover{background:#ffffff1f}.deck-nav:disabled{opacity:.25;cursor:default}.deck-nav.prev{left:.5rem}.deck-nav.next{right:.5rem}.deck-count{position:absolute;bottom:.4rem;left:50%;transform:translate(-50%);z-index:120;font-size:.72rem;letter-spacing:.12em;color:var(--muted)}.room-actions{position:relative;z-index:5;display:flex;gap:.5rem;padding:.5rem .8rem}.act{flex:1;padding:.65rem;font-size:.9rem;font-weight:700;border-radius:13px;border:1px solid var(--panel-brd);background:var(--panel);color:var(--text);cursor:pointer;transition:transform .1s,background .2s}.act:active{transform:scale(.96)}.act[data-act=add]{background:linear-gradient(135deg,var(--accent3),var(--accent));color:#14061f;border:none}.act.secondary{flex:0 0 auto;padding:.65rem 1rem}.chat-dock{position:relative;z-index:5;display:flex;flex-direction:column;gap:.45rem;height:clamp(150px,26dvh,240px);padding:.55rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:#0b0620d1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--panel-brd)}.chat-dock .chat-log{flex:1;min-height:0;overflow-y:auto}.chat-empty{text-align:center;padding-top:1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#05021099;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center;animation:fade .2s ease}.modal{width:min(100%,520px);max-height:92dvh;overflow-y:auto;background:#150a2e;border:1px solid var(--panel-brd);border-radius:22px 22px 0 0;padding:1.2rem 1.2rem calc(1.4rem + env(safe-area-inset-bottom));animation:slideup .28s cubic-bezier(.2,.8,.2,1)}@keyframes slideup{0%{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}@media(min-width:640px){.modal-backdrop{align-items:center}.modal{border-radius:22px}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.modal-x{background:none;border:none;color:var(--muted);font-size:1.2rem;cursor:pointer}.stack{display:flex;flex-direction:column;gap:.8rem}.stack label{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;color:var(--muted);font-weight:600}input,textarea,select{font:inherit;color:var(--text);background:#ffffff0f;border:1px solid var(--panel-brd);border-radius:12px;padding:.7rem .85rem;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #00e5ff26}textarea{resize:vertical}.ts{min-height:0}.chat{display:flex;flex-direction:column;gap:.7rem}.chat-log,.dm-msgs{display:flex;flex-direction:column;gap:.5rem;max-height:46dvh;overflow-y:auto;padding-right:.2rem}.msg{display:flex;flex-direction:column;background:#ffffff0d;border-radius:12px;padding:.5rem .7rem}.msg.broadcast{background:linear-gradient(135deg,#ffd16629,#ff2e881f);border:1px solid rgba(255,209,102,.3)}.msg.host{border-left:3px solid var(--accent3)}.msg-who{font-size:.72rem;font-weight:700;color:var(--muted)}.msg-body{font-size:.95rem;word-break:break-word}.chat-form{display:flex;gap:.5rem}.chat-form input{flex:1}.host-shell,.host-room,.legal{max-width:720px;margin:0 auto;padding:1.2rem 1rem 3rem}.auth-card{background:var(--panel);border:1px solid var(--panel-brd);border-radius:20px;padding:1.6rem;margin-top:1rem}.auth-card h2{margin-bottom:1rem}.tabs{display:flex;gap:.5rem;margin-bottom:1rem}.tab{flex:1;padding:.6rem;background:transparent;border:1px solid var(--panel-brd);border-radius:10px;color:var(--muted);font-weight:700;cursor:pointer}.tab.active{background:#ffffff14;color:var(--text);border-color:var(--accent2)}.dash-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem;gap:1rem}.room-list{display:flex;flex-direction:column;gap:.7rem;margin-top:1.2rem}.room-list-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--panel);border:1px solid var(--panel-brd);border-radius:14px;padding:.9rem 1rem}.room-list-item.expired{opacity:.55}.panel{background:var(--panel);border:1px solid var(--panel-brd);border-radius:18px;padding:1.1rem;margin-bottom:1rem}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.panel h3{margin-bottom:.7rem}.share{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap}.share-info{flex:1;min-width:200px}.code-big{font-family:ui-monospace,monospace;font-size:2.4rem;font-weight:800;letter-spacing:.2em;color:var(--accent3);margin:.3rem 0}.qr{display:flex;flex-direction:column;align-items:center;gap:.4rem}.qr img{border-radius:12px;background:#fff;padding:6px}.theme-row{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.9rem}.swatch{width:44px;height:44px;border-radius:12px;border:2px solid transparent;cursor:pointer}.swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent2)}.theme-actions{display:flex;gap:.6rem;flex-wrap:wrap}.lifetime-row{display:flex;gap:.5rem;flex-wrap:wrap}.custom-expiry{margin-top:.7rem;max-width:260px}.danger-zone{margin-top:1rem;padding-top:.9rem;border-top:1px solid var(--panel-brd)}.fine.ok{color:#06d6a0}.fine.warn{color:#ff8098}.now-control{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;background:linear-gradient(135deg,#ff2e8824,#00e5ff1a);border:1px solid var(--panel-brd);border-radius:14px;padding:.8rem 1rem;margin-bottom:.6rem}.now-current{display:flex;flex-direction:column;min-width:0}.now-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.now-current strong{font-size:1.05rem}.now-buttons{display:flex;gap:.5rem}.qa-hint{margin-bottom:.7rem}.icon.playing{cursor:default}.queue-admin{list-style:none;display:flex;flex-direction:column;gap:.5rem}.qa{display:flex;align-items:center;gap:.6rem;background:#ffffff0a;border:1px solid var(--panel-brd);border-radius:12px;padding:.5rem .6rem;cursor:grab}.qa.dragging{opacity:.5}.qa.now{border-color:var(--accent);background:#ff2e881a}.qa.struck .qa-text strong{text-decoration:line-through;opacity:.5}.qa-grip{color:var(--muted);cursor:grab}.qa-pos{width:1.4rem;text-align:center;font-weight:800;color:var(--muted)}.qa-text{flex:1;display:flex;flex-direction:column;min-width:0}.qa-text small{color:var(--muted)}.qa-notes{font-size:.75rem;color:#c9b8ff}.qa-actions{display:flex;gap:.2rem}.icon{background:none;border:none;font-size:1.1rem;cursor:pointer;padding:.3rem;border-radius:8px}.icon:hover{background:#ffffff14}.dm-inbox{display:flex;flex-direction:column;gap:.9rem}.dm-thread{background:#ffffff0a;border:1px solid var(--panel-brd);border-radius:12px;padding:.7rem}.dm-who{font-weight:700;margin-bottom:.4rem;color:var(--accent2)}.dm-msgs{max-height:160px;margin-bottom:.5rem}.dm-reply{margin-top:.3rem}.legal-doc{background:var(--panel);border:1px solid var(--panel-brd);border-radius:18px;padding:1.6rem;line-height:1.65}.legal-doc h1{margin-bottom:1rem}.legal-doc h3{margin:1.3rem 0 .4rem;color:var(--accent2)}.legal-doc p,.legal-doc li{color:#ddd3f5;margin-bottom:.5rem}.legal-doc ul,.legal-doc ol{padding-left:1.3rem}.legal-note{background:#ffd1661f;border:1px solid rgba(255,209,102,.35);border-radius:12px;padding:.8rem 1rem;margin-bottom:1rem}.legal-nav{margin-top:1.4rem;font-size:.85rem;line-height:2;text-align:center}.toast{position:fixed;left:50%;bottom:5.5rem;transform:translate(-50%) translateY(20px);z-index:50;padding:.7rem 1.1rem;border-radius:12px;background:#241340;border:1px solid var(--panel-brd);font-size:.9rem;font-weight:600;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.toast.success{border-color:#06d6a0}.toast.error{border-color:#ff4d6d}.consent{position:fixed;left:1rem;right:1rem;bottom:calc(5rem + env(safe-area-inset-bottom));z-index:40;background:#150a2e;border:1px solid var(--panel-brd);border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.7rem;box-shadow:0 20px 60px #00000080;max-width:480px;margin:0 auto}.consent p{font-size:.85rem;color:#ddd3f5;line-height:1.5}.consent-actions{display:flex;gap:.5rem;justify-content:flex-end}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.wordmark span,.tagline,.join,.landing-links{opacity:1!important;transform:none!important}body:before,.landing:after,.room:after{animation:none!important;opacity:.5}}