.tracks-page{--wine:#711b38;--wine-dark:#281018;--paper:#f3ede3;--gold:#f0a12b;--cyan:#00a69c;background:linear-gradient(90deg, #42102008 1px, transparent 1px) 0 0/5rem 5rem, linear-gradient(#42102008 1px, transparent 1px) 0 0/5rem 5rem, radial-gradient(circle at 78% 20%, #00a69c14, transparent 28rem), linear-gradient(135deg, #f8f4ed, var(--paper));min-height:100dvh;color:var(--wine-dark)}.site-header{z-index:5;box-sizing:border-box;background:linear-gradient(#fff3,#0000 42%,#28101814),linear-gradient(112deg,#0000 18%,#ffefc433 34%,#0000 50%),repeating-linear-gradient(118deg,#ffffff12 0 2px,#0000 2px 8px),linear-gradient(100deg,#711b38 0%,#81352f 48%,#826426 100%);border:1px solid #f0a12bad;border-radius:1rem;justify-content:space-between;align-items:center;width:min(100% - 3rem,86rem);height:4.75rem;margin:1rem auto 0;padding:0 clamp(1.5rem,5vw,4.5rem);display:flex;position:relative;overflow:hidden;box-shadow:0 .9rem 2.8rem #711b3833,0 0 1.2rem #f0a12b24,inset 0 1px #ffffff47,inset 0 -2px #5a0a262e,inset 0 0 1.5rem #ffe4a71a}.site-header:before{content:"";pointer-events:none;border:1px dashed #f0a12b8f;border-radius:.62rem;position:absolute;inset:.42rem .65rem}.site-header:after{background:radial-gradient(circle at 0 50%, var(--paper) 0 .48rem, #f0a12bc2 .5rem .57rem, transparent .6rem), radial-gradient(circle at 100% 50%, var(--paper) 0 .48rem, #f0a12bc2 .5rem .57rem, transparent .6rem);content:"";pointer-events:none;position:absolute;inset:0}.logo{color:var(--paper);letter-spacing:.16em;align-items:center;gap:.7rem;font-family:Cormorant Garamond,serif;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.logo-mark{aspect-ratio:1;letter-spacing:-.04em;border:1px solid #f0a12bbf;border-radius:50%;place-items:center;width:2rem;display:grid}.site-header nav{gap:clamp(1.2rem,2.5vw,2.5rem);display:flex}.site-header nav a{color:#fff7e9c2;letter-spacing:.08em;padding:.55rem 0;font-family:LXGW WenKai,serif;font-size:.82rem;text-decoration:none;position:relative}.site-header nav a:after{aspect-ratio:1;background:var(--gold);content:"";opacity:0;border-radius:50%;width:.28rem;transition:opacity .2s,transform .25s;position:absolute;bottom:.05rem;left:50%;transform:translate(-50%)scale(0)}.site-header nav a:hover:after,.site-header nav a.active:after{opacity:1;transform:translate(-50%)scale(1)}.site-header nav a:hover,.site-header nav a.active{color:#fffaf0;text-shadow:0 0 .75rem #ffffff4d}.back-link{color:var(--paper);letter-spacing:.08em;font-family:LXGW WenKai,serif;font-size:.75rem;text-decoration:none}.back-link span{margin-left:.4rem;font-family:sans-serif}.header-actions{align-items:center;gap:.85rem;display:flex}.lang-switch{border:1px solid #fff7e96b;border-radius:999px;align-items:center;gap:.15rem;padding:.2rem;display:inline-flex}.lang-switch a{color:#fff7e9b8;letter-spacing:.12em;border-radius:999px;padding:.35rem .7rem;font-family:Cormorant Garamond,serif;font-size:.72rem;font-weight:600;text-decoration:none;transition:color .2s,background .2s}.lang-switch a:hover{color:#fffaf0}.lang-switch a.active{color:#fffaf0;background:#fff7e929}.track-hero{box-sizing:border-box;grid-template-columns:minmax(20rem,.82fr) minmax(30rem,1.18fr);align-items:center;gap:clamp(4rem,9vw,9rem);max-width:86rem;min-height:calc(100dvh - 5.75rem);margin:0 auto;padding:clamp(3rem,6vw,6rem);display:grid}.album-column{position:sticky;top:3rem}.eyebrow{color:var(--wine);letter-spacing:.22em;align-items:center;gap:.7rem;margin:0 0 1.25rem;font-family:Cormorant Garamond,serif;font-size:.64rem;font-weight:600;display:flex}.eyebrow span{background:var(--gold);width:2.4rem;height:1px}.cover-wrap{width:min(31vw,27rem);position:relative}.cover-frame{z-index:2;background:#fbf8f2;padding:.65rem;position:relative;box-shadow:0 2rem 4rem #4210202e}.cover-frame img{aspect-ratio:1;object-fit:cover;filter:sepia(.06)contrast(1.03);width:100%;display:block}.cover-index{color:#f4efe6b8;letter-spacing:.16em;font-family:Cormorant Garamond,serif;font-size:.5rem;position:absolute;bottom:1rem;right:1.1rem}.vinyl-edge{aspect-ratio:1;background:repeating-radial-gradient(circle,#1c1012 0 4px,#10090a 5px 9px),#10090a;border-radius:50%;width:92%;position:absolute;top:4%;right:-16%;box-shadow:0 1.5rem 3rem #1d090e2e}.album-heading{margin-top:1.8rem}.album-heading p{color:#42102080;letter-spacing:.18em;margin:0 0 .5rem;font-family:Cormorant Garamond,serif;font-size:.65rem}.album-heading h1{letter-spacing:.08em;margin:0;font-family:LXGW WenKai,serif;font-size:clamp(2.6rem,4vw,4rem);font-weight:400;line-height:1}.album-heading em{color:var(--wine);margin-top:.35rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,2vw,1.7rem);display:block}.album-meta{border-top:1px solid #4210201f;gap:clamp(1.5rem,4vw,3.5rem);margin-top:1.7rem;padding-top:1rem;display:flex}.album-meta div{flex-direction:column;gap:.2rem;display:flex}.album-meta span,.album-meta strong{letter-spacing:.14em;font-family:Cormorant Garamond,serif;font-size:.56rem}.album-meta span{color:var(--gold)}.list-column{padding-top:1rem}.list-heading{justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;display:flex}.list-heading p{color:var(--gold);letter-spacing:.2em;margin:0 0 .35rem;font-family:Cormorant Garamond,serif;font-size:.6rem;font-weight:600}.list-heading h2{letter-spacing:.08em;margin:0;font-family:LXGW WenKai,serif;font-size:clamp(2.2rem,4vw,3.5rem);font-weight:400}.list-heading>span{color:#4210206b;letter-spacing:.08em;text-align:right;font-family:LXGW WenKai,serif;font-size:.62rem;line-height:1.7}.track-list{border-top:1px solid #42102026;margin:0;padding:0;list-style:none}.track-list li{border-bottom:1px solid #4210201a;grid-template-columns:2.5rem 1fr auto;align-items:center;gap:1rem;min-height:4rem;transition:padding .25s,background .25s;display:grid}.track-list li:hover{background:#711b380a;padding:0 .8rem}.track-list li.playable{background:linear-gradient(90deg,#00a69c14,#0000 70%);position:relative}.track-list li.playable:before{background:var(--cyan);content:"";width:2px;position:absolute;top:25%;bottom:25%;left:0}.track-number{color:var(--gold);letter-spacing:.08em;text-align:center;font-family:Cormorant Garamond,serif;font-size:.68rem}.track-name{align-items:baseline;gap:.8rem;display:flex}.track-name strong{letter-spacing:.08em;font-family:LXGW WenKai,serif;font-size:.98rem;font-weight:400}.track-name small{color:#42102059;letter-spacing:.15em;font-family:Cormorant Garamond,serif;font-size:.52rem}.track-line{background:#42102024;width:2.3rem;height:1px}.track-play{color:var(--cyan);cursor:pointer;background:0 0;border:0;align-items:center;gap:.55rem;padding:0;display:flex}.track-play>span{aspect-ratio:1;border:1px solid #00a69c6b;border-radius:50%;place-items:center;width:2rem;font-family:sans-serif;font-size:.5rem;display:grid}.track-play small{letter-spacing:.15em;font-family:Cormorant Garamond,serif;font-size:.55rem}.track-play:hover>span,.track-play.is-playing>span{background:var(--cyan);color:var(--paper)}.album-note{background:#ffffff2e;border:1px solid #711b3824;border-radius:.3rem;grid-template-columns:auto 1fr;gap:1.5rem;margin-top:2.5rem;padding:1.7rem;display:grid}.note-number{color:#711b3821;font-family:Cormorant Garamond,serif;font-size:4.5rem;line-height:.8}.note-label{color:var(--gold);letter-spacing:.2em;margin:0 0 .55rem;font-family:Cormorant Garamond,serif;font-size:.58rem;font-weight:600}.album-note div>p:last-child{color:#42102099;letter-spacing:.06em;margin:0;font-family:LXGW WenKai,serif;font-size:.7rem;line-height:1.85}.mini-player{z-index:10;max-width:64rem;color:var(--paper);opacity:0;pointer-events:none;background:#421020f2;border:1px solid #c8a46a47;border-radius:.7rem;grid-template-columns:auto minmax(10rem,auto) auto minmax(12rem,1fr) auto;align-items:center;gap:1rem;margin:auto;padding:.65rem 1rem;transition:all .35s;display:grid;position:fixed;bottom:clamp(1rem,3vw,2.5rem);left:clamp(1rem,3vw,2.5rem);right:clamp(1rem,3vw,2.5rem);transform:translateY(1.5rem);box-shadow:0 1.5rem 4rem #2407124d}.mini-player.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.mini-art{aspect-ratio:1;width:2.8rem;position:relative}.mini-art img{object-fit:cover;border-radius:.25rem;width:100%;height:100%}.mini-art span{background:var(--gold);color:var(--wine-dark);padding:.1rem .25rem;font-family:Cormorant Garamond,serif;font-size:.48rem;position:absolute;bottom:-.2rem;right:-.35rem}.mini-info{flex-direction:column;gap:.2rem;display:flex}.mini-info strong{letter-spacing:.08em;font-family:LXGW WenKai,serif;font-size:.78rem;font-weight:400}.mini-info small{color:#f4efe66b;letter-spacing:.1em;font-family:Cormorant Garamond,serif;font-size:.48rem}.mini-toggle,.mini-close{color:var(--paper);cursor:pointer;background:0 0;border:1px solid #f4efe640;border-radius:50%;place-items:center;display:grid}.mini-toggle{aspect-ratio:1;width:2.5rem;font-size:.65rem}.mini-progress-wrap{grid-template-columns:2.3rem 1fr 2.3rem;align-items:center;gap:.6rem;display:grid}.mini-progress{width:100%;height:2px;accent-color:var(--gold);cursor:pointer}.mini-current,.mini-duration{color:#f4efe67a;font-family:Cormorant Garamond,serif;font-size:.55rem}.mini-duration{text-align:right}.mini-close{aspect-ratio:1;border:0;width:1.7rem;font-size:1.1rem;font-weight:200}@media (width<=900px){.site-header nav{display:none}.header-actions{gap:.55rem}.lang-switch a{padding:.3rem .55rem;font-size:.68rem}.track-hero{grid-template-columns:1fr}.album-column{position:static}.cover-wrap{width:min(62vw,28rem)}.album-heading,.album-meta{max-width:34rem}}@media (width<=560px){.site-header{height:4.5rem;padding:0 1rem}.logo>span:last-child{display:none}.back-link{font-size:.68rem}.track-hero{padding:2.5rem 1.1rem 7rem}.cover-wrap{width:82vw}.list-heading>span,.track-name small,.album-meta div:last-child{display:none}.track-name{display:block}.track-list li{grid-template-columns:2rem 1fr auto;gap:.6rem}.track-line{width:1.2rem}.track-play small{display:none}.album-note{grid-template-columns:1fr}.note-number{font-size:3rem}.mini-player{grid-template-columns:auto 1fr auto auto;gap:.65rem}.mini-progress-wrap{position:absolute;bottom:.2rem;left:4.5rem;right:.8rem}.mini-current,.mini-duration{display:none}.mini-progress-wrap{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.mini-player{transition:none}}