.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 + 9px);left:0}.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}.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:4rem;height:4rem}.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:focus-visible{outline-offset:3px;border-radius:10px;outline:3px solid #ffffff2e}.time{color:#ffffffa6;font-variant-numeric:tabular-nums;font-size:.92rem}.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{border-radius:14px;justify-content:center;align-items:center;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}.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{text-align:right;pointer-events:auto;justify-self:end}@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}}.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}.header{padding:1.25rem}@media (min-width:720px){.header{padding:2rem 2.5rem}}.cardHeader{align-items:center;gap:1rem;margin-bottom:1.15rem;display:flex}.brand{align-items:center;gap:.9rem;display:flex}.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}.playerCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0e169e;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}}.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)}}@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)}}@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}}.hint{color:#ffffffb3;margin:1rem 0 0}.error{color:#ffaaaaf2;margin:.75rem 0 0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffeb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#07080b;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;margin:0}#app{min-height:100vh}a{color:inherit}