.songs[data-astro-cid-z3okzmgc]{--sun-core:#fff4e2;--sun-top:#ffd08a;--sun-light:var(--brand-to);--sun-mid:var(--accent);--sun-deep:var(--brand-from);--sun-bloom:#ff4a3d;--glow-hot:var(--sun-top);--glow-warm:var(--sun-light);--glow-edge:var(--sun-bloom);--sun-glow:.5;isolation:isolate;padding:0;list-style:none}:root[data-theme=dark] .songs[data-astro-cid-z3okzmgc]{--sun-core:#eef4ff;--sun-top:#cfe0ff;--sun-light:var(--moon-to);--sun-mid:var(--moon-from);--sun-deep:#294e9e;--sun-bloom:#6a5cff;--glow-hot:var(--sun-mid);--glow-warm:var(--sun-deep);--sun-glow:.6}.song[data-astro-cid-z3okzmgc]{align-items:center;gap:var(--s-4);padding-block:var(--s-3);grid-template-columns:44px 1fr auto 36px;display:grid;position:relative}.cover[data-astro-cid-z3okzmgc]{object-fit:cover;border-radius:var(--r-sm);background:var(--surface);width:44px;height:44px;box-shadow:var(--sh-small);display:block}.text[data-astro-cid-z3okzmgc]{min-width:0}.text[data-astro-cid-z3okzmgc] b[data-astro-cid-z3okzmgc]{font-weight:600;display:block}.text[data-astro-cid-z3okzmgc] span[data-astro-cid-z3okzmgc]{color:var(--muted);font:var(--t-sm);display:block}.spotify[data-astro-cid-z3okzmgc]{border-radius:var(--r-round);width:36px;height:36px;color:var(--muted);transition:color var(--dur-fast) var(--ease);place-items:center;display:grid}.spotify[data-astro-cid-z3okzmgc]:hover{color:var(--ink)}.songs[data-astro-cid-z3okzmgc] .play{width:36px;padding:0}.songs[data-astro-cid-z3okzmgc] .i-play[data-astro-cid-z3okzmgc],.songs[data-astro-cid-z3okzmgc] .i-pause[data-astro-cid-z3okzmgc]{fill:currentColor;width:16px;height:16px}.i-pause[data-astro-cid-z3okzmgc],[data-astro-cid-z3okzmgc][data-state=playing] .i-play[data-astro-cid-z3okzmgc]{display:none}[data-astro-cid-z3okzmgc][data-state=playing] .i-pause[data-astro-cid-z3okzmgc]{display:block}.bar[data-astro-cid-z3okzmgc]{z-index:1;background:var(--line);pointer-events:none;opacity:0;height:4px;transition:opacity var(--dur) var(--ease);border-radius:2px;position:absolute;inset:auto 0 -2px}.song[data-astro-cid-z3okzmgc]:not([data-state=idle]) .bar[data-astro-cid-z3okzmgc]{opacity:1}.fill[data-astro-cid-z3okzmgc]{width:calc(var(--p,0) * 100%);border-radius:inherit;background:linear-gradient(90deg, transparent 10%, color-mix(in srgb, var(--sun-bloom) 80%, transparent) 35%, transparent 60%) 0 0 / 180px 100%, linear-gradient(90deg, transparent 15%, color-mix(in srgb, var(--sun-top) 70%, transparent) 40%, transparent 65%) 0 0 / 120px 100%, linear-gradient(90deg, color-mix(in srgb, var(--sun-deep) 55%, transparent), var(--sun-mid) 40%, var(--sun-light) 80%, var(--sun-top));box-shadow:0 0 12px color-mix(in srgb, var(--sun-light) calc(var(--sun-glow) * 110%), transparent);animation:12s linear infinite sun-flow;position:absolute;inset:0 auto 0 0}@keyframes sun-flow{to{background-position:360px 0,600px 0,0 0}}.fill[data-astro-cid-z3okzmgc]:after{content:"";background:var(--sun-core);width:8px;height:8px;box-shadow:0 0 6px 2px var(--sun-light), 0 0 16px 3px color-mix(in srgb, var(--sun-bloom) calc(var(--sun-glow) * 60%), transparent);border-radius:50%;position:absolute;top:50%;right:-1px;translate:0 -50%}[data-astro-cid-z3okzmgc][data-state=paused] .fill[data-astro-cid-z3okzmgc]{animation-play-state:paused}.song[data-astro-cid-z3okzmgc]:before,.song[data-astro-cid-z3okzmgc]:after{content:"";z-index:-1;pointer-events:none;opacity:0;transform-origin:22px 100%;transition:opacity var(--dur-slow) var(--ease-fade), scale calc(var(--dur-slow) * 2) var(--spring-crit);position:absolute;inset:0;scale:.5 .2;mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.song[data-astro-cid-z3okzmgc][data-state=playing]:before,.song[data-astro-cid-z3okzmgc][data-state=playing]:after{opacity:1;scale:1}.song[data-astro-cid-z3okzmgc][data-state=paused]:before,.song[data-astro-cid-z3okzmgc][data-state=paused]:after{opacity:.55;scale:.92 .75}.song[data-astro-cid-z3okzmgc]:before{background:radial-gradient(72px 32px at 22px 100%, color-mix(in srgb, var(--glow-hot) calc(var(--sun-glow) * 130%), transparent), transparent), radial-gradient(360px 60px at 22px 100%, color-mix(in srgb, var(--glow-warm) calc(var(--sun-glow) * 72%), transparent), color-mix(in srgb, var(--glow-warm) calc(var(--sun-glow) * 24%), transparent) 40%, color-mix(in srgb, var(--glow-edge) calc(var(--sun-glow) * 6%), transparent) 70%, transparent)}.song[data-astro-cid-z3okzmgc]:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--glow-hot) calc(var(--sun-glow) * 90%), transparent), transparent) 120px 100% / 144px 32px no-repeat, radial-gradient(closest-side, color-mix(in srgb, var(--glow-warm) calc(var(--sun-glow) * 64%), transparent), transparent) 40px 100% / 208px 48px no-repeat, radial-gradient(closest-side, color-mix(in srgb, var(--glow-edge) calc(var(--sun-glow) * 28%), transparent), transparent) 0 100% / 160px 40px no-repeat;animation:18s ease-in-out infinite alternate bloom-flow;mask-image:radial-gradient(320px 68px at 22px 100%,#000 25%,#0000)}@keyframes bloom-flow{33%{background-position:8px 100%,200px 100%,150px 100%}66%{background-position:220px 100%,-40px 100%,60px 100%}to{background-position:80px 100%,120px 100%,210px 100%}}.song[data-astro-cid-z3okzmgc][data-state=paused]:after{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.fill[data-astro-cid-z3okzmgc],.song[data-astro-cid-z3okzmgc]:after{animation:none}.song[data-astro-cid-z3okzmgc]:before,.song[data-astro-cid-z3okzmgc]:after{transition-property:opacity}}@media (width<=480px){.song[data-astro-cid-z3okzmgc]{gap:var(--s-3)}}