@font-face{font-family:Sarabun;src:url('fonts/Sarabun-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Sarabun;src:url('fonts/Sarabun-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.block.lyrics pre,.chord-sheet .chord-lyric{font-family:Sarabun,'TH Sarabun New',sans-serif;font-size:23px;font-weight:400;font-style:normal;line-height:1.9;letter-spacing:normal;color:#17354c}
.block.lyrics pre{padding:30px 24px;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere}
.song-cover{display:block;max-width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#081d2e;border-radius:6px}
.song-identity{display:grid;grid-template-columns:minmax(150px,230px) minmax(0,1fr);align-items:center;gap:24px;padding:22px;margin:0 0 24px;background:#fffaf0;border:1px solid #d6bd8e;border-radius:12px}
.song-identity>img{width:100%;height:auto}
.song-identity h2{font-size:27px;line-height:1.5;margin:6px 0 16px}
.song-identity p{font:17px/1.8 Sarabun,sans-serif;margin:5px 0;color:#274155}
.song-identity>div>small{color:#8a692d}
.info-box>.song-cover{width:100%;height:auto}
.song-card>.song-cover.thumb{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.track-cell .ref-song-cover{width:54px;height:54px;min-width:54px;object-fit:contain}
.mani-song .mani-cover{width:46px;height:46px;flex-shrink:0;background:none;object-fit:contain}
.mani-song .mani-song-artist{display:block;font:10px/1.5 Sarabun,sans-serif;color:#597185;grid-column:2}
.mani-song{min-height:58px}
#playing-art .song-cover{width:54px;height:54px;object-fit:contain}
.song-grid .song-card{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:10px;min-width:0;height:100%;box-sizing:border-box}
.song-grid .song-card-art{display:block;position:relative;flex:none;width:100%;min-width:0}
.song-card-art .song-cover{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.song-card-number{position:absolute;top:8px;left:8px;background:#081d2ee6;color:#f5d594;border:1px solid #d6b97680;border-radius:20px;padding:3px 9px;font:13px/1.5 Sarabun,sans-serif}
.song-card-details{padding:14px 3px 12px;text-align:left}
.song-grid .song-card-title{display:block}
.song-grid .song-card-title strong{font:700 19px/1.5 Sarabun,sans-serif;overflow-wrap:break-word}
.song-card-writer{font:16px/1.6 Sarabun,sans-serif;color:#7e6239;margin:6px 0}
.song-card-episode{display:block;font:15px/1.65 Sarabun,sans-serif;color:#536b7c;overflow-wrap:break-word}
.song-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:10px 3px 0;border-top:1px solid #d9cbb480}
.song-grid .song-card-footer small{font:12px/1.5 Sarabun,sans-serif;color:#536b7c}
.song-card-footer button{flex-shrink:0}
.song-grid,.mani-library .mani-album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:stretch}
.mani-library{padding-top:28px;padding-bottom:36px}
.mani-library>div:first-child{margin-bottom:24px;flex-wrap:wrap}
.mani-library h2{font-size:25px}
.mani-library .song-card{border-radius:12px;padding:12px}
.track-cell .ref-song-cover{width:74px;height:74px;min-width:74px}
.table-wrap .song-name{font-size:17px}
.table-wrap .table-sub{font-size:12px;line-height:1.65}
@media(max-width:1000px){.song-grid,.mani-library .mani-album-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:750px){.song-grid,.mani-library .mani-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media(max-width:440px){.song-grid,.mani-library .mani-album-grid{grid-template-columns:1fr}.song-grid .song-card{width:100%;max-width:360px;justify-self:center}}
@media(max-width:650px){.block.lyrics pre,.chord-sheet .chord-lyric{font-size:20px;line-height:1.9}.block.lyrics pre{padding:24px 14px}.song-identity{grid-template-columns:1fr;gap:14px;padding:18px}.song-identity>img{max-width:310px;margin:auto}.song-identity h2{font-size:24px}.song-identity p{font-size:16px}.song-identity>div{text-align:center}}