.song[data-astro-cid-qrctrsxd]{position:relative;isolation:isolate;display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,420px);grid-template-areas:"planet info monitor";gap:1.5rem 2rem;align-items:center;padding:3rem .5rem;cursor:pointer}.song[data-astro-cid-qrctrsxd]+.song[data-astro-cid-qrctrsxd]{border-top:1px dashed rgba(255,255,255,.08)}.song[data-astro-cid-qrctrsxd].flip{grid-template-columns:minmax(0,420px) minmax(0,1fr) 150px;grid-template-areas:"monitor info planet"}.card-link[data-astro-cid-qrctrsxd]{position:absolute;inset:0;z-index:1}.pixels[data-astro-cid-qrctrsxd]{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.55;background-image:radial-gradient(1.5px 1.5px at calc(12% + var(--seed) * 7%) 30%,rgba(255,255,255,.9) 50%,transparent 51%),radial-gradient(1.5px 1.5px at calc(68% - var(--seed) * 5%) 18%,rgba(255,255,255,.7) 50%,transparent 51%),radial-gradient(1.5px 1.5px at calc(40% + var(--seed) * 9%) 78%,rgba(255,255,255,.6) 50%,transparent 51%),radial-gradient(2px 2px at calc(85% - var(--seed) * 11%) 62%,color-mix(in srgb,var(--song) 80%,#fff) 50%,transparent 51%),radial-gradient(1.5px 1.5px at calc(25% + var(--seed) * 13%) 90%,rgba(255,255,255,.5) 50%,transparent 51%),radial-gradient(1.5px 1.5px at calc(55% - var(--seed) * 3%) 45%,rgba(255,255,255,.45) 50%,transparent 51%)}.planet[data-astro-cid-qrctrsxd]{grid-area:planet;position:relative;z-index:2;display:grid;justify-items:center;gap:.6rem}.track[data-astro-cid-qrctrsxd]{font-family:var(--mono);font-size:.62rem;letter-spacing:.3em;color:var(--muted)}.orbit[data-astro-cid-qrctrsxd]{position:absolute;z-index:0;pointer-events:none;left:150px;right:420px;top:50%;height:120px;transform:translateY(-50%);width:auto;overflow:visible}.flip[data-astro-cid-qrctrsxd] .orbit[data-astro-cid-qrctrsxd]{left:420px;right:150px;transform:translateY(-50%) scaleX(-1)}.orbit[data-astro-cid-qrctrsxd] .path[data-astro-cid-qrctrsxd]{fill:none;stroke:color-mix(in srgb,var(--song) 55%,transparent);stroke-width:1;stroke-dasharray:3 6;vector-effect:non-scaling-stroke;animation:orbit-flow 6s linear infinite}@keyframes orbit-flow{to{stroke-dashoffset:-90}}.probe[data-astro-cid-qrctrsxd]{fill:#fff;filter:drop-shadow(0 0 4px color-mix(in srgb,var(--song) 90%,#fff)) drop-shadow(0 0 8px var(--song))}.monitor[data-astro-cid-qrctrsxd]{grid-area:monitor;position:relative;z-index:2;aspect-ratio:16 / 9;border-radius:4px;overflow:hidden;background:#000;box-shadow:0 0 0 1px #ffffff14,0 0 50px color-mix(in srgb,var(--song) 14%,transparent);transition:box-shadow .5s,transform .5s}.monitor[data-astro-cid-qrctrsxd] iframe[data-astro-cid-qrctrsxd]{width:100%;height:100%;border:0;display:block}.cover[data-astro-cid-qrctrsxd]{height:100%;display:grid;place-items:center;font-family:var(--mono);font-weight:800;letter-spacing:.2em;color:#07080f;background:radial-gradient(circle at 30% 25%,#fff6,transparent 45%),var(--song)}.corner[data-astro-cid-qrctrsxd]{position:absolute;width:12px;height:12px;pointer-events:none;border:1px solid color-mix(in srgb,var(--song) 80%,#fff);opacity:.7}.corner[data-astro-cid-qrctrsxd].tl{top:6px;left:6px;border-right:0;border-bottom:0}.corner[data-astro-cid-qrctrsxd].tr{top:6px;right:6px;border-left:0;border-bottom:0}.corner[data-astro-cid-qrctrsxd].bl{bottom:6px;left:6px;border-right:0;border-top:0}.corner[data-astro-cid-qrctrsxd].br{bottom:6px;right:6px;border-left:0;border-top:0}.info[data-astro-cid-qrctrsxd]{grid-area:info;position:relative;z-index:2;min-width:0;pointer-events:none}.meta[data-astro-cid-qrctrsxd]{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;margin-bottom:1rem}.date[data-astro-cid-qrctrsxd]{color:var(--muted)}.genres[data-astro-cid-qrctrsxd]{display:inline-flex;flex-wrap:wrap;gap:.5rem}.genre[data-astro-cid-qrctrsxd]{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .6rem .25rem .5rem;border-radius:3px;text-transform:uppercase;color:color-mix(in srgb,var(--song) 85%,#fff);border:1px solid color-mix(in srgb,var(--song) 40%,transparent);background:color-mix(in srgb,var(--song) 8%,transparent)}.genre[data-astro-cid-qrctrsxd].unknown{color:var(--muted);border-style:dashed}.eq[data-astro-cid-qrctrsxd]{display:inline-flex;align-items:flex-end;gap:2px;width:14px;height:10px}.eq[data-astro-cid-qrctrsxd] b[data-astro-cid-qrctrsxd]{flex:1;height:100%;background:var(--song);transform-origin:bottom;animation:eq var(--beat) cubic-bezier(.1,.8,.2,1) infinite}.eq[data-astro-cid-qrctrsxd] b[data-astro-cid-qrctrsxd]:nth-child(1){--peak: .7}.eq[data-astro-cid-qrctrsxd] b[data-astro-cid-qrctrsxd]:nth-child(2){--peak: 1}.eq[data-astro-cid-qrctrsxd] b[data-astro-cid-qrctrsxd]:nth-child(3){--peak: .55}.eq[data-astro-cid-qrctrsxd] b[data-astro-cid-qrctrsxd]:nth-child(4){--peak: .85}.genre[data-astro-cid-qrctrsxd].unknown .eq[data-astro-cid-qrctrsxd] b[data-astro-cid-qrctrsxd]{animation:none;transform:scaleY(.25);background:var(--muted)}@keyframes eq{0%{transform:scaleY(var(--peak, 1))}to{transform:scaleY(.18)}}.bpm[data-astro-cid-qrctrsxd]{display:inline-flex;align-items:center;gap:.5rem;color:var(--muted)}.pulse[data-astro-cid-qrctrsxd]{width:8px;height:8px;border-radius:50%;background:var(--song);box-shadow:0 0 8px var(--song);animation:pulse var(--beat) cubic-bezier(.2,.8,.2,1) infinite}@keyframes pulse{0%{transform:scale(1.15);opacity:1}60%{transform:scale(.7);opacity:.35}to{transform:scale(.7);opacity:.35}}.title[data-astro-cid-qrctrsxd]{font-weight:300;font-size:clamp(2rem,4.2vw,3.4rem);letter-spacing:.04em;line-height:1.05;margin:0 0 .35rem;color:#f2f3fb;transition:letter-spacing .5s}.kr[data-astro-cid-qrctrsxd]{font-family:var(--mono);font-size:.9rem;color:var(--muted);letter-spacing:.1em}.cta[data-astro-cid-qrctrsxd]{margin-top:1.4rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.25em;color:var(--song);opacity:0;transform:translate(-8px);transition:opacity .4s,transform .4s}.song[data-astro-cid-qrctrsxd]:hover .monitor[data-astro-cid-qrctrsxd]{box-shadow:0 0 0 1px color-mix(in srgb,var(--song) 50%,transparent),0 0 80px color-mix(in srgb,var(--song) 30%,transparent);transform:translateY(-2px)}.song[data-astro-cid-qrctrsxd]:hover .orbit[data-astro-cid-qrctrsxd] .path[data-astro-cid-qrctrsxd]{stroke:color-mix(in srgb,var(--song) 90%,#fff)}.song[data-astro-cid-qrctrsxd]:hover .title[data-astro-cid-qrctrsxd]{letter-spacing:.08em}.song[data-astro-cid-qrctrsxd]:hover .cta[data-astro-cid-qrctrsxd]{opacity:1;transform:none}.song[data-astro-cid-qrctrsxd]:hover .pixels[data-astro-cid-qrctrsxd]{opacity:1}.song[data-astro-cid-qrctrsxd]:has(.card-link:focus-visible) .cta[data-astro-cid-qrctrsxd]{opacity:1;transform:none}@media(max-width:1000px){.song[data-astro-cid-qrctrsxd],.song[data-astro-cid-qrctrsxd].flip{grid-template-columns:120px minmax(0,1fr);grid-template-areas:"planet monitor" "planet info";gap:1.2rem 1.6rem;align-items:start;padding:2.4rem 0}.orbit[data-astro-cid-qrctrsxd]{display:none}}@media(max-width:640px){.song[data-astro-cid-qrctrsxd],.song[data-astro-cid-qrctrsxd].flip{grid-template-columns:1fr;grid-template-areas:"planet" "monitor" "info";gap:1rem;padding:1.8rem 0}.planet[data-astro-cid-qrctrsxd]{grid-auto-flow:column;justify-content:start;align-items:center;gap:1rem}.cta[data-astro-cid-qrctrsxd]{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.orbit[data-astro-cid-qrctrsxd] .path[data-astro-cid-qrctrsxd],.eq[data-astro-cid-qrctrsxd] b[data-astro-cid-qrctrsxd],.pulse[data-astro-cid-qrctrsxd]{animation:none}.probe[data-astro-cid-qrctrsxd] animateMotion[data-astro-cid-qrctrsxd]{display:none}.monitor[data-astro-cid-qrctrsxd],.title[data-astro-cid-qrctrsxd],.cta[data-astro-cid-qrctrsxd]{transition:none}}