:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f7fafb;--muted:#aab6ba;--surface:#141a1d;--line:#2a3438;--orange:#f7941e;--aqua:#00d8e5}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:radial-gradient(circle at 85% 15%,#00d8e521,#0000 28rem),radial-gradient(circle at 15% 90%,#f7941e1c,#0000 30rem),#090c0e}.shell{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.card{border:1px solid var(--line);background:#141a1de6;border-radius:24px;width:min(100%,680px);padding:clamp(30px,7vw,64px);box-shadow:0 24px 80px #00000059}.eyebrow{color:var(--aqua);letter-spacing:.15em;text-transform:uppercase;margin:0 0 18px;font-size:.75rem;font-weight:700}h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.2rem,7vw,4.5rem);line-height:.96}.intro{color:var(--muted);margin:24px 0 36px;font-size:1.08rem;line-height:1.65}.songLink{color:var(--ink);background:#f7941e14;border:1px solid #f7941e73;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;font-weight:650;text-decoration:none;transition:border-color .16s,background .16s,transform .16s;display:flex}.songLink span{color:var(--orange);font-size:1.4rem}.songLink:hover{border-color:var(--orange);background:#f7941e24;transform:translateY(-2px)}.songLink:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}.note{color:#849196;margin:22px 0 0;font-size:.82rem;line-height:1.5}