:root{--parallax-strength: 14px;--parallax: 22px}.music-page.svelte-1m9vkte{position:relative;height:100svh;min-height:100svh;background:#000;color:#fff;display:flex;flex-direction:column;padding:0;box-sizing:border-box}.filmstrip-container.svelte-1m9vkte{position:relative;flex:1;min-height:0;margin:0 36px;overflow:hidden}.filmstrip-bg.svelte-1m9vkte{position:absolute;inset:0;overflow:hidden}.filmstrip-bg.svelte-1m9vkte:before,.filmstrip-bg.svelte-1m9vkte:after{content:"";position:absolute;left:0;right:0;height:140px;pointer-events:none;z-index:4}.filmstrip-bg.svelte-1m9vkte:before{top:0;background:linear-gradient(to bottom,#000000f2,#0000008c 35%,#0000)}.filmstrip-bg.svelte-1m9vkte:after{bottom:0;background:linear-gradient(to top,#000000f2,#0000008c 35%,#0000)}.filmstrip-strip.svelte-1m9vkte{position:absolute;top:0;left:0;right:0;display:flex;flex-direction:column;transition-property:transform;transition-timing-function:cubic-bezier(.2,.8,.2,1);will-change:transform}.filmstrip-cell.svelte-1m9vkte{position:relative;width:100%;border-radius:16px;overflow:hidden;flex:0 0 auto;transition:opacity .7s cubic-bezier(.2,.8,.2,1),filter .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);will-change:opacity,filter,transform}.filmstrip-cell.active.svelte-1m9vkte{box-shadow:0 40px 90px -40px #000000d9,inset 0 0 0 1px #ffffff0f}.filmstrip-img.svelte-1m9vkte{position:relative;z-index:1;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;transform:translate3d(0,var(--parallax, 0px),0) scale(1.06);transition:transform .9s cubic-bezier(.2,.8,.2,1)}.filmstrip-img.bg-blur-transition.svelte-1m9vkte{transition:filter var(--blur-duration, .8s) ease-in-out,opacity var(--opacity-duration, 1s) ease-in-out,transform .9s cubic-bezier(.2,.8,.2,1)}.filmstrip-img.bg-blur-transition.blurred.svelte-1m9vkte{filter:blur(var(--blur-amount, 20px))}.filmstrip-img.bg-blur-transition.deblurred.svelte-1m9vkte{filter:blur(0px)}.filmstrip-cell.svelte-1m9vkte:after{content:"";position:absolute;inset:0;border-radius:16px;opacity:.78;background:radial-gradient(ellipse 130% 100% at 50% 40%,transparent 0%,rgba(0,0,0,.45) 50%,rgba(0,0,0,.88) 100%),linear-gradient(to bottom,rgba(0,0,0,.35) 0%,transparent 20%),linear-gradient(to top,rgba(0,0,0,.38) 0%,transparent 55%);pointer-events:none;z-index:2}.genre-nav.svelte-1m9vkte{position:absolute;top:150px;left:0;right:0;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;padding:0 32px;overscroll-behavior-x:contain;z-index:10}.genre-nav.svelte-1m9vkte::-webkit-scrollbar{display:none}.genre-tabs.svelte-1m9vkte{display:flex;width:-moz-max-content;width:max-content;min-width:100%;gap:32px;align-items:center;justify-content:center}@keyframes svelte-1m9vkte-tabIntroIn{0%{transform:translate3d(0,-20px,0);opacity:0}to{transform:translateZ(0);opacity:1}}.genre-tab.svelte-1m9vkte{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:0;min-height:32px;padding:4px 0;background:none;border:none;cursor:pointer;transition:color .2s ease}.genre-tabs.intro-on.svelte-1m9vkte .genre-tab:where(.svelte-1m9vkte){opacity:0;transform:translate3d(0,-20px,0);animation-name:svelte-1m9vkte-tabIntroIn;animation-duration:var(--tab-duration, .42s);animation-timing-function:cubic-bezier(.2,.8,.2,1);animation-fill-mode:both;animation-delay:calc(var(--tab-i, 0) * var(--tab-stagger, 55ms))}.tab-dot.svelte-1m9vkte{position:absolute;top:-12px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#fff}.tab-label.svelte-1m9vkte{font-family:n27,ui-sans-serif,system-ui;font-size:20px;font-weight:400;line-height:1;text-transform:uppercase;color:#ffffff73;white-space:nowrap;transition:color .2s ease}.genre-tab.svelte-1m9vkte:hover .tab-label:where(.svelte-1m9vkte){color:#fffc}.genre-tab.active.svelte-1m9vkte .tab-label:where(.svelte-1m9vkte){color:#fff}.content-layer.svelte-1m9vkte{position:absolute;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;padding:48px 64px;box-sizing:border-box;z-index:5;top:var(--peek-height);height:var(--main-cell-height)}.left-panel.svelte-1m9vkte{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;flex:1;max-width:480px;position:relative}.left-panel-inner.svelte-1m9vkte{width:100%;position:relative}.genre-title.svelte-1m9vkte{font-size:clamp(48px,7vw,88px);font-weight:300;line-height:.92;letter-spacing:-.02em;margin:0;max-width:100%;padding-bottom:20px}.project-name.svelte-1m9vkte{position:absolute;bottom:0;left:0;font-family:n27,ui-sans-serif,system-ui;font-size:16px;font-weight:400;text-transform:uppercase;color:#ffffff8c;padding-top:20px}.right-panel.svelte-1m9vkte{flex-shrink:0;width:360px}.playlist.svelte-1m9vkte{display:flex;flex-direction:column;gap:0;list-style:none;margin:0;padding:0}.playlist.svelte-1m9vkte li:where(.svelte-1m9vkte){margin:0;padding:0}.track-progress.svelte-1m9vkte{padding-left:40px;margin-top:2px}.progress-bar.svelte-1m9vkte{width:100%;background:none;border:none;padding:8px 0;cursor:pointer;text-align:left}.progress-rail.svelte-1m9vkte{position:relative;display:block;height:2px;background:#fff3}.progress-fill.svelte-1m9vkte{position:absolute;left:0;top:0;bottom:0;background:#ffffffb3;width:0;transition:width .1s linear}.track-row.svelte-1m9vkte{display:flex;width:100%;align-items:center;gap:16px;padding:10px 0;background:none;border:none;text-align:left;cursor:pointer;transition:opacity .2s ease}.track-row.svelte-1m9vkte:focus-visible{outline:none;box-shadow:0 0 0 2px #ffffffb3}.track-row.svelte-1m9vkte:not(.active){opacity:.55}.track-row.svelte-1m9vkte:not(.active):hover,.track-row.svelte-1m9vkte:not(.active):focus-within{opacity:.9}.track-row.active.svelte-1m9vkte{opacity:1}.track-icon.svelte-1m9vkte{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;color:#fff6;transition:color .2s ease}.track-row.svelte-1m9vkte:hover .track-icon:where(.svelte-1m9vkte),.track-row.svelte-1m9vkte:focus-within .track-icon:where(.svelte-1m9vkte){color:#ffffffe6}.track-row.active.svelte-1m9vkte .track-icon:where(.svelte-1m9vkte){color:#ffffffe6}.track-info.svelte-1m9vkte{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.track-title.svelte-1m9vkte{font-size:14px;font-weight:400;line-height:1;letter-spacing:.02em;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.track-row.svelte-1m9vkte:hover .track-title:where(.svelte-1m9vkte),.track-row.svelte-1m9vkte:focus-within .track-title:where(.svelte-1m9vkte){color:#ffffffe6}.track-row.active.svelte-1m9vkte .track-title:where(.svelte-1m9vkte){color:#fff}.track-subtitle.svelte-1m9vkte{font-family:n27,ui-sans-serif,system-ui;font-size:10px;font-weight:400;letter-spacing:.16em;line-height:1.2;text-transform:uppercase;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-time.svelte-1m9vkte{font-family:n27,ui-sans-serif,system-ui;font-size:11px;font-weight:400;letter-spacing:.1em;color:#ffffff80;white-space:nowrap;flex-shrink:0;font-variant-numeric:tabular-nums}@media(max-width:900px){.music-page.svelte-1m9vkte{padding:0}.filmstrip-container.svelte-1m9vkte{margin:10px 16px 16px}.content-layer.svelte-1m9vkte{flex-direction:column;align-items:flex-start;padding:148px 32px 40px;gap:32px}.left-panel.svelte-1m9vkte{max-width:100%}.right-panel.svelte-1m9vkte{width:100%;max-width:360px}.genre-nav.svelte-1m9vkte{top:128px;left:0;right:0;transform:none;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:44px;padding:8px 16px;box-sizing:border-box;overscroll-behavior-x:contain;pointer-events:auto;touch-action:pan-x}.genre-nav.svelte-1m9vkte::-webkit-scrollbar{display:none}.genre-tabs.svelte-1m9vkte{display:inline-flex;flex-wrap:nowrap;width:-moz-max-content;width:max-content;min-width:100%;gap:20px;justify-content:flex-start;align-items:center;min-height:28px;padding:0 0 4px}.genre-tab.svelte-1m9vkte{flex:0 0 auto}.tab-label.svelte-1m9vkte{font-size:18px}}@media(orientation:landscape)and (pointer:coarse)and (max-height:640px){.filmstrip-container.svelte-1m9vkte{margin:0 16px 12px}.genre-nav.svelte-1m9vkte{top:104px;left:0;right:0;transform:none;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;min-height:40px;padding:6px 20px;box-sizing:border-box;overscroll-behavior-x:contain;pointer-events:auto;touch-action:pan-x}.genre-nav.svelte-1m9vkte::-webkit-scrollbar{display:none}.genre-tabs.svelte-1m9vkte{display:inline-flex;flex-wrap:nowrap;width:-moz-max-content;width:max-content;min-width:-moz-max-content;min-width:max-content;gap:18px;justify-content:flex-start;align-items:center;min-height:26px;padding-bottom:2px}.genre-tab.svelte-1m9vkte{flex:0 0 auto}.tab-label.svelte-1m9vkte{font-size:16px}.content-layer.svelte-1m9vkte{flex-direction:row;align-items:stretch;gap:20px;padding:118px 28px 20px}.left-panel.svelte-1m9vkte{display:flex;align-self:stretch;max-width:min(44vw,380px);min-width:0}.left-panel-inner.svelte-1m9vkte{display:flex;flex-direction:column;justify-content:flex-end;min-height:0;height:100%}.genre-title.svelte-1m9vkte{font-size:clamp(34px,6vw,64px);line-height:.9;padding-bottom:14px}.project-name.svelte-1m9vkte{font-size:13px;padding-top:14px}.right-panel.svelte-1m9vkte{display:flex;align-self:stretch;width:min(40vw,340px);max-width:min(40vw,340px);min-height:0}.playlist.svelte-1m9vkte{margin-top:auto;max-height:100%;overflow-y:auto;padding-right:6px;padding-bottom:calc(12px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch}.playlist.svelte-1m9vkte ul:where(.svelte-1m9vkte),.playlist.svelte-1m9vkte ul{margin-top:8px;gap:0}.playlist.svelte-1m9vkte li:where(.svelte-1m9vkte)+li:where(.svelte-1m9vkte){margin-top:4px}}@media(orientation:landscape)and (pointer:coarse)and (max-height:430px){.genre-nav.svelte-1m9vkte{top:92px;min-height:38px;padding:5px 16px}.genre-tabs.svelte-1m9vkte{gap:14px}.genre-tab.svelte-1m9vkte{min-height:28px;padding:2px 0}.tab-label.svelte-1m9vkte{font-size:15px}.content-layer.svelte-1m9vkte{flex-direction:row;gap:14px;padding:100px 18px 14px}.left-panel.svelte-1m9vkte{max-width:min(40vw,280px)}.left-panel-inner.svelte-1m9vkte{min-height:0}.genre-title.svelte-1m9vkte{font-size:clamp(28px,4.8vw,46px);line-height:.9;padding-bottom:10px}.project-name.svelte-1m9vkte{font-size:12px;padding-top:10px}.right-panel.svelte-1m9vkte{width:min(44vw,300px);max-width:min(44vw,300px)}.playlist.svelte-1m9vkte{max-height:100%;padding-right:4px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}}