*{box-sizing:border-box;margin:0;padding:0} :root{--pink:#ff3399;--pink-light:#ff68b5;--panel:#111;--line:#242424} body{background:#000;color:#fff;font-family:'Inter',sans-serif;min-height:100vh;width:100%;overflow-x:hidden;position:relative;display:flex;align-items:center;justify-content:center;padding:32px 24px 132px}.grid-overlay{position:fixed;inset:0;background-image:linear-gradient(to right,rgba(255,51,153,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,51,153,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;z-index:0}.app-layout-wrapper{position:relative;z-index:1;display:flex;width:min(92%,1180px);align-items:center;justify-content:space-between;gap:40px;transform:translateY(-10px)}.hero-text-zone{flex:1;max-width:520px}.trust-badge{font-size:11px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.trust-badge i,.text-pink{color:var(--pink)}.hero-title{font-size:64px;font-weight:800;line-height:.95;letter-spacing:-2px;margin-bottom:24px}.pink-glow-text{color:var(--pink);text-shadow:0 0 25px rgba(255,51,153,.5)}.hero-description{font-size:15px;line-height:1.6;color:#777;margin-bottom:32px}.cta-button-group{display:flex;gap:16px;margin-bottom:28px}.btn{padding:12px 26px;font-size:13px;font-weight:600;border-radius:30px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .25s ease}.btn-primary{background:var(--pink);border:1px solid var(--pink);color:#000;box-shadow:0 0 15px rgba(255,51,153,.3)}.btn-primary:hover{background:#ff55aa;box-shadow:0 0 25px rgba(255,51,153,.6);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid #222;color:#fff}.btn-secondary:hover{border-color:var(--pink);color:var(--pink);transform:translateY(-2px)}.feature-checks{display:flex;gap:24px;font-size:12px;color:#555}.text-pink{margin-right:4px}.player-container{background:#111;width:520px;border-radius:28px;border:1.5px solid var(--pink);box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 20px rgba(255,51,153,.15);padding:30px;display:flex;flex-direction:column;flex-shrink:0}.player-header{display:flex;justify-content:space-between;font-size:10px;color:#555;letter-spacing:1px;font-weight:600;margin-bottom:24px}.status-left{display:flex;align-items:center}.status-left .dot{width:6px;height:6px;background:var(--pink);border-radius:50%;margin-right:8px;display:inline-block;box-shadow:0 0 8px var(--pink)}.player-main-split{display:flex;gap:24px;align-items:center;margin-bottom:28px}.album-art-zone{position:relative;width:190px;height:220px;border-radius:16px;overflow:hidden;flex-shrink:0}.album-img{width:100%;height:100%;object-fit:cover;object-position:center top}.top-right-circle{position:absolute;top:12px;right:12px;width:28px;height:28px;background:rgba(0,0,0,.5);backdrop-filter:blur(4px);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;font-size:11px}.badge{position:absolute;bottom:12px;left:10px;font-size:7.5px;font-weight:700;letter-spacing:.5px;padding:4px 8px;border-radius:5px;color:#fff;background:rgba(0,0,0,.5);text-transform:uppercase}.track-details-zone{flex:1;display:flex;flex-direction:column}.sub-status{font-size:9px;color:#555;font-weight:700;letter-spacing:1px;margin-bottom:6px}.track-title{font-size:26px;font-weight:800;line-height:1.15;letter-spacing:-.5px}.highlight-pink{color:var(--pink)}.track-artist{font-size:11px;color:#666;margin-top:4px;margin-bottom:24px}.mini-timeline{display:flex;align-items:center;gap:10px;width:100%}.time-stamp{font-size:10px;color:#444}.progress-bar-wrap{flex:1;height:3px;background:#1e1e1e;border-radius:2px;position:relative;display:flex;align-items:center}.progress-bar-fill{width:30%;height:100%;background:#fff}.progress-thumb{width:8px;height:8px;background:var(--pink);border-radius:50%;position:absolute;left:30%;box-shadow:0 0 8px var(--pink)}.player-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #1a1a1a;padding-top:20px}.center-controls{display:flex;justify-content:flex-start;padding-left:42px}.play-btn{background:var(--pink);border:none;width:48px;height:48px;border-radius:50%;cursor:pointer;box-shadow:0 0 18px rgba(255,51,153,.6);transition:transform .2s ease}.play-btn:before{content:'';display:block;margin:auto;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #000;transform:translateX(2px)}.play-btn:hover{transform:scale(1.08)}.right-controls{display:flex;align-items:center;gap:12px}.vol-bar-wrap{width:40px;height:3px;background:#333;border-radius:2px}.vol-bar-fill{width:35%;height:100%;background:#666}.audio-type{font-size:10px;color:#444;font-weight:600;letter-spacing:.5px}

/* Floating bottom navigation dock */
.bottom-nav{position:fixed;z-index:10;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #303238;border-radius:23px;background:linear-gradient(180deg,rgba(31,33,37,.94),rgba(11,12,14,.97));box-shadow:0 12px 35px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(15px)}.nav-item{position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#85878c}.nav-icon{width:46px;height:46px;border:1px solid #43464d;border-radius:50%;display:grid;place-items:center;font-size:17px;background:radial-gradient(circle at 35% 28%,#484b51,#1d1f23 72%);box-shadow:inset 0 1px 2px rgba(255,255,255,.2),0 3px 7px rgba(0,0,0,.35);transition:color .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.2,.8,.2,1)}.nav-item:hover .nav-icon,.nav-item:focus-visible .nav-icon,.nav-item.active .nav-icon{color:#fff;border-color:var(--pink);background:radial-gradient(circle at 35% 28%,#ff73bb,#c2186e 73%);box-shadow:0 0 0 3px rgba(255,51,153,.12),0 0 20px rgba(255,51,153,.62),inset 0 1px 2px rgba(255,255,255,.45);transform:translateY(-7px) scale(1.05)}.nav-item:hover,.nav-item:focus-visible{color:var(--pink)}.nav-item:focus-visible{outline:none}.nav-label{position:absolute;bottom:-27px;left:50%;transform:translate(-50%,5px);opacity:0;pointer-events:none;color:var(--pink);font-size:9px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap;transition:opacity .25s ease,transform .25s ease}.nav-item:hover .nav-label,.nav-item:focus-visible .nav-label,.nav-item.active .nav-label{opacity:1;transform:translate(-50%,0)}.nav-item:active .nav-icon{transform:translateY(-3px) scale(.98)}
@media (max-width:900px){body{align-items:flex-start;padding-top:42px}.app-layout-wrapper{width:100%;flex-direction:column;gap:35px;transform:none}.hero-text-zone{max-width:520px}.player-container{width:min(520px,100%)}.bottom-nav{bottom:14px;gap:3px;padding:7px 8px}.nav-icon{width:40px;height:40px;font-size:15px}.nav-label{font-size:8px}}@media (max-width:560px){body{padding:30px 15px 105px}.hero-title{font-size:46px}.hero-description{font-size:14px}.cta-button-group{flex-wrap:wrap}.feature-checks{flex-direction:column;gap:8px}.player-container{padding:20px;border-radius:22px}.player-main-split{gap:14px}.album-art-zone{width:130px;height:170px}.track-title{font-size:21px}.bottom-nav{width:calc(100% - 18px);justify-content:space-between}.nav-icon{width:34px;height:34px;font-size:13px}.nav-label{display:none}}

/* Reference-inspired player transport footer */
.player-footer{gap:16px;padding-top:18px}.transport-controls{display:flex;align-items:center;gap:17px;min-width:235px}.transport-btn{width:18px;height:24px;padding:0;border:0;background:transparent;color:#78797a;cursor:pointer;font-size:14px;transition:color .2s ease,transform .2s ease}.transport-btn:hover{color:#f4c51c;transform:scale(1.15)}.play-btn{position:relative;flex:0 0 54px;width:54px;height:54px;background:#ffd21f;color:#111;box-shadow:0 0 20px rgba(255,210,31,.35);transition:transform .2s ease,box-shadow .2s ease}.play-btn:before{border-top-width:8px;border-bottom-width:8px;border-left:12px solid #111}.play-btn:hover{transform:scale(1.08);box-shadow:0 0 30px rgba(255,210,31,.58)}.right-controls{gap:10px;min-width:0}.volume-icon,.queue-icon{font-size:12px;color:#777}.volume-slider{width:58px}.vol-bar-wrap{position:relative;width:58px;height:3px;background:#343643;border-radius:3px}.vol-bar-fill{width:55%;height:100%;background:linear-gradient(90deg,#f1b900,#ffdc39)}.vol-thumb{position:absolute;left:55%;top:50%;width:8px;height:8px;border-radius:50%;background:#ffda2d;transform:translate(-50%,-50%);box-shadow:0 0 5px rgba(255,210,31,.7)}.audio-type{display:flex;align-items:center;gap:7px;color:#777;font-size:9px;font-weight:500;white-space:nowrap}.audio-type i{color:#8a8a8b;font-size:11px}.queue-icon{margin-left:2px}@media(max-width:560px){.player-footer{gap:8px}.transport-controls{gap:9px;min-width:0}.transport-btn{font-size:12px}.play-btn{flex-basis:44px;width:44px;height:44px}.play-btn:before{border-top-width:7px;border-bottom-width:7px;border-left-width:10px}.right-controls{gap:6px}.volume-slider{width:38px}.vol-bar-wrap{width:38px}.audio-type{font-size:0}.audio-type i{font-size:11px}}

/* Keep player transport accents consistent with the Selene pink theme */
.transport-btn:hover{color:var(--pink)}.play-btn{background:var(--pink);box-shadow:0 0 20px rgba(255,51,153,.4)}.play-btn:hover{box-shadow:0 0 30px rgba(255,51,153,.65)}.play-btn.is-playing:before{width:14px;height:16px;border:0;background:linear-gradient(90deg,#111 0 38%,transparent 38% 62%,#111 62% 100%);transform:translate(-50%,-50%)}.vol-bar-fill{background:linear-gradient(90deg,#d91b7f,var(--pink))}.vol-thumb{background:var(--pink);box-shadow:0 0 7px rgba(255,51,153,.8)}
.progress-bar-wrap{cursor:ew-resize;touch-action:none}.progress-thumb{pointer-events:none}

/* Keep the play/pause glyph optically centered in the circular control. */
.play-btn::before{position:absolute;top:50%;left:50%;margin:0;transform:translate(-50%,-50%) translateX(2px)}
.play-btn.is-playing::before{transform:translate(-50%,-50%)}

/* SELENE footer inspired by the supplied reference */
.site-footer{position:relative;z-index:1;width:100%;max-width:1280px;margin:90px auto 0;padding:0 28px;overflow:hidden}.footer-topline{position:relative;z-index:2;display:flex;align-items:center;gap:28px;min-height:64px}.footer-socials{display:flex;gap:10px}.footer-socials a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #8a8b8f;border-radius:50%;color:#d0d0d2;font-size:14px;text-decoration:none;transition:all .25s ease}.footer-socials a:hover{border-color:var(--pink);color:var(--pink);box-shadow:0 0 16px rgba(255,51,153,.35);transform:translateY(-3px)}.footer-copy{color:#eee;font-size:15px;font-weight:700;white-space:nowrap}.footer-links{display:flex;align-items:center;justify-content:flex-end;gap:31px;margin-left:auto}.footer-links a{color:#aaa;text-decoration:none;font-size:14px;white-space:nowrap;transition:color .2s ease}.footer-links a:hover{color:var(--pink)}.footer-wordmark{height:250px;margin-top:10px;margin-left:-2%;font-size:clamp(170px,25vw,380px);font-weight:800;line-height:.82;letter-spacing:-.09em;white-space:nowrap;color:#1c1c1f;background:linear-gradient(105deg,#111113 8%,#55555b 48%,#1b1b1e 84%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;user-select:none;pointer-events:none}.site-footer:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 15%,var(--pink) 50%,transparent 85%);opacity:.65;box-shadow:0 0 14px rgba(255,51,153,.45)}@media(max-width:900px){.site-footer{margin-top:70px;padding:0 18px}.footer-topline{flex-wrap:wrap;gap:18px}.footer-links{width:100%;justify-content:flex-start;gap:18px;flex-wrap:wrap}.footer-wordmark{height:170px;margin-top:22px;font-size:clamp(110px,25vw,220px)}}@media(max-width:560px){.site-footer{margin-top:55px}.footer-topline{gap:12px}.footer-copy{font-size:13px}.footer-links{gap:12px 17px}.footer-links a{font-size:12px}.footer-wordmark{height:100px;font-size:27vw}}

body{flex-direction:column}.app-layout-wrapper{flex-shrink:0}

/* Full-screen hero and interactive music source showcase */
.app-layout-wrapper{min-height:100vh;width:min(92%,1180px);padding:72px 0 90px}.sources-section{position:relative;z-index:1;width:min(92%,1180px);min-height:100vh;padding:110px 0 130px;display:grid;grid-template-columns:minmax(300px,1fr) minmax(360px,1.1fr);align-items:center;gap:90px}.sources-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:510px}.source-tile{position:relative;aspect-ratio:1;border:1px solid #303036;border-radius:18px;background:linear-gradient(145deg,#18181c,#0b0b0e);color:#a4a4ab;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:transform .3s cubic-bezier(.2,.8,.2,1),color .3s ease,border-color .3s ease,box-shadow .3s ease,background .3s ease}.source-tile i{font-size:26px;transition:transform .3s ease;color:#ddd}.source-tile span{font-size:9px;font-weight:700;letter-spacing:.45px;text-transform:uppercase;opacity:.72}.source-tile:hover,.source-tile:focus-visible{z-index:2;color:#fff;border-color:var(--pink);background:linear-gradient(145deg,rgba(255,51,153,.28),#171117);box-shadow:0 0 24px rgba(255,51,153,.35),inset 0 0 20px rgba(255,51,153,.1);transform:translateY(-8px) scale(1.06);outline:none}.source-tile:hover i,.source-tile:focus-visible i{color:var(--pink);transform:scale(1.18)}.sources-copy{max-width:570px}.section-kicker{color:var(--pink);font-size:11px;font-weight:800;letter-spacing:2px;margin-bottom:22px}.sources-copy h2{font-size:clamp(54px,6vw,88px);line-height:.88;letter-spacing:-4px;font-weight:800;margin-bottom:26px}.sources-copy h2 span{color:var(--pink);text-shadow:0 0 26px rgba(255,51,153,.35)}.sources-description{max-width:520px;color:#888;font-size:15px;line-height:1.75;margin-bottom:30px}.source-count{display:flex;align-items:center;gap:18px;padding:18px 0;border-top:1px solid #25252a;border-bottom:1px solid #25252a}.source-count strong{font-size:48px;line-height:1;color:var(--pink);text-shadow:0 0 18px rgba(255,51,153,.35)}.source-count span{font-size:10px;font-weight:800;line-height:1.35;letter-spacing:1.2px;color:#fff}.source-preview{display:flex;flex-direction:column;gap:8px;margin-top:48px;padding:25px 22px;border:1px solid #29292f;border-radius:18px;background:linear-gradient(120deg,rgba(255,51,153,.08),rgba(15,15,18,.8));min-height:112px}.source-preview small{font-size:9px;letter-spacing:1.5px;color:var(--pink);font-weight:800}.source-preview-title{font-size:17px;color:#fff}.source-preview span{font-size:11px;color:#777}@media(max-width:900px){.app-layout-wrapper{min-height:100vh;padding:80px 0}.sources-section{grid-template-columns:1fr;gap:55px;padding-top:90px}.sources-icon-grid{max-width:600px;width:100%;margin:auto}.sources-copy{max-width:600px;margin:auto}}@media(max-width:560px){.app-layout-wrapper{padding-top:45px}.sources-section{width:calc(100% - 30px);padding:70px 0 110px;gap:38px}.sources-icon-grid{gap:7px}.source-tile{border-radius:12px}.source-tile i{font-size:20px}.source-tile span{font-size:7px}.sources-copy h2{font-size:48px;letter-spacing:-2px}.sources-description{font-size:14px}.source-preview{margin-top:30px}}

/* Final visual polish and missing-art fallback */
.album-art-zone{background:radial-gradient(circle at 35% 25%,rgba(255,51,153,.9),transparent 26%),linear-gradient(145deg,#35102b,#100e14 58%,#ff3399)}.album-art-zone:after{content:'SELENE';position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.9);font-size:24px;font-weight:800;letter-spacing:3px;transform:rotate(-12deg);text-shadow:0 0 18px rgba(255,51,153,.7);pointer-events:none}.album-img:not([style*="display: none"]){position:relative;z-index:1}.album-art-zone .badge,.album-art-zone .top-right-circle{z-index:2}.app-layout-wrapper{min-height:100svh}.sources-section{scroll-margin-top:30px}@media(max-width:900px){.app-layout-wrapper{min-height:100svh}.bottom-nav{bottom:12px}}@media(max-width:560px){.app-layout-wrapper{min-height:calc(100svh - 20px)}}

/* Hero-only atmospheric background: contained so the player, sources, and footer stay unchanged */
.hero-text-zone{position:relative;isolation:isolate;padding:42px 48px 46px 0}.hero-text-zone:before{content:'';position:absolute;z-index:-2;top:-115px;left:-170px;width:760px;height:650px;border-radius:50%;background:radial-gradient(ellipse at 38% 48%,rgba(255,51,153,.19) 0%,rgba(255,51,153,.09) 25%,rgba(255,51,153,.025) 52%,transparent 72%);filter:blur(8px);pointer-events:none}.hero-text-zone:after{content:'';position:absolute;z-index:-1;inset:-35px -70px -35px -80px;border:1px solid rgba(255,51,153,.09);border-radius:42% 58% 48% 52% / 46% 40% 60% 54%;background:linear-gradient(135deg,rgba(255,255,255,.025),transparent 38%,rgba(255,51,153,.035));mask-image:linear-gradient(90deg,black 0%,rgba(0,0,0,.75) 58%,transparent 100%);pointer-events:none}.hero-text-zone .trust-badge,.hero-text-zone .hero-title,.hero-text-zone .hero-description,.hero-text-zone .cta-button-group,.hero-text-zone .feature-checks{position:relative;z-index:1}.hero-text-zone .hero-title{ text-shadow:0 10px 38px rgba(0,0,0,.8)}.hero-text-zone .hero-description{max-width:465px}.hero-text-zone .cta-button-group{margin-top:4px}@media(max-width:900px){.hero-text-zone{padding:38px 26px 42px}.hero-text-zone:before{left:-190px;top:-120px;width:680px;height:600px}.hero-text-zone:after{inset:-26px -35px}}@media(max-width:560px){.hero-text-zone{padding:28px 14px 34px}.hero-text-zone:before{left:-210px;top:-100px;width:600px;height:560px}.hero-text-zone:after{inset:-20px -18px;border-radius:30px}.hero-text-zone .hero-description{max-width:100%}}

/* Selected hero direction: translucent glass panels with pink edge lighting */
.app-layout-wrapper{position:relative;isolation:isolate;overflow:hidden;border-radius:42px;background-image:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 46%,rgba(0,0,0,.7) 100%),url('mockup-glass.png');background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:inset 0 0 100px rgba(0,0,0,.55),0 25px 80px rgba(0,0,0,.25)}.app-layout-wrapper:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 52% 50%,transparent 20%,rgba(0,0,0,.2) 72%,rgba(0,0,0,.55) 100%);pointer-events:none}.hero-text-zone:before{opacity:.28}.hero-text-zone:after{opacity:.36}.player-container{box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 20px rgba(255,51,153,.2),0 0 80px rgba(255,51,153,.08)}@media(max-width:560px){.app-layout-wrapper{border-radius:28px;background-position:center;background-size:auto 100%}}

/* Selected hero direction: animated white and pink waveform visualizer */
.app-layout-wrapper{background-color:#050506;background-image:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.38) 48%,rgba(0,0,0,.72) 100%),url('mockup-waveform.png');background-size:100% 100%,135% auto;background-position:center,0 center;background-repeat:no-repeat;animation:waveform-drift 18s linear infinite;box-shadow:inset 0 0 100px rgba(0,0,0,.58),0 25px 80px rgba(0,0,0,.3)}@keyframes waveform-drift{0%{background-position:center,0 center}50%{background-position:center,50% center}100%{background-position:center,100% center}}.app-layout-wrapper:before{background:radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.58) 100%)}.hero-text-zone:before{opacity:.18}.hero-text-zone:after{opacity:.2}.player-container{box-shadow:0 20px 50px rgba(0,0,0,.8),0 0 20px rgba(255,51,153,.2),0 0 80px rgba(255,51,153,.08)}@media(prefers-reduced-motion:reduce){.app-layout-wrapper{animation:none;background-position:center,50% center}}@media(max-width:560px){.app-layout-wrapper{background-size:100% 100%,auto 100%;background-position:center,50% center}}

/* Real animated waveform visualizer: SVG paths move and morph continuously */
.app-layout-wrapper{background-image:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.32) 48%,rgba(0,0,0,.76));overflow:hidden}.waveform-visualizer{position:absolute;z-index:-1;inset:0;display:flex;align-items:center;opacity:.82;pointer-events:none;mask-image:linear-gradient(90deg,transparent 0%,black 12%,black 88%,transparent 100%)}.waveform-visualizer svg{width:155%;height:65%;margin-left:-27.5%;overflow:visible}.wave{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:12 9;animation:wave-shift 2.8s linear infinite,wave-breathe 4.6s ease-in-out infinite alternate;transform-origin:center}.wave-pink{stroke:#ff3399;stroke-width:2.2;filter:drop-shadow(0 0 7px rgba(255,51,153,.85))}.wave-white{stroke:#fff;stroke-width:1.2;opacity:.78;filter:drop-shadow(0 0 4px rgba(255,255,255,.5));animation-duration:3.4s,5.2s;animation-delay:-1.2s,-.7s}.wave-pink-soft{stroke:#ff8ac7;stroke-width:.8;opacity:.62;animation-duration:4.2s,6s;animation-delay:-2s,-1.4s}@keyframes wave-shift{to{stroke-dashoffset:-42}}@keyframes wave-breathe{0%{transform:translateY(12px) scaleY(.82)}50%{transform:translateY(-8px) scaleY(1.1)}100%{transform:translateY(7px) scaleY(.9)}}@media(prefers-reduced-motion:reduce){.wave{animation:none}}@media(max-width:560px){.waveform-visualizer{opacity:.62}.waveform-visualizer svg{width:210%;height:58%;margin-left:-55%}}

/* Full-hero right-to-left audio motion */
.waveform-visualizer{inset:-6%;align-items:stretch;opacity:.7;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0%,black 8%,black 92%,transparent 100%)}.waveform-visualizer svg{flex:0 0 220%;width:220%;height:100%;max-width:none;margin-left:0;animation:audio-scroll 13s linear infinite}.wave{stroke-dasharray:none;animation:audio-pulse 3.2s ease-in-out infinite alternate;transform-origin:center}.wave-pink{stroke-width:2.4}.wave-white{stroke-width:1.3}.wave-pink-soft{stroke-width:1}.wave-deep{animation-delay:-1.5s;opacity:.6}@keyframes audio-scroll{from{transform:translateX(0)}to{transform:translateX(-54.55%)}}@keyframes audio-pulse{0%{transform:scaleY(.76);opacity:.44}50%{transform:scaleY(1.12);opacity:.86}100%{transform:scaleY(.88);opacity:.58}}@media(prefers-reduced-motion:reduce){.waveform-visualizer svg,.wave{animation:none}}@media(max-width:560px){.waveform-visualizer{inset:-4%;opacity:.52}.waveform-visualizer svg{width:260%;flex-basis:260%}@keyframes audio-scroll{from{transform:translateX(0)}to{transform:translateX(-61.5%)}}}

/* Interactive folder command library */
.folder-section{position:relative;z-index:1;width:min(92%,1180px);min-height:760px;padding:135px 0 150px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px}.folder-copy{max-width:470px}.folder-copy h2{font-size:clamp(45px,5vw,72px);line-height:.94;letter-spacing:-3px;margin-bottom:25px}.folder-copy h2 span{color:var(--pink);text-shadow:0 0 24px rgba(255,51,153,.35)}.folder-copy>p:not(.section-kicker){color:#888;font-size:15px;line-height:1.75;margin-bottom:30px}.folder-open-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 19px;border:1px solid rgba(255,51,153,.45);border-radius:30px;background:rgba(255,51,153,.08);color:#fff;cursor:pointer;font:600 12px Inter,sans-serif;transition:all .25s ease}.folder-open-btn i{color:var(--pink)}.folder-open-btn:hover{background:var(--pink);color:#070709;box-shadow:0 0 25px rgba(255,51,153,.42);transform:translateY(-3px)}.folder-open-btn:hover i{color:#070709}.command-folder-wrap{position:relative;height:510px;display:flex;align-items:flex-end;justify-content:center;perspective:1000px}.command-cards{position:absolute;bottom:38px;left:50%;width:430px;height:360px;transform:translateX(-50%);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.command-card{position:absolute;width:190px;min-height:170px;padding:19px;border:1px solid rgba(255,255,255,.16);border-radius:17px;background:linear-gradient(145deg,rgba(42,20,38,.95),rgba(12,12,16,.96));box-shadow:0 20px 40px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px;color:#fff;transform-origin:bottom center;transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.card-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(255,51,153,.15);color:var(--pink);font-size:13px}.command-card small{color:#999;font-size:8px;font-weight:800;letter-spacing:1px}.command-card strong{font-size:19px}.command-card p{color:#777;font-size:10px;line-height:1.45}.card-one{z-index:4;left:0;bottom:25px;transform:rotate(-8deg)}.card-two{z-index:3;left:80px;bottom:52px;transform:rotate(-2deg)}.card-three{z-index:2;left:160px;bottom:70px;transform:rotate(5deg)}.card-four{z-index:1;left:240px;bottom:25px;transform:rotate(11deg)}.command-folder.is-open~.command-cards,.command-folder-wrap:has(.command-folder.is-open) .command-cards{transform:translateX(-50%) translateY(-72px)}.command-folder.is-open~.command-cards .card-one,.command-folder-wrap:has(.command-folder.is-open) .card-one{transform:translate(-95px,22px) rotate(-18deg)}.command-folder.is-open~.command-cards .card-two,.command-folder-wrap:has(.command-folder.is-open) .card-two{transform:translate(-28px,-26px) rotate(-8deg)}.command-folder.is-open~.command-cards .card-three,.command-folder-wrap:has(.command-folder.is-open) .card-three{transform:translate(37px,-30px) rotate(7deg)}.command-folder.is-open~.command-cards .card-four,.command-folder-wrap:has(.command-folder.is-open) .card-four{transform:translate(100px,18px) rotate(17deg)}.command-folder{position:relative;z-index:5;width:430px;height:250px;padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 25px 25px rgba(0,0,0,.55));transform-style:preserve-3d}.folder-tab{position:absolute;left:36px;top:0;width:155px;height:53px;border:1px solid rgba(255,51,153,.6);border-bottom:0;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#4a163d,#1b1020);transform:skewX(-17deg);box-shadow:0 -4px 18px rgba(255,51,153,.12)}.folder-front{position:absolute;inset:34px 0 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:35px 46px;border:1px solid rgba(255,51,153,.58);border-radius:17px 17px 25px 25px;background:linear-gradient(145deg,rgba(47,21,43,.96),rgba(13,12,17,.98));color:#fff;text-align:left;transition:all .45s ease;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 0 30px rgba(255,51,153,.14)}.folder-front:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,rgba(255,255,255,.14),transparent 28%,transparent 72%,rgba(255,51,153,.09));pointer-events:none}.folder-front i{position:relative;z-index:1;margin-bottom:20px;color:var(--pink);font-size:40px}.folder-front b,.folder-front small{position:relative;z-index:1}.folder-front b{font-size:22px;letter-spacing:3px}.folder-front small{margin-top:6px;color:#8c8c92;font-size:10px;letter-spacing:1px}.command-folder:hover .folder-front,.command-folder.is-open .folder-front{border-color:var(--pink);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 45px rgba(255,51,153,.3);transform:translateY(7px)}@media(max-width:900px){.folder-section{grid-template-columns:1fr;gap:40px;padding-top:100px}.folder-copy{margin:auto;text-align:center}.folder-copy .section-kicker{justify-content:center}.folder-copy>p:not(.section-kicker){max-width:520px;margin:0 auto 28px}.command-folder-wrap{margin:auto;width:min(100%,500px)}}@media(max-width:560px){.folder-section{width:calc(100% - 30px);padding:80px 0 115px;min-height:670px}.folder-copy h2{font-size:43px}.command-folder-wrap{height:420px;transform:scale(.76);transform-origin:top center;margin-bottom:-95px}.folder-open-btn{font-size:11px}}

/* Framer-inspired Selene loading overlay */
.loading-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#050506;color:#fff;overflow:hidden;transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.loading-overlay:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(255,51,153,.12),transparent 35%),linear-gradient(115deg,transparent 20%,rgba(255,255,255,.025) 50%,transparent 80%);pointer-events:none}.loading-overlay.is-complete{opacity:0;transform:translateY(-100%);pointer-events:none}.loading-noise{position:absolute;inset:0;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.7) .5px,transparent .5px);background-size:5px 5px;mask-image:linear-gradient(135deg,black,transparent 75%);pointer-events:none}.loading-inner{position:relative;width:min(1200px,calc(100% - 80px));display:grid;grid-template-columns:minmax(250px,1.2fr) auto minmax(220px,1fr);align-items:center;gap:42px;font-family:Inter,sans-serif;text-transform:uppercase}.loading-status-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin:0;padding:0;font:500 12px/1.4 'Courier New',monospace;letter-spacing:.11em}.loading-status{color:#6f6f75;transition:color .2s ease,transform .2s ease}.loading-status.active{color:var(--pink);font-weight:700;transform:translateX(7px)}.loading-progress{color:var(--pink);font:700 clamp(34px,5vw,64px)/1 Inter,sans-serif;letter-spacing:.08em;white-space:nowrap;text-shadow:0 0 24px rgba(255,51,153,.45)}.loading-message{justify-self:end;text-align:right;color:#fff;font:500 13px/1.65 'Courier New',monospace;letter-spacing:.16em}.loading-message strong{color:var(--pink);font:800 clamp(24px,3vw,42px)/1 Inter,sans-serif;letter-spacing:.08em}.loading-line{position:absolute;left:40px;right:40px;bottom:32px;height:1px;background:#29292d}.loading-line span{display:block;width:0;height:100%;background:var(--pink);box-shadow:0 0 12px var(--pink);transition:width .1s linear}@media(max-width:760px){.loading-inner{width:calc(100% - 44px);grid-template-columns:1fr;gap:28px}.loading-progress{justify-self:center}.loading-message{justify-self:start;text-align:left}.loading-status-list{font-size:10px}.loading-line{left:22px;right:22px;bottom:22px}}@media(prefers-reduced-motion:reduce){.loading-overlay{transition:none}.loading-overlay .loading-progress,.loading-overlay .loading-line span{transition:none}}

/* FollowEyes-inspired cursor-tracking decoration */
.follow-eyes{position:absolute;z-index:8;top:28px;left:50%;display:flex;gap:16px;transform:translateX(-50%);padding:10px 15px;border:1px solid rgba(255,51,153,.35);border-radius:999px;background:rgba(5,5,6,.55);box-shadow:0 0 22px rgba(255,51,153,.1);backdrop-filter:blur(10px);pointer-events:none}.follow-eyes:after{content:'FOLLOW THE VIBE';position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);color:rgba(255,255,255,.42);font:700 7px Inter,sans-serif;letter-spacing:1.8px;white-space:nowrap}.eye{position:relative;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid rgba(255,51,153,.8);box-shadow:0 0 18px rgba(255,51,153,.3),inset 0 -4px 10px rgba(255,51,153,.12);overflow:hidden;transition:transform .12s ease}.pupil{position:absolute;left:50%;top:50%;width:18px;height:18px;border-radius:50%;background:#08080b;transform:translate(-50%,-50%);box-shadow:0 0 0 4px rgba(255,51,153,.2),0 0 10px rgba(255,51,153,.7);transition:transform .14s cubic-bezier(.2,.8,.2,1)}.follow-eyes.blink .eye{transform:scaleY(.08);transition:transform .08s ease}.follow-eyes.blink .pupil{opacity:0}@media(max-width:560px){.follow-eyes{top:18px;gap:9px;padding:7px 10px}.eye{width:34px;height:34px}.pupil{width:13px;height:13px}.follow-eyes:after{font-size:6px;letter-spacing:1.2px}}

/* Keep FollowEyes visible while the page scrolls */
.follow-eyes{position:fixed;top:28px;left:50%;z-index:1001}@media(max-width:560px){.follow-eyes{position:fixed;top:18px}}

/* Cute FollowEyes variant */
.follow-eyes{top:24px;gap:10px;padding:9px 12px;border:1px solid rgba(255,154,211,.55);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,51,153,.12) 55%,rgba(8,8,12,.78));box-shadow:0 8px 24px rgba(0,0,0,.3),0 0 22px rgba(255,51,153,.2);backdrop-filter:blur(14px)}.follow-eyes:before{content:'✦  •  ✦';position:absolute;top:-12px;right:-13px;color:#ff9ed2;font-size:10px;letter-spacing:5px;text-shadow:0 0 8px rgba(255,51,153,.7);animation:cute-sparkle 2.2s ease-in-out infinite}.follow-eyes:after{content:'hi there ♡';top:calc(100% + 7px);color:#ffb7dc;font-size:7px;letter-spacing:1.2px;text-transform:lowercase}.eye{width:42px;height:42px;border:2px solid #ff9ed2;background:linear-gradient(145deg,#fff,#ffe8f4);box-shadow:0 3px 8px rgba(0,0,0,.25),0 0 13px rgba(255,51,153,.25),inset 0 -5px 8px rgba(255,126,188,.18);transition:transform .18s ease}.eye:after{content:'';position:absolute;left:7px;top:7px;width:7px;height:5px;border-radius:50%;background:#fff;opacity:.85}.pupil{width:16px;height:16px;background:#39132d;border:2px solid #ff4da8;box-shadow:0 0 0 3px rgba(255,170,218,.3),0 2px 4px rgba(80,0,42,.35);transition:transform .18s cubic-bezier(.2,.8,.2,1)}.pupil:after{content:'';position:absolute;left:3px;top:2px;width:4px;height:4px;border-radius:50%;background:#fff}.follow-eyes.blink .eye{transform:scaleY(.18);border-radius:50%;box-shadow:0 1px 3px rgba(255,51,153,.35)}.follow-eyes.blink .pupil{opacity:0}.follow-eyes:hover{transform:translateX(-50%) translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.34),0 0 28px rgba(255,51,153,.32)}@keyframes cute-sparkle{0%,100%{opacity:.45;transform:rotate(-8deg) scale(.9)}50%{opacity:1;transform:rotate(8deg) scale(1.12)}}@media(max-width:560px){.follow-eyes{top:15px;gap:7px;padding:7px 9px}.eye{width:32px;height:32px}.pupil{width:13px;height:13px}.pupil:after{left:2px;top:2px;width:3px;height:3px}.eye:after{left:5px;top:5px;width:5px;height:4px}.follow-eyes:before{font-size:8px;right:-10px;letter-spacing:3px}}

/* Slow loader welcome reveal */
.loading-overlay.is-welcome{background:var(--pink);color:#050506;transition:background .55s ease}.loading-overlay.is-welcome:before{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.25),transparent 38%),linear-gradient(115deg,transparent 20%,rgba(255,255,255,.16) 50%,transparent 80%)}.loading-overlay.is-welcome .loading-noise{opacity:.08;background-image:radial-gradient(rgba(0,0,0,.7) .5px,transparent .5px)}.loading-overlay.is-welcome .loading-inner{animation:welcome-draw .9s cubic-bezier(.2,.8,.2,1) both}.loading-overlay.is-welcome .loading-status-list,.loading-overlay.is-welcome .loading-progress{opacity:0;transform:translateY(18px)}.loading-overlay.is-welcome .loading-message{justify-self:center;grid-column:1 / -1;text-align:center;color:#050506;font-family:Inter,sans-serif;font-size:clamp(34px,7vw,92px);font-weight:900;line-height:.9;letter-spacing:-.06em}.loading-overlay.is-welcome .loading-message strong{display:block;color:#050506;font-size:clamp(62px,13vw,180px);letter-spacing:-.09em;text-shadow:5px 5px 0 rgba(255,255,255,.18)}.loading-overlay.is-welcome .loading-line{background:rgba(5,5,6,.2)}.loading-overlay.is-welcome .loading-line span{background:#050506;box-shadow:none;width:100%!important}.loading-overlay.is-complete{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.8,.2,1)}@keyframes welcome-draw{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:scaleX(.94)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:scaleX(1)}}@media(max-width:760px){.loading-overlay.is-welcome .loading-message{grid-column:auto}.loading-overlay.is-welcome .loading-message strong{font-size:clamp(62px,20vw,120px)}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Draw-on-load WELCOME, same technique as Framer's DrawOnScroll: stroke draws in, then fill fades on */
.loading-overlay.is-welcome .loading-message{font-size:0;letter-spacing:0;display:flex;align-items:center;justify-content:center;width:100%}
.welcome-draw{display:block;width:min(78vw,860px);height:auto;overflow:visible}
.welcome-draw-text{
  font-family:'Inter',sans-serif;
  font-weight:800;
  font-size:230px;
  letter-spacing:-.085em;
  fill:#050506;
  fill-opacity:0;
  stroke:#050506;
  stroke-width:3.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  paint-order:stroke fill;
  stroke-dasharray:4600;
  stroke-dashoffset:4600;
  filter:drop-shadow(6px 6px 0 rgba(255,255,255,.18));
}
.loading-overlay.is-welcome .welcome-draw-text{
  animation:welcome-stroke-draw 1.6s cubic-bezier(.65,0,.35,1) .1s forwards,
            welcome-fill-in .64s ease-in 1.06s forwards;
}
@keyframes welcome-stroke-draw{to{stroke-dashoffset:0}}
@keyframes welcome-fill-in{to{fill-opacity:1}}
@media(max-width:760px){.welcome-draw{width:min(88vw,520px)}.welcome-draw-text{font-size:150px;stroke-width:2.4}}
@media(prefers-reduced-motion:reduce){.welcome-draw-text{animation:none;stroke-dashoffset:0;fill-opacity:1}}

/* Keep the welcome transition dark and consistent with the site theme. */
.loading-overlay.is-welcome{background:#050506!important;color:#fff!important}
.loading-overlay.is-welcome:before{background:radial-gradient(circle at 50% 50%,rgba(255,51,153,.18),transparent 38%),linear-gradient(115deg,transparent 20%,rgba(255,255,255,.025) 50%,transparent 80%)!important}
.loading-overlay{z-index:10000!important}
body:not(.is-loaded) .app-layout-wrapper,
body:not(.is-loaded) .site-header,
body:not(.is-loaded) .bottom-nav{visibility:hidden!important}
body.loading-active .app-layout-wrapper,
body.loading-active .site-header,
body.loading-active .bottom-nav{visibility:hidden!important}
html.skip-selene-loader .loading-overlay{display:none!important}
html.skip-selene-loader body.loading-active .app-layout-wrapper,
html.skip-selene-loader body.loading-active .site-header,
html.skip-selene-loader body.loading-active .bottom-nav{visibility:visible!important}

html{scrollbar-width:none}html::-webkit-scrollbar{width:0;height:0}body{overflow-x:clip;padding-bottom:0}
.feature-art-controls img{top:8%;left:11%;width:78%;height:84%;opacity:.95;filter:none;mix-blend-mode:normal;border-radius:24px;transform:rotate(-7deg);box-shadow:0 22px 35px rgba(0,0,0,.5)}
.feature-art-controls:before{display:none}
.feature-art-community img{position:relative;z-index:1;inset:auto;width:86%;height:auto;max-height:68%;object-fit:contain;opacity:.98;filter:none;mix-blend-mode:normal;border-radius:12px;box-shadow:0 22px 42px rgba(0,0,0,.48);transform:rotate(-2deg);transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease}.feature-art-community:hover img{transform:rotate(0deg) scale(1.04);box-shadow:0 26px 48px rgba(0,0,0,.56)}
.feature-art-controls{display:block;padding:0}.feature-art-controls img{position:absolute;top:9%;left:16%;z-index:0;width:68%;height:82%;object-fit:cover;opacity:.88;filter:none;mix-blend-mode:normal;border-radius:18px;transform:rotate(-7deg);box-shadow:0 22px 35px rgba(0,0,0,.5);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s ease}.feature-art-controls:hover img{opacity:1;transform:rotate(-2deg) scale(1.06)}.feature-art-controls span{position:absolute;z-index:2;margin:0;transition:transform .35s ease,border-color .35s ease,background .35s ease}.feature-art-controls span:nth-of-type(1){top:4%;left:1%}.feature-art-controls span:nth-of-type(2){top:-45%;right:1%;transform:translateY(28px)}.feature-art-controls span:nth-of-type(3){bottom:28%;left:7%}.feature-art-controls span:nth-of-type(4){right:-5%;bottom:-18%;transform:translateY(28px)}.feature-art-controls:hover span{border-color:rgba(255,51,153,.72);background:rgba(255,51,153,.18);transform:translateY(-4px)}.feature-art-controls:hover span:nth-of-type(2),.feature-art-controls:hover span:nth-of-type(4){transform:translateY(24px)}
.feature-art-controls img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:saturate(1.35) contrast(1.1);mix-blend-mode:screen;transition:opacity .45s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.feature-art-controls:hover img{opacity:.38;transform:scale(1.08) rotate(2deg)}.feature-art-controls:hover span{border-color:rgba(255,51,153,.72);background:rgba(255,51,153,.18);transform:translateY(-4px)}.feature-art-controls span{transition:transform .35s ease,border-color .35s ease,background .35s ease}.feature-art-controls span:nth-child(even){transition-delay:.06s}
.feature-slide{opacity:0!important;transform:translateY(70px) scale(.96);transition:opacity .65s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.feature-slide.is-current{opacity:1!important;transform:none}.feature-slide.is-past{opacity:0!important;transform:translateY(-70px) scale(.96)}.feature-slide.is-next{opacity:0!important;transform:translateY(70px) scale(.96)}
.home-scene:not(.feature-slide){opacity:0;transform:translateY(55px);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.home-scene:not(.feature-slide).is-current{opacity:1;transform:none}.home-scene:not(.feature-slide).is-past{opacity:0;transform:translateY(-55px)}.home-scene:not(.feature-slide).is-next{opacity:0;transform:translateY(55px)}

/* Five scroll-reveal feature slides before the music sources. */
.feature-slides{width:min(1180px,92%);margin:0 auto;padding:120px 0 80px}.feature-slides-intro{min-height:52vh;display:flex;flex-direction:column;justify-content:center;max-width:600px}.feature-slides-intro h2{font-size:clamp(54px,7vw,100px);line-height:.88;letter-spacing:-.07em}.feature-slides-intro h2 span{color:var(--pink);text-shadow:0 0 24px rgba(255,51,153,.38)}.feature-slides-intro>p:last-child{max-width:360px;margin-top:25px;color:#898991;font-size:15px;line-height:1.6}.feature-slide{display:flex;align-items:center;justify-content:space-between;gap:90px;min-height:88vh;padding:80px 0;border-top:1px solid rgba(255,255,255,.1);opacity:0;transform:translateY(70px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.feature-slide.is-visible{opacity:1;transform:none}.feature-slide-reverse{flex-direction:row-reverse}.feature-slide-copy{width:42%;max-width:470px}.feature-index{display:block;margin-bottom:22px;color:var(--pink);font:700 10px/1 'Courier New',monospace;letter-spacing:.16em}.feature-slide-copy h3{font-size:clamp(44px,5.5vw,78px);line-height:.9;letter-spacing:-.07em}.feature-slide-copy h3 em{color:var(--pink);font-style:normal}.feature-slide-copy p{max-width:390px;margin-top:28px;color:#92929a;font-size:15px;line-height:1.7}.feature-slide-art{position:relative;width:min(48vw,520px);height:min(48vw,520px);min-height:320px;overflow:hidden;border:1px solid rgba(255,51,153,.42);border-radius:28px;background:linear-gradient(145deg,#211021,#08080d);box-shadow:0 25px 70px rgba(0,0,0,.35),0 0 32px rgba(255,51,153,.1);display:flex;align-items:center;justify-content:center}.feature-slide-art:before{content:'';position:absolute;inset:12%;border:1px solid rgba(255,51,153,.18);border-radius:50%;box-shadow:0 0 0 35px rgba(255,51,153,.035),0 0 0 70px rgba(255,51,153,.025)}.feature-art-music img{position:relative;z-index:1;width:57%;height:68%;object-fit:cover;border-radius:18px;box-shadow:0 18px 35px rgba(0,0,0,.55);transform:rotate(-5deg)}.feature-art-music span,.feature-art-community span,.feature-art-safety span{position:absolute;z-index:2;bottom:26px;left:28px;color:#ff9ed2;font:700 9px/1 'Courier New',monospace;letter-spacing:.14em}.feature-art-community{background:radial-gradient(circle at 50% 42%,rgba(255,51,153,.35),transparent 30%),linear-gradient(145deg,#281226,#090910)}.feature-art-community strong{position:relative;z-index:1;color:#fff;font-size:clamp(32px,5vw,62px);line-height:.82;letter-spacing:-.08em}.feature-art-community b{color:var(--pink);font-weight:800}.feature-art-controls{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:70px}.feature-art-controls span{ width:50%; height:25%;position:relative;z-index:1;padding:22px 18px;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#f4d8e8;font:600 15px 'Courier New',monospace;background:rgba(255,51,153,.08);box-shadow:0 0 20px rgba(255,51,153,.08)}.feature-art-controls span:nth-child(even){transform:translateY(28px)}.feature-art-safety{background:radial-gradient(circle at center,rgba(216,240,106,.2),transparent 30%),#10140f}.feature-art-safety strong{position:relative;z-index:1;color:var(--lime);font-size:clamp(35px,5vw,66px);line-height:.82;letter-spacing:-.08em}.feature-art-safety span{color:var(--lime)}.safety-orbit{position:absolute;width:42%;aspect-ratio:1;border:1px solid var(--lime);border-radius:50%;box-shadow:0 0 0 25px rgba(216,240,106,.04),0 0 0 50px rgba(216,240,106,.03)}.feature-art-selene{flex-direction:column;gap:12px;background:radial-gradient(circle at 50% 45%,rgba(255,51,153,.4),transparent 28%),#130912}.feature-art-selene span,.feature-art-selene small{position:relative;z-index:1;color:#ff9ed2;font:700 10px 'Courier New',monospace;letter-spacing:.2em}.feature-art-selene strong{position:relative;z-index:1;color:#fff;font-size:clamp(55px,8vw,110px);line-height:.8;letter-spacing:-.1em}.feature-art-selene small{color:#8d8d96}@media(max-width:760px){.feature-slides{width:calc(100% - 30px);padding-top:80px}.feature-slides-intro{min-height:50vh}.feature-slide,.feature-slide-reverse{flex-direction:column;align-items:flex-start;gap:38px;min-height:100vh;padding:70px 0}.feature-slide-copy{width:100%}.feature-slide-art{width:100%;height:min(88vw,440px);min-height:300px}.feature-art-controls{padding:38px}.feature-slide-copy p{font-size:14px}}

/* Compact brand and Discord controls beside the eye decoration */
.header-discord-button{position:relative;z-index:1003;pointer-events:auto;cursor:pointer}

/* Keep the eyes centered independently from the right-side Discord action. */
.header-actions .follow-eyes{position:fixed;top:24px;left:50%;transform:translateX(-50%)}.header-actions .follow-eyes:hover{transform:translateX(-50%) translateY(-2px)}@media(max-width:560px){.header-actions .follow-eyes{top:15px}}

/* Keep the header behind the welcome loader until the page is ready. */
.site-header{opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}.is-loaded .site-header{opacity:1;visibility:visible}

/* Anchor the eyes to the viewport center, independent of header contents. */
.header-actions .follow-eyes{position:fixed;left:50%;top:15px;right:auto;margin:0;transform:translateX(-50%)}.header-actions .follow-eyes:hover{transform:translateX(-50%) translateY(-2px)}@media(max-width:560px){.header-actions .follow-eyes{top:8px}}

/* The WebGL shader is now the only page background. */
.grid-overlay,.waveform-visualizer{display:none!important}
.app-layout-wrapper{background-image:none!important;animation:none!important}
.app-layout-wrapper{background:transparent!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}
.app-layout-wrapper:before{display:none!important}
.bottom-nav{transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.bottom-nav.nav-hidden{opacity:0;pointer-events:none;transform:translate(-50%,calc(100% + 36px))}
.bottom-nav{position:fixed!important;z-index:10050!important;bottom:22px!important;left:50%!important;min-height:0;padding:9px 12px;background:linear-gradient(180deg,rgba(31,33,37,.94),rgba(11,12,14,.97));border-color:#303238;box-shadow:0 12px 35px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.08);isolation:isolate}.bottom-nav .nav-icon{width:46px;height:46px;font-size:17px}

/* Final home-dock geometry: the active tab and hover state never move the dock itself. */
.bottom-nav { width:max-content; max-width:calc(100vw - 24px); gap:8px; overflow:visible; }
.bottom-nav .nav-item .nav-icon,
.bottom-nav .nav-item:hover .nav-icon,
.bottom-nav .nav-item:focus-visible .nav-icon,
.bottom-nav .nav-item.active .nav-icon { transform:none; }
.bottom-nav .nav-item:hover .nav-icon,
.bottom-nav .nav-item:focus-visible .nav-icon { transform:translateY(-6px) scale(1.08); }
.bottom-nav .nav-item.active .nav-icon { transform:translateY(-4px); }
.bottom-nav .nav-item:active .nav-icon { transform:translateY(-2px) scale(.98); }
@media (prefers-reduced-motion:reduce) { .bottom-nav,.bottom-nav .nav-icon,.bottom-nav .nav-label { transition:none; } }

/* Keep the homepage dock above feature art, cards, shader layers, and footer effects. */
.bottom-nav { position:fixed !important; z-index:2147480000 !important; isolation:isolate; transform:translateX(-50%) !important; }
.bottom-nav.nav-hidden { transform:translate(-50%,calc(100% + 36px)) !important; }
.bottom-nav .nav-item,.bottom-nav .nav-icon { position:relative; z-index:1; }

/* Match the secondary-page dock exactly. The homepage used to keep an older 52px override. */
.bottom-nav { min-height:64px !important; padding:9px 12px !important; gap:8px !important; border-radius:23px !important; align-items:center !important; }
.bottom-nav .nav-icon { width:46px !important; height:46px !important; font-size:17px !important; }
.bottom-nav .nav-item.active .nav-icon { transform:translateY(-4px); }
.bottom-nav .nav-item:hover .nav-icon,
.bottom-nav .nav-item:focus-visible .nav-icon { transform:translateY(-6px) scale(1.08); }
@media (max-width:700px) { .bottom-nav { min-height:56px !important; gap:3px !important; padding:8px 10px !important; }.bottom-nav .nav-icon { width:40px !important; height:40px !important; font-size:15px !important; }.bottom-nav .nav-item.active .nav-icon { transform:translateY(-4px) !important; }.bottom-nav .nav-item:hover .nav-icon,.bottom-nav .nav-item:focus-visible .nav-icon { transform:translateY(-6px) scale(1.08) !important; } }
.bottom-nav .nav-item.active .nav-icon { transform:none !important; }
.bottom-nav .nav-item:hover .nav-icon,.bottom-nav .nav-item:focus-visible .nav-icon { transform:translateY(-4px) scale(1.04) !important; }
.bottom-nav .nav-item:active .nav-icon { transform:scale(.97) !important; }
.feature-slides,.sources-section,.folder-section,.site-footer{scroll-margin-bottom:130px}

/* Live telemetry section: real values are filled from /api/public-status. */
.live-stats{position:relative;isolation:isolate;overflow:hidden;width:min(1180px,92%);min-height:760px;margin:0 auto;padding:86px 5.5% 72px;background:none;border:0;}
.live-stats-grid,.live-stats:before{display:none}
.live-stats-orbit{position:absolute;z-index:-1;border:1px solid rgba(255,51,153,.22);border-radius:50%;pointer-events:none}
.live-stats-orbit-one{top:4%;left:6%;width:64%;height:48%;border-color:rgba(255,255,255,.16);transform:rotate(18deg)}
.live-stats-orbit-two{right:-8%;bottom:2%;width:58%;height:42%;border-color:rgba(109,50,255,.3);transform:rotate(-19deg)}
.site-header{position:fixed;z-index:1002;top:24px;left:50%;width:min(92%,1180px);transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.site-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;pointer-events:auto}
.site-brand-image{display:block;width:46px;height:46px;flex:0 0 46px;border:2px solid #ff9ed2;border-radius:50%;object-fit:cover;object-position:52% 24%;box-shadow:0 0 18px rgba(255,51,153,.42)}
.site-brand span{font-size:18px;font-weight:800;letter-spacing:4px;text-shadow:0 0 18px rgba(255,51,153,.5)}
.header-actions{display:flex;align-items:center;gap:22px;pointer-events:auto}
.header-discord-button{display:inline-flex;align-items:center;gap:9px;padding:11px 17px;border:1px solid rgba(255,158,210,.72);border-radius:999px;background:rgba(10,7,12,.8);color:#fff;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;box-shadow:0 0 20px rgba(255,51,153,.16);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.header-discord-button i{color:#ff9ed2;font-size:16px}
.header-discord-button:hover,.header-discord-button:focus-visible{background:#ff3399;border-color:#ff3399;color:#09070a;box-shadow:0 0 25px rgba(255,51,153,.5);transform:translateY(-2px);outline:none}
.header-discord-button:hover i,.header-discord-button:focus-visible i{color:#09070a}
@media(max-width:560px){.site-header{top:15px;width:calc(100% - 30px)}.site-brand{gap:8px}.site-brand-image{width:36px;height:36px;flex-basis:36px}.site-brand span{font-size:14px;letter-spacing:2.5px}.header-actions{gap:8px}.header-discord-button{padding:9px 11px;font-size:0}.header-discord-button i{font-size:15px}.header-actions .follow-eyes:after{display:none}}
.live-stats-heading{position:relative;z-index:1;max-width:560px;margin:0 auto;text-align:center}
.live-stats-kicker{display:inline-flex;align-items:center;gap:9px;color:#bcb5c1;font:700 10px/1 'Courier New',monospace;letter-spacing:.18em}
.live-stats-kicker i{width:7px;height:7px;border-radius:50%;background:var(--pink);box-shadow:0 0 14px var(--pink)}
.live-stats-heading h2{margin:28px 0 19px;color:#fff;font-size:clamp(52px,7vw,94px);line-height:.88;letter-spacing:-.08em}
.live-stats-heading h2 em{color:var(--pink);font-style:normal;text-shadow:0 0 25px rgba(255,51,153,.42)}
.live-stats-heading p{max-width:390px;margin:0 auto;color:#88818d;font-size:14px;line-height:1.6}
.live-stats-metrics{position:relative;display:grid;grid-template-columns:repeat(6,1fr);align-items:start;gap:0;max-width:980px;margin:94px auto 0}
.live-stat{min-height:180px;padding:0 23px;border-left:1px solid rgba(255,255,255,.14)}
.live-stat:nth-child(1){grid-column:1 / span 2;margin-top:42px}.live-stat:nth-child(2){grid-column:3 / span 2;margin-top:-8px}.live-stat:nth-child(3){grid-column:5 / span 2;margin-top:64px}.live-stat:nth-child(4){grid-column:2 / span 2;margin-top:54px;border-left-color:rgba(255,51,153,.22)}.live-stat:nth-child(5){grid-column:4 / span 2;margin-top:3px;border-left-color:rgba(255,51,153,.22)}
.live-stat i{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(255,255,255,.17);border-radius:50%;color:#d6ccd5;font-size:14px;box-shadow:0 0 24px rgba(255,51,153,.08)}
.live-stat strong{display:block;margin-top:22px;color:#fff;font:500 clamp(34px,4.3vw,63px)/.9 'Space Grotesk',Inter,sans-serif;letter-spacing:-.09em}
.live-stat span{display:block;margin-top:16px;color:#716975;font:700 9px/1 'Courier New',monospace;letter-spacing:.13em}
.live-stat-latency strong{color:var(--pink)}
.live-stats-footer{display:flex;justify-content:space-between;gap:20px;margin-top:76px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11);color:#625b67;font:700 9px/1 'Courier New',monospace;letter-spacing:.12em}
.live-stats-footer span{display:flex;align-items:center;gap:8px}.live-stats-footer b{color:#ff8ec7;font-weight:700}.live-stats-pulse{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 13px var(--pink);animation:live-pulse 1.7s ease-in-out infinite}
@keyframes live-pulse{0%,100%{opacity:.42;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:760px){.live-stats{width:calc(100% - 30px);min-height:900px;padding:70px 24px 48px}.live-stats-metrics{grid-template-columns:repeat(2,1fr);gap:0;margin-top:65px}.live-stat,.live-stat:nth-child(n){grid-column:auto;margin-top:0;min-height:164px;padding:0 15px}.live-stat:nth-child(odd){border-left:0}.live-stat:nth-child(3){margin-top:32px}.live-stat:nth-child(4){margin-top:32px}.live-stat:nth-child(5){grid-column:1 / -1;margin-top:32px}.live-stat strong{font-size:38px}.live-stats-footer{flex-direction:column;gap:13px}}
@media(prefers-reduced-motion:reduce){.live-stats-pulse{animation:none}}
.feature-art-playlist{align-items:stretch;justify-content:space-between;gap:0;padding:42px;background:radial-gradient(circle at 68% 32%,rgba(255,51,153,.34),transparent 28%),linear-gradient(145deg,#1d0d20,#09070d 72%)}.feature-art-playlist:before{inset:7%;border-radius:24px}.playlist-cover-art{position:relative;z-index:1;width:58%;aspect-ratio:1;align-self:center;overflow:hidden;border:1px solid rgba(255,158,210,.46);border-radius:18px;background:radial-gradient(circle at 50% 50%,rgba(255,51,153,.36),transparent 23%),radial-gradient(circle at 50% 50%,#211124 0,#100914 54%,#07060b 100%);box-shadow:0 22px 45px rgba(0,0,0,.5),0 0 35px rgba(255,51,153,.16);transform:rotate(-5deg)}.playlist-cover-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.025) 6px),radial-gradient(circle at 35% 24%,rgba(255,255,255,.11),transparent 18%);mix-blend-mode:screen}.playlist-cover-orbit{position:absolute;inset:15%;border:1px solid rgba(191,142,255,.35);border-radius:50%;transform:rotate(-24deg) scaleX(.72)}.playlist-cover-orbit-two{inset:27% 2%;border-color:rgba(255,110,186,.36);transform:rotate(35deg) scaleX(.68)}.playlist-cover-crescent{position:absolute;width:42%;aspect-ratio:1;left:31%;top:28%;border-radius:50%;background:linear-gradient(130deg,#fff 0,#f3d8ec 28%,#a285b4 62%,#4c324f 100%);box-shadow:0 0 28px rgba(255,187,232,.58),inset -12px -8px 18px rgba(39,14,45,.42)}.playlist-cover-crescent:after{content:'';position:absolute;width:82%;height:82%;top:-5%;right:-12%;border-radius:50%;background:#160b1a}.playlist-cover-core{position:absolute;z-index:2;width:9%;aspect-ratio:1;left:45.5%;top:44%;border-radius:50%;background:#ff3399;box-shadow:0 0 0 7px rgba(255,51,153,.13),0 0 28px rgba(255,51,153,.9)}.playlist-cover-wave{position:absolute;z-index:3;left:8%;right:8%;height:20%;top:50%;border-top:1px solid rgba(255,255,255,.58);border-radius:50%;transform:rotate(-12deg) scaleY(.5)}.playlist-cover-wave-two{top:56%;transform:rotate(12deg) scaleY(.42);border-color:rgba(255,51,153,.72)}.playlist-cover-meta{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;justify-content:flex-end;align-items:flex-end;text-align:right;gap:12px;padding:0 0 12px 28px}.playlist-cover-meta span,.playlist-cover-meta small{color:#ff9ed2;font:700 10px 'Courier New',monospace;letter-spacing:.18em}.playlist-cover-meta strong{color:#fff;font-size:clamp(30px,4vw,58px);line-height:.84;letter-spacing:-.08em}.playlist-cover-meta em{color:var(--pink);font-style:normal}.playlist-cover-meta small{color:#8d8d96}
.feature-art-playlist{min-height:320px}.playlist-cover-meta strong{font-size:clamp(25px,4vw,58px)}
@media(max-width:760px){.feature-art-playlist{padding:26px;gap:18px}.playlist-cover-art{width:58%}.playlist-cover-meta{padding-left:0}.playlist-cover-meta strong{font-size:clamp(25px,8vw,42px)}.playlist-cover-meta span,.playlist-cover-meta small{font-size:8px;letter-spacing:.1em}}
.feature-art-playlist{display:block;padding:0;background:radial-gradient(circle at 70% 24%,rgba(255,51,153,.22),transparent 26%),linear-gradient(145deg,#1d0d20,#08070c 76%)}.feature-art-playlist:before{inset:8%;border-radius:24px;box-shadow:0 0 0 1px rgba(255,51,153,.08),0 0 0 28px rgba(255,51,153,.025)}.playlist-cover-art{position:absolute;left:50%;top:50%;width:70%;transform:translate(-50%,-54%) rotate(-4deg);border-radius:22px;box-shadow:0 28px 56px rgba(0,0,0,.58),0 0 42px rgba(255,51,153,.18)}.playlist-cover-art:after{content:'';position:absolute;inset:0;background:linear-gradient(140deg,rgba(255,255,255,.08),transparent 28%,transparent 72%,rgba(255,51,153,.08));pointer-events:none}.playlist-cover-meta{position:absolute;z-index:4;left:44px;right:44px;bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;text-align:left}.playlist-cover-meta span,.playlist-cover-meta small{color:#ff9ed2;font:700 9px/1 'Courier New',monospace;letter-spacing:.16em}.playlist-cover-meta small{color:#8d8d96}@media(max-width:760px){.feature-art-playlist{padding:0}.playlist-cover-art{width:72%}.playlist-cover-meta{left:26px;right:26px;bottom:24px}.playlist-cover-meta span,.playlist-cover-meta small{font-size:8px;letter-spacing:.1em}}
.playlist-cover-art{display:flex;flex-direction:column;justify-content:space-between;padding:28px 24px;background:linear-gradient(145deg,#16121b,#08080d 78%);transform:translate(-50%,-54%) rotate(-2deg);box-shadow:0 28px 56px rgba(0,0,0,.58),0 0 42px rgba(255,51,153,.18)}.playlist-cover-art:before{background:repeating-linear-gradient(0deg,transparent 0 5px,rgba(255,255,255,.025) 6px),radial-gradient(circle at 78% 15%,rgba(255,51,153,.22),transparent 28%)}.playlist-cover-art:after{background:linear-gradient(140deg,rgba(255,255,255,.06),transparent 28%,transparent 72%,rgba(255,51,153,.06))}.playlist-ui-heading,.playlist-ui-track,.playlist-ui-footer{position:relative;z-index:2}.playlist-ui-heading{display:flex;align-items:center;gap:11px;color:#fff}.playlist-ui-heading>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:5px}.playlist-ui-heading b{font:800 12px/1 Inter,sans-serif;letter-spacing:.04em}.playlist-ui-heading small,.playlist-ui-footer{color:#8f8794;font:700 8px/1 'Courier New',monospace;letter-spacing:.12em}.playlist-ui-heading>i{color:#8f8794;font-size:14px}.playlist-ui-icon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,158,210,.35);border-radius:10px;background:rgba(255,51,153,.14);color:#ff9ed2}.playlist-ui-list{position:relative;z-index:2;display:flex;flex-direction:column;gap:0;margin:22px 0 18px}.playlist-ui-track{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.09);color:#fff}.playlist-ui-track:last-child{border-bottom:0}.playlist-ui-number{color:#8f8794;font:700 9px/1 'Courier New',monospace}.playlist-ui-track.is-playing .playlist-ui-number{color:#ff3399}.playlist-ui-track.is-playing .playlist-ui-number i{font-size:10px}.playlist-ui-track>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.playlist-ui-track b{overflow:hidden;color:#f5eef4;font:600 11px/1 Inter,sans-serif;text-overflow:ellipsis;white-space:nowrap}.playlist-ui-track small{color:#8f8794;font:9px/1 Inter,sans-serif}.playlist-ui-track em{color:#8f8794;font:9px/1 'Courier New',monospace;font-style:normal}.playlist-ui-footer{display:flex;align-items:center;justify-content:space-between}.playlist-ui-play{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#ff3399;color:#130914;font-size:11px;box-shadow:0 0 20px rgba(255,51,153,.42)}@media(max-width:760px){.playlist-cover-art{padding:22px 18px}.playlist-ui-track{padding:9px 0}.playlist-ui-heading b{font-size:10px}.playlist-ui-track b{font-size:10px}.playlist-ui-play{width:30px;height:30px}}
.playlist-cover-art{width:76%;padding:30px 28px;background:linear-gradient(145deg,#19131d 0%,#0b0910 72%,#130a17 100%);transform:translate(-50%,-54%) rotate(-2deg);box-shadow:0 30px 64px rgba(0,0,0,.64),0 0 48px rgba(255,51,153,.2)}.playlist-cover-art:before{background:repeating-linear-gradient(0deg,transparent 0 6px,rgba(255,255,255,.022) 7px),radial-gradient(circle at 75% 12%,rgba(255,51,153,.3),transparent 31%),linear-gradient(90deg,rgba(255,255,255,.035),transparent 32%)}.playlist-ui-heading{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.1)}.playlist-ui-icon{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,rgba(255,51,153,.3),rgba(255,51,153,.08));box-shadow:0 0 18px rgba(255,51,153,.16)}.playlist-ui-heading b{font-size:13px;letter-spacing:.02em}.playlist-ui-list{margin:16px 0 20px}.playlist-ui-track{min-height:48px;padding:9px 9px;border-bottom-color:rgba(255,255,255,.08);border-radius:8px;transition:background .25s ease}.playlist-ui-track.is-playing{background:linear-gradient(90deg,rgba(255,51,153,.16),rgba(255,51,153,.02) 70%,transparent);box-shadow:inset 2px 0 #ff3399}.playlist-ui-track.is-playing .playlist-ui-number{padding-left:4px}.playlist-ui-track b{font-size:12px}.playlist-ui-track small{font-size:9px;color:#a39aa8}.playlist-ui-track em{padding-right:2px}.playlist-ui-play{width:38px;height:38px;background:linear-gradient(145deg,#ff5eae,#ff2190);box-shadow:0 0 22px rgba(255,51,153,.52);transition:transform .2s ease,box-shadow .2s ease}.playlist-ui-play:hover{transform:scale(1.08);box-shadow:0 0 30px rgba(255,51,153,.72)}.playlist-cover-meta{bottom:27px}.playlist-cover-meta small{color:#766e7b}@media(max-width:760px){.playlist-cover-art{width:78%;padding:22px 18px}.playlist-ui-heading{padding-bottom:13px}.playlist-ui-track{min-height:43px;padding:7px 6px}.playlist-ui-track b{font-size:10px}.playlist-ui-play{width:32px;height:32px}.playlist-cover-meta{bottom:23px}}
.playlist-ui-track,.playlist-ui-play{cursor:pointer}.playlist-ui-track:hover,.playlist-ui-track:focus-visible{background:rgba(255,51,153,.1);outline:none}.playlist-ui-track:focus-visible{box-shadow:inset 0 0 0 1px rgba(255,158,210,.55)}.playlist-ui-play.is-playing i{font-size:0}.playlist-ui-play.is-playing i:before{content:'\f04c';font-size:11px;font-family:'Font Awesome 6 Free';font-weight:900}
.playlist-ui-track.is-disabled{cursor:default;opacity:.48;pointer-events:none}.playlist-ui-track.is-disabled:hover{background:transparent}.playlist-ui-track.is-disabled .playlist-ui-number{color:#625a67}