@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.1spbknb88wd48.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.1gsd1jahc5dg_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}._5zl4FG_className{font-family:Outfit,Outfit Fallback;font-style:normal}._5zl4FG_variable{--font-outfit:"Outfit", "Outfit Fallback"}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.0e__wj8580tc5.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.10u7vx61f1ie7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.35a5cae5tspm2.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.18rizl4rsrl42.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.-t2bDa_className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.-t2bDa_variable{--font-plus-jakarta-sans:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
:root{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-card:#27272a;--text-primary:#f9fafb;--text-secondary:#a1a1aa;--text-muted:#71717a;--border-color:#ffffff1a;--border-focus:#3b82f6;--accent-gradient-start:#6366f1;--accent-gradient-end:#38bdf8;--accent-hover:#4f46e5;--accent-text:#fff;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0009, 0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #000000b3, 0 4px 6px -2px #00000080;--radius-md:12px;--radius-lg:20px}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f3f4f6;--bg-card:#fff;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-plus-jakarta-sans), sans-serif;min-height:100vh;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit), sans-serif;letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.text-secondary{color:var(--text-secondary)}.text-gradient{background:linear-gradient(135deg, var(--accent-gradient-start), var(--accent-gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.premium-card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s}.premium-card:hover{box-shadow:var(--shadow-lg)}input{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-family:var(--font-plus-jakarta-sans), sans-serif;outline:none;width:100%;padding:.8rem 1.2rem;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f626}button{cursor:pointer;border-radius:var(--radius-md);font-family:var(--font-plus-jakarta-sans), sans-serif;border:none;padding:.6rem 1.1rem;font-size:.9rem;font-weight:600;transition:all .2s}button.primary{background:linear-gradient(135deg, var(--accent-gradient-start), var(--accent-gradient-end));color:var(--accent-text);box-shadow:var(--shadow-sm)}button.primary:hover{opacity:.9;box-shadow:var(--shadow-md);transform:translateY(-1px)}button.secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary)}button.secondary:hover{background:var(--border-color)}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:24px;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:3px;left:4px}input:checked+.slider{background-color:var(--accent-gradient-start);border-color:var(--accent-gradient-start)}input:checked+.slider:before{background-color:#fff;transform:translate(20px)}.spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:currentColor;border-radius:50%;width:1.2rem;height:1.2rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.idle-player-state{z-index:5;text-align:center;background:radial-gradient(circle at 50% 18%,#38bdf838,#0000 26%),linear-gradient(145deg,#6366f133,#09090bf5 52%,#18181bfa);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.8rem,2.4vw,1.25rem);padding:clamp(1rem,3vw,2rem);display:flex;position:absolute;inset:0}.idle-player-state:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 82%);mask-image:linear-gradient(#0000008c,#0000 82%)}.idle-player-visual,.idle-player-copy,.idle-player-actions{z-index:1;position:relative}.idle-player-visual{justify-content:center;align-items:flex-end;gap:.35rem;height:clamp(2.25rem,8vw,4rem);display:flex}.idle-player-visual span{background:linear-gradient(#38bdf8,#6366f1);border-radius:999px;width:clamp(.35rem,1.3vw,.6rem);height:42%;animation:1.35s ease-in-out infinite idle-pulse;box-shadow:0 0 18px #38bdf852}.idle-player-visual span:nth-child(2){animation-delay:.12s}.idle-player-visual span:nth-child(3){animation-delay:.24s}.idle-player-visual span:nth-child(4){animation-delay:.36s}.idle-player-visual span:nth-child(5){animation-delay:.48s}.idle-player-kicker{color:#bae6fd;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:clamp(.7rem,2vw,.82rem);font-weight:700}.idle-player-copy h4{color:#fff;font-family:var(--font-outfit), sans-serif;margin:0;font-size:clamp(1rem,3.4vw,1.6rem);line-height:1.15}.idle-player-copy p:not(.idle-player-kicker){color:#ffffffb8;max-width:28rem;margin:.55rem auto 0;font-size:clamp(.78rem,2vw,.95rem);line-height:1.5}.idle-player-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.idle-player-actions button{min-width:7rem}@keyframes idle-pulse{0%,to{opacity:.62;height:36%}50%{opacity:1;height:100%}}@media (prefers-reduced-motion:reduce){.idle-player-visual span{animation:none}}@media (max-width:520px){.idle-player-state{gap:.55rem;padding:.8rem}.idle-player-visual{height:1.9rem}.idle-player-kicker{margin-bottom:.28rem;font-size:.64rem}.idle-player-copy h4{font-size:.95rem}.idle-player-copy p:not(.idle-player-kicker){display:none}.idle-player-actions{gap:.45rem}.idle-player-actions button{min-width:0;padding:.45rem .7rem;font-size:.78rem}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;bottom:2rem;right:2rem}.toast{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);font-family:var(--font-plus-jakarta-sans), sans-serif;pointer-events:auto;border-radius:12px;padding:.85rem 1.25rem;font-size:.95rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) forwards slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}:root{--player-padding:1rem;--player-header-margin:1rem;--player-title-size:clamp(.9rem, 2.5vw, 1.2rem);--player-controls-margin:1.25rem;--player-btn-max-width:120px}.mobile-bottom-nav,.mobile-tabs{display:none}.main-player-card{display:block}@media (min-width:769px){.app-room-container:not([data-desktop-tab=player]) .main-player-card{display:none}}.desktop-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));align-items:stretch;gap:2rem;display:grid}.desktop-grid>div{flex-direction:column;display:flex}.desktop-grid>div>.premium-card:last-child{flex:1}@media (max-width:768px){:root{--player-padding:1rem;--player-header-margin:.75rem;--player-title-size:.95rem;--player-controls-margin:1rem;--player-btn-max-width:none}.mobile-bottom-nav{background:var(--bg-card);border-top:1px solid var(--border-color);z-index:50;padding:.25rem 0;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000004d}.mobile-tabs{display:block}.desktop-grid,.app-room-container:not([data-active-tab=player]) .main-player-card{display:none}}.main-wrapper.in-room{padding-bottom:clamp(1rem,4vw,2rem)}@media (max-width:768px){.main-wrapper.in-room{padding-bottom:80px}.desktop-tabs-container{display:none!important}}@media (min-width:769px){.player-video-wrapper{max-width:calc(177.778vh - 675.556px);margin:0 auto}}.app-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.app-header-brand{min-width:0}.app-title{text-transform:lowercase;font-size:clamp(1.5rem,5vw,2.5rem);font-family:var(--font-outfit);white-space:nowrap;margin:0}.listener-pill{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:99px;flex-shrink:0;align-items:center;gap:.4rem;padding:.3rem .6rem;font-size:.85rem;display:flex}.app-tagline{color:var(--color-text-secondary);margin:.2rem 0 0;font-size:clamp(.75rem,2vw,1rem);font-weight:300}.app-header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.header-icon-btn{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex}.header-share-btn{border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;height:40px;padding:0 1rem;font-size:.9rem;display:flex}@media (max-width:520px){.app-title{font-size:1.35rem}.app-tagline.in-room{display:none}.listener-pill{padding:.2rem .5rem;font-size:.8rem}.app-header-actions{gap:.4rem}.header-icon-btn,.header-share-btn{width:36px;height:36px}.header-share-btn{border-radius:50%;padding:0}.header-share-label{display:none}}.ap-controls{z-index:4;color:#fff;background:linear-gradient(#0000,#0000008c 35%,#000000e6);border-bottom-right-radius:12px;border-bottom-left-radius:12px;flex-direction:column;gap:.35rem;width:100%;padding:2.5rem 1rem .85rem;display:flex;position:absolute;bottom:0;left:0}.ap-progress{flex-direction:column;display:flex}.ap-times{font-variant-numeric:tabular-nums;color:#ffffffbf;justify-content:space-between;margin-top:-2px;font-size:.72rem;display:flex}.ap-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.ap-play{color:#111;cursor:pointer;background:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:transform .12s;display:flex;box-shadow:0 4px 14px #00000059}.ap-play:hover{transform:scale(1.06)}.ap-play:active{transform:scale(.94)}.ap-volume{align-items:center;gap:.4rem;display:flex}.ap-icon-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.ap-icon-btn:hover{background:#ffffff1f}.ap-volume-slider{width:110px}.ap-slider{appearance:none;width:100%;height:24px;box-shadow:none;cursor:pointer;--fill:0%;--accent:#fff;background:0 0;border:none;margin:0;padding:0}.ap-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--accent) var(--fill), #ffffff40 var(--fill));border-radius:99px;height:6px}.ap-slider::-moz-range-track{background:linear-gradient(to right, var(--accent) var(--fill), #ffffff40 var(--fill));border-radius:99px;height:6px}.ap-slider::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:16px;height:16px;margin-top:-5px;transition:transform .1s;box-shadow:0 1px 6px #00000073}.ap-slider::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 6px #00000073}.ap-slider:active::-webkit-slider-thumb{transform:scale(1.25)}.ap-slider:focus{box-shadow:none;border:none}.ap-slider:focus-visible{outline-offset:2px;border-radius:99px;outline:2px solid #fffc}.ap-slider:disabled{cursor:default}.ap-slider:disabled::-webkit-slider-thumb{width:0;height:0;box-shadow:none}.ap-slider:disabled::-moz-range-thumb{width:0;height:0;box-shadow:none}@media (max-width:520px){.ap-controls{padding:2rem .75rem .6rem}.ap-play{width:40px;height:40px}.ap-volume-slider{width:84px}}button.listener-pill{cursor:pointer;font-family:inherit}button.listener-pill:hover{border-color:var(--border-focus)}.popover-backdrop{z-index:99;position:fixed;inset:0}.listeners-popover{z-index:100;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;width:min(260px,100vw - 2rem);max-height:60vh;padding:.5rem;position:absolute;top:calc(100% + .5rem);left:0;overflow-y:auto;box-shadow:0 10px 30px #00000040}.listeners-popover-title{color:var(--color-text-secondary);border-bottom:1px solid var(--border-color);margin:0;padding:.35rem .5rem .5rem;font-size:.75rem}.listeners-popover ul{margin:.35rem 0 0;padding:0;list-style:none}.listeners-popover li{color:var(--text-primary);border-radius:8px;align-items:center;gap:.6rem;padding:.4rem .5rem;font-size:.9rem;display:flex}.listener-avatar{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;font-weight:600;display:flex}.listener-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.listener-tag{background:var(--bg-secondary);color:var(--color-text-secondary);border-radius:99px;padding:.1rem .45rem;font-size:.7rem}.listener-host{color:#f5b301;flex-shrink:0}.rename-btn{width:28px;height:28px;color:var(--color-text-secondary)}.rename-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}@media (max-width:520px){.listeners-popover{width:auto;position:fixed;top:64px;left:1rem;right:1rem}}.main-wrapper.in-room{max-width:900px}@media (max-width:768px){.desktop-panels{display:none}}@media (min-width:1100px){.main-wrapper.in-room{max-width:1320px}.app-room-container{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch;column-gap:1.25rem;row-gap:.75rem!important;display:grid!important}.app-room-container .main-player-card{grid-area:1/1/span 2;display:block!important}.app-room-container .main-player-card>.premium-card{height:100%}.app-room-container .desktop-tabs-container{grid-area:1/2;margin-top:0!important}.app-room-container .desktop-tabs-nav{width:100%}.app-room-container .desktop-tabs-nav>button{white-space:nowrap;flex:1;justify-content:center}.app-room-container .desktop-panels{border-radius:var(--radius-lg,16px);grid-area:2/2;min-width:0;height:0;min-height:100%;overflow-y:auto}.app-room-container .desktop-panels>div{min-height:100%;gap:.75rem!important}.app-room-container .desktop-panels>div>.premium-card{padding:1.5rem!important}.app-room-container .desktop-panels>div>.premium-card:last-child{flex:1}.app-room-container .desktop-panels .empty-state{text-align:center;align-items:center;padding:4rem 1rem}.desktop-tab-player{display:none!important}.desktop-panels .item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;white-space:normal!important}}.player-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.player-title-wrap{flex:1;min-width:0}.player-title{font-family:var(--font-outfit);font-size:var(--player-title-size);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.player-channel{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:.78rem;overflow:hidden}@media (max-width:520px){.player-header{flex-wrap:wrap}.player-title-wrap{flex-basis:100%}.player-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}@media (max-width:768px){.item-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;display:-webkit-box;white-space:normal!important}}.empty-state{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.empty-state p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.empty-state button{padding:.55rem 1.1rem;font-size:.85rem}.mini-player{display:none}@media (max-width:768px){.mini-player{z-index:49;background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:14px;align-items:center;gap:.65rem;padding:.45rem .5rem .45rem .45rem;display:flex;position:fixed;bottom:calc(66px + .4rem);left:.5rem;right:.5rem;box-shadow:0 8px 24px #00000059}.mini-player img{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.mini-player-text{flex:1;min-width:0}.mini-player-title,.mini-player-channel{white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.mini-player-title{color:var(--text-primary);font-size:.85rem;font-weight:600}.mini-player-channel{color:var(--color-text-secondary);font-size:.72rem}.mini-player .ap-play{width:38px;height:38px}.main-wrapper.in-room{padding-bottom:150px!important}}.legal-page{max-width:760px;color:var(--text-primary);margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,2rem) 3rem;line-height:1.65}.legal-page h1{font-family:var(--font-outfit);margin:1rem 0 .25rem;font-size:clamp(1.6rem,6vw,2.4rem);line-height:1.2}.legal-page h2{font-family:var(--font-outfit);margin:2rem 0 .5rem;font-size:1.2rem}.legal-page p,.legal-page li{color:var(--color-text-secondary)}.legal-page ul{flex-direction:column;gap:.5rem;padding-left:1.25rem;display:flex}.legal-page a{color:#38bdf8}.legal-updated{font-size:.85rem}.legal-back{font-size:.9rem;text-decoration:none;display:inline-block}