.pl-page{--bg:#07081a;--bg1:#0d0e26;--bg2:#121330;--bg3:#191a3a;--bg4:#1f2044;--bg5:#252550;--lav:#a78bfa;--lavd:#a78bfa1a;--lavb:#a78bfa38;--lavg:#a78bfa0f;--rose:#f0abfc;--rosed:#f0abfc17;--roseb:#f0abfc33;--cyan:#67e8f9;--cyand:#67e8f917;--cyanb:#67e8f938;--mint:#6ee7b7;--mintd:#6ee7b714;--mintb:#6ee7b733;--peach:#fca5a5;--ln:#a78bfa17;--ln2:#a78bfa29;--ln3:#a78bfa42;--t1:#ede9ff;--t2:#8b85a8;--t3:#4a4664;--t4:#2d2b44;padding-bottom:120px;animation:.4s fadeIn;position:relative}.pl-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(60% 40% at 20% 0,#a78bfa12 0%,#0000 60%),radial-gradient(50% 35% at 80% 10%,#f0abfc0d 0%,#0000 55%),radial-gradient(40% 30% at 50% 80%,#67e8f90a 0%,#0000 50%);position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes cin{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes ring{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.15;transform:scale(1.04)}}@keyframes livep{0%,to{opacity:1}50%{opacity:.3}}@keyframes wwave{0%,to{transform:scaleY(1)}50%{transform:scaleY(.2)}}.pl-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:18px;display:flex;position:relative}.pl-logo{color:var(--t1);font-family:Instrument Serif,Georgia,serif;font-size:20px}.pl-logo span{color:var(--lav)}.pl-new-btn{background:var(--lavd);border:1px solid var(--lavb);color:var(--lav);cursor:pointer;border-radius:100px;padding:7px 14px;font-family:inherit;font-size:11px;font-weight:500;transition:all .15s}.pl-new-btn:hover{background:#a78bfa29}.sec-label{letter-spacing:.07em;text-transform:uppercase;color:var(--t3);margin-bottom:5px;font-family:Syne,sans-serif;font-size:11px;font-weight:500}.sec-heading{color:var(--t1);margin-bottom:12px;font-family:Instrument Serif,Georgia,serif;font-size:18px}.rooms-scroll{scrollbar-width:none;gap:9px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow-x:auto}.rooms-scroll::-webkit-scrollbar{display:none}.room-card{background:var(--bg1);border:1px solid var(--ln);border-radius:14px;flex-shrink:0;min-width:180px;max-width:180px;transition:border-color .15s;position:relative;overflow:hidden}.room-card:hover{border-color:var(--ln2)}.room-card:before{content:"";pointer-events:none;background:linear-gradient(#a78bfa1f,#0000);height:40px;position:absolute;top:0;left:0;right:0}.room-top{z-index:1;padding:14px 13px 10px;position:relative}.room-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 7px;font-size:9px;font-weight:500;display:inline-flex}.room-badge-global{background:var(--cyand);border:1px solid var(--cyanb);color:var(--cyan)}.room-badge-friends{background:var(--rosed);border:1px solid var(--roseb);color:var(--rose)}.room-badge-scene{background:var(--mintd);border:1px solid var(--mintb);color:var(--mint)}.room-badge-dot{border-radius:50%;width:4px;height:4px;animation:2s infinite livep}.room-name{color:var(--t1);margin-bottom:2px;font-family:Instrument Serif,Georgia,serif;font-size:15px}.room-creator{color:var(--t3);font-size:10px}.room-np{border-top:1px solid var(--ln);background:var(--bg2);align-items:center;gap:7px;padding:8px 13px;display:flex}.room-waves{align-items:center;gap:1.5px;display:flex}.room-wave{border-radius:2px;width:2px;animation:1.1s ease-in-out infinite wwave}.room-np-info{flex:1;min-width:0}.room-np-title{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.room-np-artist{color:var(--t3);font-size:10px}.room-bottom{justify-content:space-between;align-items:center;padding:7px 13px;display:flex}.room-listeners{color:var(--t3);font-size:10px}.room-join{border:1px solid var(--ln2);cursor:pointer;background:0 0;border-radius:100px;padding:4px 10px;font-family:inherit;font-size:10px;font-weight:500;transition:all .14s}.room-join-cyan{color:var(--cyan);border-color:var(--cyanb)}.room-join-rose{color:var(--rose);border-color:var(--roseb)}.room-start{border:1px dashed var(--ln2);min-width:180px;max-width:180px;color:var(--t3);cursor:pointer;opacity:.7;background:0 0;border-radius:14px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;font-size:12px;transition:all .15s;display:flex}.room-start:hover{opacity:1;border-color:var(--ln3)}.room-start-icon{color:var(--lav);font-size:22px}.pl-filters{scrollbar-width:none;gap:5px;margin-bottom:16px;padding-bottom:2px;display:flex;overflow-x:auto}.pl-filters::-webkit-scrollbar{display:none}.pl-fpill{border:1px solid var(--ln2);color:var(--t2);cursor:pointer;white-space:nowrap;background:0 0;border-radius:100px;padding:5px 12px;font-family:inherit;font-size:11px;font-weight:500;transition:all .16s}.pl-fpill:hover{border-color:var(--ln3);color:var(--t1)}.pl-fpill.on{background:var(--lavd);border-color:var(--lavb);color:var(--lav)}.pl-list{z-index:1;flex-direction:column;gap:9px;display:flex;position:relative}.pl-card{background:var(--bg1);border:1px solid var(--ln);border-radius:10px;transition:border-color .2s;animation:.32s both cin;overflow:hidden}.pl-card:hover{border-color:var(--ln2)}.pl-accent{height:2px}.pl-accent-lav{background:linear-gradient(90deg,var(--lav)0%,var(--rose)40%,transparent 70%)}.pl-accent-cyan{background:linear-gradient(90deg,var(--cyan)0%,var(--mint)40%,transparent 70%)}.pl-accent-rose{background:linear-gradient(90deg,var(--rose)0%,var(--peach)40%,transparent 70%)}.pl-accent-mint{background:linear-gradient(90deg,var(--mint)0%,var(--cyan)40%,transparent 70%)}.pl-hdr{gap:11px;padding:13px 14px 9px;display:flex}.pl-art{border:1px solid var(--ln);background:var(--bg2);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;position:relative;overflow:hidden}.pl-art img{object-fit:cover;border-radius:8px;width:100%;height:100%}.pl-art-ring{border:1.5px solid var(--lav);pointer-events:none;border-radius:11px;animation:2.5s infinite ring;position:absolute;inset:-2px}.pl-info{flex:1;min-width:0}.pl-name{color:var(--t1);margin-bottom:3px;font-family:Syne,sans-serif;font-size:15px;font-weight:500;line-height:1.3}.pl-meta{color:var(--t3);font-size:11px}.pl-badges{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.pl-badge{border-radius:100px;padding:2px 7px;font-size:9px;font-weight:500}.pl-badge-cyan{background:var(--cyand);border:1px solid var(--cyanb);color:var(--cyan)}.pl-badge-lav{background:var(--lavd);border:1px solid var(--lavb);color:var(--lav)}.pl-badge-mint{background:var(--mintd);border:1px solid var(--mintb);color:var(--mint)}.pl-badge-rose{background:var(--rosed);border:1px solid var(--roseb);color:var(--rose)}.pl-letter{background:var(--bg2);border-left:2px solid var(--lav);border-radius:0 8px 8px 0;margin:0 14px 11px;padding:10px 13px}.pl-letter-text{color:#b8b0d8;font-family:Instrument Serif,Georgia,serif;font-size:13px;font-style:italic;line-height:1.65}.pl-letter-attr{color:var(--t3);margin-top:5px;font-size:10px}.pl-local{background:var(--mintd);border-left:2px solid var(--mint);border-radius:0 8px 8px 0;margin:0 14px 11px;padding:11px 13px}.pl-local-label{letter-spacing:.06em;text-transform:uppercase;color:var(--mint);margin-bottom:5px;font-size:10px;font-weight:500}.pl-local-name{color:var(--mint);margin-bottom:3px;font-size:14px;font-weight:500}.pl-local-meta{color:var(--t2);margin-bottom:6px;font-size:11px}.pl-local-follow{border:1px solid var(--ln2);color:var(--t2);cursor:pointer;background:0 0;border-radius:100px;padding:4px 12px;font-family:inherit;font-size:10px;transition:all .14s}.pl-local-follow.on{background:var(--mintd);border-color:var(--mintb);color:var(--mint)}.pl-arc{padding:0 14px 10px}.pl-arc-label{letter-spacing:.07em;text-transform:uppercase;color:var(--t3);margin-bottom:4px;font-size:9px;font-weight:500}.pl-arc-track{background:var(--bg4);border-radius:99px;height:4px;margin-bottom:4px;overflow:hidden}.pl-arc-fill{background:linear-gradient(90deg,var(--cyan),var(--lav),var(--rose));border-radius:99px;height:100%}.pl-arc-labels{color:var(--t3);justify-content:space-between;font-size:9px;display:flex}.pl-songs{flex-direction:column;gap:4px;padding:0 14px 11px;display:flex}.srow{background:var(--bg2);border:1px solid var(--ln);cursor:pointer;color:inherit;border-radius:7px;align-items:center;gap:8px;padding:8px 10px;text-decoration:none;transition:all .14s;display:flex}.srow:hover{background:var(--bg3);border-color:var(--ln2)}.srow.playing{background:var(--lavg);border-color:var(--lavb)}.srow-num{color:var(--t3);text-align:center;flex-shrink:0;width:16px;font-size:11px}.srow-art{background:var(--bg4);border-radius:5px;flex-shrink:0;width:30px;height:30px;position:relative;overflow:hidden}.srow-art img{object-fit:cover;border-radius:5px;width:100%;height:100%}.srow-mint{background:var(--mint);border:1.5px solid var(--bg2);width:11px;height:11px;color:var(--bg);border-radius:50%;justify-content:center;align-items:center;font-size:6px;display:flex;position:absolute;bottom:-1px;right:-1px}.srow-info{flex:1;min-width:0}.srow-title{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.srow-artist{color:var(--t3);margin-top:1px;font-size:10px}.srow-artist.local{color:var(--mint)}.srow-note{color:var(--lav);opacity:.8;margin-top:2px;font-family:Instrument Serif,Georgia,serif;font-size:10px;font-style:italic}.srow-play{border:1px solid var(--ln2);cursor:pointer;width:24px;height:24px;color:var(--t3);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .14s;display:flex}.srow-play:hover{background:var(--lavd);border-color:var(--lavb);color:var(--lav)}.srow-more{color:var(--t3);cursor:pointer;text-align:center;padding:6px 10px;font-size:11px}.pl-react{border-top:1px solid var(--ln);flex-wrap:wrap;align-items:center;gap:5px;padding:9px 14px;display:flex}.pr-btn{border:1px solid var(--ln);cursor:pointer;color:var(--t2);-webkit-user-select:none;user-select:none;background:0 0;border-radius:100px;align-items:center;gap:4px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:500;transition:all .14s;display:flex}.pr-btn:hover{border-color:var(--ln2);color:var(--t1)}.pr-btn:active{transform:scale(.95)}.pr-btn.on-lav{background:var(--lavd);border-color:var(--lavb);color:var(--lav)}.pr-btn.on-cyan{background:var(--cyand);border-color:var(--cyanb);color:var(--cyan)}.pr-btn.on-rose{background:var(--rosed);border-color:var(--roseb);color:var(--rose)}.pr-dots{color:var(--t4);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:16px}.pl-empty{text-align:center;background:var(--bg1);border:1px dashed var(--ln);border-radius:10px;flex-direction:column;align-items:center;padding:64px 24px;animation:.35s both cin;display:flex}.pl-empty-icon{background:var(--bg2);width:64px;height:64px;color:var(--t3);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:28px;display:flex}.pl-empty-title{color:var(--t1);margin-bottom:8px;font-family:Syne,sans-serif;font-size:20px;font-weight:500}.pl-empty-sub{color:var(--t2);max-width:320px;margin-bottom:24px;font-size:14px;line-height:1.5}.pl-sheet-bg{z-index:900;opacity:0;background:#050612b3;transition:opacity .2s;position:fixed;inset:0}.pl-sheet-bg.open{opacity:1}.pl-sheet{background:var(--bg1);border:1px solid var(--ln2);z-index:901;border-bottom:none;border-radius:18px 18px 0 0;max-width:480px;max-height:90vh;margin:0 auto;padding:0 18px 32px;transition:transform .28s cubic-bezier(.2,1,.36,1);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.pl-sheet.open{transform:translateY(0)}.pl-sheet-handle{background:var(--bg5);border-radius:99px;width:36px;height:3px;margin:10px auto 18px}.pl-sheet-title{color:var(--t1);margin-bottom:4px;font-family:Instrument Serif,Georgia,serif;font-size:20px}.pl-sheet-sub{color:var(--t2);margin-bottom:18px;font-size:12px}.cinp{background:var(--bg2);border:1px solid var(--ln2);width:100%;color:var(--t1);border-radius:9px;outline:none;margin-bottom:12px;padding:10px 13px;font-family:inherit;font-size:13px;transition:border-color .15s}.cinp:focus{border-color:var(--ln3)}.cinp::placeholder{color:var(--t3)}.cinp-letter{resize:none;min-height:80px;font-family:Instrument Serif,Georgia,serif;font-style:italic}.pl-moods{flex-wrap:wrap;gap:5px;margin-bottom:14px;display:flex}.pl-mood{border:1px solid var(--ln);color:var(--t2);cursor:pointer;background:0 0;border-radius:100px;padding:5px 12px;font-family:inherit;font-size:11px;transition:all .14s}.pl-mood.on{background:var(--lavd);border-color:var(--lavb);color:var(--lav)}.pl-rtypes{grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:16px;display:grid}.pl-rtype{border:1px solid var(--ln);text-align:center;cursor:pointer;background:0 0;border-radius:10px;padding:12px 10px;font-family:inherit;transition:all .15s}.pl-rtype.on{border-color:var(--lavb);background:var(--lavd)}.pl-rtype-icon{margin-bottom:4px;font-size:18px;display:block}.pl-rtype-name{color:var(--t2);font-size:11px;font-weight:500;display:block}.pl-rtype.on .pl-rtype-name{color:var(--lav)}.pl-rtype-desc{color:var(--t3);margin-top:2px;font-size:9px;display:block}.pl-submit{width:100%;color:var(--bg);cursor:pointer;background:linear-gradient(135deg,#a78bfa,#f0abfc);border:none;border-radius:10px;padding:13px;font-family:inherit;font-size:14px;font-weight:500;transition:opacity .15s}.pl-submit:hover{opacity:.9}.pl-submit:disabled{opacity:.5;cursor:not-allowed}.ro-bg{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:800;opacity:0;background:#050612f0;transition:all .32s;position:fixed;inset:0;transform:scale(.97)}.ro-bg.open{opacity:1;transform:scale(1)}.ro-wrap{flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex}.ro-top{border-bottom:1px solid var(--ln);align-items:center;gap:10px;padding:14px 18px;display:flex}.ro-back{border:1px solid var(--ln2);cursor:pointer;width:32px;height:32px;color:var(--t2);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.ro-title{color:var(--t1);flex:1;font-family:Syne,sans-serif;font-size:14px;font-weight:500}.ro-mode{border-radius:100px;padding:3px 8px;font-size:9px;font-weight:500}.ro-np{border-bottom:1px solid var(--ln);padding:18px}.ro-np-top{gap:14px;margin-bottom:14px;display:flex}.ro-np-art{border:1px solid var(--ln2);background:var(--bg2);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:28px;display:flex;position:relative}.ro-np-ring{border:1.5px solid var(--lav);pointer-events:none;border-radius:15px;animation:3s infinite ring;position:absolute;inset:-3px}.ro-np-info{flex-direction:column;flex:1;justify-content:center;display:flex}.ro-np-title{color:var(--t1);margin-bottom:3px;font-family:Syne,sans-serif;font-size:17px;font-weight:500}.ro-np-artist{color:var(--t2);font-size:12px}.ro-progress{margin-bottom:10px}.ro-bar-wrap{background:var(--bg5);cursor:pointer;border-radius:99px;height:3px;margin-bottom:4px;overflow:hidden}.ro-bar-fill{background:linear-gradient(90deg,var(--lav),var(--rose));border-radius:99px;height:100%;transition:width .3s linear}.ro-times{color:var(--t3);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:10px;display:flex}.ro-controls{justify-content:center;align-items:center;gap:14px;display:flex}.ro-ctrl{width:32px;height:32px;color:var(--t2);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:color .14s;display:flex}.ro-ctrl:hover{color:var(--t1)}.ro-ctrl-main{background:var(--lav);width:44px;height:44px;color:var(--bg);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex}.ro-reactions{border-bottom:1px solid var(--ln);padding:12px 18px}.ro-react-label{letter-spacing:.07em;text-transform:uppercase;color:var(--t3);margin-bottom:8px;font-size:9px;font-weight:500}.ro-emojis{flex-wrap:wrap;gap:6px;display:flex}.ro-emoji{border:1px solid var(--ln);cursor:pointer;color:var(--t2);background:0 0;border-radius:100px;padding:5px 10px;font-family:inherit;font-size:12px;transition:all .14s}.ro-emoji.on{background:var(--lavd);border-color:var(--lavb);color:var(--lav)}.ro-queue{flex:1;padding:14px 18px;overflow-y:auto}.ro-q-hdr{justify-content:space-between;margin-bottom:10px;display:flex}.ro-q-title{color:var(--t1);font-size:13px;font-weight:500}.ro-q-vote{color:var(--lav);font-size:11px}.ro-bottom{border-top:1px solid var(--ln);align-items:center;gap:8px;padding:10px 18px 24px;display:flex}.ro-add-input{background:var(--bg2);border:1px solid var(--ln2);color:var(--t1);border-radius:99px;outline:none;flex:1;padding:8px 14px;font-family:inherit;font-size:12px}.ro-add-input:focus{border-color:var(--lavb)}.ro-add-input::placeholder{color:var(--t3)}.ro-add-btn{background:var(--lavd);border:1px solid var(--lavb);color:var(--lav);cursor:pointer;white-space:nowrap;border-radius:99px;padding:6px 12px;font-family:inherit;font-size:11px;font-weight:500}.ro-leave{border:1px solid var(--ln2);width:36px;height:36px;color:var(--t2);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:all .14s;display:flex}.ro-leave:hover{border-color:var(--roseb);color:var(--rose)}.bubble-zone{pointer-events:none;z-index:600;position:fixed;bottom:200px;right:20px}.bubble{font-size:20px;animation:2.5s ease-out forwards bubbleup;position:absolute;bottom:0;right:0}@keyframes bubbleup{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:1;transform:translateY(-10px)scale(1)}80%{opacity:.8;transform:translateY(-90px)scale(1)}to{opacity:0;transform:translateY(-120px)scale(.8)}}@media (max-width:768px){.pl-top{margin-bottom:12px}.pl-rtypes{grid-template-columns:repeat(2,1fr)}}