.screensaver{z-index:9999;cursor:none;background:#000;flex-direction:column;justify-content:flex-end;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.screensaver-art{object-fit:cover;filter:grayscale(20%)sepia(20%)blur(5px);width:100%;height:100%;animation:60s ease-in-out infinite alternate pan;position:absolute;top:0;left:0}.screensaver-overlay{-webkit-backdrop-filter:blur(16px)saturate(1.15);z-index:1;will-change:opacity;background:radial-gradient(1200px 700px at 15% 20%,#788cff47,#0000 60%),radial-gradient(900px 700px at 80% 70%,#ff78c838,#0000 55%),linear-gradient(#07080b94,#0a0b10c2);animation:18s ease-in-out infinite alternate bgGlowDrift;position:absolute;inset:0}.screensaver-bg-orbs{z-index:1;pointer-events:none;opacity:.7;filter:blur(10px)saturate(1.2);will-change:transform, opacity;background:radial-gradient(240px 240px at 18% 30%,#a0b4ff29,#0000 60%),radial-gradient(320px 320px at 82% 68%,#ff96d721,#0000 62%),radial-gradient(220px 220px at 62% 18%,#78ffdc1a,#0000 62%);animation:26s ease-in-out infinite alternate bgOrbsFloat;position:absolute;inset:-10%;transform:translate(0,0)}.screensaver-particles{z-index:1;pointer-events:none;position:absolute;inset:0}@keyframes pan{0%{transform:scale(1.1)translate(0)}50%{transform:scale(1.2)translate(-2%,-2%)}to{transform:scale(1.1)translate(2%,2%)}}.screensaver-info{z-index:2;color:#fff;background:linear-gradient(#0000,#000000b3);flex-direction:column;justify-content:flex-end;align-items:start;height:auto;min-height:20vh;padding:4vh;display:flex;position:relative}.screensaver-text-fade{opacity:0;will-change:opacity;transition:opacity 1.5s ease-in-out}.screensaver-text-fade.is-visible{opacity:1}.screensaver-track-name{opacity:.5;white-space:nowrap;will-change:transform;margin:0;font-weight:700;line-height:1;animation:180s ease-in-out infinite alternate textDrift}.screensaver-album-name{opacity:.3;white-space:nowrap;will-change:transform;margin:0;line-height:1;animation:180s ease-in-out infinite alternate textDrift}.screensaver-promo-link{color:#fff;text-shadow:2px 2px 4px #00000080;background:#ffffff1a;border:2px solid #fff;border-radius:8px;width:fit-content;margin-top:1.5rem;padding:.5rem 1rem;font-size:4vh;font-weight:800;text-decoration:none;transition:all .2s}.screensaver-promo-link:hover{color:#000;background:#fff;transform:scale(1.05)}@keyframes bgGlowDrift{0%{opacity:.95}to{opacity:1}}@keyframes bgOrbsFloat{0%{opacity:.62;transform:translate(-10px,6px)scale(1)}to{opacity:.78;transform:translate(18px,-12px)scale(1.04)}}@keyframes textDrift{0%{transform:translate(0)}to{transform:translate(8vw)}}@media (prefers-reduced-motion:reduce){.screensaver-art,.screensaver-overlay,.screensaver-bg-orbs,.screensaver-particles,.screensaver-track-name,.screensaver-album-name{animation:none!important}.screensaver-particles{display:none}}.subscriptionSuccess{-webkit-backdrop-filter:blur(8px);color:#fff;z-index:1000;background:#4caf50e6;border:1px solid #fff3;border-radius:12px;align-items:center;gap:1rem;width:min(400px,90%);padding:1rem 1.5rem;animation:.3s ease-out slideDown;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}.successIcon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.successContent{flex-grow:1}.successContent h4{margin:0;font-size:1rem;font-weight:700}.successContent p{opacity:.9;margin:.2rem 0 0;font-size:.85rem}.closeButton{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:opacity .2s;display:flex}.closeButton:hover{opacity:1}.header{padding:1.25rem}@media (min-width:720px){.header{padding:2rem 2.5rem}}.cardHeader{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex}.brand{align-items:center;gap:.9rem;display:flex}.screensaverButton{color:#fff6;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.screensaverButton:hover{color:#ffffffe6;background:#ffffff14;transform:scale(1.1)}.screensaverButton:active{transform:scale(.95)}.logoImage{object-fit:cover;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;flex:none;width:56px;height:56px;box-shadow:0 10px 40px #00000059}.brandText .title{letter-spacing:.02em;margin:0;font-size:1.35rem}.brandText .tagline{color:#ffffffad;margin:.15rem 0 0;font-size:.95rem}.footer{color:#ffffff8c;z-index:3;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:1.25rem;padding:1.25rem;font-size:.95rem;display:flex;position:fixed;bottom:0;left:0;right:0}.footerRight{pointer-events:auto;text-align:center;justify-self:end;gap:6px;width:100%;display:flex}@media (min-width:720px){.footer{padding:2rem 2.5rem}}@media (max-width:420px){.footer{flex-direction:column;align-items:flex-start;gap:.55rem}.footerRight{text-align:left}}.listenRow{justify-content:center;margin:.85rem auto 0;display:flex}.cardListenRow{gap:.85rem;margin-top:1.1rem;margin-bottom:.15rem}.floatingListenRow{gap:1.15rem;margin-top:1.35rem}.appleMusicBadge{color:#ffffffe6;background:#0000002e;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;text-decoration:none;transition:transform .12s,filter .16s;display:inline-flex}.appleMusicBadge:hover{filter:brightness(1.05);transform:translateY(-1px)}.appleMusicBadge:focus-visible{outline-offset:3px;outline:3px solid #ffffff38}.appleMusicBadge img{vertical-align:middle;object-fit:contain;width:auto;height:41px}.spotifyBadge{color:#ffffffe6;background:#0000002e;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:.5rem;height:41px;padding:0 .9rem;text-decoration:none;transition:transform .12s,filter .16s,border-color .16s;display:inline-flex}.spotifyBadge:hover{filter:brightness(1.05);border-color:#ffffff2e;transform:translateY(-1px)}.spotifyBadge:focus-visible{outline-offset:3px;outline:3px solid #ffffff38}.spotifyBadge img{width:22px;height:22px;display:block}.spotifyText{letter-spacing:.01em;line-height:1.05;display:grid}.spotifyListenOn{color:#ffffffb8;font-size:.78rem;font-weight:550}.spotifyName{color:#ffffffeb;font-size:1.15rem;font-weight:800}.page{grid-template-rows:1fr;min-height:100vh;display:grid;position:relative;overflow:hidden}.page:before{content:"";filter:saturate(1.05)contrast(1.05);z-index:0;will-change:transform, filter;background-image:url(/images/background.jpg);background-position:50%;background-size:cover;animation:32s ease-in-out infinite alternate bgKenBurns;position:absolute;inset:0;transform:scale(1.02)}.page:after{content:"";-webkit-backdrop-filter:blur(16px)saturate(1.15);z-index:1;will-change:opacity;background:radial-gradient(1200px 700px at 15% 20%,#788cff47,#0000 60%),radial-gradient(900px 700px at 80% 70%,#ff78c838,#0000 55%),linear-gradient(#07080b94,#0a0b10c2);animation:18s ease-in-out infinite alternate bgGlowDrift;position:absolute;inset:0}.page .bgOrbs{z-index:1;pointer-events:none;opacity:.7;filter:blur(10px)saturate(1.2);will-change:transform, opacity;background:radial-gradient(240px 240px at 18% 30%,#a0b4ff29,#0000 60%),radial-gradient(320px 320px at 82% 68%,#ff96d721,#0000 62%),radial-gradient(220px 220px at 62% 18%,#78ffdc1a,#0000 62%);animation:26s ease-in-out infinite alternate bgOrbsFloat;position:absolute;inset:-10%;transform:translate(0,0)}@keyframes bgKenBurns{0%{filter:saturate(1.04)contrast(1.05)brightness(.98);transform:scale(1.02)translate(0,0)}to{filter:saturate(1.1)contrast(1.07)brightness(1.02);transform:scale(1.08)translate(-18px,10px)}}@media (prefers-reduced-motion:reduce){.page:before,.page:after,.page .bgOrbs{animation:none!important}}.header,.main,.footer{z-index:2;position:relative}.main{padding:1.25rem;padding-bottom:calc(1.25rem + 96px + env(safe-area-inset-bottom,0px));place-items:center;display:grid}.mainTopRight{place-items:center}.playerStack{justify-items:center;width:min(520px,100%);display:grid}@media (min-width:720px){.main{padding:2rem 2.5rem 2.5rem}}@media (max-width:560px){.main{padding-top:calc(.75rem + env(safe-area-inset-top,0px));place-items:start center}}.playButton{appearance:none;color:#ffffffeb;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.35rem .55rem;font-weight:650;transition:transform .12s,color .16s}.playButton:hover{color:#fffffffa;transform:translateY(-1px)}.playButton:focus-visible{outline-offset:3px;outline:3px solid #ffffff38}.playButtonCentered{place-items:center;margin:0;display:grid}.icon{-webkit-user-select:none;user-select:none;pointer-events:none;fill:currentColor;stroke:currentColor;width:1.35rem;height:1.35rem;display:block}.iconLarge{width:3rem;height:3rem;padding:1em}.bottomButtons{justify-content:center;align-items:center;gap:.9rem;margin:1.05rem auto 0;display:flex}.controlsRow{justify-content:space-between;gap:.75rem;width:100%}.controlsRow .time{min-width:3.2rem}.skipButton{appearance:none;color:#ffffffb8;cursor:pointer;background:0 0;border:0;padding:.25rem .35rem;transition:transform .12s,color .16s}.skipButton .icon{width:1.45rem;height:1.45rem}.skipButton:hover{color:#ffffffc7;transform:translateY(-1px)}.skipButton:disabled{opacity:.35;cursor:not-allowed;transform:none}.skipButton:focus-visible{outline-offset:3px;border-radius:10px;outline:3px solid #ffffff2e}.time{color:#ffffffa6;font-variant-numeric:tabular-nums;font-size:.92rem}.playerCard{background:linear-gradient(#0c0e16bf, #0c0e16bf), var(--album-art);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-position:50%;background-size:cover;border:1px solid #ffffff1a;border-radius:22px;width:min(520px,100%);padding:1.15rem 1.15rem 1.05rem;box-shadow:0 30px 90px #0000008c}@media (min-width:720px){.playerCard{padding:1.5rem 1.6rem 1.3rem}}@media (max-width:560px){.playerCard{border-top-left-radius:0;border-top-right-radius:0;width:100%;max-width:560px}}.hint{color:#ffffffb3;margin:1rem 0 0}.error{color:#ffaaaaf2;margin:.75rem 0 0}.playhead{border-top:0;margin-top:1rem;padding-top:1rem;position:relative}.seek{width:100%;margin:0;display:block}.seek:disabled{opacity:.6}.seekFill{pointer-events:none;z-index:0;background:#ffffffe6;border-radius:999px;height:4px;transition:height .14s,top .14s;position:absolute;top:calc(1rem + 7px);left:2px}.playhead:hover .seekFill{height:10px;top:calc(1rem + 6px)}.seek{appearance:none;z-index:1;background:0 0;outline:none;height:18px;position:relative}.seek::-webkit-slider-runnable-track{background:#00000059;border:1px solid #ffffff1a;border-radius:999px;height:8px}.seek::-webkit-slider-thumb{appearance:none;opacity:0;background:#fffffff2;border:0;border-radius:999px;width:12px;height:12px;margin-top:-2px}.seek::-moz-range-track{background:#00000059;border:1px solid #ffffff1a;border-radius:999px;height:8px}.seek::-moz-range-progress{background:#ffffffe6;border-radius:999px;height:4px}.seek::-moz-range-thumb{opacity:0;background:#fffffff2;border:0;border-radius:999px;width:12px;height:12px}.subscriptionCTA{box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;justify-content:space-between;align-items:center;gap:2rem;width:100%;margin:1.5rem 0;padding:1.5rem 2rem;display:flex}.ctaContent h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.ctaContent p{color:#fff9;margin:0;font-size:.95rem}.ctaButton{color:#000;white-space:nowrap;background:#fff;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:opacity .2s}.ctaButton:hover{opacity:.9}@media (max-width:640px){.subscriptionCTA{text-align:center;flex-direction:column;gap:1.5rem;padding:1.5rem}}.trackMeta{gap:.25rem;margin-bottom:1.25rem;display:grid}.nowPlayingLabel{color:#ffffff9e;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem}.trackTitle{font-size:1.4rem;font-weight:650}.albumName{color:#ffffff9e;font-size:1.1rem}.albumName a{color:inherit;text-decoration:none}.albumName a:hover{text-decoration:underline}.promoMeta{gap:.75rem}.promoText{color:#fffc;font-size:1.1rem;line-height:1.4}.promoCtaButton{color:#000;background-color:#fff;border-radius:30px;width:fit-content;margin-top:.5rem;padding:.8rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-block}.promoCtaButton:hover{background-color:#ffffffe6;transform:translateY(-2px)}.copyButton{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;padding:.4rem;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex;position:relative}.copyButton:hover{color:#fffc;background:#ffffff1a;border-color:#fff3}.copyButton.copied{color:#4ade80;background:#4ade800d;border-color:#4ade804d}.copyIcon{width:18px;height:18px}.copiedTooltip{color:#000;pointer-events:none;background:#4ade80;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600;animation:2s forwards fadeInOut;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-8px)}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%)translateY(0)}10%{opacity:1;transform:translate(-50%)translateY(-8px)}80%{opacity:1;transform:translate(-50%)translateY(-8px)}to{opacity:0;transform:translate(-50%)translateY(-12px)}}