@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=Cormorant+Garamond:ital,wght@1,500;1,600&display=swap");.cls-root{--cls-bg:#05040a;--cls-bg2:#0d0a16;--cls-panel:#110e1c;--cls-line:rgba(212,175,55,0.16);--gold:#d4af37;--gold-hi:#f5d69b;--ivory:#efe9dc;--velvet:#97293c;--velvet-deep:#4a1420;--royal:#241f45;--dim:#8a80a0;--font-display:"Playfair Display",serif;--font-serif:"Cormorant Garamond",serif;min-height:100vh;background:var(--cls-bg);color:var(--ivory)}.cls-root ::selection{background:rgba(212,175,55,.35);color:#fff}@keyframes clsFoil{0%{background-position:0 50%}to{background-position:200% 50%}}@keyframes clsSway{0%,to{transform:rotate(-4deg);opacity:.55}50%{transform:rotate(4deg);opacity:.8}}@keyframes clsNote{0%{transform:translateY(0) rotate(-8deg);opacity:0}10%{opacity:.55}to{transform:translateY(-112vh) rotate(14deg);opacity:0}}@keyframes clsDraw{to{stroke-dashoffset:0}}@keyframes clsNoteIn{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes clsBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes clsSpinAng{to{--clsang:360deg}}@keyframes clsSpinRing{to{transform:rotate(1turn)}}@keyframes clsFadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes clsRiseBar{0%{transform:translateY(100%)}to{transform:none}}@keyframes clsPulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes clsTune{0%,to{transform:rotate(-10deg)}50%{transform:rotate(10deg)}}@keyframes clsEq1{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes clsEq2{0%,to{transform:scaleY(.9)}50%{transform:scaleY(.3)}}@keyframes clsEq3{0%,to{transform:scaleY(.5)}40%{transform:scaleY(1)}70%{transform:scaleY(.4)}}@keyframes clsEq4{0%,to{transform:scaleY(.7)}30%{transform:scaleY(.35)}65%{transform:scaleY(1)}}@property --clsang{syntax:"<angle>";initial-value:0deg;inherits:false}.cls-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}.cls-reveal.cls-in{opacity:1;transform:none}.cls-hero{position:relative;margin-top:-24px;overflow:hidden;text-align:center;padding:84px 20px 96px;background:radial-gradient(56% 60% at 50% -12%,rgba(212,175,55,.14),transparent 62%),radial-gradient(40% 46% at 50% 108%,rgba(36,31,69,.55),transparent 70%),linear-gradient(180deg,#100c1c 0,var(--cls-bg) 86%);border-bottom:1px solid var(--cls-line)}.cls-hero:after,.cls-hero:before{content:"";position:absolute;top:0;bottom:0;width:clamp(38px,9vw,120px);background:repeating-linear-gradient(90deg,var(--velvet-deep) 0 14px,var(--velvet) 14px 22px,#6b1d2d 22px 34px),linear-gradient(180deg,rgba(0,0,0,.25),transparent 30%);opacity:.5;pointer-events:none}.cls-hero:before{left:0;box-shadow:inset -26px 0 34px rgba(0,0,0,.75)}.cls-hero:after{right:0;box-shadow:inset 26px 0 34px rgba(0,0,0,.75)}.cls-spot{position:absolute;inset:0;pointer-events:none}.cls-spot i{position:absolute;top:-12%;width:46%;height:130%;background:linear-gradient(180deg,rgba(245,214,155,.16),rgba(245,214,155,.02) 62%,transparent);-webkit-clip-path:polygon(46% 0,54% 0,92% 100%,8% 100%);clip-path:polygon(46% 0,54% 0,92% 100%,8% 100%);filter:blur(6px);mix-blend-mode:screen;transform-origin:50% 0;animation:clsSway 9s ease-in-out infinite}.cls-spot i:first-child{left:4%}.cls-spot i:nth-child(2){right:4%;animation-delay:4.5s;animation-duration:11s}.cls-notes{position:absolute;inset:0;pointer-events:none}.cls-notes span{position:absolute;bottom:-30px;font-size:20px;color:var(--gold);text-shadow:0 0 12px rgba(212,175,55,.7);opacity:0;animation:clsNote linear infinite}.cls-staff{position:absolute;left:50%;bottom:14px;width:min(680px,94%);transform:translateX(-50%);opacity:.85}.cls-staff-line{stroke:rgba(212,175,55,.28);stroke-width:1}.cls-clef{fill:none;stroke:var(--gold-hi);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:700;stroke-dashoffset:700;filter:drop-shadow(0 0 10px rgba(212,175,55,.7));animation:clsDraw 1.8s ease .4s forwards}.cls-staff-note{fill:var(--gold);filter:drop-shadow(0 0 8px rgba(212,175,55,.8));opacity:0;transform-origin:center;animation:clsNoteIn .5s ease forwards,clsBob 3.2s ease-in-out 2.6s infinite}.cls-staff-note.n1{animation-delay:1.6s,2.6s}.cls-staff-note.n2{animation-delay:1.9s,3s}.cls-staff-note.n3{animation-delay:2.2s,3.4s}.cls-open{display:inline-block;padding:7px 22px;margin:0 0 26px;border:1px solid rgba(212,175,55,.45);border-radius:2px;font-size:11px;font-weight:700;letter-spacing:.34em;color:var(--gold-hi);box-shadow:0 0 16px rgba(212,175,55,.14),inset 0 0 12px rgba(212,175,55,.05)}.cls-hero-title,.cls-open{position:relative;font-family:var(--font-display)}.cls-hero-title{margin:0 0 10px;font-weight:900;font-size:clamp(44px,9.5vw,98px);line-height:1.04;letter-spacing:.1em;text-indent:.1em;background:linear-gradient(105deg,#6e5518,#f5d69b 20%,#d4af37 42%,#fff3d6 60%,#b8912e 80%,#6e5518);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:clsFoil 6s linear infinite;filter:drop-shadow(0 3px 20px rgba(212,175,55,.3))}.cls-hero-ko{position:relative;margin:0 0 14px;font-size:clamp(15px,2.6vw,20px);font-weight:900;letter-spacing:.44em;text-indent:.44em;color:#fdf2d4;text-shadow:0 0 22px rgba(212,175,55,.5)}.cls-hero-sub{position:relative;margin:0 auto;max-width:560px;color:var(--dim);font-size:14px;line-height:1.7}.cls-piano{position:relative;height:62px;background:#0a0812;border-top:1px solid rgba(212,175,55,.3);border-bottom:1px solid rgba(212,175,55,.3);box-shadow:inset 0 8px 18px rgba(0,0,0,.7);font-size:0;transform:perspective(700px) rotateX(7deg);transform-origin:50% 0}.cls-pk-w{display:inline-block;height:100%;background:linear-gradient(180deg,#efe9dc,#dcd4c2 78%,#b8ae97);border-right:1px solid rgba(0,0,0,.35);box-shadow:inset 0 -5px 8px rgba(0,0,0,.22);transition:transform .12s,background .12s,box-shadow .12s}.cls-pk-b,.cls-pk-w{border-radius:0 0 3px 3px}.cls-pk-b{position:absolute;top:0;height:60%;background:linear-gradient(180deg,#2b2733,#0c0a12 82%,#000);box-shadow:0 4px 7px rgba(0,0,0,.65),inset 0 -3px 5px rgba(255,255,255,.06);transition:transform .12s,box-shadow .12s;z-index:1}.cls-eyebrow{margin:0 0 6px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.44em;color:#e2c877;text-shadow:0 0 10px rgba(212,175,55,.5)}.cls-sec{max-width:1020px;margin:0 auto;padding:46px 20px 8px;text-align:center}.cls-sec-title{position:relative;display:inline-block;margin:0 0 24px;font-size:clamp(20px,3.4vw,26px);font-weight:900;color:#f8f2e2}.cls-sec-title:after{content:"";position:absolute;left:50%;bottom:-10px;width:62px;height:2px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--gold),transparent);box-shadow:0 0 12px rgba(212,175,55,.6)}.cls-feat{max-width:720px;margin:40px auto 0;padding:0 20px;text-align:center}.cls-feat-card{position:relative;display:flex;gap:24px;align-items:center;text-align:left;padding:22px 24px;border-radius:18px;background:linear-gradient(160deg,#17122a,var(--cls-panel));border:1px solid rgba(212,175,55,.3);cursor:pointer;transform-style:preserve-3d;transition:transform .16s ease-out,box-shadow .3s;will-change:transform}.cls-feat-card:before{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:21px;background:conic-gradient(from var(--clsang),var(--gold),transparent 30%,var(--velvet) 52%,transparent 74%,var(--gold));filter:blur(10px);opacity:.55;animation:clsSpinAng 8s linear infinite}.cls-feat-card:hover{box-shadow:0 18px 46px rgba(0,0,0,.6)}.cls-feat-disc{position:relative;flex-shrink:0;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 30%,#241f45,#0c0a16 70%);border:2px solid rgba(212,175,55,.5);transform:translateZ(30px);box-shadow:0 0 26px rgba(212,175,55,.22),inset 0 0 22px rgba(0,0,0,.7)}.cls-feat-disc:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px dashed rgba(212,175,55,.5);animation:clsSpinRing 14s linear infinite}.cls-feat-portrait{width:100%;height:100%;border-radius:50%;object-fit:cover;opacity:.92}.cls-feat-fallback{font-size:46px;filter:drop-shadow(0 0 12px rgba(212,175,55,.6))}.cls-feat-playbtn{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--gold);color:#05040a;font-size:16px;box-shadow:0 4px 14px rgba(0,0,0,.5),0 0 18px rgba(212,175,55,.55)}.cls-feat-info{min-width:0;transform:translateZ(18px)}.cls-feat-badge{margin:0 0 6px;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--gold-hi)}.cls-feat-name{margin:0 0 6px;font-size:21px;font-weight:900;color:#fbf4e2;text-shadow:0 0 16px rgba(212,175,55,.3)}.cls-feat-cat{margin:0 0 12px;font-size:13px;color:var(--dim)}.cls-feat-meta{display:flex;align-items:center;gap:12px}.cls-feat-go{font-family:var(--font-serif);font-style:italic;font-size:16px;color:var(--gold-hi)}.cls-stats{display:flex;justify-content:center;max-width:640px;margin:30px auto 0;padding:0 20px}.cls-stat{flex:1 1;text-align:center;padding:6px 10px}.cls-stat+.cls-stat{border-left:1px solid var(--cls-line)}.cls-stat b{display:block;font-family:var(--font-display);font-weight:900;font-size:clamp(20px,4vw,30px);color:var(--gold-hi);text-shadow:0 0 14px rgba(212,175,55,.5)}.cls-stat span{font-size:12px;letter-spacing:.14em;color:var(--dim)}.cls-composers{display:flex;gap:16px;padding:30px 20px 8px;max-width:1000px;margin:0 auto;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.cls-composers::-webkit-scrollbar{display:none}.cls-composer{flex-shrink:0;text-align:center;cursor:pointer;transition:transform .2s;width:84px}.cls-composer-img{width:66px;height:66px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 7px;border:2px solid rgba(212,175,55,.2);background:#1a1428;box-shadow:0 0 0 3px rgba(212,175,55,.05);transition:border-color .2s,box-shadow .2s,transform .2s}.cls-composer-all{display:flex;align-items:center;justify-content:center;font-size:24px}.cls-composer.active .cls-composer-img{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.18),0 0 20px rgba(212,175,55,.5)}.cls-composer-name{font-size:13px;font-weight:700;color:#b3aac2;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cls-composer-years{font-family:var(--font-serif);font-style:italic;font-size:12px;color:#6a6080;margin:1px 0 0}.cls-composer.active .cls-composer-name{color:var(--gold)}.cls-eras{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:12px;gap:12px;text-align:left}.cls-era{display:flex;flex-direction:column;gap:5px;padding:16px 15px 14px;border-radius:14px;border:1px solid rgba(212,175,55,.16);border-top:3px solid rgba(212,175,55,.4);background:linear-gradient(180deg,rgba(212,175,55,.05),rgba(212,175,55,.012));color:inherit;text-align:left;cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s,background .25s}.cls-era.active{border-color:var(--gold);background:linear-gradient(180deg,rgba(212,175,55,.14),rgba(212,175,55,.04));box-shadow:0 0 22px rgba(212,175,55,.25),inset 0 0 14px rgba(212,175,55,.06)}.cls-era-years{font-family:var(--font-serif);font-style:italic;font-size:14px;color:var(--gold)}.cls-era-ko{font-size:16px;font-weight:900;color:var(--ivory)}.cls-era-who{font-size:11.5px;font-weight:700;color:#d9c184}.cls-era-desc{font-size:11.5px;line-height:1.6;color:var(--dim)}.cls-era-note{margin:12px 0 0;font-size:11px;color:#5f5674}.cls-filter{display:flex;flex-wrap:wrap;gap:8px;padding:22px 20px 0;max-width:1000px;margin:0 auto;justify-content:center}.cls-filter-btn{padding:7px 16px;border-radius:18px;border:1px solid rgba(212,175,55,.15);background:rgba(212,175,55,.04);color:var(--dim);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.cls-filter-btn.active{background:linear-gradient(135deg,var(--gold),#a9861f);color:#05040a;border-color:transparent;box-shadow:0 0 18px rgba(212,175,55,.45)}.cls-search{display:flex;gap:10px;max-width:560px;margin:16px auto 0;padding:0 20px}.cls-search input{flex:1 1;min-width:0;padding:12px 16px;border-radius:10px;border:1px solid rgba(212,175,55,.22);background:rgba(212,175,55,.04);color:var(--ivory);font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.cls-search input::placeholder{color:#5a5070}.cls-search input:focus{border-color:rgba(212,175,55,.65);box-shadow:0 0 0 3px rgba(212,175,55,.12),0 0 18px rgba(212,175,55,.22)}.cls-dice{flex-shrink:0;padding:0 16px;border-radius:10px;border:1px solid rgba(151,41,60,.6);background:rgba(151,41,60,.12);color:#f0c9ce;font-size:13px;font-weight:800;cursor:pointer;transition:all .2s}.cls-sort{display:flex;justify-content:center;gap:6px;margin:12px auto 0;padding:0 20px;flex-wrap:wrap}.cls-sort-btn{padding:6px 14px;border-radius:8px;border:1px solid transparent;background:transparent;color:#5f5674;font-size:12.5px;font-weight:700;cursor:pointer;transition:all .2s}.cls-sort-btn.on{color:var(--gold-hi);border-color:rgba(212,175,55,.35);background:rgba(212,175,55,.06)}.cls-count{margin:10px 0 0;text-align:center;font-family:var(--font-display);font-size:11px;font-weight:700;letter-spacing:.28em;color:var(--dim)}.cls-tracks{max-width:1000px;margin:0 auto;padding:16px 20px 40px}.cls-track{display:flex;align-items:center;gap:14px;padding:13px 18px;border-radius:12px;background:rgba(212,175,55,.02);border:1px solid rgba(212,175,55,.06);margin-bottom:8px;cursor:pointer;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;animation:clsFadeUp .45s both;content-visibility:auto;contain-intrinsic-size:auto 68px}.cls-track:nth-child(3n+2){animation-delay:.05s}.cls-track:nth-child(3n){animation-delay:.1s}.cls-track.playing{background:linear-gradient(90deg,rgba(212,175,55,.12),rgba(212,175,55,.04));border-color:rgba(212,175,55,.45);box-shadow:0 0 20px rgba(212,175,55,.16),inset 0 0 16px rgba(212,175,55,.05)}.cls-track-play{width:42px;height:42px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.22);font-size:15px;color:var(--gold);transition:background .2s,box-shadow .2s}.cls-track-play em{font-style:normal;font-family:var(--font-serif);font-size:15px;font-weight:600;color:#7d7292}.cls-track.playing .cls-track-play{background:rgba(212,175,55,.16);box-shadow:0 0 14px rgba(212,175,55,.35)}.cls-track-info{flex:1 1;min-width:0}.cls-track-title{font-size:15px;font-weight:700;color:var(--ivory);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cls-track-composer{font-size:13px;color:var(--gold);font-weight:600}.cls-track-year{font-size:13px;color:#6a6080;margin-left:8px}.cls-track-epoch{margin-left:8px;font-size:11px;font-weight:700;padding:2px 9px;border-radius:999px;color:#cbb26a;border:1px solid rgba(212,175,55,.3)}.cls-eq{display:inline-flex;align-items:flex-end;gap:2.5px;height:16px}.cls-eq i{width:3px;height:100%;border-radius:2px;background:linear-gradient(180deg,var(--gold-hi),var(--gold));transform-origin:bottom;box-shadow:0 0 6px rgba(212,175,55,.6)}.cls-eq i:first-child{animation:clsEq1 .9s ease-in-out infinite}.cls-eq i:nth-child(2){animation:clsEq2 .7s ease-in-out infinite}.cls-eq i:nth-child(3){animation:clsEq3 1.1s ease-in-out infinite}.cls-eq i:nth-child(4){animation:clsEq4 .8s ease-in-out infinite}.cls-eq.paused i{animation-play-state:paused}.cls-eq.lg{height:24px;gap:3px}.cls-eq.lg i{width:4px}.cls-orch3d{perspective:1100px;max-width:640px;margin:0 auto;position:relative}.cls-orch3d:after{content:"";position:absolute;left:10%;right:10%;bottom:-8px;height:30px;border-radius:50%;background:radial-gradient(ellipse,rgba(212,175,55,.16),transparent 70%);filter:blur(8px);pointer-events:none}.cls-orch{width:100%;transform:rotateX(26deg);transform-origin:50% 78%;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.cls-o{stroke-width:1.4;transition:fill-opacity .2s,filter .2s;fill-opacity:.18;cursor:pointer}.o-str{fill:var(--gold);stroke:rgba(212,175,55,.6)}.o-wood{fill:#b8a06a;stroke:rgba(184,160,106,.6)}.o-brass{fill:#c4703a;stroke:rgba(196,112,58,.6)}.o-perc{fill:var(--velvet);stroke:rgba(151,41,60,.65)}.o-etc{fill:#7b6f9e;stroke:rgba(123,111,158,.6)}.cls-o:hover{fill-opacity:.4;filter:drop-shadow(0 0 8px rgba(212,175,55,.5))}.cls-o-label{fill:#cfc6b2;font-size:10px;font-weight:700;text-anchor:middle;dominant-baseline:middle;pointer-events:none;paint-order:stroke;stroke:rgba(5,4,10,.85);stroke-width:3}.cls-o-label.cond{fill:var(--gold-hi);font-size:11px}.cls-o-cond{fill:var(--gold);filter:drop-shadow(0 0 10px rgba(212,175,55,.8))}.cls-orch-legend{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:10px;gap:10px;margin-top:18px;text-align:left}.cls-legend-item{display:flex;gap:10px;align-items:flex-start;padding:11px 13px;border-radius:12px;background:var(--cls-panel);border:1px solid var(--cls-line)}.cls-legend-item i{flex-shrink:0;width:14px;height:14px;margin-top:2px;border-radius:4px;fill-opacity:1}.cls-legend-item i.o-str{background:var(--gold);box-shadow:0 0 8px rgba(212,175,55,.6)}.cls-legend-item i.o-wood{background:#b8a06a}.cls-legend-item i.o-brass{background:#c4703a}.cls-legend-item i.o-perc{background:var(--velvet)}.cls-legend-item b{display:block;font-size:13px;color:var(--ivory)}.cls-legend-item span{font-size:11.5px;line-height:1.55;color:var(--dim)}.cls-tempos{display:flex;flex-direction:column;gap:8px;max-width:640px;margin:0 auto}.cls-tempo{display:grid;grid-template-columns:92px 1fr 86px;grid-template-rows:auto auto;grid-column-gap:14px;column-gap:14px;grid-row-gap:4px;row-gap:4px;align-items:center;padding:11px 16px;border-radius:12px;background:var(--cls-panel);border:1px solid var(--cls-line);text-align:left;transition:border-color .2s,box-shadow .2s}.cls-tempo-it{font-family:var(--font-serif);font-style:italic;font-size:17px;font-weight:600;color:var(--gold-hi)}.cls-tempo-ko{font-size:12.5px;color:var(--dim)}.cls-tempo-bpm{justify-self:end;font-size:11.5px;font-weight:800;padding:3px 10px;border-radius:999px;color:#e2c877;border:1px solid rgba(212,175,55,.35)}.cls-tempo-bar{grid-column:1/-1;height:5px;border-radius:3px;background:#1c1730;overflow:hidden}.cls-tempo-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--velvet),var(--gold),var(--gold-hi));box-shadow:0 0 8px rgba(212,175,55,.5)}.cls-bottom{max-width:1000px;margin:0 auto;padding:8px 20px 16px}.cls-explore{display:flex;align-items:center;gap:14px;margin:16px 0;padding:16px;border-radius:14px;text-decoration:none;background:rgba(212,175,55,.05);border:1px solid rgba(212,175,55,.18);box-shadow:inset 0 0 18px rgba(212,175,55,.04);transition:border-color .25s,box-shadow .25s}.cls-explore-icon{font-size:24px}.cls-explore-txt{font-size:16px;font-weight:800;color:rgba(255,250,238,.72)}.cls-player{position:fixed;bottom:0;left:0;right:0;z-index:100;background:rgba(8,6,14,.94);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid rgba(212,175,55,.35);box-shadow:0 -2px 0 rgba(212,175,55,.12),0 -14px 40px rgba(0,0,0,.6);padding:13px 20px;animation:clsRiseBar .35s cubic-bezier(.2,.8,.2,1) both}.cls-player-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:13px}.cls-player-info{flex:1 1;min-width:0}.cls-player-title{font-size:14px;font-weight:700;color:var(--ivory);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cls-player-composer{font-size:13px;color:var(--gold)}.cls-player-btn{width:44px;height:44px;border-radius:50%;border:none;flex-shrink:0;background:linear-gradient(160deg,var(--gold-hi),var(--gold));color:#05040a;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 16px rgba(212,175,55,.4);transition:transform .15s,box-shadow .2s}.cls-player-btn.sub{background:rgba(212,175,55,.1);color:var(--gold);border:1px solid rgba(212,175,55,.35)}.cls-player-btn.stop,.cls-player-btn.sub{width:36px;height:36px;font-size:13px;box-shadow:none}.cls-player-btn.stop{background:rgba(151,41,60,.15);color:#e8a7b1;border:1px solid rgba(151,41,60,.5)}.cls-player-progress{flex:2 1;height:6px;border-radius:3px;background:rgba(212,175,55,.14);cursor:pointer;position:relative;transition:transform .15s}.cls-player-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--gold),var(--gold-hi));box-shadow:0 0 10px rgba(212,175,55,.6);transition:width .3s}.cls-player-time{font-size:12.5px;color:#8a80a0;min-width:84px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cls-loading{display:flex;flex-direction:column;align-items:center;gap:10px;padding:80px 20px}.cls-baton{font-size:44px;display:inline-block;animation:clsTune 1.1s ease-in-out infinite;filter:drop-shadow(0 0 14px rgba(212,175,55,.7))}.cls-loading-txt{margin:0;font-family:var(--font-display);font-size:12px;font-weight:700;letter-spacing:.42em;color:#e2c877;animation:clsPulse 1.5s ease-in-out infinite}.cls-empty{text-align:center;padding:60px 20px;color:#5a5070;font-size:15px}@media (hover:hover){.cls-pk-w:hover{transform:translateY(3px);background:linear-gradient(180deg,#fff8e8,#e8dcc0 78%,#c9b98e);box-shadow:inset 0 -5px 8px rgba(0,0,0,.22),0 6px 14px rgba(212,175,55,.4)}.cls-pk-b:hover{transform:translateY(3px);box-shadow:0 2px 4px rgba(0,0,0,.6),0 6px 14px rgba(212,175,55,.35)}.cls-composer:hover{transform:translateY(-4px)}.cls-composer:hover .cls-composer-img{border-color:rgba(212,175,55,.6)}.cls-filter-btn:hover{color:var(--gold);border-color:rgba(212,175,55,.4)}.cls-sort-btn:hover{color:var(--gold)}.cls-dice:hover{background:rgba(151,41,60,.22);box-shadow:0 0 16px rgba(151,41,60,.4)}.cls-track:hover{transform:translateX(4px);background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.2)}.cls-era:hover{transform:translateY(-4px);border-color:rgba(212,175,55,.5);box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 18px rgba(212,175,55,.16)}.cls-tempo:hover{border-color:rgba(212,175,55,.4);box-shadow:0 0 16px rgba(212,175,55,.12)}.cls-orch3d:hover .cls-orch{transform:rotateX(10deg) scale(1.02)}.cls-player-btn:hover{transform:scale(1.07)}.cls-player-btn.stop:hover,.cls-player-btn.sub:hover{transform:scale(1.08);box-shadow:0 0 14px rgba(212,175,55,.3)}.cls-player-progress:hover{transform:scaleY(1.5)}.cls-explore:hover{border-color:rgba(212,175,55,.5);box-shadow:0 0 22px rgba(212,175,55,.2),inset 0 0 18px rgba(212,175,55,.06)}.cls-feat-card:hover .cls-feat-playbtn{transform:scale(1.1)}}@media (max-width:900px){.cls-hero:after,.cls-hero:before{width:26px;opacity:.35}}@media (max-width:768px){.cls-hero{padding:52px 16px 76px}.cls-hero-sub{font-size:13px}.cls-feat-card{flex-direction:column;text-align:center}.cls-feat-info{transform:none}.cls-feat-meta{justify-content:center}.cls-eras{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.cls-orch-legend{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.cls-track-epoch{display:none}}@media (max-width:480px){.cls-hero{padding:44px 14px 68px}.cls-hero-sub{font-size:12.5px}.cls-staff{bottom:8px}.cls-piano{height:50px}.cls-player-inner{flex-wrap:wrap;gap:10px}.cls-player-progress{flex:1 1 100%;order:10}.cls-player-time{min-width:0;margin-left:auto}.cls-eq.lg{display:none}.cls-search{flex-wrap:wrap}.cls-dice{flex:1 1;padding:11px 12px}.cls-tempo{grid-template-columns:84px 1fr 80px}.cls-filter-btn{padding:7px 13px;font-size:12px}.cls-filter{gap:6px}.cls-track-title{font-size:14px}.cls-track-composer{font-size:12px}.cls-feat-name{font-size:19px}.cls-feat-cat{font-size:12px}.cls-era-ko{font-size:14.5px}.cls-era-desc{font-size:11px}.cls-explore-txt{font-size:14px}.cls-bottom{padding:6px 14px 14px}}@media (max-width:375px){.cls-hero{padding:38px 12px 60px}.cls-hero-sub{font-size:12px}.cls-search input{padding:10px 12px;font-size:13px}.cls-eras{grid-template-columns:1fr}.cls-tempo{grid-template-columns:72px 1fr 70px}.cls-tempo-it{font-size:15px}.cls-tempo-ko{font-size:11.5px}.cls-feat-name{font-size:17px}.cls-track-title{font-size:13px}.cls-track-composer{font-size:11.5px}.cls-legend-item b{font-size:12px}.cls-legend-item span{font-size:11px}.cls-composer-name{font-size:12px}}@media (prefers-reduced-motion:reduce){.cls-baton,.cls-eq i,.cls-feat-card:before,.cls-feat-disc:before,.cls-hero-title,.cls-loading-txt,.cls-notes span,.cls-player,.cls-spot i,.cls-staff-note,.cls-track{animation:none!important}.cls-clef{stroke-dashoffset:0;animation:none}.cls-staff-note{opacity:1}.cls-eq i{transform:scaleY(.6)}.cls-reveal{opacity:1;transform:none;transition:none}.cls-track{opacity:1}.cls-orch{transition:none}.cls-piano{transform:none}}