@keyframes listeningStageIn{0%{opacity:0}to{opacity:1}}.listening{text-align:left;width:min(98vw,1360px);color:inherit;margin:0 auto;animation:.22s ease-out both listeningStageIn}.listening__kicker{text-transform:uppercase;letter-spacing:.36em;color:#f4f0ea6b;margin:0;font-size:.72rem;font-weight:700}.listening__feature{text-transform:uppercase;letter-spacing:.28em;color:#f4f0ea52;margin:0;font-size:.7rem;font-weight:600}@keyframes listeningRowIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes listeningHeroIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translate(0,0)}}.listening__preview{grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(.5rem,2vw,1.25rem) 0;display:grid}.listening__hero{flex-direction:column;gap:clamp(.85rem,2vw,1.25rem);animation:.52s cubic-bezier(.16,1,.3,1) both listeningHeroIn;display:flex}.listening__art{aspect-ratio:1;background:linear-gradient(#0e0b10eb,#070608f0);border:1px solid #f4f0ea14;border-radius:4px;width:100%;position:relative;overflow:hidden;box-shadow:0 26px 64px #0009,inset 0 0 0 1px #00000059}.listening__art img{object-fit:cover;width:100%;height:100%;display:block}.listening__art:after{content:"";pointer-events:none;background:radial-gradient(120% 80% at 50% 0,#6b1f2e2e,#6b1f2e00 60%);position:absolute;inset:0}.listening__art--empty{color:#f4f0ea38;letter-spacing:.24em;text-transform:uppercase;justify-content:center;align-items:center;font-size:.8rem;display:flex}.listening__heroMeta{flex-direction:column;gap:.4rem;padding-top:.25rem;display:flex}.listening__albumTitle{letter-spacing:.012em;text-transform:lowercase;color:#f4f0ea;margin:0;font-size:clamp(1.8rem,4.4vw,3.1rem);font-weight:600;line-height:1.05}.listening__albumArtist{color:#f4f0ea8c;text-transform:lowercase;letter-spacing:.06em;margin:0;font-size:clamp(1rem,1.9vw,1.25rem);font-style:italic;line-height:1.3}.listening__tracklistWrap{border-left:1px solid #f4f0ea14;padding:clamp(.5rem,1.2vw,1rem) 0 0 clamp(.4rem,1.2vw,1rem);position:relative}.listening__tracklistWrap:before{content:"";pointer-events:none;background:linear-gradient(#9bb8ff2e,#f4f0ea0f);width:1px;position:absolute;top:0;bottom:30%;left:-1px}.listening__tracklist{flex-direction:column;gap:clamp(.45rem,1.1vw,.7rem);margin:0;padding:0;list-style:none;display:flex}.listening__tracklistHead{justify-content:space-between;align-items:baseline;margin-bottom:.35rem;display:flex}.listening__track{animation:.32s cubic-bezier(.16,1,.3,1) both listeningRowIn;animation-delay:var(--listening-row-delay,0s);border-bottom:1px solid #f4f0ea0b;grid-template-columns:1.75rem 1fr auto;align-items:baseline;gap:clamp(.6rem,1.4vw,1.1rem);padding:.55rem 0;display:grid}.listening__track:last-child{border-bottom:none}.listening__track:nth-child(odd){padding-top:.7rem}.listening__trackPos{font-variant-numeric:tabular-nums;letter-spacing:.18em;color:#f4f0ea57;text-transform:uppercase;font-size:.78rem;font-weight:500}.listening__trackTitle{text-transform:lowercase;letter-spacing:.015em;color:#f4f0eaeb;margin:0;font-size:clamp(1.05rem,2vw,1.45rem);font-weight:500;line-height:1.25}.listening__trackDur{font-variant-numeric:tabular-nums;color:#f4f0ea52;letter-spacing:.08em;font-size:.85rem}.listening__previewFoot{color:#f4f0ea66;text-transform:lowercase;letter-spacing:.12em;align-items:center;gap:1rem;margin-top:clamp(1rem,2.5vw,1.5rem);font-size:.85rem;font-style:italic;display:flex}@keyframes listeningSkeletonShimmer{0%{opacity:.45}to{opacity:.7}}.listening__skeleton{grid-template-columns:minmax(280px,.95fr) minmax(320px,1.05fr);align-items:start;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(.5rem,2vw,1.25rem) 0;display:grid}.listening__skel{background:#f4f0ea0d;border-radius:4px;animation:1.2s ease-in-out infinite alternate listeningSkeletonShimmer}.listening__skelArt{aspect-ratio:1;width:100%}.listening__skelRows{flex-direction:column;gap:.85rem;padding-top:.5rem;display:flex}.listening__skelRow{width:90%;height:1.4rem}.listening__skelRow:nth-child(2){width:72%}.listening__skelRow:nth-child(3){width:80%}.listening__live{grid-template-rows:auto 1fr;gap:clamp(1rem,2.5vw,1.75rem);padding:clamp(.25rem,1vw,.75rem) 0 0;display:grid}.listening__nowPlaying{border-bottom:1px solid #f4f0ea12;grid-template-columns:clamp(56px,7vw,88px) 1fr auto;align-items:center;gap:clamp(.85rem,1.6vw,1.25rem);padding-bottom:clamp(.5rem,1.2vw,1rem);display:grid}.listening__nowArt{aspect-ratio:1;background:linear-gradient(#0e0b10eb,#070608f0);border:1px solid #f4f0ea14;border-radius:4px;width:100%;overflow:hidden}.listening__nowArt img{object-fit:cover;width:100%;height:100%;display:block}.listening__nowMeta{flex-direction:column;gap:.2rem;min-width:0;display:flex}.listening__nowAlbum{letter-spacing:.28em;text-transform:uppercase;color:#f4f0ea61;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.7rem;overflow:hidden}.listening__nowTitle{letter-spacing:.01em;text-transform:lowercase;color:#f4f0ea;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:600;line-height:1.2;overflow:hidden}.listening__nowPos{font-variant-numeric:tabular-nums;letter-spacing:.2em;color:#f4f0ea66;text-transform:uppercase;white-space:nowrap;font-size:.75rem}.listening__lyrics{flex-direction:column;justify-content:center;align-items:center;min-height:56vh;padding:clamp(.5rem,2vw,1.5rem) 0;display:flex;position:relative}.listening__lyricsCol{text-align:center;letter-spacing:.005em;text-transform:lowercase;flex-direction:column;gap:clamp(.6rem,1.4vw,1rem);width:100%;max-width:22ch;font-size:clamp(1.4rem,4vw,2.6rem);font-weight:500;line-height:1.18;display:flex}.listening__line{color:#f4f0ea38;opacity:.55;transform-origin:50%;will-change:transform, opacity, color;margin:0;padding:0;transition:color .22s ease-out,opacity .22s ease-out,transform .12s ease-out,text-shadow .22s ease-out;transform:translate(0,0)scale(.98)}.listening__line--near{color:#f4f0ea6b;opacity:.78}.listening__line--active{color:#f4f0ea;opacity:1;text-shadow:0 0 28px #6b1f2e52,0 0 8px #f4f0ea2e;font-weight:700;transform:translate(0,0)scale(1.02)}.listening__line--past{color:#f4f0ea2e;opacity:.42}.listening__lyricsEmpty{color:#f4f0ea66;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:clamp(.9rem,1.6vw,1.05rem);font-style:normal}.listening__queued{flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:40vh;display:flex}.listening__queuedDot{background:#6b1f2ee6;border-radius:50%;width:.5rem;height:.5rem;animation:1.5s cubic-bezier(.2,.9,.25,1) infinite roomPulse;box-shadow:0 0 18px #6b1f2e99}.listening__qr{flex-direction:column;align-items:center;gap:.4rem;display:flex;position:relative}.listening__qrLabel{text-transform:uppercase;letter-spacing:.3em;color:#f4f0ea61;margin:0;font-size:.62rem}.listening__qrInner{background:#fff;border-radius:2px;padding:6px;box-shadow:0 12px 32px #0000008c,0 0 0 1px #f4f0ea14}.listening__qrFallback{background:#333;border-radius:2px;width:132px;height:132px}@media (width<=900px){.listening__preview,.listening__skeleton{grid-template-columns:1fr}.listening__tracklistWrap{border-left:none;padding-left:0}.listening__tracklistWrap:before{display:none}.listening__nowPlaying{grid-template-rows:auto auto;grid-template-columns:clamp(56px,18vw,80px) 1fr}.listening__nowPos{grid-column:2}}@media (prefers-reduced-motion:reduce){.listening,.listening__hero,.listening__track,.listening__skel{transition:none!important;animation:none!important}.listening__line,.listening__line--active,.listening__line--near,.listening__line--past{text-shadow:none!important;transition:none!important;transform:none!important}.listening__queuedDot{animation:none!important}}.listening a:focus-visible,.listening button:focus-visible{outline-offset:3px;border-radius:3px;outline:2px solid #f4f0ea99}.room{color:#f4f0ea;letter-spacing:.01em;background:#070608;flex-direction:column;min-height:100vh;font-family:Futura,Futura PT,Futura Std,Avenir Next,Avenir,system-ui,-apple-system,Segoe UI,Helvetica,Arial,sans-serif;display:flex}.room *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes roomStageIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translate(0,0)}}@keyframes roomCardIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translate(0,0)}}@keyframes roomPulse{0%{opacity:.65;text-shadow:0 0 #6b1f2e00;transform:translate(0,0)scale(1)}55%{opacity:1;text-shadow:0 0 34px #6b1f2e2e;transform:translate(0,0)scale(1.012)}to{opacity:.78;text-shadow:0 0 10px #6b1f2e1a;transform:translate(0,0)scale(1)}}@keyframes roomFeedScroll{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}.room:before{content:"";pointer-events:none;filter:blur(20px)contrast(1.06);opacity:.95;background:radial-gradient(55% 45% at 18% 18%,#9bb8ff1a 0%,#9bb8ff00 62%),radial-gradient(60% 50% at 80% 70%,#6b1f2e2e 0%,#6b1f2e00 55%),radial-gradient(38% 30% at 52% 48%,#f4f0ea0b 0%,#f4f0ea00 72%),repeating-linear-gradient(90deg,#f4f0ea04 0 1px,#f4f0ea00 2px 7px);position:fixed;inset:-20%}.room--error,.room--loading{text-align:center;color:#b5b5b5;justify-content:center;align-items:center;padding:2rem;font-size:1.25rem}.room__hint{color:#666;margin-top:.5rem;font-size:.95rem}.room__bar{border-bottom:none;justify-content:center;align-items:center;padding:1.75rem 1.5rem .75rem;display:flex}.room__event-name{text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:.6rem;min-height:28px;font-size:clamp(1.1rem,2.5vw,1.5rem);font-weight:620;display:inline-flex}.room__logo{filter:drop-shadow(0 0 26px #6b1f2e38)drop-shadow(0 0 10px #f4f0ea1a);opacity:.98;width:200px;height:auto;display:block}.room__code{color:#888;letter-spacing:.12em;font-size:.85rem;font-weight:500;display:none}.room__main{flex:1;justify-content:center;align-items:center;padding:clamp(1rem,3vw,1.75rem);display:flex}.room__stage{text-align:center;width:min(96vw,1200px);animation:.42s cubic-bezier(.16,1,.3,1) both roomStageIn}.room__stage--saver{flex-direction:column;align-items:center;gap:1.5rem;padding:1.25rem 0;display:flex}.room__wordmark{letter-spacing:.18em;text-transform:lowercase;color:#f4f0ea;text-shadow:0 0 42px #6b1f2e2e,0 0 14px #f4f0ea1a;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700}.room__sub{color:#f4f0ea8c;text-transform:lowercase;letter-spacing:.08em;margin-top:.35rem;font-size:clamp(1rem,2.1vw,1.25rem);font-style:italic}.room__subwrap{flex-direction:column;align-items:center;gap:.35rem;display:flex}.room__sub--join{color:#f4f0ea6b;letter-spacing:.16em;margin-top:0;font-style:normal}.room__round-label{text-transform:uppercase;letter-spacing:.3em;color:#666;margin-bottom:1.5rem;font-size:.85rem}.room__stage--closed .room__round-label{margin-bottom:1rem}.room__ab{grid-template-columns:1fr 1fr;gap:clamp(.75rem,2vw,1.5rem);width:min(1100px,96vw);min-height:32vh;margin:0 auto;padding:clamp(.25rem,.8vw,.5rem);display:grid;position:relative}.room__ab:before{content:"";opacity:.9;pointer-events:none;background:linear-gradient(#f4f0ea00,#f4f0ea1a,#f4f0ea00);width:1px;position:absolute;top:clamp(.5rem,1.2vw,1rem);bottom:clamp(.5rem,1.2vw,1rem);left:50%;transform:translate(-.5px)}.room__ab:after{display:none}.room__card{background:radial-gradient(120% 120% at 50% 15%,#f4f0ea0e 0%,#f4f0ea00 62%),linear-gradient(#0e0b10eb 0%,#070608f0 100%);border:1px solid #f4f0ea1a;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:clamp(1.25rem,2.2vw,1.75rem);animation:.52s cubic-bezier(.16,1,.3,1) both roomCardIn;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 42px #0000008c,inset 0 0 0 1px #00000059}.room__card:before{content:"";pointer-events:none;opacity:.9;background:radial-gradient(140% 90% at 50% 0,#6b1f2e1a,#6b1f2e00 58%);position:absolute;inset:0}.room__card--a{border-color:#9bb8ff38}.room__card--b{border-color:#6b1f2e52}.room__card--a,.room__card--b{border-radius:16px}.room__card--a{animation-delay:40ms}.room__card--b{animation-delay:.11s}.room__ab-badge{letter-spacing:.22em;color:#f4f0ea66;font-size:1.05rem;font-weight:800;display:block}.room__title{letter-spacing:.06em;text-transform:lowercase;margin:0;font-size:clamp(1.1rem,2.4vw,1.6rem);font-weight:700;line-height:1.25}.room__countdown{font-variant-numeric:tabular-nums;color:#f4f0eac7;text-shadow:0 0 30px #6b1f2e24;will-change:transform, opacity, text-shadow;margin:1.25rem 0 .35rem;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:300;animation:1.1s cubic-bezier(.2,.9,.25,1) infinite roomPulse}.room__nodata{color:#f4f0ea61;text-transform:uppercase;letter-spacing:.2em;margin-top:.5rem;font-size:.8rem}.room__feed{width:min(44rem,92vw);margin:.75rem auto .25rem}.room__feedMask{background:#0706088c;border:1px solid #f4f0ea1a;border-radius:999px;height:3.2rem;position:relative;overflow:hidden;box-shadow:0 18px 46px #0000008c}.room__feedMask:before,.room__feedMask:after{content:"";pointer-events:none;z-index:2;height:.9rem;position:absolute;left:0;right:0}.room__feedMask:before{background:linear-gradient(#070608f2,#07060800);top:0}.room__feedMask:after{background:linear-gradient(#07060800,#070608f2);bottom:0}.room__feedTrack{will-change:transform;flex-direction:column;gap:.35rem;padding:.55rem .9rem;animation:8s linear infinite roomFeedScroll;display:flex}.room__feedTrack--3{animation-duration:5s}.room__feedTrack--6{animation-duration:7s}.room__feedTrack--10{animation-duration:9s}.room__feedTrack--14{animation-duration:11s}.room__feedTrack--18{animation-duration:13s}.room__feedItem{letter-spacing:.08em;text-transform:lowercase;color:#f4f0eab8;justify-content:space-between;align-items:center;gap:.75rem;font-size:.9rem;display:flex}.room__feedName{text-overflow:ellipsis;white-space:nowrap;max-width:85%;overflow:hidden}.room__feedChoice{letter-spacing:.18em;opacity:.9;padding-left:.4rem;font-weight:700}.room__feedChoice--A{color:#9bb8ffe6}.room__feedChoice--B{color:#ff79a0e6}.room__stage--results .room__tie,.room__stage--results .room__winner{text-transform:uppercase;letter-spacing:.08em;margin:.25rem 0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:620}.room__totals{font-variant-numeric:tabular-nums;color:#f4f0eae0;margin:.5rem 0 1.25rem;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:200}.room__override,.room__tiebreak{text-transform:uppercase;letter-spacing:.2em;color:#cbb08b;margin:.25rem 0 .75rem;font-size:.8rem}.room__labels{color:#888;flex-direction:column;gap:.4rem;max-width:44rem;margin:0 auto;font-size:.95rem;display:flex}.room__line{margin:0;line-height:1.4}.room__footer{background:#050505d1;border-top:none;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem 1.5rem 1.25rem;display:flex}.room__qr-wrap{background:#fff;border-radius:2px;padding:8px;box-shadow:0 14px 44px #0009,0 0 0 1px #f4f0ea1a}.room__qr{display:block}.room__qr-fallback{background:#333;border-radius:2px;width:200px;height:200px}.room__join-label{text-transform:uppercase;letter-spacing:.3em;color:#555;margin:.2rem 0 0;font-size:.7rem}.room__url{color:#666;word-break:break-all;text-align:center;max-width:90vw;margin:0;font-size:.75rem}.room__url--warning{color:#8a6a2a}@media (width<=600px){.room__ab{grid-template-columns:1fr}.room__ab:before,.room__ab:after{display:none}.room__bar{padding:1rem 1rem .5rem}.room__stage--saver{padding:1.25rem 0 2.25rem}.room__card{padding:1.25rem 1rem 1.5rem}.room__qr-wrap{transform-origin:50%;transform:scale(.92)}}@media (prefers-reduced-motion:reduce){.room__stage,.room__card,.room__countdown,.room__feedTrack{animation:none!important}.room:before{filter:blur(16px)contrast(1.04)}}.guest{color:#f4f0ea;box-sizing:border-box;background:#070608;min-height:100vh;padding:1.5rem;font-family:Futura,Futura PT,Avenir Next,Avenir,system-ui,sans-serif}.guest--center{flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.guest__kicker{letter-spacing:.18em;text-transform:uppercase;color:#f4f0ea8c;text-align:center;font-size:.7rem}.guest__title{text-transform:lowercase;text-align:center;margin:0;font-size:1.75rem;font-weight:700}.guest__label{letter-spacing:.14em;text-transform:uppercase;color:#f4f0ea8c;align-self:flex-start;font-size:.7rem}.guest__input{color:#f4f0ea;background:#0e0b10;border:1px solid #ffffff1f;border-radius:14px;width:100%;max-width:22rem;padding:1rem;font-size:1.1rem}.guest__btn{color:#070608;text-transform:lowercase;cursor:pointer;background:#f4f0ea;border:none;border-radius:18px;width:100%;max-width:22rem;padding:1rem 1.25rem;font-size:1rem;font-weight:800}.guest__btn:disabled{opacity:.45;cursor:not-allowed}.guest__btn--ghost{color:#f4f0eabf;background:0 0;border:1px solid #ffffff24}.guest__link{color:#f4f0eaa6;cursor:pointer;text-transform:lowercase;background:0 0;border:none;font-size:.95rem;text-decoration:underline}.guest__muted{color:#f4f0ea73;text-align:center;font-size:.85rem}.guest__err{color:#d07a7a;text-align:center;max-width:22rem}.guest__callout{background:#cbb08b14;border:1px solid #cbb08b73;border-radius:16px;max-width:22rem;padding:1rem 1.1rem;font-size:.9rem;line-height:1.45}.guest__callout p{margin:0 0 .5rem}.guest__callout p:last-child{margin-bottom:0}.guest__callout .guest__btn{box-sizing:border-box;justify-content:center;align-items:center;margin-top:.65rem;text-decoration:none;display:inline-flex}.guest__hint{max-width:22rem}.guest__chips{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:22rem;display:flex}.guest__chip{color:#f4f0eabf;cursor:pointer;background:#f4f0ea0f;border:1px solid #ffffff1f;border-radius:999px;padding:.45rem .75rem;font-size:.9rem}.guest__row{flex:1;gap:.75rem;width:100%;max-width:36rem;min-height:12rem;display:flex}.guest__card{cursor:pointer;text-align:left;background:#0e0b10;border:1px solid #ffffff1f;border-radius:18px;flex:1;padding:1rem}.guest__card:disabled{opacity:.45;cursor:not-allowed}.guest__card--picked{border-width:2px;border-color:#cbb08b}.guest__mark{color:#f4f0ea59;font-size:2.5rem;font-weight:700}.guest__song{text-transform:lowercase;margin-top:.35rem;font-weight:700}.guest__artist{color:#f4f0eaa6;text-transform:lowercase;font-size:.85rem}.guest__timer{text-align:center;font-variant-numeric:tabular-nums;font-size:2rem}.listen{flex-direction:column;gap:clamp(.85rem,3vw,1.4rem);max-width:32rem;margin:0 auto;padding-bottom:4rem;display:flex}.listen:before{content:"";pointer-events:none;filter:blur(28px);opacity:.9;z-index:-1;background:radial-gradient(48% 38% at 20% 14%,#9bb8ff0f 0%,#9bb8ff00 60%),radial-gradient(55% 45% at 82% 78%,#6b1f2e24 0%,#6b1f2e00 60%);position:fixed;inset:-10%}@keyframes listenIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0,0)}}.listen__header,.listen__artwork-wrap,.listen__now,.listen__lyric-stage,.listen__form,.listen__mismatch,.listen__tracks,.listen__empty{animation:.32s ease-out both listenIn}.listen__header{animation-delay:0s}.listen__artwork-wrap{animation-delay:60ms}.listen__now{animation-delay:.12s}.listen__lyric-stage{animation-delay:.16s}.listen__mismatch{animation-delay:80ms}.listen__form{animation-delay:.22s}.listen__tracks{animation-delay:.1s}.listen--reduced *,.listen--reduced :before,.listen--reduced :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-delay:0s!important}.listen__header{text-align:center;flex-direction:column;gap:.3rem;padding-top:.5rem;display:flex}.listen__album-title{font-size:clamp(1.4rem,5vw,2rem);line-height:1.05}.listen__album-artist{letter-spacing:.08em;text-transform:lowercase;color:#f4f0ea8c;margin:0;font-size:.85rem}.listen__artwork-wrap{justify-content:center;display:flex}.listen__artwork{object-fit:cover;background:#161114;border-radius:6px;width:clamp(180px,50vw,240px);height:clamp(180px,50vw,240px);box-shadow:0 12px 38px #0000008c,inset 0 1px #f4f0ea0d}.listen__now{align-self:center;align-items:center;gap:.55rem;font-size:.85rem;display:inline-flex}.listen__now-kicker{letter-spacing:.18em;text-transform:uppercase;color:#f4f0ea99;font-size:.7rem}.listen__now-title{text-transform:lowercase;color:#f4f0eae0;font-size:.95rem;font-weight:700}.listen__pulse{background:#8a2a3a;border-radius:50%;width:9px;height:9px;animation:2.2s ease-in-out infinite listenPulse;display:inline-block;box-shadow:0 0 #8a2a3ab3}.listen__pulse--paused{opacity:.55;animation-duration:5s}@keyframes listenPulse{0%{opacity:.95;box-shadow:0 0 #8a2a3a8c}60%{opacity:.85;box-shadow:0 0 0 10px #8a2a3a00}to{opacity:.95;box-shadow:0 0 #8a2a3a00}}.listen__mismatch{background:#cbb08b0f;border:1px solid #cbb08b52;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1rem;display:flex}.listen__mismatch-text{color:#f4f0eabf;flex-direction:column;gap:.2rem;margin:0;font-size:.85rem;display:flex}.listen__mismatch-text em{color:#f4f0eaf2;text-transform:lowercase;font-style:normal}.listen__switch{color:#f4f0eaeb;text-transform:lowercase;cursor:pointer;background:0 0;border:1px solid #f4f0ea38;border-radius:999px;min-width:9rem;min-height:44px;font-family:inherit;font-size:.85rem;transition:background .12s ease-out,color .12s ease-out,border-color .12s ease-out}.listen__switch:hover{background:#f4f0ea0f}.listen__switch:focus-visible{outline-offset:3px;outline:2px solid #cbb08b}.listen__lyric-stage{text-align:center;contain:content;flex-direction:column;align-items:center;gap:.45rem;min-height:12rem;padding:1rem 0;display:flex}.listen__lyric-stage--empty{justify-content:center;min-height:6rem}.listen__lyric-line{letter-spacing:.005em;color:#f4f0ea8c;max-width:22ch;text-shadow:none;will-change:opacity, transform;margin:0;font-size:clamp(1.05rem,4.4vw,1.45rem);font-weight:500;line-height:1.32;transition:color .12s ease-out,opacity .12s ease-out,transform .12s ease-out;transform:translate(0,0)scale(1)}.listen__lyric-line--near{color:#f4f0ea73;opacity:.85}.listen__lyric-line--far{color:#f4f0ea47;opacity:.6}.listen__lyric-line--active{color:#f4f0ea;opacity:1;text-shadow:0 0 28px #cbb08b24;font-weight:700;transform:translate(0,0)scale(1.04)}.listen__lyric-line--cue{color:#f4f0ea52;font-style:italic}.listen__lyric-stage--reduced .listen__lyric-line{transition:none;transform:none!important}.listen__lyric-stage--paused .listen__lyric-line--active{opacity:.85}.listen__sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.listen__tracks{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.listen__track{border-bottom:1px solid #f4f0ea0f;align-items:baseline;gap:.85rem;padding:.55rem .25rem;animation:.28s ease-out both listenIn;display:flex}.listen__track-pos{font-variant-numeric:tabular-nums;color:#f4f0ea66;letter-spacing:.08em;min-width:1.75rem;font-size:.85rem}.listen__track-title{color:#f4f0eae6;text-transform:lowercase;font-size:1rem}.listen__empty{text-align:center;padding:2rem 0}.listen__lock{color:#f4f0ea80;text-transform:lowercase;text-align:center;margin:.25rem 0 0;font-size:.85rem}.listen__form{flex-direction:column;gap:.6rem;margin-top:.5rem;display:flex}.listen__stars{justify-content:space-between;align-self:center;gap:.35rem;width:100%;max-width:18rem;display:flex}.listen__star{color:#f4f0ea73;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:6px;font-family:inherit;transition:color .12s ease-out,background .12s ease-out,transform .1s ease-out,border-color .12s ease-out;display:inline-flex}.listen__star:hover{color:#cbb08b;background:#cbb08b0f}.listen__star:focus-visible{outline-offset:2px;outline:2px solid #cbb08b}.listen__star:active{transform:scale(.94)}.listen__star--on{color:#cbb08b}.listen__star--disabled,.listen__star:disabled{cursor:not-allowed;color:#f4f0ea2e;background:0 0}.listen__saved{text-align:center;margin:-.2rem 0 0}.listen__comment-label{align-self:flex-start;margin-top:.3rem}.listen__comment{resize:vertical;color:#f4f0ea;box-sizing:border-box;background:#0e0b10;border:1px solid #f4f0ea1f;border-radius:14px;width:100%;min-height:5.5rem;padding:.85rem 1rem;font-family:inherit;font-size:1rem;line-height:1.45;transition:border-color .12s ease-out,background .12s ease-out}.listen__comment:focus-visible{outline-offset:2px;background:#110d12;border-color:#cbb08b;outline:2px solid #cbb08b}.listen__comment--err{border-color:#8a3a3a}.listen__comment:disabled{opacity:.5;cursor:not-allowed}.listen__comment-meta{justify-content:space-between;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.listen__comment-count{font-variant-numeric:tabular-nums}.listen__field-err{color:#d07a7a;text-align:right;font-size:.85rem}.listen__submit{color:#070608;text-transform:lowercase;cursor:pointer;letter-spacing:.02em;background:#f4f0ea;border:none;border-radius:16px;min-height:48px;font-family:inherit;font-size:1rem;font-weight:800;transition:background .12s ease-out,color .12s ease-out,transform .1s ease-out,opacity .12s ease-out}.listen__submit:hover:not(:disabled){background:#cbb08b}.listen__submit:focus-visible{outline-offset:3px;outline:2px solid #cbb08b}.listen__submit:active:not(:disabled){transform:scale(.985)}.listen__submit:disabled{opacity:.45;cursor:not-allowed}.listen__submit--loading{background:#f4f0ea8c}.listen__submit--success{color:#070608;background:#cbb08b}.listen__submit--error{color:#f4f0ea;background:#8a3a3a}.listen__submit-err{text-align:center}@keyframes listenSkelPulse{0%{opacity:.4}50%{opacity:.65}to{opacity:.4}}.listen__skel{background:#f4f0ea0f;border-radius:8px;animation:1.4s ease-in-out infinite listenSkelPulse}.listen__skel--title{align-self:center;width:60%;height:1.5rem;margin:.5rem 0}.listen__skel--artwork{border-radius:6px;width:clamp(180px,50vw,240px);height:clamp(180px,50vw,240px)}.listen__skel--line{width:70%;height:1.1rem}.listen__skel--line-strong{background:#f4f0ea1a;width:80%;height:1.4rem}@media (width>=720px){.listen{max-width:36rem;padding-top:1.5rem}.listen__lyric-line{max-width:26ch}}@media (prefers-reduced-motion:reduce){.listen__header,.listen__artwork-wrap,.listen__now,.listen__lyric-stage,.listen__form,.listen__mismatch,.listen__tracks,.listen__track,.listen__empty,.listen__pulse,.listen__skel{animation:none}.listen__lyric-line{transition:none;transform:none!important}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0a}