.music-page{max-width:60rem;margin-inline:auto;padding:clamp(1.5rem,5vw,3rem) var(--space-container)}.music-head{text-align:center;margin-bottom:2.25rem}.music-kicker{font-family:ui-monospace,JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:#b8741f;margin:0 0 .5rem}.music-title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(2.6rem,9vw,4rem);font-weight:600;color:#2a1a0e;margin:0}.music-deck{color:#6b4226bf;margin:.5rem 0 0}.music-collection{margin-bottom:2.5rem}.music-collection-head{border-bottom:1px solid rgba(107,66,38,.16);padding-bottom:.7rem;margin-bottom:1.4rem}.music-collection-head h2{font-family:Cormorant Garamond,Georgia,serif;font-size:1.7rem;font-weight:600;color:#2a1a0e;margin:0}.music-collection-head p{margin:.15rem 0 0;font-size:.9rem;color:#6b4226b3}.music-collection-writeup{max-width:46rem;margin-top:.6rem!important;font-size:.96rem;line-height:1.6;color:#3a2413d1}.stream-links{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.95rem}.stream-label{font-family:ui-monospace,JetBrains Mono,monospace;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#6b422699;margin-right:.15rem}.stream-btn{display:inline-flex;align-items:center;gap:.42rem;padding:.4rem .9rem .4rem .7rem;border:1px solid rgba(107,66,38,.28);border-radius:999px;font-family:ui-monospace,JetBrains Mono,monospace;font-size:.66rem;letter-spacing:.03em;color:#7a4a1a;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}.stream-ic{display:inline-flex;flex:none}.stream-ic svg{width:15px;height:15px;display:block}.stream-btn:hover{background:#d4944724;border-color:#b8741f8c}@media(max-width:640px){.stream-links{gap:.6rem}.stream-btn{padding:0;width:2.6rem;height:2.6rem;border-radius:50%;gap:0;justify-content:center}.stream-btn>span:last-child{display:none}.stream-ic svg{width:19px;height:19px}}.album-writeup{margin:.1rem 0 .2rem;font-size:.92rem;line-height:1.55;color:#3a2413c7;max-width:46rem}.album{border:1px solid rgba(107,66,38,.14);border-radius:14px;background:#fffdf8;padding:1rem;margin-bottom:1.1rem}.album-head{display:flex;gap:1rem;align-items:center}.album-cover{flex:none;width:84px;height:84px;border-radius:8px;overflow:hidden;background:#211208;display:flex;align-items:center;justify-content:center}.album-cover img{width:100%;height:100%;object-fit:cover}.album-cover-fallback{color:#d99439;font-size:1.6rem}.album-meta{min-width:0}.album-meta h3{font-family:Cormorant Garamond,Georgia,serif;font-size:1.3rem;font-weight:600;color:#2a1a0e;margin:0}.album-meta p{margin:.2rem 0 .6rem;font-size:.78rem;color:#6b4226a6}.album-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.1rem}.album-play{border:1px solid #e0a341;background:#e0a34124;color:#8a4d20;border-radius:999px;padding:.35rem .9rem;font-family:ui-monospace,monospace;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.album-play:hover{background:#e0a3413d}.album-add{display:inline-flex;align-items:center;gap:5px;cursor:pointer;background:none;border:1px solid rgba(212,148,71,.5);color:#7a5a2e;border-radius:999px;padding:.35rem .8rem;font-family:ui-monospace,monospace;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;transition:border-color .15s,color .15s,background .15s}.album-add:hover{border-color:#d49447e6;color:#4a3a28}.album-add.is-added{background:#d494472e;border-color:#d49447bf;color:#8a5a1e}.track-list{list-style:none;margin:.9rem 0 0;padding:.5rem 0 0;border-top:1px solid rgba(107,66,38,.1)}.track-row{display:flex;align-items:center;gap:.35rem}.track{flex:1;min-width:0;display:flex;align-items:center;gap:.85rem;padding:.62rem .4rem;background:none;border:0;cursor:pointer;text-align:left;border-radius:8px}.track:hover{background:#d4944717}.track-add{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:50%;color:#7a5a2ebf;cursor:pointer;transition:color .15s,border-color .15s,background .15s,transform .15s}.track-add:hover{border-color:#d4944799;color:#4a3a28}.track-add.is-added{color:#8a5a1e;background:#d4944729}.track-add.is-added svg{transform:rotate(45deg)}.track-num{font-family:ui-monospace,monospace;font-size:.72rem;color:#6b422673;width:1.6rem}.track-title{flex:1;min-width:0;font-size:.96rem;color:#2a1a0e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-dur{font-family:ui-monospace,monospace;font-size:.72rem;color:#6b422680}
