.music-page{--music-cream:#f3ead7;--music-ink:#261d18;--music-muted:#756456;--music-gold:#d59b4a;min-height:100svh;color:var(--music-cream);background:radial-gradient(circle at 15% 0,#402b20 0,#0000 35rem),#17110e;padding:1rem clamp(1rem,3vw,3rem) 4rem}.music-topbar{border-bottom:1px solid #f3ead72e;justify-content:space-between;align-items:center;gap:1rem;max-width:1500px;margin:0 auto;padding:.4rem 0 1rem;display:flex}.music-back{color:#f3ead7d1;letter-spacing:.04em;align-items:center;gap:.5rem;font-size:.78rem;display:inline-flex}.music-back svg{width:1rem}.music-edition{color:#efc584;letter-spacing:.1em;text-transform:uppercase;border:1px solid #d59b4a8c;border-radius:999px;padding:.38rem .65rem;font-size:.62rem;font-weight:700}.music-layout{grid-template-columns:minmax(0,1fr) minmax(17rem,21rem);gap:clamp(1.25rem,3vw,3rem);max-width:1500px;margin:1.5rem auto 0;display:grid}.music-main{min-width:0}.music-identity{align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.music-identity img{object-fit:cover;border:1px solid #f3ead747;border-radius:1rem;width:4.6rem;height:4.6rem;box-shadow:0 12px 30px #00000047}.music-identity p,.music-identity h1,.music-identity span{margin:0}.music-identity p{letter-spacing:.13em;text-transform:uppercase;color:var(--music-gold);margin-bottom:.25rem;font-size:.62rem;font-weight:700}.music-identity h1{letter-spacing:-.035em;font:400 clamp(1.85rem,4vw,3.25rem)/1 Georgia,serif}.music-identity span{color:#f3ead794;margin-top:.35rem;font-size:.72rem;display:block}.hero-player{color:var(--music-ink);background:var(--music-cream);border:1px solid #f3ead72e;border-radius:1.15rem;grid-template-columns:minmax(14rem,31%) minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 28px 70px #00000047}.hero-cover{object-fit:cover;width:100%;height:100%;min-height:20rem}.hero-player-copy{flex-direction:column;justify-content:center;min-width:0;padding:clamp(1.35rem,4vw,3.5rem);display:flex}.track-status{color:var(--music-muted);letter-spacing:.1em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;font-size:.62rem;font-weight:700;display:flex}.track-status span:first-child{color:#754a18;background:#ead2aa;border-radius:999px;padding:.35rem .55rem}.hero-player h2{letter-spacing:-.055em;text-wrap:balance;max-width:18ch;margin:1rem 0 2rem;font:400 clamp(2.3rem,5vw,5.6rem)/.92 Georgia,serif}.waveform-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1rem;display:grid}.main-play{box-shadow:0 8px 20px #57310e38;border-radius:50%!important;width:3.4rem!important;height:3.4rem!important}.main-play svg{width:1.25rem;height:1.25rem}.waveform{background:0 0;border:0;align-items:center;gap:2px;width:100%;height:5.8rem;padding:.55rem 0;display:flex}.waveform span{background:#cbbba2;border-radius:999px;flex:1;min-width:1px;transition:background-color .1s,transform .1s}.waveform span.played{background:#b87527}.waveform:hover span{transform:scaleY(1.05)}.time-row{color:var(--music-muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin:.2rem 0 0 4.4rem;font-size:.65rem;display:flex}.hero-player audio{display:none}.music-seek{accent-color:#b87527;width:100%;margin-top:1rem}.music-page button:focus-visible{outline:3px solid var(--music-gold);outline-offset:4px}.music-page a:focus-visible{outline:3px solid var(--music-gold);outline-offset:4px}.music-seek:focus-visible{outline:3px solid var(--music-gold);outline-offset:4px}.music-page .main-play{color:#fff8ef;background:#b87527}.lyrics-panel,.song-library{background:#1f1611c2;border:1px solid #f3ead729;border-radius:1rem;margin-top:1.25rem}.lyrics-heading,.song-library-heading{justify-content:space-between;align-items:center;gap:1rem;padding:1.15rem 1.25rem;display:flex}.lyrics-heading>div,.song-library-heading>div{gap:.2rem;display:grid}.lyrics-heading span,.song-library-heading span{letter-spacing:.12em;text-transform:uppercase;color:var(--music-gold);font-size:.58rem;font-weight:700}.lyrics-heading h2,.song-library-heading h2{margin:0;font:400 1.65rem Georgia,serif}.lyrics-heading button{color:var(--music-cream);background:#f3ead70f;border-color:#f3ead740}.lyrics-body{scroll-behavior:smooth;border-top:1px solid #f3ead724;max-height:31rem;padding:1.25rem;overflow-y:auto}.synced-lyrics{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.synced-lyrics li{color:#f3ead77a;border-left:2px solid #0000;padding:.35rem .75rem;font:400 1.05rem/1.5 Georgia,serif;transition:all .2s}.synced-lyrics li.active{border-color:var(--music-gold);color:#fff8e8;transform:translate(.3rem)}.unsynced-lyrics{gap:.55rem;display:grid}.unsynced-lyrics p{color:#f3ead7d1;margin:0;font:400 1rem/1.55 Georgia,serif}.lyrics-empty{color:#f3ead79e;justify-items:start;gap:.55rem;max-width:32rem;padding:1rem 0;display:grid}.lyrics-empty svg{width:1.35rem;color:var(--music-gold)}.lyrics-empty strong{color:var(--music-cream);font:400 1.1rem Georgia,serif}.lyrics-empty span{font-size:.74rem;line-height:1.55}.song-library-heading{border-bottom:1px solid #f3ead724}.song-library-heading>small{text-align:right;color:#f3ead780;max-width:14rem;font-size:.65rem;line-height:1.4}.album-groups{gap:1rem;padding:1rem;display:grid}.album-group{background:#f3ead705;border:1px solid #f3ead71f;border-radius:.8rem;overflow:hidden}.album-group.album-art-tales{background-image:linear-gradient(#160c06c9,#160c06eb),url(/music/album-backgrounds/Tales%20from%20the%20Mischievous%20Unknown.webp);background-position:top;background-size:cover}.album-group.album-art-chronicle{background-image:linear-gradient(#140c07d1,#140c07e8),url(/music/album-backgrounds/The%20Chronicle%20of%20Pickles.webp);background-position:50%;background-size:cover}.album-group.album-art-tales .album-heading{background:#522b0f85}.album-group.album-art-chronicle .album-heading{background:#4a2a147a}.album-group.album-art-tales .song-list button,.album-group.album-art-chronicle .song-list button{text-shadow:0 1px 5px #000000e0}.album-heading{background:#d59b4a0f;border-bottom:1px solid #f3ead71a;justify-content:space-between;align-items:end;gap:1rem;padding:.9rem 1rem;display:flex}.album-heading>div{gap:.18rem;display:grid}.album-heading span{color:var(--music-gold);letter-spacing:.12em;text-transform:uppercase;font-size:.54rem;font-weight:700}.album-heading h3{margin:0;font:400 1.2rem Georgia,serif}.album-heading small{color:#f3ead775;white-space:nowrap;font-size:.6rem}.song-list{margin:0;padding:0;list-style:none}.song-list li+li{border-top:1px solid #f3ead71a}.song-list button{text-align:left;width:100%;min-height:4.3rem;color:inherit;background:0 0;border:0;grid-template-columns:1.15rem 2.25rem minmax(0,1fr) auto 2rem;align-items:center;gap:.7rem;padding:.65rem 1rem .65rem .7rem;transition:all .16s;display:grid}.song-list button:hover,.song-list li.selected button{background:#d59b4a1c}.song-list button:focus-visible{background:#d59b4a1c}.song-list li.dragging{opacity:.48}.drag-handle{color:#f3ead757;cursor:grab;align-self:stretch;place-items:center;display:grid}.drag-handle:active{cursor:grabbing}.drag-handle svg{width:1rem}:is(.song-list button:hover .drag-handle,.song-list button:focus-visible .drag-handle){color:var(--music-gold)}.song-number{border:1px solid #f3ead73d;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.song-number svg{width:.82rem}.song-copy{gap:.22rem;min-width:0;display:grid}.song-copy strong{text-overflow:ellipsis;white-space:nowrap;font:400 .95rem Georgia,serif;overflow:hidden}.song-copy small,.song-count,.song-position{color:#f3ead77a;font-size:.62rem}.song-count{white-space:nowrap;font-variant-numeric:tabular-nums}.song-position{text-align:right;font-variant-numeric:tabular-nums}.music-sidebar{background:#1f1611e0;border:1px solid #f3ead729;border-radius:1rem;align-self:start;gap:1rem;padding:1.1rem;display:grid;position:sticky;top:1rem}.channel-card{border-bottom:1px solid #f3ead724;align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.channel-card img{object-fit:cover;border-radius:.75rem;width:3.4rem;height:3.4rem}.channel-card div{gap:.2rem;display:grid}.channel-card span,.music-sidebar>p{color:#f3ead78a;font-size:.66rem;line-height:1.5}.channel-card strong{font:400 .95rem Georgia,serif}.music-sidebar h2{margin:.35rem 0 0;font:400 1.4rem Georgia,serif}.music-sidebar>p{margin:0}.artist-links{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.artist-links a,.artist-link-pending{min-height:3rem;color:var(--music-cream);background:#f3ead70a;border:1px solid #f3ead729;border-radius:.65rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .8rem;display:flex}:is(.artist-links a:hover,.artist-links a:focus-visible){border-color:var(--music-gold);background:#d59b4a1a}.artist-links svg{width:.95rem}.artist-link-pending{opacity:.62}.artist-link-pending small{color:#f3ead77a;font-size:.58rem}.privacy-note{border-left:2px solid var(--music-gold);color:#f3ead794;background:#d59b4a12;align-items:flex-start;gap:.7rem;margin-top:.3rem;padding:.8rem;display:flex}.privacy-note svg{width:1.1rem;color:var(--music-gold);flex:none}.privacy-note span{font-size:.65rem;line-height:1.5}.privacy-note strong{color:var(--music-cream);margin-bottom:.15rem;display:block}.story-card{background:linear-gradient(145deg,#d59b4a1a,#f3ead708);border:1px solid #f3ead729;border-radius:.8rem;gap:.65rem;margin-top:.35rem;padding:1rem;display:grid}.story-card>span{color:var(--music-gold);letter-spacing:.12em;text-transform:uppercase;font-size:.56rem;font-weight:700}.story-card h2{margin:0;font:400 1.35rem/1.05 Georgia,serif}.story-card p{color:#f3ead7a3;margin:0;font:400 .82rem/1.55 Georgia,serif}@media (max-width:980px){.music-layout{grid-template-columns:1fr}.music-sidebar{grid-template-columns:1fr;position:static}.hero-player{grid-template-columns:minmax(12rem,34%) minmax(0,1fr)}}@media (max-width:680px){.music-page{padding-inline:.75rem}.music-topbar{padding-inline:.25rem}.hero-player{grid-template-columns:1fr}.hero-cover{height:min(75vw,24rem);min-height:0}.hero-player h2{font-size:clamp(2.3rem,12vw,4.4rem)}.waveform{height:4.5rem}.song-list button{grid-template-columns:1rem 2.25rem minmax(0,1fr) auto}.song-position{display:none}.song-count{font-size:.58rem}.song-library-heading{flex-direction:column;align-items:flex-start}.song-library-heading>small{text-align:left}.album-groups{padding:.7rem}.album-heading{flex-direction:column;align-items:flex-start;gap:.4rem}.music-identity img{width:4rem;height:4rem}}