.p-music .room{grid-template-columns:17.5rem minmax(0,1fr);align-items:start;gap:clamp(3.5rem,8vw,8rem);margin-top:clamp(4.5rem,10vw,6.5rem);display:grid}.p-music .side{top:calc(env(safe-area-inset-top,0px) + 2rem);background:var(--panel);padding:1.7rem 1.5rem 1.3rem;position:sticky}.p-music .side h2{margin:0 0 1rem;padding-left:0}.p-music .works{margin:0;padding:0;list-style:none}.p-music .works button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;color:var(--ink-soft);justify-content:space-between;align-items:baseline;gap:1rem;padding:.62rem 0;transition:color .25s;display:flex}.p-music .works button:hover,.p-music .works button[aria-current=true]{color:var(--ink)}.p-music .works .n{letter-spacing:.2em;font-variant-numeric:tabular-nums;flex:none;width:1.8rem;font-size:.62rem}.p-music .works .t{letter-spacing:.05em;flex:1;font-size:.95rem}.p-music .works button[aria-current=true] .t:after{content:"";background:var(--ink);vertical-align:.15em;border-radius:50%;width:.35rem;height:.35rem;margin-left:.7rem;display:inline-block}.p-music .works .d{letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:.66rem}.p-music .detail{min-width:0;max-width:38rem}.p-music .detail h2{letter-spacing:.16em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(1.5rem,3.6vw,2.2rem);font-weight:200;line-height:1.3}.p-music .detail .meta{margin-top:1.1rem}.p-music .visual{margin:2.6rem 0 0}.p-music .visual img{aspect-ratio:3/2;object-fit:cover;background:var(--panel);width:100%;height:auto;display:block}.p-music .player{align-items:center;gap:1.1rem;max-width:28rem;margin-top:2.4rem;display:flex}.p-music .play{width:2.4rem;height:2.4rem}.p-music .play svg{width:.75rem;height:.75rem}.p-music .exc{margin:.9rem 0 0}.p-music .note{white-space:pre-line;margin:0;font-size:.86rem;line-height:1.85}.p-music .note.todo{color:var(--ink-soft);font-style:italic}.p-music .credit{color:var(--ink-soft);max-width:34rem;margin:2rem 0 0;font-size:.92rem;line-height:1.8}.p-music .blk{margin-top:3.4rem}.p-music .blk>.label:first-child{margin-bottom:1rem;display:block}.p-music .blk .player{margin-top:0}.p-music .setup{grid-template-columns:minmax(0,23rem) 1fr;align-items:end;gap:2.2rem;margin:0 0 2.4rem;display:grid}.p-music .plan{width:100%;height:auto;display:block}.p-music .plan .d0{stop-color:var(--shade-in)}.p-music .plan .d1{stop-color:var(--shade)}.p-music .plan .cur{fill:none;stroke:var(--ink-soft);stroke-width:.8px;stroke-dasharray:3 3}.p-music .plan .spk circle{fill:var(--paper);stroke:var(--ink);stroke-width:1px}.p-music .plan text{font-family:var(--sans);text-anchor:middle;fill:var(--ink)}.p-music .plan .spk text{font-size:11px;font-weight:400}.p-music .plan .lt,.p-music .legend .lg-l{fill:var(--hair)}.p-music .plan .dir{letter-spacing:.28em;text-transform:uppercase;fill:var(--ink-soft);font-size:10px;font-weight:300}.p-music .plan .arr{fill:none;stroke:var(--ink-soft);stroke-width:.8px}.p-music .legend{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.p-music .legend li{letter-spacing:.04em;color:var(--ink-soft);align-items:center;gap:.8rem;font-size:.74rem;line-height:1.4;display:flex}.p-music .legend svg{flex:none;width:1.15rem;height:1.15rem}.p-music .legend .lg-s{fill:var(--paper);stroke:var(--ink);stroke-width:1px}.p-music .legend text{font-family:var(--sans);text-anchor:middle;fill:var(--ink);font-size:8px}.p-music .legend .lg-c{fill:none;stroke:var(--ink-soft);stroke-width:1px;stroke-dasharray:2.4 2}.p-music .legend .lg-d{fill:var(--shade)}.p-music .note.how{margin-bottom:0}.p-music .plan .axe{fill:none;stroke:var(--hair);stroke-width:.8px;stroke-dasharray:2 3}.p-music .setup.st{grid-template-columns:minmax(0,19rem) 1fr;align-items:center}.p-music .cfg{margin:0 0 1.1rem}.p-music .legend .lg-x{flex:none;width:1.15rem}@media (width<=760px){.p-music .setup{grid-template-columns:1fr;gap:1.6rem}.p-music .plan{max-width:20rem;margin:0 auto}}.p-music .step{justify-content:space-between;gap:1rem;margin-top:4rem;display:flex}.p-music .step button{all:unset;cursor:pointer;letter-spacing:var(--track-nav);text-transform:uppercase;color:var(--ink-soft);font-size:.62rem;transition:color .25s}.p-music .step button:hover{color:var(--ink)}.p-music .step button[hidden]{display:none}.p-music .detail-in{animation:.5s both fade}@keyframes fade{0%{opacity:.25}to{opacity:1}}@media (width<=760px){.p-music .room{grid-template-columns:minmax(0,1fr);gap:3.5rem}.p-music .side{width:100%;max-width:26rem;margin:0 auto;position:static}.p-music .detail{margin:0 auto;scroll-margin-top:1.5rem}}