*{box-sizing:border-box;}
  body{margin:0; background:#F5EFE0; color:#1B3A34; font-family:'Literata',serif; line-height:1.7;}
  .wrap{max-width:740px; margin:0 auto; position:relative;}
  ::selection{background:#C9A227; color:#1B3A34;}

  @media (prefers-reduced-motion: reduce){ *{animation-duration:.001s !important; animation-iteration-count:1 !important;} }

  /* KIM ĐĨA — thanh tiến trình dạng cần chỉnh âm lượng */
  .needle-track{position:fixed; top:0; left:0; right:0; height:3px; background:rgba(27,58,52,.1); z-index:60;}
  .needle-fill{height:100%; width:0%; background:#C9A227; transition:width .1s linear;}

  /* COVER — bìa đĩa than */
  .cover{padding:56px 24px 40px; text-align:center; background:#1B3A34; color:#F5EFE0; position:relative; overflow:hidden;}
  .cover::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 0%, rgba(201,162,39,.15), transparent 60%);}
  .eyebrow{position:relative; font-size:12px; letter-spacing:.3em; color:#C9A227; margin-bottom:22px;}
  .vinyl{position:relative; width:220px; height:220px; margin:0 auto 24px;}
  .vinyl-disc{width:100%; height:100%; border-radius:50%; background:
      repeating-radial-gradient(circle, rgba(245,239,224,.06) 0 2px, transparent 2px 5px), #0E211D;
    box-shadow:0 20px 44px rgba(0,0,0,.4);
    animation:spin 40s linear infinite;
  }
  @keyframes spin{to{transform:rotate(360deg);}}
  .vinyl-label{position:absolute; top:50%; left:50%; width:96px; height:96px; transform:translate(-50%,-50%); border-radius:50%; overflow:hidden; border:3px solid #C9A227;}
  .vinyl-label img{width:100%; height:100%; object-fit:cover;}
  .vinyl-hole{position:absolute; top:50%; left:50%; width:10px; height:10px; background:#F5EFE0; border-radius:50%; transform:translate(-50%,-50%); z-index:2;}
  .cover h1{position:relative; font-family:'Cormorant Garamond',serif; font-style:italic; font-weight:600; font-size:44px; margin:0 0 8px;}
  .cover .subtitle{position:relative; font-size:14.5px; color:#D9CBA0; margin:0 0 4px;}
  .cover .meta{position:relative; font-size:12.5px; color:#8FA89E; letter-spacing:.05em;}

  /* EQ decorative divider */
  .eq{display:flex; justify-content:center; align-items:flex-end; gap:4px; height:22px; margin:26px 0 0;}
  .eq span{width:3px; background:#C9A227; border-radius:2px; animation:eqbar 1.2s ease-in-out infinite;}
  .eq span:nth-child(1){height:8px; animation-delay:0s;}
  .eq span:nth-child(2){height:16px; animation-delay:.15s;}
  .eq span:nth-child(3){height:22px; animation-delay:.3s;}
  .eq span:nth-child(4){height:12px; animation-delay:.45s;}
  .eq span:nth-child(5){height:18px; animation-delay:.6s;}
  @keyframes eqbar{0%,100%{transform:scaleY(.4);} 50%{transform:scaleY(1);}}

  /* CHƯƠNG (TRACK) SECTIONS */
  .chapter{padding:54px 24px 10px;}
  .chapter-head{display:flex; align-items:baseline; gap:14px; justify-content:center; margin-bottom:6px;}
  .chapter-num{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:15px; color:#C9A227; border:1px solid #C9A227; border-radius:50%; width:30px; height:30px; display:flex; align-items:center; justify-content:center; flex-shrink:0;}
  .chapter-head h2{font-family:'Cormorant Garamond',serif; font-weight:600; font-size:26px; color:#1B3A34; margin:0;}
  .chapter-sub{text-align:center; font-size:13.5px; color:#6E6552; margin:0 0 26px;}

  .track-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
  .track-grid figure{margin:0; position:relative; border-radius:8px; overflow:hidden; background:#000;}
  .track-grid img{width:100%; height:120px; object-fit:cover; display:block; opacity:.92;}
  .track-grid figcaption{
    position:absolute; left:0; right:0; bottom:0; padding:8px 8px 6px;
    background:linear-gradient(transparent, rgba(0,0,0,.75));
    color:#fff; font-size:12px; font-weight:500;
  }
  @media(min-width:600px){.track-grid img{height:150px;}}

  .see-full{text-align:center; margin:22px 0 0;}
  .see-full a{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:15px; color:#1B3A34; text-decoration:none; border-bottom:1px solid #C9A227; padding-bottom:2px;}

  /* LIẾN NOTES - lời đề tựa album */
  .liner{max-width:560px; margin:0 auto; background:#fff; border-radius:14px; padding:8px 0; box-shadow:0 12px 30px rgba(27,58,52,.1);}
  .liner-note{padding:16px 22px; border-bottom:1px solid #F0E9D6;}
  .liner-note:last-child{border-bottom:none;}
  .liner-note p{margin:0 0 6px; font-size:15px; color:#2A2A22;}
  .liner-note cite{font-family:'Cormorant Garamond',serif; font-style:italic; font-size:13.5px; color:#8C6F1E;}

  .release{margin:56px 24px 30px; padding:38px 24px; text-align:center; border-radius:16px; background:#1B3A34; color:#F5EFE0; position:relative; overflow:hidden;}
  .release::before{content:""; position:absolute; inset:0; background:radial-gradient(circle at 50% 0%, rgba(201,162,39,.15), transparent 60%);}
  .release-label{position:relative; font-size:11.5px; letter-spacing:.25em; color:#C9A227; margin-bottom:10px;}
  .release h2{position:relative; font-family:'Cormorant Garamond',serif; font-style:italic; font-size:26px; margin:0 0 6px;}
  .release p{position:relative; font-size:13.5px; color:#D9CBA0; margin:0 0 20px;}
  #qrcode{position:relative; background:#fff; display:inline-block; padding:8px; border-radius:8px; margin-bottom:16px;}
  .link-row{position:relative; display:flex; justify-content:center; gap:8px; flex-wrap:wrap; font-size:13px;}
  .link-row code{background:rgba(245,239,224,.1); padding:6px 12px; border-radius:20px; color:#F5EFE0;}
  .link-row button{background:#C9A227; color:#1B3A34; border:none; padding:6px 14px; border-radius:20px; font-size:12.5px; font-weight:700; cursor:pointer;}

  .foot{text-align:center; font-size:12px; color:#8C8468; padding:0 20px 40px;}