.music{padding-top:4rem;padding-bottom:6rem;max-width:880px}.m-hero{margin-bottom:2.5rem}.m-hero-eyebrow{font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#f472b6;margin-bottom:.5rem}.m-hero h1{font-size:3rem;font-weight:800;letter-spacing:-2px;margin-bottom:1rem;background:linear-gradient(180deg,var(--text-primary) 0%,color-mix(in srgb,var(--text-primary) 70%,transparent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.m-sub{font-size:1.125rem;color:var(--text-secondary);line-height:1.7;max-width:680px}.m-meta{margin:2.5rem 0 3rem;padding:1.5rem;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:.55rem}.m-meta-row{display:grid;grid-template-columns:110px 1fr;gap:1rem;align-items:baseline}.m-meta-key{font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.m-meta-val{font-size:.92rem;color:var(--text-primary);line-height:1.5}.m-chapters{list-style:none;padding:0;margin:0;counter-reset:chapter;display:flex;flex-direction:column;gap:1.5rem}.m-chapter{position:relative;display:grid;grid-template-columns:56px 1fr;gap:1.25rem;padding:1.75rem;background:var(--surface-1);border:1px solid var(--border);border-left:3px solid #f472b6;border-radius:var(--radius);transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.m-chapter:hover{border-color:var(--border-hover);border-left-color:#f472b6;background:color-mix(in srgb,var(--surface-1) 80%,var(--surface-2) 20%);transform:translate(2px)}.m-chapter.is-closer{border-left-color:#fbbf24;background:linear-gradient(135deg,var(--surface-1) 0%,color-mix(in srgb,var(--surface-1) 90%,rgba(251,191,36,.08) 10%) 100%)}.m-chapter-num{font-family:var(--font-mono);font-size:1.75rem;font-weight:800;color:#f472b6;line-height:1;letter-spacing:-1px}.m-chapter.is-closer .m-chapter-num{color:#fbbf24}.m-chapter-body{min-width:0}.m-chapter-head{margin-bottom:.85rem}.m-chapter-head h2{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 .6rem;color:var(--text-primary)}.m-chapter-tags{display:flex;flex-wrap:wrap;gap:.4rem}.m-tag{display:inline-block;font-family:var(--font-mono);font-size:.68rem;font-weight:600;padding:.22rem .55rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.m-tag-period{background:#f472b61a;color:#f472b6;border:1px solid rgba(244,114,182,.25)}.m-tag-loc{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border)}.m-tag-role{background:#fbbf2414;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.m-chapter-text{font-size:.98rem;color:var(--text-secondary);line-height:1.72;margin:0}.m-chapter-note{margin-top:1rem;padding:.7rem 1rem;background:#f472b60f;border-left:2px solid #f472b6;border-radius:4px;font-size:.85rem;color:var(--text-secondary);font-style:italic;line-height:1.55}.m-coda{margin-top:3.5rem;padding:2.25rem;background:linear-gradient(135deg,var(--surface-1) 0%,color-mix(in srgb,var(--surface-1) 88%,rgba(244,114,182,.06) 12%) 100%);border:1px solid var(--border);border-radius:var(--radius)}.m-coda h3{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#f472b6;margin-bottom:1rem}.m-coda p{font-size:1.02rem;color:var(--text-primary);line-height:1.75;margin-bottom:1rem}.m-coda p:last-child{margin-bottom:0}.m-related{margin-top:3.5rem}.m-related h3{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:1rem}.m-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.m-related-card{display:block;padding:1.15rem;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:inherit;transition:border-color .15s ease,background .15s ease}.m-related-card:hover{border-color:var(--border-hover);background:var(--surface-2);color:inherit}.m-related-name{font-size:.95rem;font-weight:700;color:var(--text-primary);margin-bottom:.3rem}.m-related-desc{font-size:.8rem;color:var(--text-secondary);line-height:1.5}@media(max-width:700px){.music{padding-top:2.5rem}.m-hero h1{font-size:2rem;letter-spacing:-1px}.m-sub{font-size:1rem}.m-meta-row{grid-template-columns:90px 1fr;gap:.6rem}.m-meta-key{font-size:.65rem}.m-chapter{grid-template-columns:40px 1fr;gap:.85rem;padding:1.3rem}.m-chapter-num{font-size:1.3rem}.m-chapter-head h2{font-size:1.2rem}.m-coda{padding:1.5rem}}