/* Reference-inspired song layout, scoped away from album detail */
body.artist-portfolio dialog.song-reference{background:#f7f5ed;padding:24px 6% 50px}
body.artist-portfolio .song-reference .album-atmosphere{display:none}
body.artist-portfolio .song-reference .track-glass{max-width:820px}
.song-masthead{order:-2;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;color:#121310;font:30px Georgia,serif;letter-spacing:.15em}
.song-masthead small{font:13px var(--serif);letter-spacing:.15em;margin-left:12px}.song-mast-orbit{font-size:30px}
body.artist-portfolio .song-reference .star-detail-top{order:0;font:12px Georgia,serif;color:#222;letter-spacing:.12em}
body.artist-portfolio .song-reference #starDetailNumber b{font-size:22px;font-weight:400;color:#b52b28}
body.artist-portfolio .song-reference .track-glass #closeStar{position:absolute;top:0;right:0;background:#f7f5ed;width:42px;height:42px;border-radius:50%;font-size:26px}
.song-reference .song-mast-orbit{margin-right:55px}
body.artist-portfolio .song-reference .track-glass #starDetailTitle{font:900 clamp(46px,7.5vw,88px)/1.1 var(--serif);letter-spacing:.01em;max-width:720px;text-wrap:initial;margin:18px 0 12px;color:#090a08}
body.artist-portfolio .song-reference .track-glass #songEnglish{font:italic clamp(15px,2.4vw,23px)/1.5 Georgia,var(--serif),serif;letter-spacing:.04em;margin:0 0 28px}
body.artist-portfolio .song-reference .track-summary{display:block;margin:0 0 22px}
body.artist-portfolio .song-reference .track-glass .track-artwork{width:100%;max-width:none;padding-right:24%;box-sizing:border-box}
body.artist-portfolio .song-reference .track-artwork img{border-radius:0;display:block;box-shadow:0 5px 8px #30261740;object-fit:cover}
body.artist-portfolio .song-reference .track-disc{width:68%;right:0;top:6%;background:radial-gradient(circle,transparent 0 5%,#151615 5.4% 8%,#666 8.5% 9.2%,#161715 10% 13%,transparent 14%),conic-gradient(from 25deg,#d6d0be,#e7e2e8,#aec5d2,#fff0db,#bfaeaa,#e5e6d8,#b0c2ca,#d6d0be);border:1px solid #aaa69c;box-shadow:3px 6px 10px #30261733;overflow:hidden}
body.artist-portfolio .song-reference .track-disc:after{content:'';position:absolute;inset:0;background-image:var(--album-art);background-size:cover;opacity:.28;mix-blend-mode:multiply;mask-image:radial-gradient(circle,transparent 0 15%,#000 16%)}
body.artist-portfolio .song-reference .song-transport{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 20px;margin:0 0 18px;padding:0}
body.artist-portfolio .song-reference .song-transport-heading{grid-column:1;display:block;margin:0 0 2px;padding-left:65px;font-size:10px}
body.artist-portfolio .song-reference #songPlaybackStatus{display:block;font-size:10px;margin-bottom:4px;color:#77766c}
body.artist-portfolio .song-reference .song-time{display:flex;justify-content:space-between;font:11px Georgia,serif}
body.artist-portfolio .song-reference .song-time>[aria-hidden]{display:none}
body.artist-portfolio .song-reference .song-timeline{grid-column:1;gap:17px;display:flex;align-items:center;margin-top:-10px}
body.artist-portfolio .song-reference #songPlayPause{width:48px;height:48px;min-width:48px;border-radius:50%}
body.artist-portfolio .song-reference #songSeek{flex:1;min-width:0;accent-color:#111}
body.artist-portfolio .song-reference .song-lyrics-jump{grid-column:2;grid-row:1/3;align-self:center;border:0;background:none;color:#111;font:15px var(--serif);padding:12px 0;white-space:nowrap}
.song-lyrics-jump span{margin-left:8px}
body.artist-portfolio .song-reference .track-glass>.song-lyrics{order:5;margin:0 0 15px;border:0}
.song-reference .song-lyrics:not([open]){display:none}
body.artist-portfolio .song-reference .song-lyrics summary{font-size:12px;padding:8px 0}
body.artist-portfolio .song-reference .song-editorial-quote{order:5;font:25px/1.7 var(--serif);white-space:pre-line;letter-spacing:.08em;margin:10px 0 20px;color:#151612}
body.artist-portfolio .song-reference .track-glass>.track-copy{order:5;border:0;padding:0;margin:0 0 14px}
body.artist-portfolio .song-reference .track-copy:before{display:none}
body.artist-portfolio .song-reference #starDetailBody{font:12px/1.6 var(--serif);margin:0 0 6px;color:#77766b}
body.artist-portfolio .song-reference #starPlayerNote{font-size:12px!important;line-height:1.7;color:#77766b;margin:0}
body.artist-portfolio .song-reference .track-glass .star-detail-links{order:6;display:flex;gap:18px;align-items:center;margin:8px 0 25px;border:0}
body.artist-portfolio .song-reference .track-glass .star-detail-links button{flex:1;border:0;border-radius:0;background:none;color:#222;box-shadow:none;min-height:44px;padding:8px 0;font:14px var(--serif)}
body.artist-portfolio .song-reference .track-glass #communitySaveSong{order:0}body.artist-portfolio .song-reference .track-glass #starCreate{order:1;border-inline:1px solid #c4c0b6}
body.artist-portfolio .song-reference #starWorks{order:2}
body.artist-portfolio .song-reference .star-detail-links small{display:none}
body.artist-portfolio .song-reference #starListen{order:3;flex-basis:100%;font-size:12px;text-decoration:none}
.song-reference .song-film-heading{order:7;font:12px Georgia,serif;letter-spacing:.2em;margin:0 0 10px}
body.artist-portfolio .song-reference #starPlayer{order:8;margin:0;border:0;aspect-ratio:16/9}
@media(max-width:600px){body.artist-portfolio dialog.song-reference{padding:20px 6% 40px}.song-masthead{font-size:25px;margin-bottom:22px}.song-masthead small{font-size:11px}body.artist-portfolio .song-reference .track-glass #starDetailTitle{font-size:clamp(44px,14vw,72px);line-height:1.13;margin-top:14px;overflow-wrap:anywhere}body.artist-portfolio .song-reference .track-glass #songEnglish{font-size:15px;margin-bottom:22px}body.artist-portfolio .song-reference .song-editorial-quote{font-size:21px;line-height:1.8}body.artist-portfolio .song-reference .track-summary{margin-bottom:20px}body.artist-portfolio .song-reference .song-transport{gap:0 14px}body.artist-portfolio .song-reference .track-glass .star-detail-links{gap:10px}body.artist-portfolio .song-reference .track-glass .star-detail-links button{font-size:13px}}

.song-reference .track-glass:has(.song-lyrics[open]) .song-editorial-quote{display:none}
/* Final compact music-editorial reference */
body.artist-portfolio dialog.song-reference{padding:22px 6% 30px}
body.artist-portfolio .song-reference .track-glass{max-width:640px}
body.artist-portfolio .song-reference .song-masthead{display:none}
body.artist-portfolio .song-reference .star-detail-top{min-height:28px;padding-right:46px}
body.artist-portfolio .song-reference #starDetailNumber{font:12px/1.4 Georgia,serif;color:#24251f;letter-spacing:.06em}
body.artist-portfolio .song-reference .track-glass #closeStar{top:-5px;width:44px;height:44px;font-size:23px}
body.artist-portfolio .song-reference .track-glass #starDetailTitle{position:relative;font-size:clamp(42px,9vw,78px);letter-spacing:.025em;line-height:1.08;margin:13px 0 11px}
body.artist-portfolio .song-reference #starDetailTitle:has(br):after{content:'';position:absolute;right:0;bottom:.18em;width:44%;height:1px;background:#9b9a91}
body.artist-portfolio .song-reference .track-glass #songEnglish{font-size:clamp(14px,2.9vw,20px);line-height:1.4;margin-bottom:22px}
body.artist-portfolio .song-reference .track-glass .track-artwork{padding-right:25%}
body.artist-portfolio .song-reference .track-disc{width:66%;top:7%}
body.artist-portfolio .song-reference .track-disc:after{border:0;background-color:transparent;border-radius:50%}
body.artist-portfolio .song-reference .song-transport{margin-bottom:14px}
body.artist-portfolio .song-reference .song-editorial-quote{font-size:clamp(20px,4vw,27px);line-height:1.65;margin:7px 0 16px;letter-spacing:.1em}
body.artist-portfolio .song-reference .track-glass>.track-copy{margin-bottom:8px}
body.artist-portfolio .song-reference .track-glass .star-detail-links{flex-wrap:nowrap;gap:0;margin:8px 0 22px;min-height:46px}
body.artist-portfolio .song-reference .track-glass #starCreate{display:flex;justify-content:center;align-items:center;gap:11px;border:0;border-left:1px solid #c8c5bb;font:14px var(--serif);padding:0 14px;min-height:44px;flex:1.4}
body.artist-portfolio .song-reference .track-glass #communitySaveSong{text-align:left;font-size:16px;flex:1;min-width:0}
.song-more{order:2;position:relative;flex:0 0 45px;align-self:center}
.song-more>summary{list-style:none;cursor:pointer;text-align:right;font:30px/44px Georgia,serif;color:#111;min-height:44px}
.song-more>summary::-webkit-details-marker{display:none}
.song-more-options{position:absolute;right:0;bottom:100%;min-width:180px;padding:10px 16px;background:#fcfaf3;box-shadow:0 8px 30px #211b1824;border:1px solid #dedbd2;z-index:4}
body.artist-portfolio .song-reference .song-more-options #starWorks,body.artist-portfolio .song-reference .song-more-options #starListen{display:block;text-align:left;font:13px/1.7 var(--serif);width:100%;padding:11px 0;min-height:44px;color:#24251f;white-space:nowrap;text-decoration:none}
body.artist-portfolio .song-reference .song-more-options [hidden]{display:none!important}
body.artist-portfolio .song-reference .song-film-heading{font-size:12px;margin-bottom:7px}
.song-page-footer{order:10;display:flex;align-items:center;justify-content:space-between;margin-top:32px;color:#3d4035;font:19px Georgia,serif;letter-spacing:.12em}
.song-page-footer small{font:11px var(--serif);margin-left:9px}.song-page-footer span{display:block;font:8px/1.8 Georgia,serif;letter-spacing:.14em;margin-top:6px}
body.artist-portfolio .song-page-footer button{background:none;border:0;color:#55584d;font:10px Georgia,serif;letter-spacing:.1em;padding:12px 0;min-height:44px}
.song-reference button:focus-visible,.song-reference summary:focus-visible{outline:2px solid #b52b28;outline-offset:4px}
@media(max-width:600px){body.artist-portfolio dialog.song-reference{padding:22px 6% 28px}body.artist-portfolio .song-reference .track-glass #starDetailTitle{font-size:clamp(40px,13vw,66px)}body.artist-portfolio .song-reference .track-summary{margin-bottom:17px}body.artist-portfolio .song-reference .track-glass #songEnglish{font-size:14px}body.artist-portfolio .song-reference .song-editorial-quote{font-size:20px}body.artist-portfolio .song-reference .track-glass #starCreate{font-size:13px;gap:8px;padding-inline:10px}body.artist-portfolio .song-reference .track-glass #communitySaveSong{font-size:14px}}
/* Physical CD construction: printed silver face, prismatic coating and clear hub */
body.artist-portfolio .song-reference .track-disc{width:67%;top:6%;right:0;isolation:isolate;background:conic-gradient(from 15deg,#d0cec7,#f3eadc 13%,#b7c9d8 23%,#e9e5e8 33%,#b9b5bb 48%,#f3e6d7 64%,#b5c6d5 78%,#eeebe1 90%,#d0cec7);border:1px solid #a7a8a5;box-shadow:inset 0 0 0 2px #fff9,inset 0 0 12px #454a4822,3px 5px 9px #25241e55;transform:none;animation:none;overflow:hidden}
body.artist-portfolio .song-reference .track-disc:before,body.artist-portfolio .song-reference .track-disc:after{display:none}
.cd-printed-art{position:absolute;inset:0;border-radius:50%;background-image:var(--album-art);background-size:155%;background-position:85% 75%;opacity:.58;mix-blend-mode:multiply;mask-image:linear-gradient(110deg,transparent 40%,#000 76%),radial-gradient(circle,transparent 38%,#000 73%)}
.cd-reflection{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 2px,#fff2 2.3px 2.7px),conic-gradient(from 40deg,transparent 0 11%,#eefaff66 16%,#b6b5f644 19%,#f3bacd44 21%,#ffffed88 23%,transparent 28% 55%,#ddf1f988 65%,transparent 72%);mix-blend-mode:screen}
.cd-hub{position:absolute;left:50%;top:50%;width:23%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#f7f5ed 0 23%,#666760 24% 27%,#171918 28% 38%,#65665f 39% 43%,#202320 44% 52%,#b8b8b2 53% 57%,#3a3c37 58% 64%,#d6d7cd 65% 71%,#777b7477 73%);box-shadow:0 0 0 1px #e3e4dc,inset 0 0 4px #1118;z-index:3}
.cd-signature{position:absolute;right:12%;bottom:18%;font:clamp(12px,2.5vw,22px) Georgia,serif;letter-spacing:.16em;color:#42473c;z-index:2}
body.artist-portfolio .song-reference .track-artwork img{border:1px solid #29251f44;box-shadow:0 3px 3px #221b1650,0 8px 12px #26201820}
body.artist-portfolio .song-reference .song-video-preview{order:8;position:relative;aspect-ratio:2.5;overflow:hidden;background:#ded7c9;margin:0}
.song-video-preview>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 38%}
.song-video-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#111a)}
.song-video-preview>div{position:absolute;bottom:15px;left:18px;right:18px;z-index:1;color:#fff9eb}
.song-video-preview>div>span{font:9px Georgia,serif;letter-spacing:.2em}.song-video-preview p{font:14px/1.6 var(--serif);margin:6px 0 0;color:inherit}
.song-video-caption{order:9;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:10px;font:11px/1.8 var(--serif);color:#4e5147}
.song-video-caption p{margin:0;max-width:52%}.song-video-caption a{font:10px Georgia,serif;letter-spacing:.1em;color:#363a30;text-decoration:none;border-left:1px solid #bbb9ae;padding:10px 0 10px 18px;white-space:nowrap}
body.artist-portfolio .song-reference .song-page-footer{margin-top:24px}
body.artist-portfolio .song-reference .track-glass #songPlayPause{opacity:1;flex-shrink:0}
body.artist-portfolio .song-reference .track-glass #songPlayPause:disabled{opacity:.45}
body.artist-portfolio .song-reference .song-transport-heading{padding-left:65px;margin-bottom:0;min-height:25px}
body.artist-portfolio .song-reference #songPlaybackStatus{font-size:9px;line-height:1.3;margin-bottom:3px}
body.artist-portfolio .song-reference .song-time{font-size:10px}
body.artist-portfolio .song-reference #songSeek{height:22px;padding:0;margin:0}
body.artist-portfolio .song-reference #songSeek::-webkit-slider-runnable-track{height:2px}
body.artist-portfolio .song-reference #songSeek::-webkit-slider-thumb{width:10px;height:10px;margin-top:-4px;border:0;border-radius:50%}
body.artist-portfolio .song-reference .song-timeline{margin-top:-8px}
/* Explicit geometry prevents legacy sleeve padding and highlight layers from stacking */
body.artist-portfolio .song-reference .track-glass .track-summary{display:block;width:100%;margin:0 0 22px;padding:0}
body.artist-portfolio .song-reference .track-glass .track-artwork{position:relative;width:100%;max-width:none;height:auto;aspect-ratio:4 / 3;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate;overflow:visible}
body.artist-portfolio .song-reference .track-glass .track-artwork:before,body.artist-portfolio .song-reference .track-glass .track-artwork:after{display:none;content:none}
body.artist-portfolio .song-reference .track-glass .track-artwork>img{position:absolute;left:0;top:0;width:75%;height:auto;aspect-ratio:1;object-fit:cover;margin:0;border-radius:0;z-index:3;background:none;border:1px solid #514a3938;box-shadow:0 3px 5px #28211955,0 8px 13px #28211915}
body.artist-portfolio .song-reference .track-glass .track-artwork>.track-disc{position:absolute;left:auto;right:0;top:8%;width:65%;height:auto;aspect-ratio:1;z-index:1;transform:none;border-radius:50%}
body.artist-portfolio .song-reference .cd-printed-art{opacity:.38;background-size:180%;background-position:90% 80%;mask-image:linear-gradient(110deg,transparent 48%,#000 77%)}
body.artist-portfolio .song-reference .cd-reflection{background:conic-gradient(from 40deg,transparent 0 11%,#eefaff55 16%,#b6b5f633 19%,#f3bacd33 21%,#ffffed66 23%,transparent 28% 55%,#ddf1f966 65%,transparent 72%)}
body.artist-portfolio .song-reference .cd-hub{width:22%}
body.artist-portfolio .song-reference .song-reference-verse{order:5;font:14px/1.9 var(--serif);letter-spacing:.1em;color:#747369;white-space:pre-line;margin:0 0 20px}
body.artist-portfolio .song-reference .song-editorial-quote{margin:8px 0 14px}
body.artist-portfolio .song-reference .track-glass #songEnglish{text-transform:none;font-weight:400}
.song-reference .track-glass:has(.song-lyrics[open]) .song-reference-verse{display:none}
@media(max-width:600px){body.artist-portfolio .song-reference .song-reference-verse{font-size:12px;line-height:1.9;margin-bottom:16px}body.artist-portfolio .song-reference .track-glass .track-summary{margin-bottom:20px}}

/* Artist commentary is independent from the expandable lyrics. */
body.artist-portfolio dialog.song-reference .song-artist-note{order:5;margin:8px 0 18px;padding:0;border:0;background:transparent}
body.artist-portfolio dialog.song-reference .song-artist-note[hidden]{display:none}
body.artist-portfolio dialog.song-reference .song-artist-note small{display:block;margin-bottom:10px;font-size:11px;letter-spacing:.15em;color:#77736b;font-weight:400}
body.artist-portfolio dialog.song-reference .song-artist-note p{margin:0;font-family:"Noto Serif TC",serif;font-size:clamp(20px,3.8vw,27px);line-height:1.65;letter-spacing:.08em;white-space:pre-line;color:#24251f}
body.artist-portfolio dialog.song-reference .track-glass .star-detail-links #starCreate,
body.artist-portfolio dialog.song-reference .track-glass .star-detail-links #starCreate:hover,
body.artist-portfolio dialog.song-reference .track-glass .star-detail-links #starCreate:active{background:transparent;background-image:none;color:#24251f;border:0;box-shadow:none}

/* Album and song views share the same physical sleeve and silver CD finish. */
body.artist-portfolio .editorial-track .track-disc{width:67%;top:6%;right:0;isolation:isolate;background:conic-gradient(from 15deg,#d0cec7,#f3eadc 13%,#b7c9d8 23%,#e9e5e8 33%,#b9b5bb 48%,#f3e6d7 64%,#b5c6d5 78%,#eeebe1 90%,#d0cec7);border:1px solid #a7a8a5;box-shadow:inset 0 0 0 2px #fff9,inset 0 0 12px #454a4822,3px 5px 9px #25241e55;transform:none;animation:none;overflow:hidden}
body.artist-portfolio .editorial-track .track-disc:before,body.artist-portfolio .editorial-track .track-disc:after{display:none}
body.artist-portfolio .editorial-track .track-glass .track-artwork{position:relative;width:100%;max-width:none;height:auto;aspect-ratio:4 / 3;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate;overflow:visible}
body.artist-portfolio .editorial-track .track-glass .track-artwork:before,body.artist-portfolio .editorial-track .track-glass .track-artwork:after{display:none;content:none}
body.artist-portfolio .editorial-track .track-glass .track-artwork>img{position:absolute;left:0;top:0;width:75%;height:auto;aspect-ratio:1;object-fit:cover;margin:0;border-radius:0;z-index:3;background:none;border:1px solid #514a3938;box-shadow:0 3px 5px #28211955,0 8px 13px #28211915}
body.artist-portfolio .editorial-track .track-glass .track-artwork>.track-disc{position:absolute;left:auto;right:0;top:8%;width:65%;height:auto;aspect-ratio:1;z-index:1;transform:none;border-radius:50%}
body.artist-portfolio .editorial-track .cd-printed-art{opacity:.38;background-size:180%;background-position:90% 80%;mask-image:linear-gradient(110deg,transparent 48%,#000 77%)}
body.artist-portfolio .editorial-track .cd-reflection{background:conic-gradient(from 40deg,transparent 0 11%,#eefaff55 16%,#b6b5f633 19%,#f3bacd33 21%,#ffffed66 23%,transparent 28% 55%,#ddf1f966 65%,transparent 72%)}
body.artist-portfolio .editorial-track .cd-hub{width:22%}
body.artist-portfolio dialog.editorial-track .track-glass .star-detail-links #starCreate,
body.artist-portfolio dialog.editorial-track .track-glass .star-detail-links #starCreate:hover,
body.artist-portfolio dialog.editorial-track .track-glass .star-detail-links #starCreate:active{background:transparent;background-image:none;color:#24251f;border:0;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}
body.artist-portfolio dialog.editorial-track #starCreate:focus-visible{outline:2px solid #b52b28;outline-offset:4px}
