.music-hero{position:relative;width:100%;min-height:100svh;display:flex;align-items:flex-end;padding:0 5vw 5rem;overflow:visible;background:var(--black)}.music-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 50%,rgba(156,90,20,.12) 0%,transparent 65%),radial-gradient(ellipse 60% 80% at 80% 30%,rgba(60,20,80,.08) 0%,transparent 60%),linear-gradient(170deg,#0d0a06,#0a0806 55%,#060408);z-index:0}.stave{position:absolute;inset:0;z-index:1;pointer-events:none;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,3vh,24px);padding:20vh 0}.stave span{display:block;height:1px;background:linear-gradient(to right,transparent 0%,rgba(156,90,20,.18) 10%,rgba(156,90,20,.42) 50%,rgba(156,90,20,.18) 90%,transparent 100%);animation:stave-breathe 8s ease-in-out infinite both;opacity:.5;will-change:opacity}.stave span:nth-child(1){animation-delay:0s}.stave span:nth-child(2){animation-delay:.4s}.stave span:nth-child(3){animation-delay:.8s}.stave span:nth-child(4){animation-delay:1.2s}.stave span:nth-child(5){animation-delay:1.6s}@keyframes stave-breathe{0%,to{opacity:.5}50%{opacity:1}}.note-field{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:visible}.floating-note{position:absolute;bottom:-2rem;left:var(--x, 50%);font-size:var(--size, 1.6rem);color:var(--amber-light);opacity:0;animation:note-rise var(--dur, 12s) ease-in forwards;-webkit-user-select:none;user-select:none;will-change:transform,opacity;text-shadow:0 0 12px rgba(221,158,91,.55),0 0 28px rgba(221,158,91,.25)}@keyframes note-rise{0%{opacity:0;transform:translateY(0) rotate(var(--rot-start, -8deg)) scale(.8)}8%{opacity:.82;transform:translateY(-8vh) rotate(var(--rot-mid, 0deg)) scale(1)}70%{opacity:.45}to{opacity:0;transform:translateY(-105vh) rotate(var(--rot-end, 20deg)) scale(.9)}}.hero-waveform{position:absolute;bottom:0;left:0;right:0;height:180px;z-index:3;pointer-events:none;display:flex;align-items:flex-end;gap:2px;padding:0 5vw 3rem;opacity:.55}.hero-waveform .wv-bar{flex:1;border-radius:1px 1px 0 0;background:linear-gradient(to top,var(--amber),var(--amber-light));animation:wv-pulse var(--wv-dur, 1.2s) var(--wv-delay, 0s) ease-in-out infinite alternate;transform-origin:bottom}@keyframes wv-pulse{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.music-hero-content{position:relative;z-index:5;max-width:780px}.music-hero-title{font-family:var(--font-display);font-size:clamp(4rem,11vw,10rem);font-weight:900;line-height:.9;letter-spacing:-.02em;color:var(--white);margin:1rem 0 1.75rem;display:flex;flex-direction:column;align-items:flex-start;gap:.04em}.music-hero-sub{font-family:var(--font-body);font-size:clamp(.9rem,1.4vw,1.15rem);font-weight:300;color:var(--muted);line-height:1.75;margin-bottom:2.5rem;max-width:420px}.hero-metadata{position:absolute;bottom:4rem;right:5vw;z-index:5;display:flex;align-items:center;gap:1.2rem}.hero-meta-item{display:flex;flex-direction:column;align-items:center;gap:2px}.meta-label{font-family:var(--font-mono);font-size:.52rem;letter-spacing:.2em;text-transform:uppercase;color:#f7f3ec4d}.meta-val{font-family:var(--font-display);font-size:.82rem;color:var(--amber-light);letter-spacing:.04em}.hero-meta-sep{color:#9c5a1466;font-size:1rem;align-self:center}.filter-section{background:var(--dark);padding:5rem 5vw 2.5rem;border-bottom:1px solid rgba(156,90,20,.15)}.filter-inner{max-width:1200px;margin:0 auto}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}.filter-btn{background:transparent;border:1px solid rgba(156,90,20,.25);color:var(--muted);font-family:var(--font-body);font-size:.78rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1.25rem;border-radius:100px;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s var(--ease-out-expo)}.filter-btn:hover{border-color:#9c5a148c;color:var(--white);transform:translateY(-1px)}.filter-btn.active{background:var(--amber);border-color:var(--amber);color:var(--white)}.filter-btn:focus-visible{outline:2px solid var(--amber-light);outline-offset:3px}.track-grid-section{background:var(--dark);padding:3rem 5vw 6rem}.track-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.5rem}.track-card{background:var(--surface);border:1px solid rgba(156,90,20,.18);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;transition:transform .35s var(--ease-out-expo),border-color .25s,box-shadow .35s;position:relative}.track-card:after{content:"";position:absolute;inset:0;border-radius:6px;background:linear-gradient(135deg,rgba(156,90,20,.04) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.track-card:hover,.track-card:focus-visible{transform:translateY(-4px);border-color:#9c5a1480;box-shadow:0 16px 48px #00000080,0 0 0 1px #9c5a141f;outline:none}.track-card:hover:after,.track-card:focus-visible:after{opacity:1}.track-card.is-playing{border-left:2px solid var(--amber-light);box-shadow:0 0 24px #dd9e5b1f}.track-card.is-playing .track-title{color:var(--amber-pale)}.track-card.hidden{display:none}.track-art{position:relative;height:140px;overflow:hidden;flex-shrink:0}.track-art-gradient{position:absolute;inset:0;background:radial-gradient(ellipse at 30% 60%,var(--c1, #0a0806) 0%,var(--c2, #1c1a14) 100%)}.track-art-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;opacity:.72;transition:opacity .35s,transform .6s var(--ease-out-expo)}.track-card:hover .track-art-cover,.track-card:focus-visible .track-art-cover{opacity:.45;transform:scale(1.04)}.track-art:has(.track-art-cover) .track-art-gradient{background:linear-gradient(to bottom,#0504031a,#0504038c);z-index:2}.track-art-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;color:var(--amber-light);opacity:.5;transition:opacity .3s,transform .35s var(--ease-out-expo);z-index:3}.track-card:hover .track-art-icon,.track-card:focus-visible .track-art-icon{opacity:.2;transform:translate(-50%,-52%) scale(1.1)}.track-art:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,transparent,var(--amber),transparent);opacity:.5;z-index:3}.track-bars{position:absolute;bottom:0;left:0;right:0;height:40px;display:flex;align-items:flex-end;padding:0 1rem 8px;gap:3px;z-index:3;opacity:0;transition:opacity .3s}.track-card:hover .track-bars,.track-card:focus-visible .track-bars{opacity:1}.track-bars span{flex:1;border-radius:1px 1px 0 0;background:linear-gradient(to top,var(--amber),var(--amber-light));animation:bar-pulse var(--b-dur, .9s) var(--b-delay, 0s) ease-in-out infinite alternate}.track-bars span:nth-child(1){--b-dur: .7s;--b-delay: 0s}.track-bars span:nth-child(2){--b-dur: 1.1s;--b-delay: .15s}.track-bars span:nth-child(3){--b-dur: .8s;--b-delay: .3s}.track-bars span:nth-child(4){--b-dur: .65s;--b-delay: .05s}.track-bars span:nth-child(5){--b-dur: .95s;--b-delay: .22s}.track-bars span:nth-child(6){--b-dur: .75s;--b-delay: .38s}.track-bars span:nth-child(7){--b-dur: 1.2s;--b-delay: .12s}.track-bars span:nth-child(8){--b-dur: .85s;--b-delay: .28s}@keyframes bar-pulse{0%{height:4px}to{height:32px}}.track-info{padding:1.25rem 1.4rem 1.4rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.track-header{display:flex;align-items:baseline;gap:.75rem}.track-num{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;color:#9c5a1499;flex-shrink:0}.track-title{font-family:var(--font-display);font-size:clamp(1.05rem,1.8vw,1.2rem);font-weight:700;color:var(--white);line-height:1.25;flex:1;transition:color .2s}.track-card:hover .track-title{color:var(--amber-pale)}.track-duration{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;color:var(--muted);flex-shrink:0}.track-desc{font-family:var(--font-body);font-size:.8rem;font-weight:300;color:#f7f3ec80;line-height:1.65}.track-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{display:inline-block;padding:.2rem .65rem;border:1px solid rgba(156,90,20,.3);border-radius:100px;font-family:var(--font-mono);font-size:.55rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-light)}.track-meta{display:flex;gap:1.2rem;margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(247,243,236,.06)}.track-meta span{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.1em;color:#f7f3ec47;text-transform:uppercase}.track-meta span[hidden],.track-meta span:empty{display:none}.track-meta[hidden]{display:none}.play-cue{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:opacity .25s,transform .3s var(--ease-out-expo);color:var(--white);z-index:4}.track-card:hover .play-cue,.track-card:focus-visible .play-cue{opacity:1;transform:scale(1)}body.modal-open{overflow:hidden}#playerModal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .35s var(--ease-out-expo),visibility .35s}#playerModal.is-open{pointer-events:all;opacity:1;visibility:visible}.pm-backdrop{position:absolute;inset:0;background:#050403e0;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.pm-backdrop:after{content:"";position:absolute;inset:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.07'/%3E%3C/svg%3E");opacity:.22;animation:grain-shift .5s steps(2) infinite;pointer-events:none}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,2%)}50%{transform:translate(3%,-1%)}75%{transform:translate(-1%,3%)}to{transform:translate(2%,-2%)}}.pm-backdrop:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,var(--amber, #9c5a14) 0px,var(--amber) 2px,transparent 2px,transparent calc(100% - 2px),var(--amber) calc(100% - 2px),var(--amber) 100%);opacity:.45;pointer-events:none}.pm-panel{position:relative;z-index:1;background:var(--surface);border:1px solid rgba(156,90,20,.32);border-radius:8px;width:min(780px,100%);max-height:90svh;overflow-y:auto;box-shadow:0 32px 80px #000000b3,0 0 0 1px #9c5a141a,inset 0 1px #ffffff0a;transform:translateY(24px) scale(.98);transition:transform .4s var(--ease-out-expo)}#playerModal.is-open .pm-panel{transform:translateY(0) scale(1)}#pmClose{position:absolute;top:1rem;right:1rem;z-index:10;background:#0a080699;border:1px solid rgba(156,90,20,.25);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:background .2s,color .2s,border-color .2s}#pmClose:hover{background:#9c5a1433;border-color:var(--amber-light);color:var(--white)}#pmClose:focus-visible{outline:2px solid var(--amber-light);outline-offset:2px}.pm-canvas-wrap{position:relative;width:100%;aspect-ratio:16 / 5;background:var(--black);overflow:hidden;border-bottom:1px solid rgba(156,90,20,.18)}.pm-canvas-wrap .pm-canvas-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.18;filter:blur(12px) saturate(.7);transform:scale(1.06);z-index:0;pointer-events:none}#oscilloCanvas{position:relative;z-index:1}.pm-canvas-wrap:before,.pm-canvas-wrap:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:2;pointer-events:none}.pm-canvas-wrap:before{left:0;background:linear-gradient(to right,var(--black),transparent)}.pm-canvas-wrap:after{right:0;background:linear-gradient(to left,var(--black),transparent)}#oscilloCanvas{display:block;width:100%;height:100%}.pm-info{padding:1.5rem 1.75rem .75rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.pm-info-left{flex:1;min-width:0}.pm-track-num{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.2em;color:#9c5a148c;text-transform:uppercase;margin-bottom:.35rem;display:block}.pm-track-title{font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:var(--white);line-height:1.15;margin-bottom:.6rem}.pm-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem}.pm-track-desc{font-family:var(--font-body);font-size:.82rem;font-weight:300;color:#f7f3ec7a;line-height:1.65;max-width:420px}.pm-meta-grid{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;flex-shrink:0}.pm-meta-item{display:flex;flex-direction:column;align-items:flex-end}.pm-meta-label{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase;color:#f7f3ec40}.pm-meta-val{font-family:var(--font-display);font-size:.85rem;color:var(--amber-light);letter-spacing:.03em}.pm-meta-item[hidden],.pm-meta-grid[hidden]{display:none}.pm-controls{padding:.75rem 1.75rem 1.75rem}.pm-seek-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.pm-time{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.06em;color:var(--muted);flex-shrink:0;width:3rem}.pm-time.right{text-align:right}.pm-range{-webkit-appearance:none;appearance:none;width:100%;height:3px;background:#f7f3ec1a;border-radius:2px;outline:none;cursor:pointer;position:relative}.pm-range::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--amber-light);border:2px solid var(--surface);box-shadow:0 0 6px #dd9e5b80;cursor:pointer;transition:transform .15s}.pm-range::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--amber-light);border:2px solid var(--surface);cursor:pointer}.pm-range:focus-visible::-webkit-slider-thumb{transform:scale(1.35);outline:2px solid var(--amber-light)}.pm-btn-row{display:flex;align-items:center;justify-content:center;gap:1.5rem}.pm-skip{background:none;border:none;color:var(--muted);cursor:pointer;padding:.4rem;border-radius:4px;transition:color .2s,transform .2s;display:flex;align-items:center}.pm-skip:hover{color:var(--white);transform:scale(1.1)}.pm-skip:focus-visible{outline:2px solid var(--amber-light);border-radius:4px}#pmPlay{width:56px;height:56px;border-radius:50%;border:1.5px solid rgba(156,90,20,.5);background:#9c5a141f;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s,transform .25s var(--ease-out-expo),box-shadow .25s;box-shadow:0 0 #dd9e5b00}#pmPlay:hover{background:var(--amber);border-color:var(--amber-light);transform:scale(1.08);box-shadow:0 0 28px #dd9e5b59}#pmPlay:active{transform:scale(.96)}#pmPlay:focus-visible{outline:2px solid var(--amber-light);outline-offset:3px}#pmPlayIcon{display:block;fill:currentColor;width:22px;height:22px}.pm-vol-row{display:flex;align-items:center;gap:.6rem;margin-top:1.25rem;justify-content:flex-end}.pm-vol-icon{color:#f7f3ec59;flex-shrink:0;display:flex}.pm-vol-slider{width:90px}.music-statement{background:var(--mid);padding:7rem 5vw;position:relative;overflow:hidden}.music-statement:before{content:"♩";position:absolute;top:-2rem;right:5vw;font-size:clamp(10rem,22vw,18rem);color:#9c5a140d;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.music-statement-inner{max-width:900px;margin:0 auto;position:relative}.music-quote{font-family:var(--font-display);font-size:clamp(1.5rem,3.2vw,2.6rem);font-weight:400;line-height:1.45;color:var(--white);margin:1.5rem 0 2.5rem;border:none}.music-quote em{font-style:italic;color:var(--amber-pale)}.licensing-section{background:var(--black);border-top:1px solid rgba(156,90,20,.18);padding:6rem 5vw;overflow:hidden}.licensing-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:4rem}.licensing-content{max-width:560px}.licensing-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);font-weight:900;color:var(--white);letter-spacing:-.02em;margin:.75rem 0 1.25rem;line-height:1.05}.licensing-body{font-family:var(--font-body);font-size:clamp(.88rem,1.3vw,1rem);font-weight:300;color:var(--muted);line-height:1.75;margin-bottom:2.5rem}.licensing-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.licensing-deco{position:relative;flex-shrink:0;width:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.deco-clef{font-size:clamp(6rem,12vw,10rem);color:#9c5a142e;line-height:1;-webkit-user-select:none;user-select:none;animation:clef-float 6s ease-in-out infinite}@keyframes clef-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.deco-lines{display:flex;flex-direction:column;gap:8px;width:80%;margin-top:1rem}.deco-lines span{height:1px;background:linear-gradient(to right,transparent,rgba(156,90,20,.3),transparent)}.reveal-scroll{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease-out-expo),transform .8s var(--ease-out-expo)}.reveal-scroll.in-view{opacity:1;transform:translateY(0)}.section-label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:var(--amber-light);margin-bottom:.75rem;display:block}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:700;color:var(--white);letter-spacing:-.01em;line-height:1.1}@media(max-width:900px){.licensing-inner{flex-direction:column;align-items:flex-start}.licensing-deco{width:100%;flex-direction:row;justify-content:flex-start;gap:2rem}.deco-clef{font-size:5rem}.deco-lines{display:none}.pm-info{flex-direction:column}.pm-meta-grid{flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:1rem}.pm-meta-item{align-items:flex-start}}@media(max-width:640px){.music-hero{padding:0 1.5rem 4rem}.music-hero-title{font-size:clamp(3.5rem,15vw,5.5rem)}.hero-metadata{display:none}.track-grid{grid-template-columns:1fr}.filter-btn{font-size:.7rem;padding:.4rem .9rem}.pm-panel{border-radius:6px 6px 0 0}#playerModal{align-items:flex-end;padding:0}.pm-canvas-wrap{aspect-ratio:16 / 6}.pm-info{padding:1.25rem 1.25rem .5rem}.pm-controls{padding:.5rem 1.25rem 1.5rem}}@media(prefers-reduced-motion:reduce){.floating-note,.stave span,.hero-waveform .wv-bar,.track-bars span,.deco-clef{animation:none!important}.track-bars span{height:12px}.track-card,#playerModal,.pm-panel{transition:none!important}}#miniPlayer{position:fixed;bottom:0;left:0;right:0;z-index:9000;height:56px;display:flex;align-items:center;gap:.75rem;padding:0 1.25rem;background:#0a0806eb;border-top:1px solid rgba(156,90,20,.35);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);box-shadow:0 -4px 32px #00000080,0 -1px #9c5a141a;transform:translateY(100%);transition:transform .38s cubic-bezier(.16,1,.3,1);pointer-events:none;opacity:0}#miniPlayer.is-visible{transform:translateY(0);pointer-events:all;opacity:1}#miniPlayer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,rgba(221,158,91,.6) 40%,rgba(221,158,91,.6) 60%,transparent 100%);pointer-events:none}.mp-waveform{display:flex;align-items:center;gap:2px;height:18px;flex-shrink:0}.mp-waveform span{display:block;width:2px;border-radius:1px;background:var(--amber);opacity:.5;height:4px;animation:mp-bar var(--mp-dur, .9s) var(--mp-delay, 0s) ease-in-out infinite alternate}#miniPlayer.is-playing .mp-waveform span{opacity:1}#miniPlayer:not(.is-playing) .mp-waveform span{animation-play-state:paused}.mp-waveform span:nth-child(1){--mp-dur: .7s;--mp-delay: 0s}.mp-waveform span:nth-child(2){--mp-dur: 1.1s;--mp-delay: .11s}.mp-waveform span:nth-child(3){--mp-dur: .8s;--mp-delay: .22s}.mp-waveform span:nth-child(4){--mp-dur: .6s;--mp-delay: .05s}.mp-waveform span:nth-child(5){--mp-dur: .95s;--mp-delay: .17s}.mp-waveform span:nth-child(6){--mp-dur: .75s;--mp-delay: .3s}.mp-waveform span:nth-child(7){--mp-dur: 1.2s;--mp-delay: .08s}.mp-waveform span:nth-child(8){--mp-dur: .85s;--mp-delay: .24s}.mp-waveform span:nth-child(9){--mp-dur: .65s;--mp-delay: .35s}.mp-waveform span:nth-child(10){--mp-dur: 1.05s;--mp-delay: .14s}.mp-waveform span:nth-child(11){--mp-dur: .78s;--mp-delay: .28s}.mp-waveform span:nth-child(12){--mp-dur: .92s;--mp-delay: .4s}@keyframes mp-bar{0%{height:3px}to{height:18px}}.mp-reopen{background:none;border:none;cursor:pointer;color:#f7f3ec73;display:flex;align-items:center;justify-content:center;padding:.3rem;border-radius:4px;flex-shrink:0;transition:color .2s,background .2s}.mp-reopen:hover{color:var(--amber-light);background:#9c5a1426}.mp-reopen:focus-visible{outline:2px solid var(--amber-light);outline-offset:2px}.mp-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.mp-track-label{font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.mp-seek-wrap{display:flex;align-items:center;gap:.4rem}.mp-seek-track{flex:1;height:2px;background:#f7f3ec1f;border-radius:1px;overflow:hidden;position:relative}.mp-seek-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(to right,var(--amber),var(--amber-light));width:0%;border-radius:1px;transition:width .4s linear}.mp-time-cur,.mp-time-dur,.mp-time-sep{font-family:var(--font-mono);font-size:.52rem;letter-spacing:.06em;color:#f7f3ec4d;flex-shrink:0;white-space:nowrap}.mp-time-cur{color:#f7f3ec80}.mp-skip{background:none;border:none;cursor:pointer;color:#f7f3ec59;display:flex;align-items:center;justify-content:center;padding:.3rem;border-radius:4px;flex-shrink:0;transition:color .2s,background .2s}.mp-skip:hover{color:var(--amber-light);background:#9c5a1426}.mp-skip:focus-visible{outline:2px solid var(--amber-light);outline-offset:2px}.mp-toggle{width:34px;height:34px;border-radius:50%;border:1px solid rgba(156,90,20,.45);background:#9c5a141a;color:var(--white);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.mp-toggle svg{width:13px;height:13px}.mp-toggle:hover{background:var(--amber);border-color:var(--amber-light);transform:scale(1.08);box-shadow:0 0 14px #dd9e5b59}.mp-toggle:active{transform:scale(.94)}.mp-toggle:focus-visible{outline:2px solid var(--amber-light);outline-offset:2px}.mp-close{background:none;border:none;cursor:pointer;color:#f7f3ec40;display:flex;align-items:center;justify-content:center;padding:.3rem;border-radius:4px;flex-shrink:0;transition:color .2s}.mp-close:hover{color:#f7f3ecb3}.mp-close:focus-visible{outline:2px solid var(--amber-light);outline-offset:2px}#miniPlayer.is-visible~footer,body:has(#miniPlayer.is-visible) footer{padding-bottom:56px}#kbdHint{position:fixed;bottom:1.5rem;right:1.5rem;z-index:8900;background:#0a0806bf;border:1px solid rgba(156,90,20,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;gap:0;cursor:pointer;color:#f7f3ec66;font-family:var(--font-mono);font-size:.65rem;letter-spacing:0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:color .2s,border-color .2s,background .2s,transform .2s,bottom .38s cubic-bezier(.16,1,.3,1)}body:has(#miniPlayer.is-visible) #kbdHint{bottom:calc(56px + 1.5rem)}#kbdHint svg{display:none}#kbdHint span{line-height:1}#kbdHint:hover{color:var(--amber-light);border-color:#9c5a1499;background:#140f08e6;transform:scale(1.08)}#kbdHint:focus-visible{outline:2px solid var(--amber-light);outline-offset:2px}#kbdOverlay{position:fixed;bottom:calc(1.5rem + 44px);right:1.5rem;z-index:8950;background:#0c0a07f5;border:1px solid rgba(156,90,20,.35);border-radius:8px;padding:1.25rem 1.4rem;width:280px;box-shadow:0 16px 48px #0009,0 0 0 1px #9c5a1414;backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);pointer-events:none;opacity:0;transform:translateY(8px) scale(.97);transform-origin:bottom right;transition:opacity .22s var(--ease-out-expo),transform .22s var(--ease-out-expo)}#kbdOverlay.is-open{pointer-events:all;opacity:1;transform:translateY(0) scale(1)}body:has(#miniPlayer.is-visible) #kbdOverlay{bottom:calc(100px + 1.5rem)}.kbd-heading{font-family:var(--font-mono);font-size:.52rem;letter-spacing:.22em;text-transform:uppercase;color:var(--amber-light);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid rgba(156,90,20,.2)}.kbd-context{margin-bottom:.85rem}.kbd-context:last-child{margin-bottom:0}.kbd-ctx-label{font-family:var(--font-mono);font-size:.48rem;letter-spacing:.16em;text-transform:uppercase;color:#f7f3ec40;margin-bottom:.45rem}.kbd-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.35rem}.kbd-row:last-child{margin-bottom:0}.kbd-row kbd{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .4rem;min-width:22px;height:20px;background:#f7f3ec0f;border:1px solid rgba(247,243,236,.15);border-bottom-width:2px;border-radius:4px;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.02em;color:#f7f3ecb3;white-space:nowrap;flex-shrink:0}.kbd-row span{font-family:var(--font-body);font-size:.72rem;font-weight:300;color:#f7f3ec73;margin-left:auto}@media(max-width:480px){.mp-waveform,.mp-reopen,.mp-skip{display:none}#kbdHint{bottom:1rem;right:1rem}#kbdOverlay{right:1rem;width:calc(100vw - 2rem)}body:has(#miniPlayer.is-visible) #kbdHint{bottom:calc(56px + 1rem)}}