.party-page{padding-block:32px 64px}.party-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.party-heading h1{letter-spacing:-.04em;font-size:clamp(24px,3vw,36px);font-weight:600}.party-heading h1 span{color:var(--muted-foreground);font-weight:400}.party-eyebrow{color:var(--muted-foreground);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px}.party-connection{color:var(--brand-text);white-space:nowrap;font-size:12px}.party-layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:20px;display:grid}.party-layout[data-panel=true]{grid-template-columns:minmax(0,1fr) 330px}.party-main{min-width:0}.party-video-wrap{position:relative}.party-side{border:1px solid var(--border);background:var(--card);border-radius:8px;flex-direction:column;min-height:420px;max-height:760px;display:flex;overflow:hidden}.party-panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px;display:flex}.party-panel-heading h2{font-size:15px;font-weight:600}.party-panel-heading button{padding:8px}.party-toolbar{flex-wrap:wrap;gap:8px;padding-block:18px;display:flex}.party-toolbar .btn-secondary{padding:9px 12px;font-size:12px}.party-toolbar [aria-pressed=true]{border-color:var(--brand-border);background:var(--brand-soft)}.party-form,.party-members{gap:18px;padding:20px;font-size:13px;line-height:1.6;display:grid;overflow-y:auto}.party-form label:not(.party-check){gap:8px;display:grid}.party-form h3{font-size:16px;font-weight:600}.party-check{align-items:center;gap:9px;font-size:12px;line-height:1.6;display:flex}.party-check input{accent-color:var(--brand);flex-shrink:0;width:16px;height:16px}.party-chat{flex-direction:column;flex:1;min-height:0;display:flex}.party-messages{overscroll-behavior:contain;flex-direction:column;gap:18px;min-height:220px;max-height:430px;padding:18px;display:flex;overflow-y:auto}.party-system{text-align:center;color:var(--muted-foreground);font-size:11px;line-height:1.6}.party-message{gap:9px;font-size:13px;line-height:1.6;display:flex}.party-message p{overflow-wrap:anywhere;white-space:pre-wrap}.party-avatar{background:var(--brand-soft);width:30px;height:30px;color:var(--brand-text);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;display:grid}.party-message-meta{align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.party-message-meta strong{overflow-wrap:anywhere;font-size:12px}.party-message-meta time{color:var(--muted-foreground);white-space:nowrap;font-size:10px}.party-spoiler{background:var(--muted);color:var(--muted-foreground);text-align:left;border-radius:4px;padding:7px 12px;display:block}.party-composer{border-top:1px solid var(--border);gap:10px;padding:16px;display:grid}.party-composer textarea{resize:vertical;max-height:140px}.party-composer .btn-primary{min-height:36px;padding:7px 16px;font-size:12px}.party-typing{min-height:22px;color:var(--muted-foreground);padding:0 18px 6px;font-size:11px}.party-member{border-bottom:1px solid var(--border);padding-block:5px 15px}.party-member summary{cursor:pointer;align-items:center;gap:10px;display:flex}.party-member strong,.party-member small{overflow-wrap:anywhere;display:block}.party-member small{color:var(--muted-foreground);margin-top:4px;font-size:11px}.party-member-actions{flex-wrap:wrap;gap:10px;padding-top:16px;display:flex}.party-member-actions .btn-secondary{min-height:36px;padding:8px;font-size:11px}.party-permissions{gap:9px;width:100%;padding-block:8px;display:grid}.party-permissions legend{margin-bottom:10px}.party-muted{color:var(--muted-foreground);font-size:12px}.party-text-button{color:var(--muted-foreground);text-underline-offset:4px;padding:8px;font-size:12px;text-decoration:underline}.party-social{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;display:flex}.party-reaction-buttons{gap:5px;display:flex}.party-reaction-buttons button{border:1px solid var(--border);border-radius:50%;width:40px;height:40px;font-size:20px;transition:transform .15s}.party-reaction-buttons button:hover{background:var(--muted);transform:translateY(-3px)}.party-pause-form{flex-wrap:wrap;gap:8px;display:flex}.party-pause-form input{width:190px;font-size:12px}.party-pause-form button{font-size:12px}.party-waiting{background:var(--brand-soft);border:1px solid var(--brand-border);border-radius:8px;gap:12px;padding:20px;font-size:13px;display:grid}.party-waiting h2{font-size:18px;font-weight:600}.party-pause-requests{gap:12px;margin-top:16px;display:grid}.party-pause-requests>div{background:var(--card);border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex}.party-warning{border:1px solid var(--brand-border);border-radius:6px;margin-bottom:18px;padding:15px}.party-dialog-backdrop{z-index:90;background:#0009;position:fixed;inset:0}.party-mobile-panel{z-index:91;border:1px solid var(--border);background:var(--background);max-height:80dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:16px 16px 0 0;flex-direction:column;display:flex;position:fixed;inset:auto 0 0}.party-confirm{z-index:95;background:var(--card);border:1px solid var(--border);border-radius:12px;gap:20px;width:min(440px,100vw - 32px);padding:28px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.party-confirm h2{font-size:20px;font-weight:600}.party-confirm p{color:var(--muted-foreground);font-size:13px;line-height:1.7}.party-reactions{pointer-events:none;position:absolute;inset:0;overflow:hidden}.party-reactions span{font-size:38px;animation:4s ease-out forwards party-float;position:absolute;bottom:60px}@keyframes party-float{0%{opacity:0;transform:translateY(20px)scale(.7)}15%{opacity:1}to{opacity:0;transform:translateY(-220px)scale(1.3)}}.party-create-button{z-index:5;background:#121217d9;border:1px solid #ffffff30;border-radius:6px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;display:flex;position:absolute;top:20px;right:20px}.party-player-status{z-index:5;pointer-events:none;background:#111b;border-radius:4px;padding:7px 10px;font-size:11px;position:absolute;top:20px;right:20px}.party-join-playback{z-index:8;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.party-countdown{pointer-events:none;z-index:6;background:#0005;place-items:center;font-size:90px;display:grid;position:absolute;inset:0}.party-fullscreen-chat{display:none}.watch-player:fullscreen .party-fullscreen-chat,.watch-player[data-fullscreen=true] .party-fullscreen-chat{z-index:10;width:min(320px,60vw);font-size:12px;display:block;position:absolute;top:65px;right:20px}.party-fullscreen-feed{background:#08090ee8;border-radius:8px;max-height:45vh;margin-top:8px;padding:14px;overflow:auto}.party-fullscreen-feed p{overflow-wrap:anywhere;margin-bottom:9px}.party-fullscreen-feed form{gap:6px;display:flex}.party-fullscreen-feed .field{min-width:0}.party-page button:focus-visible,.party-create-button:focus-visible,.party-mobile-panel button:focus-visible{outline:2px solid var(--brand-text);outline-offset:3px}@media (max-width:900px){.party-layout[data-panel=true]{grid-template-columns:minmax(0,1fr)}.party-heading{align-items:flex-start}.party-page{padding-top:22px}.party-eyebrow{font-size:9px}.party-social{gap:12px}.party-pause-form{width:100%}.party-pause-form input{flex:1;min-width:0}}@media (max-width:600px){.party-create-button{padding:8px;top:12px;right:12px}.party-create-button span{display:none}.party-player-status{max-width:100px;font-size:10px;top:10px;right:10px}.party-connection{padding-top:8px;font-size:10px}.party-toolbar{gap:6px}.party-toolbar .btn-secondary{padding:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.party-reactions span{animation:none}.party-reaction-buttons button{transition:none}}