/* A quiet, persistent player in the site's existing ivory and gold palette. */
body { padding-bottom: calc(90px + env(safe-area-inset-bottom, 0px)); }
.music-player { position:fixed; z-index:1100; inset:auto 0 0; background:#fcfaf5f5; color:#382e22; border-top:1px solid #c7ad7d; box-shadow:0 -5px 24px #3228180c; padding-bottom:env(safe-area-inset-bottom,0px); backdrop-filter:blur(16px); }
.music-player-inner { max-width:1280px; margin:0 auto; padding:14px 24px; display:grid; grid-template-columns:48px minmax(150px,230px) 44px minmax(130px,1fr) 142px; grid-template-areas:'art copy play progress volume'; gap:18px; align-items:center; }
.music-player-art { grid-area:art; display:block; width:48px; height:48px; border-radius:3px; overflow:hidden; }
.music-player-art img { display:block; width:100%; height:100%; object-fit:cover; }
.music-player-copy { grid-area:copy; min-width:0; }
.music-player-copy>a { display:block; font:400 18px/1.3 Georgia,serif; letter-spacing:.01em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.music-player-copy>span { display:block; margin-top:4px; font:400 10px/1.5 var(--font-body); color:#6b5940; }
.music-player button { display:inline-flex; justify-content:center; align-items:center; min-width:44px; min-height:44px; padding:0; border:1px solid transparent; border-radius:50%; color:#795324; background:transparent; cursor:pointer; transition:background .2s,box-shadow .2s; }
.music-player .music-player-toggle { grid-area:play; background:#85602d; border-color:#85602d; color:#fffdf8; font-size:16px; }
.music-player button:hover { background:#efe5d3; box-shadow:0 0 0 3px #c8a66b30; }
.music-player .music-player-toggle:hover { background:#6e4c22; }
.music-player :focus-visible,.hero-listen:focus-visible { outline:3px solid #b68d48; outline-offset:4px; }
.music-player-progress { grid-area:progress; display:flex; align-items:center; gap:9px; min-width:0; }
.music-player-progress>span { font:400 10px/1.4 var(--font-body); font-variant-numeric:tabular-nums; color:#6b5940; min-width:30px; }
.music-player input[type=range] { accent-color:#916b36; cursor:pointer; height:30px; min-width:0; padding:0; margin:0; }
.music-player input:disabled { cursor:default; opacity:.5; }
.music-player-progress input { width:100%; flex:1; }
.music-player-volume { grid-area:volume; display:flex; align-items:center; gap:5px; }
.music-player-volume input { width:85px; }
.music-player-volume svg { width:21px; height:21px; }
.music-volume-cross,.is-muted .music-volume-waves { display:none; }
.is-muted .music-volume-cross { display:initial; }
.hero-listen { display:flex; align-items:center; justify-content:center; gap:10px; margin:19px auto 0; padding:12px 23px; min-height:44px; border:1px solid #c8aa72; border-radius:30px; background:#f9f2e3f2; color:#604119; font:500 11px/1.4 var(--font-body); letter-spacing:.06em; cursor:pointer; box-shadow:0 3px 16px #0002; transition:background .25s,box-shadow .25s; }
.hero-listen:hover { background:#e8d6b2; box-shadow:0 0 0 4px #c8a66b30; }
.home-button:hover,.home-button:focus-visible { box-shadow:0 0 0 3px #c8a66b38; }
.song-detail-audio-notify { display:inline-flex; align-items:center; gap:6px; min-height:44px; color:#805a2a; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.song-detail-audio-recording { flex:1; min-width:0; }
.song-detail-audio-recording audio { display:block; width:100%; }
.song-detail-audio-recording .song-detail-audio-state { display:block; margin-top:8px; }
.reveal-on-scroll { opacity:0; transform:translateY(12px); transition:opacity .75s ease,transform .75s ease; }
.reveal-on-scroll.is-revealed { opacity:1; transform:none; }
.back-to-top { bottom:calc(106px + env(safe-area-inset-bottom,0px)); }
.sticky-cta { bottom:calc(90px + env(safe-area-inset-bottom,0px)); }
@media(max-width:800px) { .music-player-inner { grid-template-columns:44px minmax(130px,190px) 44px minmax(110px,1fr) 44px; gap:12px; padding:12px 18px; } .music-player-art { width:44px; height:44px; } .music-player-volume input { display:none; } }
@media(max-width:560px) {
  body { padding-bottom:calc(124px + env(safe-area-inset-bottom,0px)); }
  .music-player-inner { grid-template-columns:40px minmax(0,1fr) 44px 44px; grid-template-areas:'art copy play volume' 'progress progress progress progress'; column-gap:10px; row-gap:2px; padding:10px 16px 7px; }
  .music-player-art { width:40px; height:40px; }
  .music-player-copy>a { font-size:16px; }
  .music-player-copy>span { font-size:9px; }
  .music-player-progress { gap:10px; }
  .music-player-progress input { height:28px; }
  .hero-listen { margin-top:14px; padding:10px 20px; }
  .back-to-top { bottom:calc(130px + env(safe-area-inset-bottom,0px)); }
  .sticky-cta { bottom:calc(118px + env(safe-area-inset-bottom,0px)); }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  .reveal-on-scroll,.reveal-on-scroll.is-revealed { opacity:1; transform:none; transition:none; }
  .music-player button,.hero-listen { transition:none; }
}