.tracks-page{--wine:#8f153d;--wine-dark:#090707;--paper:#f8edcf;--gold:#ffc400;--cyan:#8f153d;min-height:100dvh;color:var(--paper);background:linear-gradient(90deg,#f8edcf0a 1px,#0000 1px) 0 0/5rem 5rem,linear-gradient(#f8edcf0a 1px,#0000 1px) 0 0/5rem 5rem,radial-gradient(circle at 78% 20%,#8f153d6b,#0000 30rem),radial-gradient(circle at 10% 85%,#ffc40012,#0000 22rem),linear-gradient(135deg,#090707,#16090e 62%,#090707)}.site-header{z-index:5;width:min(100% - 3rem,86rem);height:4.75rem;box-shadow:none;box-sizing:border-box;background:0 0;border:none;border-radius:0;justify-content:space-between;align-items:center;margin:1rem auto 0;padding:0 clamp(1.5rem,5vw,4.5rem);display:flex;position:relative;overflow:visible}.site-header:before,.site-header:after{content:none}.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 #ffc40094;border-radius:50%;place-items:center;width:2rem;display:grid}.site-header nav{align-items:center;gap:.45rem;display:flex}.site-header nav a{color:#f8edcf9e;letter-spacing:.08em;background:0 0;border-radius:999px;padding:.55rem 1.15rem;font-family:LXGW WenKai,serif;font-size:.82rem;text-decoration:none;transition:color .2s,background .2s,box-shadow .2s;position:relative}.site-header nav a:after{content:none}.site-header nav a:hover{color:var(--gold)}.site-header nav a.active{background:var(--wine);color:#fff;text-shadow:none;box-shadow:0 .35rem 1rem #711b3838}.site-header nav a.active:hover{color:#fff}.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 #f8edcf33;border-radius:999px;align-items:center;gap:.15rem;padding:.2rem;display:inline-flex}.lang-switch a{color:#f8edcf94;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:var(--gold)}.lang-switch a.active{color:var(--paper);background:#8f153d57}.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(--gold);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;border:1px solid var(--gold);background:var(--wine-dark);padding:.65rem;position:relative;box-shadow:0 2rem 4rem #09070747}.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:#f8edcf80;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(--gold);margin-top:.35rem;font-family:Cormorant Garamond,serif;font-size:clamp(1.2rem,2vw,1.7rem);display:block}.album-meta{border-top:1px solid #f8edcf24;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:#f8edcf75;letter-spacing:.08em;text-align:right;font-family:LXGW WenKai,serif;font-size:.62rem;line-height:1.7}.track-list{border-top:1px solid #f8edcf29;margin:0;padding:0;list-style:none}.track-list li{border-bottom:1px solid #f8edcf1c;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:#8f153d2e;padding:0 .8rem}.track-list li.playable{background:linear-gradient(90deg,#8f153d24,#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:#f8edcf61;letter-spacing:.15em;font-family:Cormorant Garamond,serif;font-size:.52rem}.track-line{background:#f8edcf29;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 #8f153d85;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(--gold)}.album-note{background:#8f153d24;border:1px solid #8f153d7a;border-radius:.3rem;grid-template-columns:auto 1fr;gap:1.5rem;margin-top:2.5rem;padding:1.7rem;display:grid}.note-number{color:#ffc4002e;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:#f8edcf9e;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:#090707f5;border:1px solid #ffd400ad;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 #0907076b,0 0 1.4rem #8f153d3d}.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}}