@layer utilities{.player-surface{background:#08080d}.player-surface .youtube-frame{border-radius:0;height:100%;min-height:0}.player-surface .replay-player,.player-surface .player-placeholder{height:100%;min-height:0}.player-surface-locked .youtube-frame iframe{pointer-events:none}.player-shield{outline-offset:-3px;background:0 0}.player-shield:focus-visible{outline:2px solid var(--primary)}.player-activate-mark{background:#15121dc9;border:1px solid #ffffff30;place-items:center;transform:translate(-50%,-50%);box-shadow:0 4px 30px #0006}.player-activate-mark svg{width:28px;height:28px}.player-surface-controls{background:linear-gradient(#0000,#07070bd9 50%);transition:opacity .18s}.player-surface[data-controls-visible=true] .player-surface-controls{opacity:1}.player-surface-controls .replay-controls>input,.player-surface-controls .replay-control-row,.player-surface-controls .live-sound-controls,.player-surface-controls .replay-segment-panel{pointer-events:auto}.party-video-stage:has(.player-surface[data-controls-visible=false]) .party-video-top{opacity:0}.player-surface .replay-controls{border:0;margin:0;padding:0}.player-surface .replay-controls>input{width:100%;height:16px;accent-color:var(--primary);cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.player-surface #replay-timeline{appearance:none}.player-surface #replay-timeline::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--primary) 0 var(--replay-progress), #ffffff40 var(--replay-progress) 100%);border-radius:999px;height:4px}.player-surface #replay-timeline::-webkit-slider-thumb{appearance:none;background:var(--primary);border:0;border-radius:50%;width:10px;height:10px;margin-top:-3px;transition:transform .15s}.player-surface #replay-timeline:is(:hover,:focus-visible)::-webkit-slider-thumb{transform:scale(1.25)}.player-surface #replay-timeline::-moz-range-track{background:#ffffff40;border:0;border-radius:999px;height:4px}.player-surface #replay-timeline::-moz-range-progress{background:var(--primary);border-radius:999px;height:4px}.player-surface #replay-timeline::-moz-range-thumb{background:var(--primary);border:0;border-radius:50%;width:10px;height:10px}.replay-control-button{background:0 0;border:0;place-items:center}.replay-control-button svg{width:20px;height:20px}.replay-control-button:hover{background:#ffffff15}.player-surface .replay-controls input.replay-volume{width:72px;min-width:0;height:16px;accent-color:var(--primary);cursor:pointer;background:0 0;border:0;margin:0;padding:0}.replay-control-time{font-variant-numeric:tabular-nums}.player-inline-notice{background:#17141eeb}.player-inline-notice p{margin:0 0 8px}.replay-order-toggle[aria-expanded=true]{color:#d0bcff;background:#a078ff26}.replay-segment-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#12131cef;border:1px solid #ffffff1f;box-shadow:0 12px 36px #0005}.replay-segment-panel>header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:10px;display:flex}.replay-segment-panel>header>div{align-items:baseline;gap:10px;display:flex}.replay-segment-panel h2{font:550 var(--text-sm)/1.4 var(--font-ui);color:var(--foreground);letter-spacing:0;margin:0}.replay-segment-panel>header span{color:var(--muted-foreground);font-size:var(--text-xs)}.replay-segment-list{overscroll-behavior:contain;scroll-snap-type:x proximity;list-style:none}.replay-segment-list>li{scroll-snap-align:start;flex:0 0 164px}.replay-segment-card{background:#22212d;border:1px solid #ffffff14;transition:border-color .15s,background .15s}.replay-segment-card:hover{background:#2b2637;border-color:#a078ff80}.replay-segment-card[aria-current=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:#2b2439}.replay-segment-card:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.replay-segment-poster{background:#15151f}.replay-segment-poster img{object-fit:cover;width:100%;height:100%;display:block}.replay-segment-index,.replay-segment-active{font:550 11px/1.2 var(--font-ui);background:#0d0e16dd}.replay-segment-active{background:#6d42ba}.replay-segment-copy strong{-webkit-line-clamp:2;color:#eee8fa;min-height:40px;font:550 14px/20px var(--font-ui);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.replay-segment-copy>span{color:#b5accc;font-size:var(--text-xs);font-variant-numeric:tabular-nums;align-items:center;gap:6px;margin-top:6px;line-height:1.3;display:flex}.replay-segment-copy small{color:#83dbbd;font-size:inherit}.replay-segment-more{place-items:center}.viewing-surface[data-mini=true] .replay-segment-panel,.viewing-surface[data-mini=true] .replay-order-toggle{display:none}@media (width<=640px){.player-surface .replay-controls input.replay-volume{width:45px}.replay-order-toggle.ui-button[data-size=sm]{width:32px;padding:0}.replay-order-toggle>span{display:none}.party-replay .player-surface-controls{padding-top:8px}.party-replay .party-video-stage:has(.replay-segment-panel) .party-video-top{opacity:0;visibility:hidden}.replay-segment-panel>header{margin-bottom:6px}.replay-segment-panel h2{font-size:12px}.replay-segment-panel>header span{font-size:11px}.replay-segment-list>li{flex-basis:192px}.replay-segment-copy strong{min-height:32px;font-size:12px;line-height:16px}.replay-segment-copy>span{margin-top:4px;font-size:11px}}.viewing-surface{background:#07080d}.party-video-stage{background:#000}.party-video-stage .video-component,.party-video-stage .player-surface{aspect-ratio:auto;border-radius:0;width:100%;height:100%;min-height:0}.party-video-stage .youtube-frame{aspect-ratio:auto;background:#000;height:100%}.party-video-stage .youtube-frame>div{position:absolute;inset:0}.party-video-stage .youtube-frame iframe{width:100%;height:100%}.party-video-stage .player-placeholder{text-align:center;border:0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;min-height:0;padding:30px;display:flex}.party-video-stage .player-placeholder>svg{color:#9881b4;width:42px;height:42px}.party-video-stage .player-placeholder h2{margin:0;font-size:21px}.party-video-stage .player-placeholder p{margin:0;font-size:12px}.party-video-top{transition:opacity .15s}.party-video-stage:hover .party-video-top,.party-video-stage:focus-within .party-video-top{opacity:1}.party-video-top a{color:#e1d9eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;background:#11121ccb}.party-video-top span{font:600 10px var(--font-display);color:#79e9b3;background:#11121cc9;border-radius:4px;padding:5px 8px}.party-video-top .party-replay-label{color:#c7a8f4}.party-player-notice{background:#201a29e8}.party-info-bar{background:#12131a;border-top:1px solid #ffffff0c}.party-info-copy h1{font:650 22px/1.4 var(--font-ui);letter-spacing:-.4px;text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;overflow:hidden}.party-info-details a{color:#d3b6f2;font-size:15px;font-weight:550}.party-info-details>span{align-items:center;gap:4px;display:inline-flex}.party-info-details svg{width:13px;height:13px}.party-current-title{text-overflow:ellipsis}.party-info-actions button{cursor:pointer}.party-host-controls{background:#12131a;border-bottom:1px solid #ffffff09}.party-host-controls button{cursor:pointer;height:30px;min-height:30px;font-size:11px}.party-chat{background:#14151d;border-left:1px solid #ffffff0c}.party-chat>header{border-bottom:1px solid #ffffff0c;flex:none;justify-content:space-between;align-items:center;height:50px;padding:0 18px;display:flex}.party-chat h2{margin:0;font-size:13px;font-weight:550}.party-chat>header>span{color:#9685a8;font-size:10px}.party-chat-messages{overscroll-behavior:contain;scrollbar-width:thin}.party-chat-message time{color:#796b8d;font-variant-numeric:tabular-nums;margin-right:8px;font-size:9px}.party-chat-message strong{color:#ba99dd;margin-right:7px;font-size:12px;font-weight:600}.party-chat-message.mine strong{color:#79dab9}.party-chat-compose{background:#101118;border-top:1px solid #ffffff0a}.party-chat-compose textarea{resize:none;border-radius:var(--control-radius);color:#e4dced;width:100%;min-height:64px;font-size:var(--control-font-size);background:#20202b;border:1px solid #ffffff0e;padding:12px}.party-chat-compose>div{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.party-chat-compose>div>span{color:#9c8bab;font-size:11px}.party-chat-compose .error{margin:8px 0 0;font-size:11px}.party-chat-compose button{cursor:pointer}.party-replay-chat-footer{border-top:1px solid #ffffff0a}.party-queue-shelf{overscroll-behavior:contain;scrollbar-width:thin;background:#15151f;border-top:1px solid #ffffff0c}.party-queue-shelf[hidden]{display:none}.party-queue-heading h2{margin:0;font-size:12px;font-weight:550}.party-queue-heading button{cursor:pointer;width:26px;height:26px}.party-queue-add>input{border-radius:var(--control-radius);background:#20202b;border:1px solid #ffffff14;flex:1;min-width:0;padding:8px 10px;font-size:12px}.party-queue-add>label{white-space:nowrap;color:#a493b5;align-items:center;gap:5px;font-size:11px;display:flex}.party-queue-add input[type=checkbox]{width:auto}.party-queue-items{overscroll-behavior:contain;scrollbar-width:thin;list-style:none}.party-queue-items>li{background:#1e1b29;border:1px solid #ffffff10;border-radius:6px;width:160px;min-width:160px;position:relative;overflow:hidden}.party-queue-items>li>img{aspect-ratio:16/9;object-fit:cover;width:100%}.party-queue-number{background:#050509a6}.party-queue-items>li>div{padding:6px 9px}.party-queue-items strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.5;display:-webkit-box;overflow:hidden}.party-queue-items small{color:#a594b7;font-size:10px}.party-queue-items .queue-actions{margin-top:6px}.party-people-list{list-style:none}.party-people-list li{border-bottom:1px solid #ffffff0b;align-items:center;gap:12px;padding:12px 0;display:flex}.party-people-list li>span{color:#c4a4e8;background:#342640;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.party-people-list strong{font-size:13px}.party-people-list small{color:#a18dac;margin-left:auto}.player-stopped h1{font-size:22px}.viewing-surface[data-mini=true]{top:auto;left:auto;right:max(20px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));z-index:38;border:1px solid #ffffff21;border-radius:9px;width:min(360px,100vw - 32px);height:auto;overflow:hidden;box-shadow:0 10px 50px #0008}.viewing-surface[data-mini=true] .mini-header{background:#191520;align-items:center;gap:4px;height:36px;padding:0 4px 0 12px;display:flex}.mini-header>span{color:#c9b6d8;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-right:auto;font-size:11px;overflow:hidden}.mini-header button{cursor:pointer;width:30px;height:30px}.viewing-surface[data-mini=true] .viewing-content{aspect-ratio:16/9;height:auto}.viewing-surface[data-mini=true] .party-view{display:block}.viewing-surface[data-mini=true] .party-video-stage{flex:1;height:100%}.viewing-surface[data-mini=true] .party-chat,.viewing-surface[data-mini=true] .party-info-bar,.viewing-surface[data-mini=true] .party-host-controls,.viewing-surface[data-mini=true] .party-queue-shelf,.viewing-surface[data-mini=true] .party-video-top{display:none}.viewing-surface[data-mini=true] .party-video-stage .player-placeholder{gap:7px;padding:12px}.viewing-surface[data-mini=true] .player-placeholder h2{font-size:13px}.viewing-surface[data-mini=true] .player-placeholder p{font-size:10px}.viewing-surface[data-mini=true] .party-player-notice{padding:6px;font-size:10px}@media (width<=960px){.party-info-copy h1{font-size:21px}.party-info-actions button{font-size:12px}}@media (width<=760px){.party-info-copy h1{font-size:18px}.party-info-details a{font-size:14px}.party-info-actions button{width:28px;min-width:28px;height:28px;padding:4px}.party-info-actions button>span{display:none}.party-info-actions .party-queue-trigger,.party-info-actions .party-leave-button{width:auto;min-width:0;height:32px;padding:6px 10px;font-size:12px}.party-info-actions .party-queue-trigger>span,.party-info-actions .party-leave-button>span{display:inline}.party-info-actions a{font-size:10px}.party-host-controls button{padding-inline:7px;font-size:10px}.party-chat{border-top:1px solid #ffffff0c;border-left:0}.party-chat>header{height:38px;padding-inline:12px}.party-chat-compose textarea{height:44px;min-height:44px;padding:9px 12px;font-size:16px}.party-chat-compose>div{margin-top:6px}.party-view[data-queue-open=true] .party-video-stage{max-height:28dvh}.viewing-surface[data-mini=true]{width:min(280px,100vw - 28px);right:12px;bottom:calc(78px + env(safe-area-inset-bottom))}.viewing-surface[data-mini=true] .party-view-main{height:100%}.viewing-surface[data-mini=true] .party-video-stage{aspect-ratio:auto;max-height:none}}.player-view-controls button{cursor:pointer;width:36px;height:32px}.player-view-controls svg{width:20px;height:20px}.player-fullscreen-error{background:#201a29ec}.party-video-stage:fullscreen{aspect-ratio:auto;width:100vw;height:100dvh;max-height:none}.party-leave-button{border:1px solid #ffffff21}.party-queue-dialog .party-queue-shelf{background:0 0;border:0;flex:auto;height:auto;min-height:0;max-height:none;padding:0 3px 6px;overflow-y:auto}.party-queue-dialog .party-queue-policy{border-bottom:1px solid #ffffff10;justify-content:space-between;gap:18px;margin:0 0 20px;padding:0 0 20px;font-size:13px}.party-queue-dialog .party-queue-policy .ui-select-trigger{width:auto;min-width:240px}.party-queue-dialog .party-queue-heading{height:auto;margin:24px 0 16px}.party-queue-dialog .party-queue-heading h2{align-items:center;gap:10px;font-size:15px;display:flex}.party-queue-dialog .party-queue-heading h2 span{color:#a58cb8;font-size:12px;font-weight:400}.party-queue-dialog .party-queue-add{gap:10px;margin:12px 0 22px}.party-queue-dialog .party-queue-add>input{height:40px;font-size:14px}.party-queue-dialog .party-queue-add>label{white-space:nowrap;font-size:12px}.party-queue-dialog .party-queue-add>button{height:40px;font-size:13px}.party-queue-dialog .party-queue-items{flex-direction:column;gap:12px;padding:0;display:flex;overflow-x:hidden}.party-queue-dialog .party-queue-items>li{background:#22202c;border:1px solid #ffffff0b;border-radius:8px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:16px;width:100%;padding:12px;display:grid}.party-queue-dialog .party-queue-items>li>img{aspect-ratio:16/9;object-fit:cover;width:112px}.party-queue-dialog .party-queue-items>li strong{white-space:normal;overflow-wrap:anywhere;font-size:14px;line-height:1.6;display:block}.party-queue-dialog .party-queue-number{top:17px;left:17px}.party-queue-dialog .queue-actions{gap:8px;margin-top:8px}.party-queue-dialog .queue-actions button{cursor:pointer;border-radius:5px;min-width:28px;min-height:28px;padding:4px 9px;font-size:12px}.party-queue-dialog .party-queue-empty{text-align:center;border:1px dashed #ffffff17;border-radius:8px;padding:25px 12px;font-size:13px;line-height:1.8}.party-queue-dialog .party-proposals strong{font-size:13px}.viewing-surface[data-mini=true] .player-view-controls{display:none}@media (width<=640px){.player-view-controls button{width:30px;height:28px}.party-queue-dialog .party-queue-policy{flex-direction:column;align-items:flex-start;gap:10px}.party-queue-dialog .party-queue-policy .ui-select-trigger{width:100%;min-width:0}.party-queue-dialog .party-queue-add{flex-wrap:wrap}.party-queue-dialog .party-queue-add>input{flex-basis:100%;font-size:16px}.party-queue-dialog .party-queue-add>button{margin-left:auto}.party-queue-dialog .party-queue-items>li{grid-template-columns:88px minmax(0,1fr);gap:12px;padding:10px}.party-queue-dialog .party-queue-items>li>img{width:88px}.party-queue-dialog .party-queue-items>li strong{font-size:13px}}.live-sound-controls input{width:80px;accent-color:var(--primary);cursor:pointer;background:0 0;border:0;height:16px;padding:0}.live-sound-allow{background:#fff2;border:0}.party-video-stage .video-component>.player-status{z-index:5;background:#211928e8;border-radius:6px;margin:0;padding:12px;font-size:12px;position:absolute;top:20px;left:20px;right:20px}.party-queue-policy .ui-select-trigger{background:#221e2b;width:auto}.party-proposals{border-bottom:1px solid #ffffff0d}.party-proposals h3{color:#c3a2e5;margin:0 0 8px;font-size:11px}.party-proposals>div{align-items:center;gap:7px;margin-bottom:5px;display:flex}.party-proposals img{aspect-ratio:16/9;object-fit:cover;border-radius:4px;width:58px}.party-proposals strong{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:11px;overflow:hidden}.party-proposals button{cursor:pointer;font-size:10px}}