.lockedBrand{margin-bottom:1.2rem;display:inline-flex}.turnAlert{background:rgb(var(--lt-role-accent-rgb) / .12);border-color:rgb(var(--lt-role-accent-rgb) / .2);color:var(--lt-role-accent)}.roomHeader{pointer-events:none;z-index:50;min-width:0;max-width:100%;margin-bottom:4px;animation:.56s cubic-bezier(.22,1,.36,1) both softRise;position:relative;overflow:visible}.roomHeader[data-tape-accent]{border-inline-start:5px solid var(--tape-accent);border-radius:.65rem;padding-inline-start:clamp(.75rem,2vw,1.15rem)}.roomHeaderLayout{grid-template-columns:148px minmax(0,1fr);align-items:center;gap:18px;display:grid}.roomHeaderCassette{align-self:start;gap:5px;width:148px;display:grid}.roomCassetteEyebrow{overflow-wrap:anywhere;margin:0}.roomHeaderCassette .cassetteVisual-detail{width:100%}.roomHeaderSettings{border-top:1px solid rgb(var(--lt-role-border-rgb) / .42);width:100%;margin-top:12px;padding-top:10px}.roomHeaderSettings .tapeSettingsPanel{max-width:none;margin-top:0}.roomHeaderSettings .tapeSettingsForm{margin-top:0}.roomHeaderVibes{margin:0}.roomSettingBadges{flex-wrap:wrap;gap:.4rem;margin:.35rem 0 .5rem;display:flex}.roomSettingBadges>span{border:1px solid rgb(var(--lt-role-border-rgb) / .42);color:var(--lt-role-ink-muted);border-radius:999px;padding:.24rem .55rem;font-size:.7rem;font-weight:800}.tapeSettingsPanel,.tapeSettingsPanel *{pointer-events:auto}.tapeSettingsPanel{max-width:58rem;margin-top:.7rem}.roomSettingsToggle{color:var(--lt-role-ink-muted);cursor:pointer;pointer-events:auto;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid;position:absolute;inset-block-start:-4px;inset-inline-end:0}.roomSettingsToggle:hover{background:rgb(var(--lt-role-ink-rgb) / .06);color:var(--lt-role-ink)}.roomSettingsToggle[aria-expanded=true]{background:rgb(var(--lt-role-accent-rgb) / .09);border-color:rgb(var(--lt-role-accent-rgb) / .2);color:var(--lt-role-accent)}.tapeSettingsForm{background:rgb(var(--lt-role-surface-elevated-rgb) / .96);border:1px solid rgb(var(--lt-role-border-rgb) / .48);border-radius:1rem;gap:1rem;margin-top:.65rem;padding:clamp(.9rem,3vw,1.35rem);display:grid;box-shadow:0 18px 48px #19242229}.tapeSettingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.tapeSettingsGrid label,.tapeSettingsToggle span{gap:.35rem;font-size:.78rem;font-weight:800;display:grid}.tapeSettingsGrid input,.tapeSettingsGrid select{border:1px solid rgb(var(--lt-role-border-rgb) / .55);border-radius:.65rem;min-height:2.65rem;padding:.55rem .7rem}.tapeSettingsToggle{align-items:center;gap:.65rem;display:flex}.tapeSettingsToggle small{color:var(--lt-role-ink-muted);font-weight:500}.tapeSettingsSources{border:0;margin:0;padding:0}.tapeSettingsSources legend,.tapeSettingsForm .personalizeFieldset legend{margin-bottom:.55rem;font-size:.78rem;font-weight:900}.tapeSettingsSources>div,.tapeSettingsForm .personalizeAccentRow,.tapeSettingsForm .personalizeShellRow,.tapeSettingsForm .personalizeVibeRow{flex-wrap:wrap;gap:.5rem;display:flex}.tapeSettingsSources label,.tapeSettingsForm .personalizeAccentOption,.tapeSettingsForm .personalizeShellOption,.tapeSettingsForm .personalizeVibeOption,.tapeSettingsForm .personalizeEmojiOption,.tapeSettingsForm .personalizeLabelOption,.tapeSettingsForm .personalizeShuffleButton{background:rgb(var(--lt-role-surface-panel-rgb) / .72);border:1px solid rgb(var(--lt-role-border-rgb) / .48);color:var(--lt-role-ink);cursor:pointer;min-height:var(--lt-hit-target,44px);border-radius:.65rem;align-items:center;gap:.4rem;padding:.4rem .65rem;display:inline-flex;position:relative}.tapeSettingsForm button[aria-pressed=true]{background:rgb(var(--lt-role-accent-container-rgb) / .72);border-color:rgb(var(--lt-role-accent-rgb) / .65);color:var(--lt-role-ink)}.tapeSettingsForm .personalizeShellOption:after,.tapeSettingsForm .personalizeAccentOption:after,.tapeSettingsForm .personalizeVibeOption:after{content:"✓";opacity:0;width:1em;font-weight:900}.tapeSettingsForm .personalizeEmojiOption,.tapeSettingsForm .personalizeLabelOption{position:relative}.tapeSettingsForm .personalizeEmojiOption:after,.tapeSettingsForm .personalizeLabelOption:after{background:var(--lt-role-accent);width:.9rem;height:.9rem;color:var(--lt-role-surface-elevated);content:"✓";opacity:0;border-radius:50%;place-items:center;font-size:.55rem;font-weight:900;display:grid;position:absolute;top:.2rem;right:.2rem}.tapeSettingsForm .personalizeShellOption[aria-pressed=true]:after,.tapeSettingsForm .personalizeAccentOption[aria-pressed=true]:after,.tapeSettingsForm .personalizeVibeOption[aria-pressed=true]:after,.tapeSettingsForm .personalizeEmojiOption[aria-pressed=true]:after,.tapeSettingsForm .personalizeLabelOption[aria-pressed=true]:after{opacity:1}.tapeSettingsForm .formPersonalization{border:1px solid rgb(var(--lt-role-border-rgb) / .5);border-radius:var(--lt-radius-lg);background:radial-gradient(circle at 15% 20%, rgb(var(--lt-brand-primary-rgb) / .13), transparent 34%), rgb(var(--lt-role-surface-elevated-rgb) / .72);grid-template-columns:minmax(190px,.82fr) minmax(0,1.18fr);gap:0 1.25rem;padding:1rem;display:grid;overflow:hidden}.tapeSettingsForm .personalizeHeader{border-bottom:1px solid rgb(var(--lt-role-border-rgb) / .42);grid-column:1/-1;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;display:flex}.tapeSettingsForm .personalizeHeader h3,.tapeSettingsForm .personalizeHeader p{margin:.2rem 0}.tapeSettingsForm .personalizeFieldset{border:0;border-top:1px solid rgb(var(--lt-role-border-rgb) / .38);grid-column:2;margin:0;padding:.85rem 0}.tapeSettingsForm .personalizeLivePreview+.personalizeFieldset{border-top:0;padding-top:0}.tapeSettingsForm .personalizeCoverGroups{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.tapeSettingsForm .personalizeCoverGroup>p,.tapeSettingsForm .personalizeHint,.tapeSettingsForm .personalizeLimit{color:var(--lt-role-ink-muted);margin:0 0 .35rem;font-size:.72rem}.tapeSettingsForm .personalizeEmojiRow,.tapeSettingsForm .personalizeLabelGrid{flex-wrap:wrap;gap:.4rem;display:flex}.tapeSettingsForm .personalizeEmojiOption{min-width:var(--lt-hit-target,44px);justify-content:center;padding:.3rem;font-size:1.1rem}.tapeSettingsForm .personalizeAccentSwatch,.tapeSettingsForm .personalizeShellSwatch{border-radius:999px;width:.75rem;height:.75rem}.tapeSettingsForm .personalizeAccentSwatch{background:var(--personalize-accent,currentColor)}.tapeSettingsForm .personalizeLivePreview{border:1px solid rgb(var(--lt-navy-alt-rgb) / .5);border-radius:var(--lt-radius-lg);background:radial-gradient(circle at 50% 30%, rgb(var(--lt-surface-card-rgb) / .16), transparent 45%), linear-gradient(145deg, var(--lt-navy-alt), var(--lt-navy));grid-area:2/1/span 5;grid-template-columns:minmax(0,1fr);align-self:start;place-items:center;min-height:13.5rem;padding:1rem;display:grid}.tapeSettingsForm .personalizeLivePreview .cassetteVisual-picker{width:100%;max-width:260px}.tapeSettingsForm .personalizeLabelGrid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.tapeSettingsForm .personalizeLabelOption{justify-items:center;min-height:4.25rem;display:grid}.tapeSettingsForm .personalizeLabelMaterialSwatch{border:1px solid rgb(var(--lt-role-border-rgb) / .6);background:var(--lt-personalize-sand);width:3.75rem;height:1.65rem;box-shadow:inset 0 -3px 0 var(--lt-personalize-coral);border-radius:.3rem;align-content:center;gap:.2rem;padding:.35rem .45rem;display:grid}.tapeSettingsForm .personalizeLabelMaterialRule{border-radius:var(--lt-pill);opacity:.45;background:currentColor;width:100%;height:2px}.tapeSettingsForm .personalizeLabelMaterialRule-short{width:62%}.tapeSettingsForm .personalizeLabelOption[data-label-style=chrome] .personalizeLabelMaterialSwatch{background:linear-gradient(135deg, var(--lt-role-surface-elevated), var(--lt-faint) 48%, var(--lt-role-surface-panel) 70%);box-shadow:inset 0 -3px 0 var(--lt-personalize-cobalt)}.tapeSettingsForm .personalizeLabelOption[data-label-style=neon] .personalizeLabelMaterialSwatch{background:var(--lt-navy);color:var(--lt-personalize-lime);box-shadow:inset 0 0 0 1px var(--lt-personalize-teal), inset 0 -3px 0 var(--lt-personalize-rose)}.tapeSettingsForm .personalizeLabelOption[data-label-style=kraft] .personalizeLabelMaterialSwatch{background:var(--lt-personalize-sand);color:var(--lt-role-ink);box-shadow:inset 0 -3px 0 var(--lt-personalize-amber)}.tapeSettingsForm .personalizeLabelOption[data-label-style=bubblegum] .personalizeLabelMaterialSwatch{background:var(--lt-personalize-rose);color:var(--lt-role-ink);box-shadow:inset 0 -3px 0 var(--lt-personalize-amber)}.tapeSettingsForm .personalizeLabelOption[data-label-style=mono] .personalizeLabelMaterialSwatch{background:var(--lt-role-surface-elevated);color:var(--lt-role-ink);box-shadow:inset 0 0 0 2px var(--lt-role-ink), inset 0 -3px 0 var(--lt-role-ink)}.tapeSettingsActions{justify-content:flex-end;display:flex}@media (max-width:640px){.tapeSettingsGrid,.tapeSettingsForm .personalizeCoverGroups{grid-template-columns:1fr}.tapeSettingsForm .formPersonalization{grid-template-columns:1fr;gap:.8rem}.tapeSettingsForm .personalizeHeader,.tapeSettingsForm .personalizeLivePreview,.tapeSettingsForm .personalizeFieldset{grid-area:auto/1}.tapeSettingsForm .personalizeHeader{flex-direction:column;align-items:stretch}.tapeSettingsForm .personalizeLabelGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tapeSettingsForm .formPersonalization{background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr);gap:.85rem;padding:0;overflow:visible}.tapeSettingsForm .personalizeHeader,.tapeSettingsForm .personalizeCard{background:var(--lt-role-surface-elevated);border:1px solid rgb(var(--lt-role-border-rgb) / .5);border-radius:var(--lt-radius-lg);grid-column:1}.tapeSettingsForm .personalizeHeader{margin:0;padding:.9rem 1rem}.tapeSettingsForm .personalizeAppearanceCard{gap:.75rem;padding:.85rem;display:grid}.tapeSettingsForm .personalizeAppearanceControls{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:.65rem;min-width:0;display:grid}.tapeSettingsForm .personalizeLivePreview{z-index:2;grid-area:auto;min-height:11.5rem;padding:.85rem;position:sticky;top:1rem}.tapeSettingsForm .personalizeAppearanceCard .personalizeFieldset,.tapeSettingsForm .personalizeVibeCard{background:rgb(var(--lt-role-surface-panel-rgb) / .62);border:1px solid rgb(var(--lt-role-border-rgb) / .42);border-radius:var(--lt-radius-md);grid-column:auto;align-self:start;margin:0;padding:.75rem}.tapeSettingsForm .personalizeAppearanceCard .personalizeFieldset{border-top:1px solid rgb(var(--lt-role-border-rgb) / .42)}.tapeSettingsForm .personalizeVibeCard{padding:.85rem}.tapeSettingsForm .personalizeCoverGroups{grid-template-columns:minmax(0,1fr)}.tapeSettingsForm .personalizeCoverGroup{padding:.5rem}.tapeSettingsForm .personalizeCoverFieldset .personalizeEmojiRow{gap:1px}.tapeSettingsForm .personalizeCoverFieldset{grid-area:1/1/span 3}.tapeSettingsForm .personalizeCoverFieldset~.personalizeFieldset{grid-column:2}.tapeSettingsForm .personalizeAppearanceCard .personalizeLabelGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.tapeSettingsForm .personalizeAccentOption{min-width:var(--lt-hit-target,44px);width:var(--lt-hit-target,44px);justify-content:center;padding:.4rem}.tapeSettingsForm .personalizeAccentOption>span:last-child{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (max-width:640px){.tapeSettingsForm .personalizeHeader{padding:.75rem}.tapeSettingsForm .personalizeAppearanceCard{padding:.65rem}.tapeSettingsForm .personalizeLivePreview{min-height:9.5rem;padding:.65rem;top:.5rem}.tapeSettingsForm .personalizeAppearanceControls{grid-template-columns:minmax(0,1fr)}.tapeSettingsForm .personalizeCoverFieldset,.tapeSettingsForm .personalizeCoverFieldset~.personalizeFieldset{grid-area:auto/1}.tapeSettingsForm .personalizeCoverGroups{grid-template-columns:minmax(0,1fr)}.tapeSettingsForm .personalizeLabelGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (forced-colors:active){.tapeSettingsForm button[aria-pressed=true]{outline-offset:2px;outline:3px solid highlight}}.roomHeaderActions,.roomHeaderActions *{pointer-events:auto}.roomTitle{gap:5px;min-width:0;max-width:100%;display:grid}.roomTitleIdentity{gap:5px;min-width:0;display:grid;position:relative}.roomTitleIdentity-editable .roomTitleName{padding-inline-end:48px}.roomHeaderToolbar{align-items:center;min-width:0;display:flex}.roomHeaderDetailRail{flex-wrap:wrap;align-items:center;gap:5px 9px;min-width:0;display:flex}.roomHeaderMeta{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:10px;min-width:0;max-width:100%;display:flex}.roomHeaderMeta p{overflow-wrap:anywhere;min-width:0;margin:0}.roomInviteCopyButton{min-height:var(--lt-hit-target);border-radius:12px;flex:none;justify-content:center;align-items:center;width:auto;padding:.5rem .75rem;display:inline-flex}.roomInviteDetails{min-width:0}.roomInviteDetails summary{cursor:pointer;min-height:var(--lt-hit-target);align-content:center;font-size:.875rem}.tapeStatusBadge,.memberRoleBadge{white-space:nowrap;border-radius:999px;flex:none;align-items:center;min-height:24px;padding:.28rem .6rem;font-size:.7rem;font-weight:900;line-height:1;display:inline-flex}.tapeStatusBadge{background:rgb(var(--lt-role-accent-container-rgb) / .66);border:1px solid rgb(var(--lt-role-accent-rgb) / .18);color:var(--lt-role-accent)}.tapeStatusBadge-paused{background:rgb(var(--lt-role-pill-deezer-bg-rgb) / .72);border-color:rgb(var(--lt-role-border-rgb) / .2);color:var(--lt-role-warning)}.tapeStatusBadge-stopped{background:var(--lt-role-danger-container);border-color:rgb(var(--lt-role-danger-rgb) / .22);color:var(--lt-role-danger)}.roomTitle .muted{margin-bottom:0}.roomTitleName{overflow-wrap:anywhere;text-wrap:balance;word-break:break-word;max-width:100%;font-size:3.8rem}.roomFirstViewportRail{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:7px;margin:0 0 14px;display:grid}.roomSummaryItem,.roomRecoveryList li{background:linear-gradient(135deg, rgb(var(--lt-role-surface-elevated-rgb) / .92), rgb(var(--lt-role-surface-panel-rgb) / .7));border:1px solid rgb(var(--lt-role-border-rgb) / .3);min-width:0;box-shadow:inset 0 1px 0 #ffffffb8, 0 8px 18px rgb(var(--lt-role-accent-rgb) / .05)}.roomRecoveryList li{border-radius:16px;padding:10px 12px}.roomSummaryItem{--room-summary-accent-rgb:var(--lt-role-accent-rgb);color:var(--lt-role-accent);border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:5px 8px;display:inline-flex;overflow:hidden}.roomSummaryItem-access{background:linear-gradient(135deg, rgb(var(--lt-role-accent-container-rgb) / .48), rgb(var(--lt-role-surface-elevated-rgb) / .82));border-color:rgb(var(--lt-role-accent-rgb) / .22)}.roomSummaryItem-listeners{--room-summary-accent-rgb:var(--lt-role-status-lavender-bg-rgb);background:linear-gradient(135deg, rgb(var(--lt-role-status-lavender-bg-rgb) / .5), rgb(var(--lt-role-surface-elevated-rgb) / .82));border-color:rgb(var(--lt-role-status-lavender-bg-rgb) / .2);color:var(--lt-role-status-lavender-ink)}.roomSummaryItem-next{justify-content:flex-start}.roomSummaryItem-currentTurn{--room-summary-accent-rgb:var(--lt-role-accent-secondary-rgb);background:linear-gradient(135deg, rgb(var(--lt-role-accent-secondary-container-rgb) / .78), rgb(var(--lt-role-surface-elevated-rgb) / .86));border-color:rgb(var(--lt-role-accent-secondary-rgb) / .28);color:var(--lt-role-accent-secondary-ink);box-shadow:inset 0 1px 0 #ffffffc7, 0 10px 22px rgb(var(--lt-role-accent-secondary-rgb) / .1)}.roomSummaryLabel{color:var(--lt-role-ink-muted);text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:900;display:none}.roomSummaryItem strong{letter-spacing:0;align-items:center;min-width:0;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex;overflow:hidden}.roomSummaryDesktopValue{display:none}.roomSummaryIcon,.roomSummaryMobileValue{display:inline-flex}.roomSummaryIcon{background:rgb(var(--room-summary-accent-rgb) / .1);color:currentColor;border:1px solid #ffffff9e;border-radius:999px;flex:none;justify-content:center;align-items:center;width:20px;height:20px}.roomSummaryIcon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:13px;height:13px}.roomSummaryIcon svg circle,.roomSummaryIcon svg path{fill:none}.roomSummaryMobileValue{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.roomGrid{grid-template-columns:minmax(0,1fr);align-items:flex-start;gap:1.5rem;display:grid}.roomGrid>*{min-width:0;animation:none}.roomParticipation{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.roomParticipation .roomFirstViewportRail{margin:0}.roomMain{gap:20px;min-width:0;display:grid}.roomSecondaryColumn{align-content:start;gap:1.5rem;min-width:0;display:grid}.joinForm h2{margin-bottom:.2rem}.turnTimerWarning{color:var(--lt-role-warning);font-weight:800}.turnTimerError{color:var(--lt-role-danger);font-weight:900}.plainList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.plainList li{background:rgb(var(--lt-role-surface-panel-rgb) / .68);border-radius:999px;justify-content:space-between;align-items:center;padding:.72rem .9rem;animation:.42s cubic-bezier(.22,1,.36,1) both softRise;display:flex}.plainList li .roomMemberName{margin-inline-end:auto}.roomMemberName{vertical-align:baseline;gap:.35em;min-width:0;display:inline-flex}.roomMemberNameAvatar.accountAvatarVisual{border-width:1px;border-radius:999px;flex:0 0 1.15em;width:1.15em;height:1.15em;font-size:.7rem;transform:translateY(.12em);box-shadow:0 4px 10px #2f765f24}.roomMemberNameText{overflow-wrap:break-word;min-width:0}.roomMembersList li{flex-wrap:wrap;justify-content:flex-start;gap:.45rem}.roomMembersHeader{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.roomMembersHeader h2{margin-bottom:.85rem}.memberRoleManageButton{color:var(--lt-role-ink-muted);cursor:pointer;font:inherit;letter-spacing:.01em;background:0 0;border:0;padding:.1rem 0;font-size:.875rem;font-weight:700;line-height:1.2}.memberRoleManageButton:hover{color:var(--lt-role-accent);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}.memberRoleManageButton:focus-visible{outline:2px solid rgb(var(--lt-role-accent-rgb) / .42);outline-offset:3px;border-radius:.2rem}.memberRoleHelp{color:var(--lt-role-ink-muted);margin:-.25rem 0 .75rem;font-size:.78rem;line-height:1.45}.roomMemberNameLink{color:inherit;text-decoration:none;display:inline-flex}.roomMemberNameLink:hover .roomMemberNameText{color:var(--lt-role-interactive-accent);text-underline-offset:.12em;text-decoration:underline}.roomMemberNameLink:focus-visible{outline:2px solid rgb(var(--lt-role-accent-rgb) / .42);outline-offset:2px;border-radius:999px}.currentBadge{background:var(--lt-role-accent-container);color:var(--lt-role-accent);border-radius:999px;padding:.38rem .7rem;font-size:.78rem;font-weight:900;animation:3.4s ease-in-out infinite badgePulse;display:inline-flex}.memberRoleBadge{background:rgb(var(--lt-role-surface-elevated-rgb) / .76);border:1px solid rgb(var(--lt-role-border-rgb) / .34);color:var(--lt-role-ink-muted)}.memberRoleSelect{appearance:none;background:rgb(var(--lt-role-surface-elevated-rgb) / .9);border:1px solid rgb(var(--lt-role-border-rgb) / .42);color:var(--lt-role-ink-muted);font:inherit;min-height:var(--lt-hit-target);border-radius:999px;flex:none;max-width:116px;padding-block:.28rem;padding-inline:.6rem 1.25rem;font-size:.875rem;font-weight:900;line-height:1}.memberRoleSelect:focus-visible{outline:2px solid rgb(var(--lt-role-accent-rgb) / .42);outline-offset:2px}.memberRoleSelect:disabled{opacity:.64}.memberRemoveButton{background:rgb(var(--lt-role-danger-rgb) / .1);color:var(--lt-role-danger-deep);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.memberRemoveButton:hover:not(:disabled){background:rgb(var(--lt-role-danger-rgb) / .17)}.memberRemoveButton:focus-visible{outline:3px solid rgb(var(--lt-role-danger-deep-rgb) / .24);outline-offset:2px}
.yourTurn{animation:softRise var(--motion-rise) both, turnGlow 4.8s ease-in-out .9s infinite;border:2px solid var(--lt-role-turn-yours);box-shadow:0 20px 56px rgb(var(--lt-role-turn-yours-rgb) / .18)}.yourTurn input{border-color:var(--lt-role-turn-yours)}.turnWaitingCard{background:rgb(var(--lt-role-turn-waiting-surface-rgb) / .68)}.turnStatusCard{z-index:1;min-width:0;max-width:100%;position:relative;overflow:hidden}.turnStatusCard:has(.songNoteCombobox){overflow:visible}.turnStatusCard>*{z-index:1;position:relative}.turnIdentityBadge{background:rgb(var(--lt-role-surface-elevated-rgb) / .82);border:1px solid rgb(var(--lt-role-border-rgb) / .68);box-shadow:0 6px 16px rgb(var(--lt-role-accent-rgb) / .08);color:var(--lt-role-ink-muted);inset-inline-end:1rem;border-radius:999px;align-items:center;gap:.42rem;min-height:34px;padding-block:.26rem;padding-inline:.34rem .68rem;font-size:.8rem;font-weight:800;display:inline-flex;position:absolute;top:1rem}.turnIdentityBadge-member{color:var(--lt-role-accent)}.turnIdentityBadge-guest{color:var(--lt-line)}.turnIdentityIcon{background:rgb(var(--lt-role-surface-panel-rgb) / .78);color:inherit;border-radius:999px;justify-content:center;align-items:center;width:1.45rem;height:1.45rem;display:inline-flex}.turnIdentityIcon-linked{background:linear-gradient(180deg, var(--lt-brand-accent-hover), var(--lt-brand-accent));box-shadow:0 4px 12px rgb(var(--lt-role-accent-rgb) / .18);color:var(--lt-role-on-accent)}.turnIdentityIcon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:.9rem;height:.9rem}.turnStatusLead{flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.turnSourceBadges{margin-inline-start:auto}.tapeLifecycleControls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tapeLifecycleControls .tapeLifecycleIconButton{background:rgb(var(--lt-role-surface-elevated-rgb) / .9);border:1px solid rgb(var(--lt-role-border-rgb) / .68);box-shadow:0 6px 14px rgb(var(--lt-role-accent-rgb) / .07);color:var(--lt-role-ink-muted);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;min-height:34px;padding:0;display:inline-flex}.tapeLifecycleControls .tapeLifecycleIconButton:hover:not(:disabled){background:rgb(var(--lt-role-surface-elevated-rgb) / 1);border-color:rgb(var(--lt-role-interactive-accent-rgb) / .28);box-shadow:0 8px 18px rgb(var(--lt-role-accent-rgb) / .09);color:var(--lt-role-interactive-accent)}.tapeLifecycleControls .tapeLifecycleIconButton:active:not(:disabled){box-shadow:inset 0 3px 8px rgb(var(--lt-role-accent-rgb) / .1), 0 3px 8px rgb(var(--lt-role-accent-rgb) / .08)}.tapeLifecycleControls .tapeLifecycleIconButton-stop{background:linear-gradient(180deg, rgb(var(--lt-role-danger-surface-rgb) / .96), rgb(var(--lt-role-danger-surface-soft-rgb) / .98));border-color:rgb(var(--lt-role-danger-rgb) / .2);box-shadow:0 6px 14px rgb(var(--lt-role-danger-rgb) / .08);color:var(--lt-role-danger-deep)}.tapeLifecycleControls .tapeLifecycleIconButton-stop:hover:not(:disabled){background:linear-gradient(180deg, rgb(var(--lt-role-danger-surface-hover-rgb) / .98), rgb(var(--lt-role-danger-surface-hover-soft-rgb) / 1));border-color:rgb(var(--lt-role-danger-rgb) / .28);box-shadow:0 8px 18px rgb(var(--lt-role-danger-rgb) / .1);color:var(--lt-role-danger)}.tapeLifecycleIcon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.75px;width:19px;height:19px}.tapeLifecycleIconMark{stroke-width:2.25px}.tapeLifecycleIconPlay,.tapeLifecycleIconStop{fill:currentColor;stroke:currentColor}.tapeLifecycleLockedNotice{background:rgb(var(--lt-role-surface-elevated-rgb) / .78);border:1px solid rgb(var(--lt-role-border-rgb) / .32);border-radius:14px;align-items:flex-start;gap:4px;padding:.78rem .9rem;display:grid}.tapeLifecycleLockedNotice strong{color:var(--lt-role-ink);font-size:.86rem}.tapeLifecycleLockedNotice span{color:var(--lt-role-ink-muted);font-size:.8rem;line-height:1.4}.tapeLifecycleOverlay{background:rgb(var(--lt-role-scrim-rgb) / .38);z-index:100;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.tapeLifecycleDialog{background:rgb(var(--lt-role-surface-elevated-rgb) / .98);border:1px solid rgb(var(--lt-role-border-rgb) / .42);box-shadow:0 24px 70px rgb(var(--lt-role-scrim-rgb) / .24);border-radius:18px;gap:12px;width:100%;max-width:min(420px,100vw - 32px);padding:20px;display:grid}.tapeLifecycleDialog h3,.tapeLifecycleDialog p{margin:0}.tapeLifecycleDialogActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.turnQuickActions{justify-content:flex-end;align-items:center;gap:8px;width:100%;margin-top:6px;display:flex}.turnQuickActionsStart{margin-inline-end:auto}.turnRefreshButton{background:rgb(var(--lt-role-surface-elevated-rgb) / .9);border:1px solid rgb(var(--lt-role-border-rgb) / .72);box-shadow:0 6px 14px rgb(var(--lt-role-accent-rgb) / .07);color:var(--lt-role-ink-muted);white-space:nowrap;border-radius:999px;align-items:center;min-height:1.95rem;font-weight:800;display:inline-flex}.turnRefreshButton:hover:not(:disabled){border-color:rgb(var(--lt-role-interactive-accent-rgb) / .24);box-shadow:0 8px 18px rgb(var(--lt-role-accent-rgb) / .09);color:var(--lt-role-interactive-accent)}.turnRefreshButton{justify-content:center;width:1.95rem;min-width:1.95rem;height:1.95rem;padding:0}.turnRefreshButton svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:.9rem;height:.9rem}.turnStatusCard h2{margin-bottom:.35rem}.compactTurnCard{grid-template-columns:minmax(0,1fr);gap:14px;padding:18px 18px 22px;display:grid}.turnStatusHeader{flex-wrap:wrap;align-items:center;gap:10px 12px;min-width:0;display:flex}.turnStatusMeta,.turnStatusText{margin-bottom:0;font-size:.68rem}.turnStatusMeta{align-items:center;gap:.55rem;display:inline-flex}.turnMetaItem{white-space:nowrap;align-items:center;gap:.22rem;display:inline-flex}.turnMetaIcon{color:rgb(var(--lt-role-accent-rgb) / .72);justify-content:center;align-items:center;width:.78rem;height:.78rem;display:inline-flex}.turnMetaIcon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:100%;height:100%}.turnTitleRow{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.8rem;min-width:0;display:flex}.turnTitleRow h2{overflow-wrap:anywhere;word-break:break-word;flex:12rem;min-width:0;max-width:100%;margin-bottom:0}.inlineSkipButton{background:linear-gradient(180deg, rgb(var(--lt-role-danger-surface-rgb) / .96), rgb(var(--lt-role-danger-surface-soft-rgb) / .98));border:1px solid rgb(var(--lt-role-danger-rgb) / .2);box-shadow:0 6px 14px rgb(var(--lt-role-danger-rgb) / .08);color:var(--lt-role-danger-deep);white-space:nowrap;border-radius:999px;align-items:center;min-height:34px;padding:.42rem .72rem;font-size:.82rem;font-weight:800}.inlineSkipButton:hover:not(:disabled){background:linear-gradient(180deg, rgb(var(--lt-role-danger-surface-hover-rgb) / .98), rgb(var(--lt-role-danger-surface-hover-soft-rgb) / 1));border-color:rgb(var(--lt-role-danger-rgb) / .28);box-shadow:0 8px 18px rgb(var(--lt-role-danger-rgb) / .1);color:var(--lt-role-danger)}.inlineSkipButton:active:not(:disabled){box-shadow:inset 0 3px 8px rgb(var(--lt-role-danger-press-rgb) / .1), 0 3px 8px rgb(var(--lt-role-danger-rgb) / .08)}.compactAddTrackForm{align-items:center;margin-top:2px}.djQueueAccessNotice{background:linear-gradient(135deg, rgb(var(--lt-role-accent-rgb) / .12), rgb(var(--lt-role-surface-elevated-rgb) / .82));border:1px solid rgb(var(--lt-role-accent-rgb) / .2);border-radius:14px;flex-wrap:wrap;align-items:center;gap:.3rem .6rem;padding:.7rem .85rem;display:flex}.djQueueAccessNotice strong{color:var(--lt-role-accent);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.djQueueAccessNotice span{color:var(--lt-role-ink-muted);font-size:.8rem;line-height:1.4}.compactAddTrackForm-collapsed{grid-template-columns:minmax(0,1fr) auto auto;gap:10px}.compactAddTrackForm-expanded{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px}.compactAddTrackForm>input{min-width:0}.addTrackSubmitButton{justify-self:end;min-width:72px}.compactAddTrackForm-expanded .addTrackSubmitButton{min-width:128px}.turnWaitingCard .turnTitleRow h2{align-items:center;gap:.55rem;max-width:100%;font-size:1.5rem;display:inline-flex}.turnWaitingCard .turnTitleRow h2 .roomMemberName{min-width:0;max-width:100%}.turnWaitingCard .turnTitleRow h2 .roomMemberNameAvatar.accountAvatarVisual{flex:0 0 2.4rem;width:2.4rem;height:2.4rem;font-size:1rem}.turnWaitingStatus{flex-wrap:wrap;align-items:center;gap:.5rem .7rem;margin-top:2px;display:flex}.turnWaitingActivity{color:var(--lt-role-ink-muted);align-items:center;gap:.5rem;font-size:.82rem;font-weight:700;display:inline-flex}.turnWaitingDots{align-items:center;gap:4px;display:inline-flex}.turnWaitingDots i{background:rgb(var(--lt-role-turn-waiting-accent-rgb) / .62);border-radius:999px;width:6px;height:6px;animation:1.2s ease-in-out infinite turnWaitingDot}.turnWaitingDots i:nth-child(2){animation-delay:.16s}.turnWaitingDots i:nth-child(3){animation-delay:.32s}@keyframes turnWaitingDot{0%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.turnCountdownPill{background:rgb(var(--lt-role-turn-countdown-surface-rgb) / .62);color:var(--lt-role-turn-countdown-ink);border-radius:999px;align-items:center;gap:.3rem;padding:.28rem .62rem;font-size:.72rem;font-weight:800;display:inline-flex}.turnCountdownPill-warning{background:rgb(var(--lt-role-turn-countdown-warning-surface-rgb) / .72);color:var(--lt-role-turn-countdown-warning-ink)}.turnCountdownPill-error{background:var(--lt-role-turn-countdown-urgent-surface);color:var(--lt-role-turn-countdown-urgent-ink)}
.tapeRoundPanel{gap:.85rem;min-width:0;display:grid}.tapeRoundPanel-heading,.tapeRoundPanel-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tapeRoundPanel h2,.tapeRoundPanel p{margin:0}.tapeRoundPanel-form{gap:.55rem;display:grid}.tapeRoundPanel-form input,.tapeRoundPanel-form select,.tapeRoundPanel-form textarea{width:100%;min-width:0;max-width:100%}.tapeRoundPanel-dialog{background:rgb(var(--lt-role-surface-elevated-rgb) / .98);border:1px solid rgb(var(--lt-role-border-rgb) / .88);color:inherit;border-radius:1rem;width:100%;max-width:min(32rem,100vw - 2rem);padding:1rem}.tapeRoundPanel-dialog::backdrop{background:rgb(var(--lt-role-scrim-rgb) / .55)}.tapeRoundPanel-dialog h3{margin:0}.tapeRoundPanel-form textarea{resize:vertical;min-height:5.2rem}.tapeRoundPanel-reveals{gap:.6rem;margin:0;padding-inline-start:1.4rem;list-style:decimal;display:grid}.tapeRoundPanel-reveals li{gap:.12rem;display:grid}.tapeRoundPanel-remove{justify-self:start;margin-top:.2rem}.tapeRoundPanel-reveals em{color:var(--lt-ink-muted)}.tapeRoundRecap{gap:1rem;padding-block:clamp(2rem,7vw,5rem);display:grid}.tapeRoundRecap-list a{color:var(--lt-brand-accent);font-weight:750}.tapeRoundRecap-favorite,.tapeRoundReplay{background:rgb(var(--lt-role-surface-elevated-rgb) / .76);border:1px solid rgb(var(--lt-role-border-rgb) / .72);border-radius:1rem;gap:.45rem;padding:1rem;display:grid}.tapeRoundReplay-select{color:var(--lt-brand-accent);cursor:pointer;font:inherit;text-align:start;background:0 0;border:0;padding:0;font-weight:750}
.songNoteComposer{background:rgb(var(--lt-role-surface-elevated-rgb) / .78);border:1px solid rgb(var(--lt-role-border-rgb) / .48);border-radius:18px;gap:12px;padding:14px;display:grid}.songNoteDisclosureButton{background:linear-gradient(180deg, rgb(var(--lt-role-surface-elevated-rgb) / .94), rgb(var(--lt-role-accent-container-rgb) / .5));border:1px solid rgb(var(--lt-role-interactive-accent-rgb) / .2);box-shadow:0 6px 14px rgb(var(--lt-role-accent-rgb) / .06);color:var(--lt-role-interactive-accent);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:44px;padding:.48rem .84rem;font-size:.82rem;font-weight:900;display:inline-flex}.songNoteDisclosureButton:hover:not(:disabled){background:linear-gradient(180deg, rgb(var(--lt-role-surface-elevated-rgb) / .98), rgb(var(--lt-role-accent-container-rgb) / .64));border-color:rgb(var(--lt-role-interactive-accent-rgb) / .3);box-shadow:0 10px 20px rgb(var(--lt-role-accent-rgb) / .09);color:var(--lt-role-interactive-accent)}.songNoteDisclosureButton:active:not(:disabled){box-shadow:inset 0 3px 8px rgb(var(--lt-role-ink-rgb) / .08), 0 3px 8px rgb(var(--lt-role-accent-rgb) / .08)}.songNoteDisclosureIcon{background:rgb(var(--lt-role-surface-elevated-rgb) / .78);border:1px solid #ffffffb8;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.18rem;height:1.18rem;font-size:.9rem;line-height:1;display:inline-flex}.songNoteDisclosureIcon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:.72rem;height:.72rem}.songNoteComposerHeader{justify-content:flex-start;align-items:flex-start;gap:12px;display:flex}.songNoteComposerHeader>.secondaryButton{margin-inline-start:auto}.songNoteComposerTitle{flex:auto;gap:4px;min-width:0;display:grid}.songNoteDismissButton{box-shadow:none;color:var(--lt-role-ink-muted);opacity:.72;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;width:1.2rem;height:1.2rem;min-height:0;margin-top:.12rem;padding:0;line-height:1;transition:background .16s,color .16s,opacity .16s;display:flex}.songNoteDismissButton:hover:not(:disabled){background:rgb(var(--lt-role-surface-panel-rgb) / .66);box-shadow:none;color:var(--lt-role-interactive-accent);opacity:1;transform:none}.songNoteDismissButton:active:not(:disabled){background:rgb(var(--lt-role-surface-panel-rgb) / .84);box-shadow:none;transform:none}.songNoteDismissMark{width:.68rem;height:.68rem;position:relative}.songNoteDismissMark:before,.songNoteDismissMark:after{content:"";inset-inline-start:0;background:currentColor;border-radius:999px;width:100%;height:1.5px;position:absolute;top:50%}.songNoteDismissMark:before{transform:rotate(45deg)}.songNoteDismissMark:after{transform:rotate(-45deg)}.songNoteLabel,.songNoteHelperText,.songNoteCounter,.songNoteOptionLabel,.songNoteBody{margin-bottom:0}.songNoteLabel{color:var(--lt-role-ink);font-size:.96rem;font-weight:800;display:block}.songNoteInput{resize:vertical;min-height:92px}.songNoteMetaRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.songNoteCounter-warning{color:var(--lt-role-warning);font-weight:800}.songNoteOptionGroup{gap:8px;display:grid}.songNoteChipSelector{gap:8px;min-width:0;display:grid}.songNoteOptionHeader{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.songNoteChipAddButton{background:rgb(var(--lt-role-surface-elevated-rgb) / .78);border:1px solid rgb(var(--lt-role-border-rgb) / .52);box-shadow:none;color:var(--lt-role-interactive-accent);opacity:.78;border-radius:999px;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;min-height:2rem;padding:0;font-size:1rem;font-weight:900;line-height:1;display:inline-flex}.songNoteChipAddButton:hover:not(:disabled){background:rgb(var(--lt-role-accent-container-rgb) / .56);border-color:rgb(var(--lt-role-interactive-accent-rgb) / .28);box-shadow:none;opacity:1}.songNoteChipAddButton:focus-visible,.songNoteCustomOptionClose:focus-visible,.songNoteCustomOptionDialog input:focus-visible{outline:2px solid rgb(var(--lt-role-interactive-accent-rgb) / .72);outline-offset:2px}.songNoteChipAddButton:active:not(:disabled){background:rgb(var(--lt-role-accent-container-rgb) / .74);box-shadow:none}.songNoteCustomOptionOverlay{background:rgb(var(--lt-role-ink-rgb) / .34);z-index:1200;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.songNoteCustomOptionDialog{background:rgb(var(--lt-role-surface-elevated-rgb) / .98);border:1px solid rgb(var(--lt-role-border-rgb) / .5);box-shadow:0 24px 56px rgb(var(--lt-role-accent-rgb) / .2);border-radius:18px;gap:10px;width:min(100%,22rem);max-width:22rem;padding:16px;display:grid}.songNoteCustomOptionHeader{justify-content:space-between;align-items:center;gap:10px;display:flex}.songNoteCustomOptionHeader h3{margin:0;font-size:1rem}.songNoteCustomOptionClose{box-shadow:none;color:var(--lt-role-ink-muted);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.9rem;height:1.9rem;min-height:1.9rem;padding:0;font-size:1.2rem;line-height:1;display:inline-flex}.songNoteCustomOptionClose .buttonIcon{width:.86rem;height:.86rem}.songNoteCustomOptionClose:hover:not(:disabled){background:rgb(var(--lt-role-surface-panel-rgb) / .72);box-shadow:none;color:var(--lt-role-interactive-accent);transform:none}.songNoteCustomOptionDialog input{width:100%}.songNoteCustomOptionError{margin:0;font-size:.82rem}.songNoteCustomOptionActions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.songNoteCombobox{z-index:1;gap:8px;min-width:0;display:grid;position:relative}.songNoteCombobox:focus-within{z-index:80}.songNoteComboboxInputWrap{align-items:center;min-width:0;display:flex;position:relative}.songNoteComboboxInput{width:100%;padding-inline-end:2.8rem}.songNoteOptionAddButton{box-shadow:none;color:var(--lt-role-interactive-accent);opacity:.7;inset-inline-end:.38rem;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;min-height:2rem;padding:0;font-size:1rem;font-weight:900;line-height:1;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.songNoteOptionAddButton .buttonIcon,.songNoteChip.songNoteChipAddButton .buttonIcon{width:.88rem;height:.88rem}.songNoteOptionAddButton:hover:not(:disabled){background:rgb(var(--lt-role-accent-container-rgb) / .56);box-shadow:none;opacity:1}.songNoteOptionAddButton:focus-visible{outline:2px solid rgb(var(--lt-role-interactive-accent-rgb) / .72);outline-offset:2px}.songNoteOptionAddButton:active:not(:disabled){background:rgb(var(--lt-role-accent-container-rgb) / .74);box-shadow:none}.songNoteComboboxInlinePanel,.songNoteComboboxPopover{background:rgb(var(--lt-role-surface-elevated-rgb) / .98);border:1px solid rgb(var(--lt-role-border-rgb) / .5);box-shadow:0 16px 32px rgb(var(--lt-role-accent-rgb) / .13);overscroll-behavior:contain;border-radius:14px;gap:6px;padding:8px;display:grid}.songNoteComboboxInlinePanel{max-height:11.75rem;position:relative;overflow-y:auto}.songNoteComboboxPopover{inset-inline:0;z-index:1000;max-height:min(24rem,100vh - 9rem);position:absolute;top:calc(100% + 4px);overflow-y:auto}.songNoteComboboxPanel-expanded{max-height:min(24rem,62vh)}.songNoteComboboxList,.songNoteComboboxSection ul{margin:0;padding:0;list-style:none}.songNoteComboboxList{gap:6px;display:grid}.songNoteComboboxSection{gap:4px;display:grid}.songNoteComboboxSectionTitle{color:var(--lt-role-ink-muted);letter-spacing:0;margin:0;padding:0 8px;font-size:.72rem;font-weight:900}.songNoteComboboxOption button,.songNoteMoreOptionsButton{box-shadow:none;color:var(--lt-role-ink);text-align:start;background:0 0;border:0;border-radius:10px;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-height:36px;padding:.44rem .56rem;font-size:.86rem;font-weight:800;display:flex}.songNoteComboboxOption button:hover,.songNoteComboboxOption-active button,.songNoteMoreOptionsButton:hover{background:rgb(var(--lt-role-accent-container-rgb) / .56);box-shadow:none;color:var(--lt-role-interactive-accent);transform:none}.songNoteComboboxCreateOption button{align-items:center}.songNoteComboboxCreateOption strong,.songNoteComboboxCreateOption small{display:block}.songNoteComboboxCreateOption small{color:var(--lt-role-ink-muted);margin-top:2px;font-size:.72rem;font-weight:700}.songNoteOptionAddGlyph{background:rgb(var(--lt-role-accent-container-rgb) / .72);color:var(--lt-role-interactive-accent);border-radius:999px;flex:none;justify-content:center;align-items:center;width:1.55rem;height:1.55rem;font-size:.86rem;font-weight:900;line-height:1;display:inline-flex}.songNoteOptionAddGlyph svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:.86rem;height:.86rem}.songNoteMoreOptionsButton{color:var(--lt-role-interactive-accent);justify-content:center;min-height:34px;font-size:.78rem}.songNoteOptionLabel{color:var(--lt-role-interactive-accent);font-size:.76rem;font-weight:900}.songNoteChipRow,.songNoteTokens{flex-wrap:wrap;gap:8px;display:flex}.songNoteChip,.songNoteToken{border-radius:999px;align-items:center;min-height:30px;padding:.34rem .7rem;font-size:.76rem;font-weight:800;display:inline-flex}.songNoteChip{background:rgb(var(--lt-role-surface-panel-rgb) / .86);border:1px solid rgb(var(--lt-role-border-rgb) / .58);color:var(--lt-role-ink-muted)}.songNoteChip.songNoteChipAddButton{background:rgb(var(--lt-role-surface-panel-rgb) / .86);border-color:rgb(var(--lt-role-border-rgb) / .58);opacity:.78;justify-content:center;width:30px;min-width:30px;height:30px;min-height:30px;padding:0}.songNoteChip:hover:not(:disabled){border-color:rgb(var(--lt-role-interactive-accent-rgb) / .22);color:var(--lt-role-interactive-accent)}.songNoteChip.songNoteChipAddButton:hover:not(:disabled){background:rgb(var(--lt-role-accent-container-rgb) / .56);border-color:rgb(var(--lt-role-interactive-accent-rgb) / .22);opacity:1;transform:none}.songNoteChip.songNoteChipAddButton:active:not(:disabled){transform:none}.songNoteChip-selected,.songNoteToken{background:rgb(var(--lt-role-accent-container-rgb) / .72);border:1px solid rgb(var(--lt-role-accent-rgb) / .24);color:var(--lt-role-interactive-accent)}.songNotePanel,.songNoteSpotlight{background:rgb(var(--lt-role-surface-elevated-rgb) / .84);border:1px solid rgb(var(--lt-role-border-rgb) / .4);border-radius:18px;gap:10px;padding:12px 14px;display:grid}.songNoteSpotlight{background:linear-gradient(180deg, rgb(var(--lt-role-surface-elevated-rgb) / .92), rgb(var(--lt-role-surface-elevated-rgb) / .98))}.songNoteHeader{justify-content:space-between;align-items:flex-start;gap:8px;min-width:0;display:flex}.songNoteHeader-actionsOnly{justify-content:flex-end}.songNoteHeader-stack{gap:10px}.songNoteHeaderCopy{gap:8px;min-width:0;display:grid}.songNoteHeader .songNoteTokens,.songNoteHeaderCopy .songNoteTokens{min-width:0}.songNoteActionCluster{flex:none;align-items:center;gap:4px;display:inline-flex}.songNoteActionButton{background:rgb(var(--lt-role-surface-elevated-rgb) / .92);border-color:rgb(var(--lt-role-border-rgb) / .76);box-shadow:0 4px 10px rgb(var(--lt-role-accent-rgb) / .07);border-radius:10px;width:28px;height:28px;min-height:28px}.songNoteActionButton svg{width:14px;height:14px}.songNoteBody{color:var(--lt-role-ink);white-space:pre-wrap;line-height:1.45}.songNoteBody-clamped{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.songNoteBody-clamped-player{-webkit-line-clamp:3}.songNoteToggle{color:var(--lt-role-interactive-accent);justify-self:start;padding:0;font-size:.8rem;font-weight:800}.songNoteInlineEditor{background:rgb(var(--lt-role-surface-elevated-rgb) / .9);border:1px solid rgb(var(--lt-role-border-rgb) / .42);border-radius:18px;gap:12px;padding:12px 14px;display:grid}.spotifyPlaylistHelper{background:linear-gradient(180deg, rgb(var(--lt-role-pill-spotify-bg-rgb) / .52), rgb(var(--lt-role-surface-elevated-rgb) / .92));border:1px solid rgb(var(--lt-role-pill-spotify-bg-rgb) / .18);border-radius:20px;gap:12px;margin-top:10px;padding:14px;display:grid}.spotifyPlaylistHelper h3,.spotifyPlaylistHelper p{margin-bottom:0}.spotifyPlaylistHelperHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.spotifySearchPanel{gap:8px;display:grid}.spotifyPickList{gap:6px;margin:0;padding:0;list-style:none;display:grid}.spotifyPickRow{background:rgb(var(--lt-role-surface-elevated-rgb) / .65);border:1px solid rgb(var(--lt-role-pill-spotify-bg-rgb) / .14);border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.spotifyPickRow .secondaryButton{flex-shrink:0;margin-left:auto}.spotifyPickArt{border-radius:6px;flex-shrink:0}.spotifyPickTitle{overflow-wrap:anywhere;min-width:0}.spotifyExportHelper,.deezerExportHelper,.youtubeExportHelper{border-radius:20px;gap:12px;margin-bottom:16px;padding:14px;display:grid}.spotifyExportHelper{background:linear-gradient(180deg, rgb(var(--lt-role-pill-spotify-bg-rgb) / .78), rgb(var(--lt-role-surface-elevated-rgb) / .96));border:1px solid rgb(var(--lt-provider-spotify-rgb) / .18)}.deezerExportHelper{background:linear-gradient(180deg, rgb(var(--lt-role-pill-deezer-bg-rgb) / .82), rgb(var(--lt-role-surface-elevated-rgb) / .96));border:1px solid rgb(var(--lt-provider-deezer-rgb) / .2)}.youtubeExportHelper{background:linear-gradient(180deg, rgb(var(--lt-role-pill-youtube-bg-rgb) / .78), rgb(var(--lt-role-surface-elevated-rgb) / .96));border:1px solid rgb(var(--lt-provider-youtube-rgb) / .18)}.spotifyExportHelper h3,.spotifyExportHelper h4,.spotifyExportHelper p,.deezerExportHelper h3,.deezerExportHelper h4,.deezerExportHelper p,.youtubeExportHelper h3,.youtubeExportHelper h4,.youtubeExportHelper p{margin-bottom:0}.spotifyExportHelperHeader,.deezerExportHelperHeader,.youtubeExportHelperHeader{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.spotifyExportTrackList,.deezerExportTrackList,.youtubeExportTrackList{gap:10px;display:grid}.spotifyExportTrackRow,.deezerExportTrackRow,.youtubeExportTrackRow{background:rgb(var(--lt-role-surface-elevated-rgb) / .76);border:1px solid #ffffffb8;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 12px;padding:12px 14px;display:flex}
.ltRoom .trackReactions{min-inline-size:0;max-inline-size:24rem;margin-block-start:.5rem}.ltRoom .vibeCheckCounts{border-radius:var(--lt-radius-sm);box-shadow:none;color:var(--lt-role-ink-muted);max-inline-size:100%;min-block-size:var(--lt-hit-target);text-align:start;text-transform:none;background:0 0;border:1px solid #0000;align-items:center;gap:.625rem;padding:.375rem .5rem;display:inline-flex}.ltRoom .vibeCheckCounts:hover,.ltRoom .vibeCheckCounts[aria-expanded=true]{background:var(--lt-role-surface-panel);color:var(--lt-role-ink)}.ltRoom .vibeCheckSummaryLabel{overflow-wrap:anywhere;align-items:center;gap:.375rem;min-inline-size:0;font-size:.875rem;font-weight:600;line-height:1.4;display:inline-flex}.ltRoom .vibeCheckSummaryLabel img{flex:none}.ltRoom .vibeCheckCounts[data-selected] .vibeCheckSummaryLabel{color:var(--lt-role-ink)}.ltRoom .vibeCheckCountSummary{font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:inline-flex}.ltRoom .vibeCheckChevron{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;flex:none;block-size:1rem;inline-size:1rem}.ltRoom .vibeCheckCounts[aria-expanded=true] .vibeCheckChevron{transform:rotate(180deg)}.ltRoom .vibeCheckDisclosure{background:var(--lt-role-surface-panel);border:var(--lt-role-border);border-radius:var(--lt-radius-md);margin-block-start:.25rem;padding:.25rem}.ltRoom .vibeCheckReadOnly{margin:0;padding:.5rem;font-size:.75rem;line-height:1.5}.ltRoom .vibeCheckPicker{grid-template-columns:minmax(0,1fr);gap:.125rem;inline-size:100%;display:grid}.ltRoom .vibeCheckOption{border-radius:var(--lt-radius-sm);box-shadow:none;color:var(--lt-role-ink);min-block-size:var(--lt-hit-target);text-align:start;text-transform:none;background:0 0;border:1px solid #0000;grid-template-columns:24px minmax(0,1fr) auto 16px;align-items:center;gap:8px;min-inline-size:0;padding:8px;display:grid}.ltRoom .vibeCheckOption:hover:not(:disabled){background:var(--lt-role-surface-elevated)}.ltRoom .vibeCheckOption-selected{background:rgb(var(--lt-role-accent-container-rgb))}.ltRoom .vibeCheckOption:disabled{cursor:default;opacity:1}.ltRoom .vibeCheckOption:focus-visible,.ltRoom .vibeCheckCounts:focus-visible,.ltRoom .vibeCheckDisclosure:focus-visible{outline:var(--lt-role-focus-outline);outline-offset:2px}.ltRoom .vibeCheckIcon{object-fit:contain;block-size:24px;inline-size:24px}.ltRoom .vibeCheckOptionLabel{overflow-wrap:anywhere;min-inline-size:0;font-size:.875rem;font-weight:500;line-height:1.4}.ltRoom .vibeCheckDescription{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.ltRoom .vibeCheckCount{font-variant-numeric:tabular-nums;grid-column:3;font-size:.75rem;font-weight:500}.ltRoom .vibeCheckSelectedMark{color:var(--lt-role-accent);grid-column:4;font-size:.875rem}@media (forced-colors:active){.ltRoom .vibeCheckOption-selected{border-color:highlight}}
.tracksHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.tracksHeader>*{min-width:0}.tracksHeader h2{overflow-wrap:anywhere;margin-bottom:0}.queueHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;min-width:0;max-width:100%;display:flex}.queueToggleButton{min-height:var(--lt-hit-target);padding:.58rem .92rem;font-size:.92rem;font-weight:800}.iconActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.exportStatus{margin-bottom:16px}.playerCard{z-index:3;grid-template-columns:minmax(0,1fr);gap:18px;display:grid;position:relative;container:tape-player/inline-size}.playerHeader{margin-bottom:0}.playerHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}@container tape-player (max-width:30rem){.playerHeader{flex-direction:column;align-items:flex-start;gap:.75rem}.playerHeaderActions{justify-content:flex-start}}.playerAutoplayToggle{background:rgb(var(--lt-role-surface-elevated-rgb) / .92);border:1px solid rgb(var(--lt-role-border-rgb) / .72);box-shadow:0 6px 14px rgb(var(--lt-role-accent-rgb) / .07);color:var(--lt-role-ink-muted);min-height:var(--lt-hit-target);white-space:normal;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.62rem;max-width:100%;padding-block:.24rem;padding-inline:.34rem .72rem;font-size:.78rem;font-weight:800;display:inline-flex}.playerAutoplayToggle:hover:not(:disabled){border-color:rgb(var(--lt-role-interactive-accent-rgb) / .22);box-shadow:0 8px 18px rgb(var(--lt-role-accent-rgb) / .09);color:var(--lt-role-interactive-accent)}.playerAutoplayToggle-enabled{color:var(--lt-role-accent)}.playerAutoplayToggleTrack{background:rgb(var(--lt-line-rgb) / .6);border-radius:999px;align-items:center;width:2.25rem;height:1.3rem;padding:.12rem;transition:background .18s;display:inline-flex}.playerAutoplayToggle-enabled .playerAutoplayToggleTrack{background:rgb(var(--lt-role-accent-container-rgb) / .92)}.playerAutoplayToggleThumb{box-shadow:0 2px 8px rgb(var(--lt-role-accent-rgb) / .18);background:#fff;border-radius:999px;width:1.05rem;height:1.05rem;transition:transform .18s;display:block;transform:translate(0)}.playerAutoplayToggle-enabled .playerAutoplayToggleThumb{transform:translate(.93rem)}html[dir=rtl] .playerAutoplayToggle-enabled .playerAutoplayToggleThumb{transform:translate(-.93rem)}.playerCardScroller{overflow-x:auto}.playerCardBody{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}@container tape-player (min-width:40rem){.playerCardBody{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}.playerMedia iframe,.youtubePlayerMount,.youtubePlayerMount iframe{aspect-ratio:16/9;box-shadow:0 20px 44px rgb(var(--lt-role-ink-muted-rgb) / .12);border:0;border-radius:22px;width:100%}.youtubePlayerShell{position:relative}.youtubePlayerShell .youtubePlayerMount[hidden]{display:none}.playerDetails{align-content:start;gap:10px;display:grid}.playerDetails h3,.playerDetails p{margin-bottom:0}.playerCardEmpty{background:rgb(var(--lt-role-surface-panel-rgb) / .72);border-radius:22px;padding:18px}.trackList{gap:14px;display:grid}.queueCollapsedSummary{background:rgb(var(--lt-role-surface-panel-rgb) / .68);border-radius:18px;padding:14px 16px}.queueCollapsedSummary p{margin-bottom:0}.queueExportDetails summary{cursor:pointer;min-height:var(--lt-hit-target);align-content:center;font-size:.875rem}.queueExportDetails .iconActions{padding-block:.5rem}
.chatList{gap:10px;max-height:320px;margin-bottom:14px;padding-inline-end:4px;display:grid;overflow:auto}.sidebarSection{border-top:1px solid rgb(var(--lt-line-rgb) / .48);margin-top:28px;padding-top:24px}.sidebarSection h2{margin-bottom:.85rem}.desktopOnly{display:block}.mobileOnly{width:100%;min-width:0;display:none}.roomViewSwitcherShell{justify-content:flex-start;display:flex}.roomViewSwitcher{background:var(--lt-role-surface-panel);border:var(--lt-role-border);border-radius:var(--lt-radius-md);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:stretch;gap:.25rem;width:100%;padding:.25rem;display:grid}.roomViewSwitcherButton{border-radius:var(--lt-radius-sm);color:var(--lt-role-ink-muted);font:inherit;min-height:var(--lt-hit-target);overflow-wrap:anywhere;min-width:0;transition:background-color var(--lt-motion-immediate), color var(--lt-motion-immediate);background:0 0;border:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;padding:.5rem;font-size:.875rem;font-weight:700;display:flex}.roomViewSwitcherButton:hover{color:var(--lt-role-accent)}.roomViewSwitcherButton:focus-visible{outline:var(--lt-role-focus-outline);outline-offset:2px}.roomViewSwitcherButton-active{background:var(--lt-role-surface-elevated);box-shadow:inset 0 -2px var(--lt-role-accent);color:var(--lt-role-accent)}.roomViewSwitcherIcon{flex:none;justify-content:center;align-items:center;width:.88rem;height:.88rem;display:inline-grid}.roomViewSwitcherIcon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:100%;height:100%;display:block}.roomViewSwitcherCount{background:rgb(var(--lt-role-accent-container-rgb) / .82);color:var(--lt-role-accent);border-radius:999px;justify-content:center;align-items:center;min-width:14px;min-height:14px;padding:0 .18rem;font-size:.75rem;display:inline-flex}.roomMobileView{min-width:0;display:block}.miniNowPlayingBar{background:var(--lt-role-surface-elevated);box-sizing:border-box;box-shadow:none;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;max-width:72rem;margin-inline:auto;padding:0;display:flex}.miniNowPlayingBarText{color:var(--lt-role-ink);flex:1;min-width:0;margin-bottom:0;overflow:hidden}.miniNowPlayingBarLabel{color:var(--lt-role-interactive-accent);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:900;display:block}.miniNowPlayingBarTrack{text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;max-width:100%;font-weight:700;display:block;overflow:hidden}.miniNowPlayingBarSource{background:rgb(var(--lt-role-accent-container-rgb) / .55);color:var(--lt-role-accent);letter-spacing:.02em;white-space:nowrap;border-radius:999px;flex-shrink:0;align-self:flex-start;padding:.2rem .6rem;font-size:.72rem;font-weight:800}.miniNowPlayingBarButton{background:rgb(var(--lt-role-accent-container-rgb) / .82);color:var(--lt-role-accent);font:inherit;border:0;border-radius:999px;flex-shrink:0;min-height:44px;padding:.55rem .9rem;font-weight:800}.miniNowPlayingBarButton:focus-visible{outline:2px solid rgb(var(--lt-role-accent-rgb) / .42);outline-offset:2px}.miniNowPlayingBarButton:disabled{cursor:not-allowed;opacity:.42}.miniNowPlayingBarActions{flex-shrink:0;align-items:center;gap:8px;display:flex}.miniNowPlayingBarButton-icon{min-width:44px;padding:.55rem}.roomNowPlayingBar{background:var(--lt-role-surface-elevated);border-block-start:var(--lt-role-border);padding:.5rem max(.5rem, env(safe-area-inset-right)) calc(.5rem + env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left));z-index:55;position:fixed;inset-block-end:0;inset-inline:0}:is(.roomNowPlayingBar[hidden],.ltRoom:has(input:focus,textarea:focus) .roomNowPlayingBar){display:none}.ltRoom{padding-block-end:var(--room-now-playing-bar-space,0px)}@media (max-width:600px){.miniNowPlayingBarOpenLabel{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.roomTrackPreview{gap:8px;margin:16px 0;display:grid}.roomTrackPreviewHeading{color:var(--lt-role-interactive-accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:0;font-size:.78rem;font-weight:900}.roomTrackPreviewList{gap:6px;margin:0;padding:0;list-style:none;display:grid}.roomTrackPreviewItem{background:rgb(var(--lt-role-surface-elevated-rgb) / .6);border-radius:12px;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;padding:8px 10px;display:flex}.roomTrackPreviewTitle{color:var(--lt-role-ink);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.roomTrackPreviewSource{color:var(--lt-role-accent);letter-spacing:.02em;text-transform:uppercase;flex-shrink:0;font-size:.7rem;font-weight:800}.notificationSection{border-top:0;gap:12px;margin-top:0;padding-top:0;display:grid}.notificationSectionHeader{justify-content:space-between;align-items:center;gap:12px;display:flex}.notificationSectionHeader h2{margin-bottom:0}.notificationStatusPill{border-radius:999px;padding:.35rem .62rem;font-size:.76rem;font-weight:900;display:inline-flex}.notificationStatusPill.enabled{background:rgb(var(--lt-role-accent-container-rgb) / .76);color:var(--lt-role-accent)}.notificationStatusPill.idle{background:rgb(var(--lt-role-surface-panel-rgb) / .82);color:var(--lt-role-ink-muted)}.notificationActions{flex-wrap:wrap;gap:10px;display:flex}
.roomChatList{max-height:420px}.chatBubble{background:rgb(var(--lt-role-accent-secondary-container-rgb) / .48);border-radius:20px 20px 20px 8px;justify-self:start;gap:8px;max-width:min(92%,560px);padding:12px 14px;animation:.34s cubic-bezier(.22,1,.36,1) both softRise;display:grid}.chatBubble:target{animation:.9s ease-out both targetGlow}.chatBubble.mine{background:rgb(var(--lt-role-accent-container-rgb) / .72);border-radius:20px 20px 8px;justify-self:end}html[dir=rtl] .chatBubble{border-radius:20px 20px 8px}html[dir=rtl] .chatBubble.mine{border-radius:20px 20px 20px 8px}.chatBubble p{margin-bottom:0}.chatBubble-withImage{gap:10px;max-width:min(92%,360px);padding:12px}.chatBubble-imageOnly{max-width:min(92%,320px)}.chatAttachmentFrame{background:rgb(var(--lt-role-surface-elevated-rgb) / .64);border:1px solid rgb(var(--lt-role-border-rgb) / .42);border-radius:16px;justify-content:center;width:auto;max-width:100%;display:inline-flex;overflow:hidden}.chatAttachmentImage{aspect-ratio:auto;object-fit:cover;border-radius:14px;width:auto;max-width:100%;height:auto;max-height:260px;margin-bottom:0;display:block}.chatBody{line-height:1.45}.chatMeta{color:var(--lt-role-interactive-accent);font-size:.76rem;font-weight:900;margin-bottom:.28rem!important}.chatComposer{margin-top:0}.chatComposer>*{min-width:0}.chatComposer button{width:100%}.roomChatComposer{align-items:stretch;gap:10px;margin-top:16px}.chatAttachmentPreview{background:rgb(var(--lt-role-surface-elevated-rgb) / .82);border:1px dashed rgb(var(--lt-role-accent-secondary-rgb) / .32);border-radius:18px;justify-items:start;gap:8px;padding:12px;display:grid}.chatAttachmentPreviewHeader{justify-content:space-between;align-items:flex-start;gap:12px;width:100%;display:flex}.chatAttachmentPreviewHeader button{width:auto}.chatAttachmentPreviewLabel,.chatAttachmentPreviewHint{margin-bottom:0}.chatAttachmentPreviewLabel{color:var(--lt-role-interactive-accent);font-size:.78rem;font-weight:900}.chatAttachmentPreviewHint{color:var(--lt-role-ink-muted);font-size:.84rem;line-height:1.35}.chatAttachmentPreview img{aspect-ratio:11/9;object-fit:cover;border-radius:14px;width:min(100%,220px);height:auto;max-height:180px;display:block}.track{background:var(--lt-role-surface-elevated);border:var(--lt-role-border);transition:border-color var(--lt-motion-immediate);border-radius:.75rem;grid-template-columns:3rem minmax(0,1fr);align-items:start;gap:.75rem;padding:.75rem;display:grid}.track:hover{border-color:var(--lt-role-interactive-accent)}.track:target{animation:.52s cubic-bezier(.22,1,.36,1) both softRise,.9s ease-out .18s both targetGlow}.track-selected{border-color:rgb(var(--lt-role-accent-rgb) / .28);box-shadow:0 18px 44px rgb(var(--lt-role-accent-rgb) / .12)}.trackList>.track:not(:has(.songNoteInlineEditor)){content-visibility:auto;contain-intrinsic-width:none;contain-intrinsic-height:auto 274px}.trackContent{grid-area:1/2;gap:.5rem;min-width:0;display:grid}.trackContent h3{font-size:1rem;line-height:1.4}.trackContent>p{font-size:.875rem}.trackDetails{flex-basis:100%;min-width:0}.trackDetails summary{cursor:pointer;min-height:var(--lt-hit-target);color:var(--lt-role-ink-muted);align-content:center;font-size:.875rem}.trackDetailsBody{gap:.75rem;padding-block:.5rem;display:grid}.trackContent h3,.trackContent p{margin-bottom:0}.trackMeta,.trackActions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.trackPreview{aspect-ratio:1;background:rgb(var(--lt-role-surface-panel-rgb) / .74);border-radius:.4375rem;grid-area:1/1;justify-content:center;align-items:center;width:3rem;display:flex;overflow:hidden}.trackPreview img{aspect-ratio:1;object-fit:cover;width:100%;height:100%}.trackPreviewFallback{color:var(--lt-role-ink-muted)}.trackPreviewFallback svg{width:1.25rem;height:1.25rem}.altRefs{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.spotifyEmbedShell{background:rgb(var(--lt-role-surface-elevated-rgb) / .9);border:1px solid rgb(var(--lt-role-border-rgb) / .68);border-radius:18px;gap:10px;margin-top:6px;padding:12px;display:grid;position:relative;overflow:hidden}.spotifyEmbedFallback{gap:10px;display:grid}.spotifyEmbedShell iframe{border:0;border-radius:14px;width:100%;display:block}.spotifyEmbedShell iframe[hidden],.spotifyEmbedStatus[hidden],.spotifyEmbedFallback[hidden]{display:none}.spotifyEmbedStatus{margin:0}.spotifyEmbedFallback a{width:fit-content}.playerEmbedSkeleton{background:rgb(var(--lt-role-surface-elevated-rgb) / .94);text-align:center;z-index:1;border-radius:14px;place-items:center;gap:10px;padding:12px;display:grid;position:absolute;inset:0;overflow:hidden}.playerEmbedSkeleton[hidden]{display:none}.playerEmbedSkeletonPoster{filter:blur(3px)brightness(.65);object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.playerEmbedSkeletonPulse{background:rgb(var(--lt-role-accent-rgb) / .28);z-index:1;border-radius:999px;width:28px;height:28px;animation:1.6s ease-in-out infinite playerEmbedSkeletonPulse;position:relative}@keyframes playerEmbedSkeletonPulse{0%,to{opacity:.4;transform:scale(.82)}50%{opacity:1;transform:scale(1)}}.playerEmbedSkeletonLabel{color:var(--lt-role-ink);z-index:1;margin:0;font-size:.82rem;font-weight:700;position:relative}.roomHeaderActions{flex-direction:row;justify-content:flex-end;align-items:center;gap:8px;margin-inline-start:auto;display:flex;position:relative}.roomHomeMark{height:1.9rem;padding:.08rem .28rem}
.lockedShell{min-height:100vh;position:relative}.lockedBackdrop{color:rgb(var(--lt-role-ink-rgb) / .28);filter:blur(2px);opacity:.45;min-height:calc(100vh - 96px);padding-top:12vh}.lockedBackdrop h1{max-width:520px}.unlockOverlay{background:rgb(var(--lt-surface-main-rgb) / .38);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.unlockModal{background:rgb(var(--lt-role-surface-elevated-rgb) / .9);box-shadow:var(--lt-role-shadow-hover);border:1px solid #ffffffbd;border-radius:28px;gap:14px;width:100%;max-width:360px;padding:26px;display:grid}.unlockModal h2,.unlockModal p{margin-bottom:0}.roomUnlockHelp{color:var(--lt-role-ink-muted);margin-bottom:0;font-size:.82rem;line-height:1.45}.roomUnavailableShell{place-content:center;min-height:calc(100vh - 96px);display:grid}.roomUnavailableCard{gap:14px;display:grid}.roomUnavailableCard h1{margin-bottom:0;font-size:3.1rem}.roomRecoveryActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.roomRecoveryList{gap:10px;margin:0;padding:0;list-style:none;display:grid}.roomRecoveryList li{color:var(--lt-role-ink-muted);font-size:.86rem;font-weight:800;line-height:1.4}.roomJoinPrompt{background:rgb(var(--lt-role-surface-elevated-rgb) / .76);border:1px solid rgb(var(--lt-role-border-rgb) / .62);border-radius:var(--lt-role-radius-panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;display:flex}.roomJoinPrompt p{flex:220px;margin-bottom:0}.roomJoinPrompt button{flex:none;min-height:0;padding:.6rem 1.15rem}
@media (min-width:801px){.roomHomeMark{height:1.95rem;padding:.08rem .3rem}}@media (min-width:1200px){.roomGrid{grid-template-columns:minmax(0,1fr) minmax(18rem,.38fr)}.roomParticipation{grid-column:1/-1}.roomMain{grid-column:1}.roomGrid>.roomSecondaryColumn{grid-area:2/2}}@media (max-width:960px){.roomGrid{grid-template-columns:1fr}.roomTitleName{font-size:3.1rem}.roomFirstViewportRail{grid-template-columns:1fr}}@media (max-width:800px){.roomTitleName{font-size:2.45rem}.roomHeaderLayout{grid-template-columns:64px minmax(0,1fr);gap:12px}.roomHeaderCassette{width:64px}.roomFirstViewportRail{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:6px;margin:0 0 8px;display:grid}.roomSummaryItem{border-radius:999px;align-items:center;gap:5px;min-height:28px;padding:4px 7px;display:inline-flex}.roomSummaryItem-next{justify-content:flex-start;min-width:0}.roomSummaryLabel,.roomSummaryDesktopValue{display:none}.roomSummaryIcon,.roomSummaryMobileValue{display:inline-flex}.roomSummaryIcon{color:currentColor;flex:none;justify-content:center;align-items:center;width:18px;height:18px}.roomSummaryIcon svg{stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:12px;height:12px}.roomSummaryIcon svg circle,.roomSummaryIcon svg path{fill:none}.roomSummaryItem strong{letter-spacing:0;align-items:center;min-width:0;font-size:.72rem;font-weight:900;line-height:1;display:inline-flex;overflow:hidden}.roomSummaryMobileValue{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.compactAddTrackForm-collapsed{grid-template-columns:1fr}.addTrackSubmitButton,.songNoteDisclosureButton{justify-self:stretch;width:100%}.roomMobileView-hidden{display:none}.turnQuickActions{gap:6px}.roomViewSwitcher{min-height:1.8rem}.roomViewSwitcherButton{min-height:var(--lt-hit-target);padding:.12rem .44rem;font-size:.875rem}.tracksHeader{flex-direction:column;align-items:stretch;gap:12px}.queueHeaderActions{justify-content:flex-start;width:100%}.iconActions{max-width:100%}.turnTitleRow{align-items:flex-start;gap:.5rem}.turnIdentityBadge{inset-inline-end:.9rem;min-height:32px;padding-block:.22rem;padding-inline:.32rem .6rem;font-size:.76rem;top:.9rem}.turnRefreshButton{width:1.8rem;min-width:1.8rem;height:1.8rem;min-height:1.8rem}.roomHomeMark{height:2rem;padding:.12rem .32rem}.turnAlert{display:none}.yourTurn.turnStatusCard:after{inset-inline-end:1rem}.roomHeader{margin-bottom:8px}.roomEyebrowRow{align-items:flex-start}.playerCard{top:12px}.desktopOnly{display:none}.mobileOnly{width:100%;min-width:0;display:block}.mobileSidebarDormant{display:block}.turnStatusCard h2,.turnStatusHeader{padding-inline-end:0}.turnStatusMeta{flex-basis:100%}.turnWaitingCard:after{bottom:14px;inset-inline-end:14px;width:min(32vw,132px);height:min(56%,160px);top:auto}.chatBubble{max-width:100%;padding:10px 12px}.chatBubble-imageOnly{max-width:min(100%,280px)}.chatAttachmentImage{max-height:220px;margin-bottom:0}.chatAttachmentPreviewHeader{flex-direction:column;align-items:stretch}.chatAttachmentPreview img{width:min(100%,180px);max-height:160px}.songNoteHeader,.songNoteHeader-stack{gap:6px}.songNoteActionCluster{gap:3px}.songNoteActionButton{border-radius:9px;width:26px;height:26px;min-height:26px}.songNoteActionButton svg{width:13px;height:13px}}@media (max-width:480px){.roomHeaderLayout{grid-template-columns:clamp(68px,20vw,78px) minmax(0,1fr);align-items:start;gap:7px 10px}.roomHeaderCassette{width:clamp(68px,20vw,78px)}.roomTitle{display:contents}.roomTitleIdentity{grid-area:1/2;align-self:center}.roomHeaderDetailRail{grid-area:2/1/auto/-1}.roomTitleName{font-size:clamp(1.7rem,9vw,2rem);line-height:1}.roomHeaderSettings{margin-top:10px;padding-top:8px}.ltRoom .roomShell{padding-inline:12px}.ltRoom .playerCard{padding-inline:14px}.playerMedia .spotifyEmbedShell{padding:8px;overflow-x:auto}.playerMedia .spotifyEmbedShell iframe[src^="https://open.spotify.com/"]{min-width:280px}}@media (min-width:1440px){.roomMain{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.roomMain>*{grid-column:1/-1}.roomMain>#room-view-player{grid-column:1}.roomMain>#room-view-queue{grid-column:2}}@media (max-width:800px){.roomMain>.mobileOnly{z-index:10;background:var(--lt-role-surface-main);padding-block:.5rem;position:sticky;top:0}}