.l-page{max-width:1100px;margin:0 auto;padding:60px 24px 90px}.l-album{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:46px;align-items:start}.l-cover{margin:0;position:relative;padding:10px;background:linear-gradient(130deg,#c9a6ff88,#2c204988 30%,#9ef0ff55 60%,#ffb3df99);clip-path:polygon(28px 0,100% 0,100% calc(100% - 28px),calc(100% - 28px) 100%,0 100%,0 28px)}.l-cover img{position:relative;display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}.l-kicker{color:var(--pink-3);margin:0 0 14px}.l-album-body h1{font-size:clamp(38px,6vw,64px);line-height:1;margin:0 0 8px;letter-spacing:.02em}.l-artist{margin:0 0 28px;color:var(--ash-dim,var(--ash));font-style:italic}.l-section{display:block;margin:34px 0 12px;color:var(--ash-faint,var(--ash))}.l-player{border:1px solid var(--line);background:color-mix(in srgb,var(--void-1) 70%,transparent);padding:22px 24px 18px}.l-now{margin-bottom:16px}.l-now .c-label{margin:0 0 6px;color:var(--pink-3)}.l-now h2{margin:0;font-size:clamp(20px,2.4vw,28px);line-height:1.2}.l-velori{margin:4px 0 0;color:var(--ash-faint,var(--ash));font-size:13px}.l-scrub{position:relative;height:18px;margin-top:6px}.l-scrub-track{position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;background:color-mix(in srgb,var(--pink-3) 14%,transparent);border-radius:2px;overflow:hidden}.l-scrub-buffer{position:absolute;inset-block:0;left:0;background:color-mix(in srgb,var(--pink-3) 30%,transparent)}.l-scrub-fill{position:absolute;inset-block:0;left:0;background:linear-gradient(90deg,#c9a6ff,#ff9ed6)}.l-scrub.is-buffering .l-scrub-track{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--pink-3) 12%,transparent) 0 6px,color-mix(in srgb,var(--pink-3) 34%,transparent) 6px 12px);background-size:17px 17px;animation:l-buffering .7s linear infinite}@keyframes l-buffering{to{background-position:17px 0}}.l-scrub input{position:absolute;inset:0;width:100%;height:100%;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}.l-scrub input::-webkit-slider-thumb{-webkit-appearance:none;width:11px;height:11px;margin-top:3.5px;border-radius:50%;background:#ffd6ee;border:1px solid var(--pink-3);box-shadow:0 0 6px var(--pink-3)}.l-scrub input::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#ffd6ee;border:1px solid var(--pink-3);box-shadow:0 0 6px var(--pink-3)}.l-times{display:flex;justify-content:space-between;font:10px var(--font-mono);letter-spacing:.12em;color:var(--ash-faint,var(--ash));margin-top:2px}.l-transport{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}.l-transport button,.l-download{font:10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pink-3);background:color-mix(in srgb,var(--pink-3) 8%,transparent);border:1px solid var(--line);padding:10px 14px;min-height:44px;display:inline-flex;align-items:center;cursor:pointer;text-decoration:none}.l-transport button:hover,.l-download:hover{background:color-mix(in srgb,var(--pink-3) 18%,transparent);color:#fff0fa}.l-transport button:disabled{opacity:.35;cursor:default}.l-transport .l-play{min-width:120px;justify-content:center}.l-download{margin-left:auto}.l-status{margin:12px 0 0;font:10px/1.7 var(--font-mono);letter-spacing:.08em;color:var(--pink-3)}.l-tracks{list-style:none;margin:20px 0 0;padding:18px 0 0;border-top:1px solid var(--line);counter-reset:none}.l-tracks li{display:flex;align-items:center;gap:6px}.l-tracks li+li{border-top:1px solid color-mix(in srgb,var(--line) 50%,transparent)}.l-tracks button{flex:1;display:flex;align-items:center;gap:14px;background:none;border:0;padding:11px 8px;text-align:left;color:var(--ash);cursor:pointer;min-height:44px}.l-tracks button:hover{background:color-mix(in srgb,var(--pink-3) 7%,transparent)}.l-tracks li.is-current button{color:var(--pink-3)}.l-track-index{font:10px var(--font-mono);letter-spacing:.12em;color:var(--ash-faint,var(--ash));min-width:24px}.l-tracks li.is-current .l-track-index{color:var(--pink-3)}.l-track-title{flex:1;display:flex;flex-direction:column;gap:2px;font-size:15px}.l-track-title small{color:var(--ash-faint,var(--ash));font-size:11px;font-style:italic}.l-track-time{font:10px var(--font-mono);letter-spacing:.12em;color:var(--ash-faint,var(--ash))}.l-tracks a{display:grid;place-items:center;width:44px;min-height:44px;color:var(--ash-faint,var(--ash));text-decoration:none;font-size:15px}.l-tracks a:hover{color:var(--pink-3)}.l-total{margin:16px 0 0;font:10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ash-faint,var(--ash))}.l-aside{display:flex;flex-direction:column;min-width:0}.l-aside .l-section{margin-top:26px}.l-services{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0}.l-services li:last-child:nth-child(odd){grid-column:1/-1}.l-services a{display:flex;align-items:center;gap:10px;font:10px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--line);background:color-mix(in srgb,var(--void-1) 70%,transparent);padding:10px 14px;min-height:44px;text-decoration:none;color:var(--ash);transition:border-color .16s ease,color .16s ease,background .16s ease}.l-services svg{flex:none;color:var(--pink-3)}.l-services a:hover{border-color:var(--pink-3);color:var(--pink-3);background:color-mix(in srgb,var(--pink-3) 8%,transparent)}.l-note{margin:18px 0 0;max-width:52ch;color:var(--ash-dim,var(--ash));font-size:14px;line-height:1.8}@media(max-width:860px){.l-album{grid-template-columns:minmax(0,1fr);gap:28px}.l-aside{max-width:420px}.l-page{padding:40px 18px 70px}.l-download{margin-left:0}}@media(prefers-reduced-motion:reduce){.l-scrub.is-buffering .l-scrub-track{animation:none}}
