:root{--surface:#fbf9f1;--surface-lowest:#fffdf7;--surface-low:#f5f4ec;--surface-container:#f0eee6;--surface-high:#eae8e0;--on-surface:#1b1c17;--on-surface-variant:#414847;--outline:#b9c8c4;--brand-ink:#365d59;--brand-accent:#7a68e8;--brand-accent-soft:#eee8ff;--primary:#365d59;--primary-container:#c4e8e2;--secondary:#67549f;--secondary-container:#eee6ff;--tertiary:#765f44;--tertiary-container:#f6d8ba;--error:#ba1a1a;--error-container:#ffdad6;--shadow:0 24px 70px rgba(54,93,89,0.12);--shadow-soft:0 14px 38px rgba(103,84,159,0.08)}*{box-sizing:border-box}html{background:var(--surface)}body{background:radial-gradient(circle at 12% 8%,rgba(196,232,226,.5),transparent 30rem),radial-gradient(circle at 88% 12%,rgba(238,230,255,.48),transparent 28rem),linear-gradient(180deg,#fffdf7 0,var(--surface) 48%,#f4f0e7 100%);color:var(--on-surface);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;min-height:100vh}a{color:var(--primary);font-weight:700;-webkit-text-decoration-color:color-mix(in srgb,var(--primary) 28%,transparent);text-decoration-color:color-mix(in srgb,var(--primary) 28%,transparent);text-underline-offset:.22rem}button,input{border-radius:999px;font:inherit}button{align-items:center;background:radial-gradient(circle at 22% 18%,rgba(255,253,247,.34),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--primary) 86%,#ffffff 14%),var(--primary));border:0;border-radius:999px 999px 999px 24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 14px 30px rgba(54,93,89,.18);color:#ffffff;cursor:pointer;display:inline-flex;font-weight:800;justify-content:center;isolation:isolate;min-height:48px;overflow:hidden;padding:.85rem 1.25rem;position:relative;transform-origin:center;transition:box-shadow .18s ease,filter .18s ease,transform .18s cubic-bezier(.22,1,.36,1),background .18s ease}button:before{content:none}button:hover:not(:disabled){border-radius:999px 999px 999px 24px;box-shadow:inset 0 2px 5px rgba(27,28,23,.08),0 8px 18px rgba(54,93,89,.16);filter:saturate(1.04);transform:translateY(2px) scale(.992)}button:focus-visible{outline:3px solid rgba(196,232,226,.9);outline-offset:3px}button[data-click-locked=true]{border-radius:999px 999px 999px 24px;box-shadow:inset 0 6px 12px rgba(27,28,23,.16),inset 0 -1px 0 rgba(255,255,255,.2),0 3px 8px rgba(54,93,89,.12);cursor:wait;filter:saturate(.88) brightness(.94);pointer-events:none;transform:translateY(7px) scale(.965)}button[data-click-locked=true]:before{content:none}button:active:not(:disabled){border-radius:999px 999px 999px 24px;box-shadow:inset 0 6px 12px rgba(27,28,23,.14),0 4px 10px rgba(54,93,89,.12);transform:translateY(6px) scale(.972)}button:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}input{background:rgba(255,253,247,.88);border:1px solid rgba(192,200,198,.86);color:var(--on-surface);min-height:52px;outline:none;padding:.9rem 1.05rem;width:100%}input:focus{border-color:var(--primary);box-shadow:0 0 0 4px rgba(196,232,226,.78)}input::placeholder{color:rgba(65,72,71,.62)}@keyframes softRise{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes panelFlow{0%{background-position:0 0,0 0}to{background-position:72px 0,38px 38px}}@keyframes organicBlob{0%,to{border-radius:42% 58% 48% 52%;transform:rotate(-8deg) scale(1)}50%{border-radius:56% 44% 58% 42%;transform:rotate(7deg) scale(1.04)}}@keyframes turnGlow{0%,to{box-shadow:0 20px 56px rgba(54,93,89,.18)}50%{box-shadow:0 24px 64px rgba(54,93,89,.28)}}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes targetGlow{0%{box-shadow:0 0 0 0 rgba(54,93,89,.34)}70%{box-shadow:0 0 0 10px rgba(54,93,89,0)}to{box-shadow:inherit}}.shell{margin:0 auto;max-width:1180px;padding:32px 24px 64px}.narrow{max-width:720px}.hero{position:relative;display:grid;grid-gap:40px;gap:40px;grid-template-columns:minmax(0,1.02fr) minmax(340px,.78fr);min-height:calc(100vh - 96px);align-items:center}.heroCopy{animation:softRise .62s cubic-bezier(.22,1,.36,1) both;max-width:680px}.homeHeroTitle{color:var(--primary);font-size:clamp(3rem,7vw,5.4rem);font-weight:700;letter-spacing:-.045em;line-height:.94;margin-bottom:.7rem}.homeHeroSubtitle{color:var(--on-surface-variant);font-size:clamp(1.02rem,1.7vw,1.3rem);font-weight:500;letter-spacing:-.015em;line-height:1.34;margin-bottom:0;max-width:34rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,7vw,5.4rem);letter-spacing:0;line-height:.98;margin-bottom:1rem}h2{font-size:1.35rem;line-height:1.25;margin-bottom:.9rem}h3{font-size:1.08rem;line-height:1.3;margin-bottom:.35rem}label{color:var(--on-surface-variant);font-size:.88rem;font-weight:800}.card{animation:softRise .56s cubic-bezier(.22,1,.36,1) both;background:rgba(255,253,247,.72);border:1px solid rgba(255,255,255,.7);border-radius:24px;box-shadow:var(--shadow-soft);padding:24px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.card:focus-within{border-color:rgba(196,232,226,.92);box-shadow:0 18px 48px rgba(54,93,89,.13)}.glassCard{-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);background:rgba(255,253,247,.58)}.form{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.horizontal{grid-template-columns:minmax(0,1fr) auto}.eyebrow{color:var(--primary);font-size:.78rem;font-weight:900;letter-spacing:.08em;margin-bottom:.75rem;text-transform:uppercase}.muted{color:var(--on-surface-variant);line-height:1.55}.error{color:var(--error);font-weight:700}.srOnly{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.brandWordmark{--brand-width:clamp(116px,13vw,176px);aspect-ratio:1179/534;background:linear-gradient(90deg,var(--brand-ink),color-mix(in srgb,var(--brand-ink) 74%,var(--brand-accent) 26%));display:inline-block;flex:0 0 auto;-webkit-mask:url(/riffiq-wordmark-mask.png) center/contain no-repeat;mask:url(/riffiq-wordmark-mask.png) center/contain no-repeat;vertical-align:middle;width:var(--brand-width)}.heroBrand{--brand-width:clamp(128px,15vw,192px);margin-bottom:0}.lockedBrand{--brand-width:clamp(132px,18vw,220px);display:block;margin-bottom:1.2rem}@supports not (((-webkit-mask:url("/riffiq-wordmark-mask.png")) or (mask:url("/riffiq-wordmark-mask.png"))) or (-webkit-mask:url("/riffiq-wordmark-mask.png"))){.brandWordmark{aspect-ratio:auto;background:none;color:var(--brand-ink);font-size:1.4rem;font-weight:900;letter-spacing:0;width:auto}.brandWordmark:before{content:"riffiq"}}.banner{background:var(--error-container);border:1px solid rgba(186,26,26,.22);border-radius:18px;padding:16px 18px}.turnAlert{background:rgba(196,232,226,.42);border-color:rgba(63,111,107,.22);color:var(--primary)}.homeGrid{display:grid;grid-gap:18px;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:32px}.desktopHomeForms{display:block}.backstageForm{margin-top:18px}.formCardShell{display:grid;grid-gap:12px;gap:12px;margin-top:0}.formCardHeader{align-items:center;display:flex;gap:12px;margin-bottom:.9rem}.formCardHeader h2{margin-bottom:0}.formCardIcon{align-items:center;background:rgba(196,232,226,.56);border-radius:16px;color:var(--primary);display:inline-flex;height:42px;justify-content:center;width:42px}.formCardIcon svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:20px}.homePanel{animation:softRise .72s cubic-bezier(.22,1,.36,1) .12s both;background:linear-gradient(145deg,rgba(196,232,226,.72),rgba(238,230,255,.46)),rgba(255,253,247,.74);border-radius:32px;box-shadow:var(--shadow);min-height:520px;overflow:visible;padding:20px 28px 28px;position:relative}.panelLogo{display:block;filter:drop-shadow(0 18px 34px rgba(54,93,89,.12));height:auto;margin:0 auto 18px;object-fit:contain;pointer-events:none;width:clamp(190px,48vw,280px)}.publicRoomsHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:-.15rem}.yourRoomsStack{margin-bottom:1.45rem}.mobileActionChips{display:none}.actionChip{background:rgba(255,253,247,.88);border:1px solid rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(54,93,89,.08);font-size:.84rem;font-weight:900;gap:8px;min-height:42px;padding:.55rem .82rem}.actionChip,.actionChipIcon{align-items:center;border-radius:999px;color:var(--primary);display:inline-flex}.actionChipIcon{background:rgba(196,232,226,.52);height:28px;justify-content:center;width:28px}.actionChipIcon svg{fill:none;height:16px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:16px}.mobileModalOverlay{align-items:flex-end;background:rgba(24,27,24,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;display:none;justify-content:center;left:0;padding:18px;position:fixed;right:0;top:0;z-index:40}.mobileModalCard{background:rgba(255,253,247,.98);border-radius:28px 28px 18px 18px;box-shadow:0 28px 80px rgba(31,40,39,.22);max-width:540px;padding:18px;width:min(100%,540px)}.mobileModalTopbar{align-items:center;display:flex;justify-content:space-between}.mobileModalTopbar .eyebrow{margin-bottom:0}.mobileModalClose{background:rgba(240,238,230,.9);border-radius:999px;color:var(--on-surface-variant);font-size:1.35rem;min-height:42px;min-width:42px;padding:0}.formCardShell-modal{border:0;box-shadow:none;padding:8px 4px 4px}.homePanel:before{background:linear-gradient(110deg,rgba(255,253,247,.5),transparent 58%),repeating-linear-gradient(135deg,rgba(255,255,255,.3) 0 1px,transparent 1px 14px);content:"";inset:0;pointer-events:none;position:absolute}.albumStack{display:grid;grid-gap:14px;gap:14px;margin-top:14px;position:relative;z-index:1}.publicRoomList{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.publicRoomLink{--room-accent:var(--primary);--room-fill:rgba(196,232,226,0.7);--room-glow:rgba(54,93,89,0.13);align-items:center;background:linear-gradient(135deg,rgba(255,253,247,.82),rgba(255,253,247,.55)),var(--room-fill);border:1px solid rgba(255,255,255,.66);border-radius:24px;box-shadow:0 12px 34px var(--room-glow);color:var(--on-surface);display:grid;align-content:space-between;animation:softRise .52s cubic-bezier(.22,1,.36,1) both;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr);isolation:isolate;min-height:142px;overflow:hidden;padding:16px;position:relative;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.publicRoomLink:focus{outline:none}.publicRoomLink:focus-visible{outline:3px solid rgba(196,232,226,.9);outline-offset:4px}.publicRoomLink:nth-child(2){animation-delay:70ms}.publicRoomLink:nth-child(3){animation-delay:.13s}.publicRoomLink:nth-child(4){animation-delay:.19s}.publicRoomLink:before{content:none}.roomTone-mint{--room-accent:var(--primary);--room-fill:rgba(196,232,226,0.72);--room-glow:rgba(54,93,89,0.16)}.roomTone-lavender{--room-accent:var(--secondary);--room-fill:rgba(238,230,255,0.72);--room-glow:rgba(103,84,159,0.14)}.roomTone-peach{--room-accent:var(--tertiary);--room-fill:rgba(246,216,186,0.76);--room-glow:rgba(118,95,68,0.13)}.roomTone-evergreen{--room-accent:#2f5b4f;--room-fill:rgba(199,224,201,0.74);--room-glow:rgba(47,91,79,0.13)}.publicRoomCopy{display:grid;grid-gap:8px;gap:8px;min-width:0}.publicRoomName{display:-webkit-box;font-size:1rem;font-weight:900;line-height:1.2;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.publicRoomLink small{color:var(--on-surface-variant);font-size:.7rem;font-weight:800}.publicRoomSlug{opacity:.76;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.joinedRoomMeta{color:var(--on-surface-variant);font-size:.8rem;font-weight:700;justify-self:start;line-height:1.3}.joinedRoomMeta-turn{background:rgba(186,26,26,.1);border:1px solid rgba(186,26,26,.18);border-radius:999px;color:#9e2424;padding:.28rem .62rem}.joinedRoomMeta-waiting{background:rgba(255,253,247,.74);border:1px solid rgba(185,200,196,.9);border-radius:999px;color:var(--on-surface-variant);padding:.28rem .62rem}.publicRoomHeading{align-items:start;display:flex;gap:10px;justify-content:space-between}.roomLiveBadge{align-items:center;animation:badgePulse 2.4s ease-in-out infinite;background:rgba(196,232,226,.92);border-radius:999px;color:var(--primary);display:inline-flex;flex:0 0 auto;gap:.3rem;height:28px;justify-content:center;min-width:28px;padding:0 .5rem 0 .42rem}.roomLiveBadge svg{height:14px;width:14px}.roomLiveBadgeCount{font-size:.76rem;font-weight:800;line-height:1}.roomActivityMetaInline{font-size:.76rem;font-weight:800;line-height:1.25}.roomActivityMetaInline,.roomActivitySubtle{color:var(--on-surface-variant);display:block}.roomActivitySubtle{font-size:.78rem;font-weight:700;line-height:1.3}.roomStats{display:flex;flex-wrap:wrap;gap:6px}.yourRoomsMoreButton{background:rgba(255,253,247,.82);border:1px solid rgba(185,200,196,.9);border-radius:999px;box-shadow:0 8px 20px rgba(54,93,89,.06);color:var(--on-surface-variant);font-weight:800;margin-top:.35rem;width:-moz-fit-content;width:fit-content}.yourRoomsMoreButton:hover{box-shadow:0 10px 24px rgba(54,93,89,.08)}.roomStat{align-items:center;background:rgba(255,253,247,.68);border:1px solid rgba(255,255,255,.62);border-radius:999px;color:var(--on-surface-variant);display:inline-flex;font-size:.74rem;font-weight:900;gap:5px;line-height:1;min-height:26px;padding:.34rem .5rem}.roomStat svg{fill:none;height:14px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2;width:14px}.albumCard{align-items:center;animation:softRise .56s cubic-bezier(.22,1,.36,1) both;background:radial-gradient(circle at 18% 14%,rgba(255,255,255,.5),transparent 34%),linear-gradient(135deg,rgba(255,253,247,.86),rgba(255,253,247,.62));border:1px solid rgba(255,255,255,.72);border-radius:26px 34px 26px 18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -10px 24px rgba(54,93,89,.035),0 16px 36px rgba(54,93,89,.12);display:grid;grid-gap:16px;gap:16px;grid-template-columns:76px 1fr;padding:16px;transition:box-shadow .18s ease,filter .18s ease,transform .18s ease,border-color .18s ease,background .18s ease}.albumCard:nth-of-type(2){animation-delay:80ms}.albumCard:nth-of-type(3){animation-delay:.15s}.albumCard:nth-of-type(4){animation-delay:.22s}.activityCard{color:inherit;cursor:pointer;position:relative;text-decoration:none}.activityCard[aria-disabled=true]{cursor:default;pointer-events:none}.activityCard:hover,.publicRoomLink:hover{box-shadow:inset 0 2px 6px rgba(27,28,23,.06),0 8px 18px rgba(54,93,89,.11);transform:translateY(2px) scale(.992)}.activityCard:active,.secondaryButton:active{box-shadow:inset 0 8px 16px rgba(27,28,23,.1),0 2px 6px rgba(54,93,89,.08);filter:brightness(.97) saturate(.96);transform:translateY(7px) scale(.965)}.activityCard:hover{border-radius:26px 34px 26px 18px;border-color:rgba(255,255,255,.86)}.publicRoomLink:hover{border-color:rgba(255,255,255,.9);box-shadow:inset 0 3px 8px rgba(27,28,23,.06),0 8px 18px var(--room-glow);transform:translateY(2px) scale(.992)}.publicRoomLink:active{border-color:rgba(255,255,255,.72);box-shadow:inset 0 12px 24px rgba(27,28,23,.13),0 2px 5px var(--room-glow);filter:brightness(.96) saturate(.95);outline:none;transform:translateY(12px) scale(.94)}.publicRoomLink:hover:before{content:none}.albumArt{--activity-accent:var(--primary);--activity-fill:rgba(196,232,226,0.72);align-items:center;aspect-ratio:1;background:radial-gradient(circle at 72% 20%,rgba(255,253,247,.56),transparent 36%),linear-gradient(135deg,rgba(255,253,247,.3),transparent 54%),var(--activity-fill);border-radius:20px;color:var(--activity-accent);display:inline-flex;justify-content:center;overflow:hidden;position:relative}.albumArt:before{animation:organicBlob 7s ease-in-out infinite;background:rgba(255,253,247,.22);border:1px solid color-mix(in srgb,var(--activity-accent) 22%,transparent);border-radius:42% 58% 48% 52%;content:"";inset:9px;position:absolute;transform:rotate(-8deg)}.albumArt svg{fill:none;height:38px;position:relative;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:38px}.albumArt.secondary{--activity-accent:var(--secondary);--activity-fill:rgba(238,230,255,0.76)}.albumArt.tertiary{--activity-accent:var(--tertiary);--activity-fill:rgba(246,216,186,0.78)}.roomHeader{align-items:flex-start;animation:softRise .56s cubic-bezier(.22,1,.36,1) both;display:flex;gap:24px;justify-content:space-between;margin-bottom:14px;position:relative}.roomTitle .muted{margin-bottom:0}.roomTitle h1{font-size:clamp(2.2rem,5vw,4.5rem)}.grid{align-items:start;display:grid;grid-gap:20px;gap:20px;grid-template-columns:280px minmax(0,1fr)}.grid>*{animation:softRise .62s cubic-bezier(.22,1,.36,1) both}.grid>:nth-child(2){animation-delay:80ms}.roomMain{display:grid;grid-gap:20px;gap:20px}.big{color:var(--primary);font-size:1.75rem;font-weight:900;margin-bottom:.35rem}.identityPill{align-items:center;border-radius:999px;display:inline-flex;font-weight:900;gap:8px;min-height:48px;padding:.55rem .95rem .55rem .58rem}.identityPill.member{background:linear-gradient(135deg,rgba(196,232,226,.86),rgba(238,230,255,.54));color:var(--primary)}.identityPill.guest{background:rgba(240,238,230,.76);color:var(--outline)}.identityIcon{align-items:center;background:rgba(255,253,247,.78);border-radius:999px;display:inline-flex;height:34px;justify-content:center;transition:transform .18s ease;width:34px}.identityPill.member .identityIcon{animation:badgePulse 4.2s ease-in-out infinite}.joinForm h2{margin-bottom:.2rem}.turnTimerWarning{color:#b26a00;font-weight:800}.turnTimerError{color:var(--error);font-weight:900}.turnName{color:var(--primary);font-size:1.08rem;font-weight:900}.plainList{display:grid;grid-gap:10px;gap:10px;list-style:none;margin:0;padding:0}.plainList li{align-items:center;animation:softRise .42s cubic-bezier(.22,1,.36,1) both;background:rgba(240,238,230,.68);border-radius:999px;display:flex;justify-content:space-between;padding:.72rem .9rem}.chip,.currentBadge{background:var(--primary-container);border-radius:999px;color:var(--primary);display:inline-flex;font-size:.78rem;font-weight:900;padding:.38rem .7rem}.currentBadge{animation:badgePulse 3.4s ease-in-out infinite}.turnCard{background:linear-gradient(135deg,rgba(196,232,226,.86),rgba(255,253,247,.78))}.yourTurn{border:2px solid var(--primary);box-shadow:0 20px 56px rgba(54,93,89,.18);animation:softRise .56s cubic-bezier(.22,1,.36,1) both,turnGlow 4.8s ease-in-out .9s infinite}.yourTurn input{border-color:var(--primary)}.turnWaitingCard{background:rgba(245,244,236,.68)}.turnStatusCard{overflow:hidden;position:relative}.turnStatusCard:after{background:url(/riffiq-watermark.png) 50%/contain no-repeat;content:"";height:min(82%,240px);opacity:.075;pointer-events:none;position:absolute;right:-40px;width:min(38vw,260px);z-index:0}.turnWaitingCard:after{right:-40px}.turnStatusCard>*{position:relative;z-index:1}.turnIdentityBadge{align-items:center;background:rgba(255,253,247,.82);border:1px solid rgba(185,200,196,.68);border-radius:999px;box-shadow:0 6px 16px rgba(54,93,89,.08);color:var(--on-surface-variant);display:inline-flex;font-size:.8rem;font-weight:800;gap:.42rem;min-height:34px;padding:.26rem .68rem .26rem .34rem;position:absolute;right:1rem;top:1rem}.turnIdentityBadge-member{color:var(--primary)}.turnIdentityBadge-guest{color:var(--outline)}.turnIdentityIcon{align-items:center;background:rgba(240,238,230,.78);border-radius:999px;display:inline-flex;height:1.45rem;justify-content:center;width:1.45rem}.turnIdentityIcon svg{fill:none;height:.9rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:.9rem}.turnStatusLead{align-items:center;display:inline-flex;gap:.45rem}.turnQuickActions{align-items:center;display:flex;justify-content:flex-end;margin-bottom:-.6rem;width:100%}.turnCopyButton{align-items:center;background:rgba(255,253,247,.9);border:1px solid rgba(185,200,196,.72);border-radius:999px;box-shadow:0 6px 14px rgba(54,93,89,.07);color:var(--on-surface-variant);display:inline-flex;font-size:.72rem;font-weight:800;min-height:1.95rem;padding:.24rem .72rem .12rem;white-space:nowrap}.turnCopyButton:hover:not(:disabled){border-color:rgba(122,104,232,.24);box-shadow:0 8px 18px rgba(54,93,89,.09);color:var(--secondary);transform:translateY(-1px)}.turnRefreshButton{align-items:center;background:rgba(255,253,247,.9);border:1px solid rgba(185,200,196,.72);border-radius:999px;box-shadow:0 6px 14px rgba(54,93,89,.07);color:var(--on-surface-variant);display:inline-flex;height:1.95rem;justify-content:center;min-height:1.95rem;min-width:1.95rem;padding:0;width:1.95rem}.turnRefreshButton svg{fill:none;height:.9rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;width:.9rem}.turnRefreshButton:hover:not(:disabled){border-color:rgba(122,104,232,.24);box-shadow:0 8px 18px rgba(54,93,89,.09);color:var(--secondary);transform:translateY(-1px)}.turnStatusCard h2{margin-bottom:.35rem}.compactTurnCard{display:grid;grid-gap:12px;gap:12px;padding:18px}.turnStatusHeader{align-items:center;display:flex;flex-wrap:wrap;gap:10px 12px}.turnStatusMeta,.turnStatusText{font-size:.68rem;margin-bottom:0}.turnStatusMeta{gap:.55rem}.turnMetaItem,.turnStatusMeta{align-items:center;display:inline-flex}.turnMetaItem{gap:.22rem;white-space:nowrap}.turnMetaIcon{align-items:center;color:rgba(54,93,89,.72);display:inline-flex;height:.78rem;justify-content:center;width:.78rem}.turnMetaIcon svg{fill:none;height:100%;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;width:100%}.turnTitleRow{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-start}.turnTitleRow h2{margin-bottom:0}.inlineSkipButton{align-items:center;background:linear-gradient(180deg,rgba(255,244,242,.96),rgba(255,250,249,.98));border:1px solid rgba(186,26,26,.2);border-radius:999px;box-shadow:0 6px 14px rgba(186,26,26,.08);color:color-mix(in srgb,var(--error) 84%,#6e3b37 16%);font-size:.82rem;font-weight:800;min-height:34px;padding:.42rem .72rem;white-space:nowrap}.inlineSkipButton:hover:not(:disabled){background:linear-gradient(180deg,rgba(255,238,235,.98),rgba(255,248,247,1));border-color:rgba(186,26,26,.28);box-shadow:0 8px 18px rgba(186,26,26,.1);color:var(--error);transform:translateY(-1px)}.inlineSkipButton:active:not(:disabled){box-shadow:inset 0 3px 8px rgba(91,26,26,.1),0 3px 8px rgba(186,26,26,.08);transform:translateY(1px)}.compactAddTrackForm{align-items:center;margin-top:2px}.compactAddTrackForm>input{min-width:0}.compactAddTrackForm>button:last-child{flex:0 0 auto;order:3}.tracksHeader{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.tracksHeader h2{margin-bottom:0}.queueHeaderActions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.queueToggleButton{font-size:.92rem;font-weight:800;min-height:40px;padding:.58rem .92rem}.iconActions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.iconButton{align-items:center;background:linear-gradient(180deg,rgba(255,253,247,.92),rgba(240,238,230,.96));border:1px solid rgba(185,200,196,.78);border-radius:14px;box-shadow:0 6px 14px rgba(54,93,89,.07);color:var(--on-surface-variant);display:inline-flex;height:40px;justify-content:center;min-height:40px;padding:0;text-decoration:none;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease;width:40px}.iconButton:hover:not(:disabled){background:rgba(255,253,247,.98);border-color:rgba(122,104,232,.22);box-shadow:0 10px 22px rgba(54,93,89,.1);color:var(--secondary);transform:translateY(-1px)}.iconButton[data-click-locked=true]{box-shadow:inset 0 3px 8px rgba(27,28,23,.08),0 2px 6px rgba(54,93,89,.08);transform:translateY(1px)}.iconButton svg{fill:none;height:20px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;width:20px}.exportStatus{margin-bottom:16px}.playerCard{display:grid;grid-gap:18px;gap:18px;position:-webkit-sticky;position:sticky;top:18px;z-index:3}.playerHeader{margin-bottom:0}.playerCardScroller{overflow-x:auto}.playerCardBody{display:grid;grid-gap:20px;gap:20px;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr)}.playerMedia iframe,.youtubePlayerMount,.youtubePlayerMount iframe{aspect-ratio:16/9;border:0;border-radius:22px;box-shadow:0 20px 44px rgba(65,72,71,.12);width:100%}.playerDetails{display:grid;align-content:start;grid-gap:10px;gap:10px}.playerDetails h3,.playerDetails p{margin-bottom:0}.playerCardEmpty{background:rgba(240,238,230,.72);border-radius:22px;padding:18px}.trackList{display:grid;grid-gap:14px;gap:14px}.queueCollapsedSummary{background:rgba(240,238,230,.68);border-radius:18px;padding:14px 16px}.queueCollapsedSummary p{margin-bottom:0}.chatList{display:grid;grid-gap:10px;gap:10px;margin-bottom:14px;max-height:320px;overflow:auto;padding-right:4px}.sidebarSection{border-top:1px solid rgba(192,200,198,.48);margin-top:28px;padding-top:24px}.sidebarSection h2{margin-bottom:.85rem}.desktopOnly{display:block}.mobileOnly{display:none}.notificationSection{border-top:0;display:grid;grid-gap:12px;gap:12px;margin-top:0;padding-top:0}.notificationSectionHeader{align-items:center;display:flex;gap:12px;justify-content:space-between}.notificationSectionHeader h2{margin-bottom:0}.notificationStatusPill{border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:900;padding:.35rem .62rem}.notificationStatusPill.enabled{background:rgba(196,232,226,.76);color:var(--primary)}.notificationStatusPill.idle{background:rgba(240,238,230,.82);color:var(--on-surface-variant)}.notificationActions{display:flex;flex-wrap:wrap;gap:10px}.sidebarChatList{max-height:260px}.roomChatList{max-height:420px}.chatBubble{animation:softRise .34s cubic-bezier(.22,1,.36,1) both;background:rgba(238,230,255,.48);border-radius:20px 20px 20px 8px;justify-self:start;max-width:min(92%,560px);padding:12px 14px}.chatBubble:target{animation:targetGlow .9s ease-out both}.chatBubble.mine{background:rgba(196,232,226,.72);border-radius:20px 20px 8px 20px;justify-self:end}.chatBubble p{margin-bottom:0}.chatMeta{color:var(--secondary);font-size:.76rem;font-weight:900;margin-bottom:.28rem!important}.chatComposer{margin-top:0}.chatComposer button{width:100%}.roomChatComposer{margin-top:16px}.track{align-items:start;animation:softRise .52s cubic-bezier(.22,1,.36,1) both;background:rgba(255,253,247,.76);border:1px solid rgba(255,255,255,.76);border-radius:24px;display:grid;grid-gap:18px;gap:18px;grid-template-columns:minmax(0,1fr) 116px;padding:18px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.track:hover{border-color:rgba(255,255,255,.92);box-shadow:0 18px 44px rgba(54,93,89,.13);transform:translateY(-1px)}.track:target{animation:softRise .52s cubic-bezier(.22,1,.36,1) both,targetGlow .9s ease-out .18s both}.track-selected{border-color:rgba(54,93,89,.28);box-shadow:0 18px 44px rgba(54,93,89,.12)}.trackContent{display:grid;grid-gap:10px;gap:10px}.trackContent h3,.trackContent p{margin-bottom:0}.trackActions,.trackMeta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.trackPreview{align-items:center;aspect-ratio:1;background:rgba(240,238,230,.74);border-radius:18px;display:flex;justify-content:center;overflow:hidden}.trackPreview img{height:100%;object-fit:cover;width:100%}.trackPreviewFallback{background:linear-gradient(135deg,rgba(196,232,226,.76),rgba(255,253,247,.92));color:var(--primary);font-size:.85rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.trackPreviewFallbackSpotify{background:linear-gradient(135deg,rgba(238,230,255,.82),rgba(255,253,247,.92));color:var(--secondary)}.sourcePill{align-items:center;border-radius:999px;display:inline-flex;font-size:.76rem;font-weight:900;min-height:30px;padding:.35rem .7rem}.sourcePill-youtube{background:rgba(196,232,226,.82);color:var(--primary)}.sourcePill-spotify{background:rgba(238,230,255,.82);color:var(--secondary)}.sourcePill-active{background:rgba(246,216,186,.76);color:var(--tertiary)}.sourcePill-idle{background:rgba(240,238,230,.82);color:var(--on-surface-variant)}.altRefs{display:flex;flex-wrap:wrap;gap:10px}.altRefs a,.secondaryButton,.utilityButton{align-items:center;background:linear-gradient(180deg,rgba(255,253,247,.94),rgba(240,238,230,.94));border:1px solid rgba(185,200,196,.82);border-radius:999px;box-shadow:0 8px 20px rgba(54,93,89,.08);color:var(--on-surface);display:inline-flex;font-weight:800;gap:.35rem;isolation:isolate;justify-content:center;min-height:40px;overflow:hidden;padding:.62rem .98rem;position:relative;text-decoration:none;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.utilityButton{min-height:42px;padding:.68rem 1.02rem}.secondaryButton:before,.utilityButton:before{content:none}.secondaryButton:hover,.utilityButton:hover{background:rgba(255,253,247,.98);border-color:rgba(122,104,232,.24);box-shadow:0 12px 24px rgba(54,93,89,.1);color:var(--secondary);filter:none;transform:translateY(-1px)}.secondaryButton:active,.utilityButton:active{box-shadow:inset 0 3px 8px rgba(27,28,23,.08),0 3px 8px rgba(54,93,89,.08);transform:translateY(1px)}.utilityButton-accent{background:linear-gradient(180deg,rgba(196,232,226,.9),rgba(233,245,242,.96));border-color:rgba(54,93,89,.16);color:var(--primary)}.utilityButton-accent:hover{background:linear-gradient(180deg,rgba(205,237,231,.96),rgba(242,248,246,.98));border-color:rgba(54,93,89,.24);color:var(--primary)}code{background:rgba(196,232,226,.55);border-radius:999px;color:var(--primary);padding:.15rem .5rem}.headerActions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;padding-top:0}.roomHomeMark{align-items:center;background:rgba(255,253,247,.84);border:1px solid rgba(185,200,196,.72);border-radius:.75rem;box-shadow:0 8px 18px rgba(54,93,89,.08);display:inline-flex;height:2rem;justify-content:center;overflow:hidden;padding:.12rem .32rem;width:auto}.roomHomeMark img{display:block;height:100%;object-fit:contain;width:auto}@media (min-width:801px){.roomHomeMark{height:5.7em;padding:.28rem .7rem}}.lockedShell{min-height:100vh;position:relative}.lockedBackdrop{color:rgba(27,28,23,.28);filter:blur(2px);min-height:calc(100vh - 96px);opacity:.45;padding-top:12vh}.lockedBackdrop h1{max-width:520px}.unlockOverlay{align-items:center;background:rgba(251,249,241,.38);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;inset:0;justify-content:center;padding:24px;position:fixed}.unlockModal{background:rgba(255,253,247,.9);border:1px solid rgba(255,255,255,.74);border-radius:28px;box-shadow:var(--shadow);display:grid;grid-gap:14px;gap:14px;max-width:360px;padding:26px;width:100%}@media (max-width:960px){.grid,.hero,.track{grid-template-columns:1fr}.homePanel{min-height:auto}.playerCardBody{min-width:680px}}@media (max-width:800px){.shell{padding:24px 18px 48px}.hero{align-items:start;gap:24px;min-height:auto}.homeGrid,.horizontal{grid-template-columns:1fr}.turnTitleRow{align-items:flex-start;gap:.5rem}.turnIdentityBadge{font-size:.76rem;min-height:32px;padding:.22rem .6rem .22rem .32rem;right:.9rem;top:.9rem}.turnQuickActions{margin-bottom:-.6rem}.turnCopyButton{font-size:.68rem;min-height:1.8rem;padding:.22rem .62rem .1rem}.turnRefreshButton{height:1.8rem;min-height:1.8rem;min-width:1.8rem;width:1.8rem}.roomHomeMark{height:2rem;padding:.12rem .32rem}.turnAlert{display:none}.yourTurn.turnStatusCard:after{right:1rem}.desktopHomeForms{display:none}.homePanel{order:-1}.mobileActionChips{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-bottom:1rem}.mobileModalOverlay{display:flex}.roomHeader{align-items:stretch;flex-direction:column;margin-bottom:12px}.roomTitle{padding-right:5.2rem}.playerCard{top:12px}.headerActions{position:absolute;justify-content:flex-end;padding-top:0;right:0;top:0}.desktopOnly{display:none}.mobileOnly{display:block}.mobileSidebarDormant{display:none}.turnStatusCard h2,.turnStatusHeader{padding-right:0}.turnWaitingCard:after{bottom:14px;height:min(56%,160px);right:14px;top:auto;width:min(32vw,132px)}}@media (max-width:520px){.homeHeroSubtitle,.homeHeroTitle{font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,Trebuchet MS,sans-serif}.homeHeroTitle{font-size:clamp(2.45rem,11vw,3.35rem);margin-bottom:.55rem}.homeHeroSubtitle{font-size:1rem;line-height:1.32;max-width:24rem}.publicRoomsHeader{align-items:stretch;flex-direction:column}.yourRoomsMoreButton{width:100%}.mobileActionChips{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:1rem}.actionChip{font-size:.78rem;gap:6px;justify-content:center;min-height:40px;padding:.5rem .55rem}.actionChipIcon{height:24px;width:24px}.publicRoomList{grid-template-columns:1fr}.publicRoomLink{min-height:118px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}