.track-page{min-height:100vh;padding:140px clamp(22px,7vw,110px) 160px}.breadcrumbs{display:flex;gap:10px;color:var(--muted);font-size:12px;margin-bottom:42px}.breadcrumbs a:hover{color:var(--text)}.track-hero{display:grid;grid-template-columns:minmax(280px,520px) minmax(300px,1fr);gap:clamp(44px,8vw,120px);align-items:center}.track-cover{aspect-ratio:1;object-fit:cover;width:100%;box-shadow:0 28px 70px var(--shadow)}.track-copy h1{font:400 var(--heading-main)/1 Georgia,serif;letter-spacing:0;margin:12px 0 24px}.track-copy .artist{font:20px Georgia,serif;color:var(--muted)}.track-actions{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0}.track-actions button{min-height:52px}.track-full-button,.track-share-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding-inline:20px}.track-share-button span{font-size:17px}.track-note{border-left:1px solid var(--accent);padding:10px 16px;max-width:520px;color:var(--muted);font-size:13px;line-height:1.6}.metadata{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:1px;background:var(--line);margin-top:70px}.metadata div{background:var(--bg);padding:24px}.metadata dt{text-transform:uppercase;font-size:9px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.metadata dd{margin:0;font:17px Georgia,serif}.track-back{margin-left:auto;font-size:13px;color:var(--muted)}
.lyrics{max-width:760px;margin:120px auto 0;padding-top:70px;border-top:1px solid var(--line)}.lyrics h2{font:400 var(--heading-section)/1 Georgia,serif;letter-spacing:0;margin:0 0 46px}.lyrics h3{margin:2rem 0 1rem;color:var(--accent);font-family:Arial,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:0;text-transform:uppercase}.lyrics-text{font:19px/1.75 Georgia,serif;color:var(--muted)}.lyrics-text p{margin:0 0 18px;white-space:pre-line}.lyrics-translation{margin-top:3.5rem;padding-top:1.5rem;border-top:1px solid var(--line)}
.track-video{max-width:1120px;margin:120px auto 0;padding-top:70px;border-top:1px solid var(--line)}.track-video h2{font:400 var(--heading-section)/1 Georgia,serif;letter-spacing:0;margin:0 0 46px}.track-video video{display:block;width:100%;aspect-ratio:16/9;background:#000}.track-cover.media-placeholder,.album-cover.media-placeholder{width:100%}
.track-video.portrait video{width:min(480px,100%);aspect-ratio:5/7;object-fit:contain;margin:0 auto}
.share-modal{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.78);overflow:auto}.share-modal[hidden]{display:none}.share-dialog{position:relative;width:min(920px,100%);max-height:calc(100vh - 48px);overflow:auto;padding:clamp(28px,5vw,56px);border:1px solid var(--line);background:var(--surface);box-shadow:0 30px 90px rgba(0,0,0,.48)}.share-dialog h2{font:400 var(--heading-section)/1 Georgia,serif;letter-spacing:0;margin:12px 64px 14px 0}.share-intro{margin:0 0 30px;color:var(--muted);line-height:1.55}.share-close{position:absolute;top:20px;right:20px;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:30px;line-height:1}.share-close:hover,.share-close:focus-visible{border-color:var(--accent);color:var(--accent)}.share-networks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.share-network{min-height:76px;display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:12px 16px;border:1px solid var(--line);background:var(--bg);color:var(--text);text-align:left}.share-network:hover,.share-network:focus-visible{border-color:var(--share-color);background:var(--surface-2)}.share-network-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--share-color);color:#fff;font:700 14px/1 Arial,Helvetica,sans-serif}.share-network[style*="#e8e8e8"] .share-network-mark{color:#080a0d}.share-network strong,.share-network small{display:block}.share-network strong{font:700 15px/1.2 Arial,Helvetica,sans-serif}.share-network small{margin-top:5px;color:var(--muted);font:11px/1.2 Arial,Helvetica,sans-serif}.share-utility{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.share-utility button{min-height:48px}.share-status{min-height:20px;margin:14px 0 0;color:var(--accent);font:12px/1.4 Arial,Helvetica,sans-serif}
@media(max-width:760px){.site-header #langToggle{display:block}.track-page{padding-top:104px}.breadcrumbs{position:static;inset:auto;display:flex;flex-direction:row;flex-wrap:wrap;background:transparent;padding:0}.track-hero{grid-template-columns:1fr;gap:38px}.track-copy{display:flex;flex-direction:column}.track-copy h1{font-size:40px}.track-actions{order:1;display:grid;grid-template-columns:1fr 1fr}.track-actions .primary-button{grid-column:1/-1}.track-actions button{width:100%;padding-inline:14px}.track-note{order:2}.metadata{order:3;grid-template-columns:1fr}.track-back{display:none}}
@media(max-width:620px){.share-modal{padding:10px}.share-dialog{max-height:calc(100vh - 20px);padding:28px 18px}.share-dialog h2{margin-right:52px}.share-networks{grid-template-columns:1fr}.share-close{top:14px;right:14px}.share-utility{display:grid;grid-template-columns:1fr}.share-utility button{width:100%}}
@media(max-width:430px){.track-actions{grid-template-columns:1fr}.track-actions .primary-button{grid-column:auto}}
.share-network-mark img{width:30px;height:30px;object-fit:contain}