@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing-lock{position:relative;isolation:isolate;min-height:640px;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 25% 85%,#111958,transparent 55%),#02040c;touch-action:pan-y}.lock-scene{position:absolute;width:100%;aspect-ratio:16/9;top:50%;left:0;transform:translateY(-50%);user-select:none;-webkit-user-select:none}.lock-scene-image{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.landing-lock:after{content:"";pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(0deg,rgba(2,4,12,.7),transparent 31%),linear-gradient(180deg,rgba(2,4,12,.15),transparent 12%)}.source-piece{position:absolute;z-index:2;background:transparent;border:0;padding:0;cursor:grab;touch-action:none;transform:translate(-50%,-50%);transition:filter .2s,opacity .3s;color:#97faff;min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent}.source-j{left:77.5%;top:31%;width:13%;height:29%}.source-guitar{left:60%;top:41%;width:24%;height:25%;transform:translate(-50%,-50%) rotate(9deg)}.source-glasses{left:59.5%;top:12.8%;width:6.4%;height:7%}.piece-shape{width:100%;height:100%;overflow:visible;fill:currentColor;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}.piece-detail{fill:none;stroke:#bafcff;stroke-width:1.2}.piece-lens{fill:#060a1a;stroke:#9ef3ff;stroke-width:1.5}.source-piece>.piece-shape{fill:#20beff06;stroke:#77f4ff61;stroke-width:1;filter:drop-shadow(0 0 7px #228cff);opacity:.55;transition:opacity .2s,filter .2s}.source-piece .piece-detail{opacity:0}.source-piece .piece-lens{fill:transparent;stroke:#77f4ff59}.source-piece:hover>.piece-shape,.source-piece:focus-visible>.piece-shape,.source-piece.piece-selected>.piece-shape{opacity:1;stroke:#c3ffff;fill:#4ee5ff2b;filter:drop-shadow(0 0 9px #52dfff) drop-shadow(0 0 20px #7271ff)}.source-piece:focus-visible{outline:1px dashed #b5fbff;outline-offset:4px;border-radius:10px}.piece-spark{position:absolute;right:12%;top:8%;font-size:19px;color:#d5ffff;text-shadow:0 0 10px #8cf1ff,0 0 22px #7d4eff;animation:piece-beacon 2.8s ease-in-out infinite;pointer-events:none}.source-glasses .piece-spark{right:-4px;top:-9px;font-size:14px}.source-guitar .piece-spark{right:18%;top:15%}.source-piece.piece-collected{opacity:0;pointer-events:none}.source-piece.piece-dragging{cursor:grabbing;opacity:.2}.source-piece:disabled{cursor:default}.source-piece:disabled.piece-collected{opacity:0}@keyframes piece-beacon{0%,to{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.12)}}.glass-lock{position:absolute;z-index:3;bottom:5%;left:50%;transform:translate(-50%);width:min(760px,70vw);padding:20px 32px 15px;border:1px solid rgba(148,239,255,.75);background:linear-gradient(120deg,#123a7166,#0e09306e 55%,#271e5f59);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);box-shadow:inset 0 0 0 5px #9debff0f,inset 0 0 30px #47b8ff1f,0 0 4px #90e7ff,0 0 26px #279fff33,0 0 60px #7b37ff2e;border-radius:7px}.glass-lock:before,.glass-lock:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;pointer-events:none;border:1px solid rgba(171,226,255,.36);border-radius:3px}.glass-lock:after{top:-5px;right:10px;bottom:-5px;left:10px;border:0;border-top:1px solid rgba(157,225,255,.55);border-bottom:1px solid rgba(161,115,255,.7);transform:skew(-12deg)}.glass-edge{position:absolute;left:15px;right:15px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,#c1fbff,transparent,#bd98ff,transparent);box-shadow:0 0 11px #6ddfff;pointer-events:none}.lock-copy{text-align:center}.lock-label{font-family:var(--mono);font-size:9px;letter-spacing:.33em;color:#b2eaff;text-shadow:0 0 10px #39abff}.lock-copy p{margin:9px 0 2px;font-size:11px;line-height:1.65;color:#bdcadd}.lock-copy strong{font-weight:600;color:#f1faff}.mobile-break{display:none}.lock-slots{display:grid;grid-template-columns:1fr 1.55fr 1fr;align-items:center;gap:30px;height:125px;max-width:590px;margin:4px auto 0}.lock-slot{padding:3px;border:0;background:none;position:relative;width:100%;height:100%;display:grid;place-items:center;color:#030b1c;cursor:pointer;transition:filter .2s,transform .2s;touch-action:manipulation}.lock-slot>.piece-shape{stroke:#75d8ff;stroke-width:1.5;filter:drop-shadow(0 0 2px #43d8ff) drop-shadow(2px 2px 0 #5363d9);max-height:115px}.lock-slot .piece-lens{fill:#030b1c;stroke:#233759}.lock-slot .piece-detail{opacity:.2;stroke:#21426c}.lock-slot:hover,.lock-slot.slot-hovered{filter:drop-shadow(0 0 10px #7c4dff);transform:translateY(-2px)}.lock-slot:focus-visible{outline:1px dashed #9cffff;border-radius:6px}.lock-slot.slot-filled{color:#b3f7ff;filter:drop-shadow(0 0 14px #54cfff);cursor:default}.lock-slot.slot-filled>.piece-shape{stroke:#f4ffff;fill:#b3f7ff}.lock-slot.slot-filled .piece-lens{fill:#16345d;stroke:#e9ffff}.lock-slot.slot-filled .piece-detail{opacity:1;stroke:#16517f}.slot-tick{position:absolute;bottom:4px;right:10px;font-size:13px;color:#b8ffe8;text-shadow:0 0 8px #35eec2;opacity:0;transition:opacity .3s}.slot-filled .slot-tick{opacity:1}.lock-slot.slot-wrong{animation:slot-shake .4s ease-out;color:#231022;filter:drop-shadow(0 0 9px #ff437d)}.lock-slot.slot-wrong>.piece-shape{stroke:#ff749b}@keyframes slot-shake{20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.lock-bottom{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:3px}.lock-bottom p{font-size:9px;letter-spacing:.025em;color:#a4b7cf;margin:0}.lock-lights{display:flex;gap:5px}.lock-lights i{height:4px;width:14px;background:#1c3559;border:1px solid #4a6686}.lock-lights i.lit{background:#a1ffe9;border-color:#dcfff4;box-shadow:0 0 8px #5effc8}.lock-feedback{position:absolute;bottom:100%;left:0;right:0;text-align:center;color:#ffbdce;font-size:11px;text-shadow:0 1px 4px #000;background:#070918d9;margin:0 0 10px;padding:7px}.drag-piece{position:fixed;z-index:100;pointer-events:none;width:130px;height:100px;transform:translate(-50%,-50%);color:#c3faff;filter:drop-shadow(0 0 12px #66eaff) drop-shadow(0 0 30px #8a4dff)}.drag-piece>.piece-shape{stroke:#fff;stroke-width:2}.drag-piece .piece-detail{stroke:#14578b}.lock-complete .glass-lock{border-color:#b1ffe5;box-shadow:0 0 50px #4bffd68c,inset 0 0 28px #4bffd629}.lock-complete .lock-label{color:#c5ffed}.unlock-bloom{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:radial-gradient(ellipse at 50% 80%,rgba(139,255,243,.6),transparent 65%);animation:unlock-flash 1.5s ease-in both}.lock-complete{animation:enter-fade 1.5s ease-in both}@keyframes unlock-flash{0%{opacity:0}45%{opacity:.7}to{opacity:1}}@keyframes enter-fade{0%,75%{opacity:1}to{opacity:0}}@media(min-aspect-ratio:19/9){.lock-scene{width:90%;left:5%}.glass-lock{bottom:3%}}@media(max-width:900px){.landing-lock{min-height:700px}.lock-scene{top:0;transform:none}.glass-lock{width:86vw;bottom:8%;padding:20px 24px 17px}.lock-slots{height:115px;gap:20px}.lock-copy p{font-size:11px}.landing-lock:after{background:linear-gradient(0deg,#02040c 4%,transparent 65%)}}@media(max-width:600px){.landing-lock{min-height:650px;height:100svh;background:radial-gradient(ellipse at 30% 68%,rgba(28,69,156,.35),transparent 55%),radial-gradient(ellipse at 85% 25%,#34135f,transparent 50%),#02050e}.lock-scene{top:10%;width:135%;left:-27%}.source-j{left:77.5%;top:31%}.source-glasses{width:7%;height:10%}.source-piece>.piece-shape{stroke:#bffaff;opacity:.7}.piece-spark{font-size:14px}.glass-lock{width:89vw;bottom:max(12%,45px);padding:22px 20px 18px}.lock-label{font-size:9px;letter-spacing:.25em}.lock-copy p{font-size:11px;line-height:1.8;margin:12px auto 7px;max-width:265px}.mobile-break{display:block}.lock-slots{height:103px;gap:10px;margin:10px auto}.lock-bottom{flex-direction:column;gap:12px}.lock-bottom p{font-size:8px;text-align:center}.slot-tick{bottom:1px;right:4px;font-size:11px}.lock-lights i{height:3px;width:16px}.lock-feedback{font-size:10px}.drag-piece{width:100px;height:80px}.landing-lock:after{background:linear-gradient(0deg,#02050e 8%,transparent 66%)}}@media(max-height:650px)and (min-width:901px){.landing-lock{height:100svh;min-height:500px}.glass-lock{bottom:3%;padding:12px 26px 10px;width:65vw}.lock-slots{height:95px}.lock-copy p{margin:4px 0;font-size:10px}.lock-bottom p{font-size:8px}}@media(prefers-reduced-motion:reduce){.landing-lock,.landing-lock *{animation:none!important;scroll-behavior:auto!important;transition:none!important}.unlock-bloom{opacity:.4}}@media(max-width:600px){.landing-lock{min-height:0;height:100svh}.lock-scene{top:5%;width:110%;left:-5%}.glass-lock{bottom:max(6%,18px)}}@media(min-width:901px){.glass-lock{width:min(860px,74vw)}.lock-label{font-size:10px}.lock-copy p{font-size:14px;max-width:720px;margin:10px auto 4px;line-height:1.65}.lock-bottom p{font-size:10px}}@media(max-width:600px){.landing-lock{display:flex;flex-direction:column;justify-content:center}.lock-scene{position:relative;top:auto;flex-shrink:0}.glass-lock{position:relative;bottom:auto;margin-top:-6px;flex-shrink:0}}@media(max-width:600px)and (max-height:600px){.glass-lock{padding:14px 18px}.lock-copy p{font-size:10px;line-height:1.6;margin:8px auto 3px}.lock-slots{height:75px;margin:4px auto}.lock-bottom{gap:8px}}:root{--guitar-cursor:url(/guitar-cursor.svg) 5 3,auto}html,body,#root{margin:0;min-height:100%;width:100%}body{cursor:var(--guitar-cursor)}@media(pointer:fine){body button,body a,body input[type=range],body .source-piece,body .lock-slot{cursor:url(/guitar-cursor.svg) 5 3,pointer}}.music-room{height:100svh;min-height:0;overflow:hidden;position:relative;isolation:isolate;background:#050710;color:#f4f7ff;display:grid;grid-template-columns:226px minmax(0,1fr);grid-template-rows:minmax(0,1fr) 100px;font-family:var(--sans,Arial,sans-serif)}.music-room *{box-sizing:border-box}.music-room button,.music-room input{font:inherit}.music-room button{color:inherit}.music-room button:focus-visible,.music-room a:focus-visible,.music-room input:focus-visible{outline:2px solid #85faff;outline-offset:4px}.music-room button:disabled{opacity:.3}.music-room h1:focus{outline:none}.music-room button{border:0;background:none}.music-room p,.music-room h1,.music-room h2,.music-room h3{margin:0}.room-backdrop{position:absolute;z-index:-2;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#050711 5%,#050711c7 50%,#05071199),url(/assets/j-sounds-hero.png) right center/auto 100% no-repeat;opacity:.65}.music-room:before{content:"";z-index:-1;position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 80% 5%,#45318533,transparent 50%),radial-gradient(ellipse at 40% 100%,#0087bd22,transparent 55%);pointer-events:none}.room-sidebar{grid-row:1;display:flex;flex-direction:column;padding:35px 24px 22px;border-right:1px solid #9cdfff18;background:#070a14b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.room-brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:#f1f9ff;margin-bottom:63px}.room-brand>b{font-size:52px;line-height:1;font-style:italic;color:#b8ffff;text-shadow:0 0 17px #28bfff88}.room-brand>span{font-size:17px;font-weight:700;letter-spacing:.22em}.room-brand small{display:block;font-size:6px;font-weight:400;letter-spacing:.16em;margin-top:8px;color:#8399b1;white-space:nowrap}.sidebar-label{color:#697c93;font-size:9px;letter-spacing:.22em;margin-bottom:19px}.room-sidebar nav{display:flex;flex-direction:column;gap:8px}.room-sidebar nav button{position:relative;display:flex;gap:14px;align-items:center;padding:14px 13px;text-align:left;border-radius:8px;font-size:13px;color:#90a1b8;min-height:46px}.room-sidebar nav button:hover{background:#60dcff0b;color:#e8fcff}.room-sidebar nav button.current{color:#8cf3ff;background:linear-gradient(90deg,#118ab528,#2d57a010);box-shadow:inset 2px 0 #5be7ff}.sidebar-note{margin-top:auto;margin-bottom:38px;padding:28px 4px 0;color:#6e839f}.sidebar-note svg{color:#79d9ee;filter:drop-shadow(0 0 12px #25d1ef77);margin-bottom:20px}.sidebar-note strong{display:block;font-size:13px;color:#ccd8e9}.sidebar-note p{font-size:12px;line-height:1.8;margin-top:9px}.sidebar-note>span{display:block;font-size:7px;letter-spacing:.18em;margin-top:24px}.room-copyright{font-size:8px;letter-spacing:.15em;color:#52637d}.room-main{min-width:0;min-height:0;display:flex;flex-direction:column;padding:0 clamp(20px,3.8vw,66px) 14px;gap:clamp(12px,2vh,25px)}.room-top{height:88px;flex-shrink:0;display:flex;align-items:center;gap:24px;border-bottom:1px solid #9cdfff13}.room-location{font-size:8px;letter-spacing:.18em;color:#8ca0b8;white-space:nowrap}.room-location i{display:inline-block;width:5px;height:5px;background:#70f0df;box-shadow:0 0 10px #69eedc;margin-right:9px;border-radius:50%}.room-search{margin-left:auto;display:flex;align-items:center;gap:9px;background:#0b112180;border:1px solid #b0ccff20;border-radius:22px;padding:10px 14px;color:#8194af;max-width:310px;width:32%}.room-search input{border:0;background:none;min-width:0;width:100%;color:#e2edfc;outline:none;font-size:11px}.room-search input::placeholder{color:#8292aa}.artist-chip{display:flex;align-items:center;gap:9px;color:#a8f7ff;font-size:14px}.artist-chip>span{font-size:10px;color:#bfccdf;border-left:1px solid #c8dbff30;padding-left:10px}.room-hero{display:flex;align-items:center;justify-content:space-between;flex:0 1 270px;min-height:140px;padding:12px 0;position:relative}.room-kicker{font-size:8px;letter-spacing:.24em;color:#8ee7f8}.room-hero h1,.artist-panel h1{font-size:clamp(30px,4.1vw,64px);letter-spacing:-.05em;line-height:1.13;font-weight:500;margin:15px 0}.room-hero h1 em,.artist-panel h1 em{font-style:normal;background:linear-gradient(90deg,#a3fbff,#83c6ff 57%,#b89aff);color:transparent;-webkit-background-clip:text;background-clip:text}.room-hero p:not(.room-kicker){font-size:12px;color:#a1afc4;line-height:1.7}.hero-signature{display:flex;align-items:center;gap:12px;color:#708aa5;font-size:7px;letter-spacing:.24em;margin-top:21px}.hero-signature i{width:22px;height:1px;background:#516882}.hero-orbit{position:relative;display:grid;place-items:center;width:180px;height:180px;margin-right:7%;flex-shrink:0}.hero-orbit i{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid #72e5ff33;border-radius:50%;box-shadow:0 0 35px #57c9ff11}.hero-orbit i:nth-child(2){top:-7px;right:40px;bottom:-7px;left:40px;transform:rotate(40deg);border-color:#b08aff55}.hero-orbit b{font-size:82px;font-weight:400;font-style:italic;color:#c6faff;text-shadow:0 0 35px #5ddaff77}.hero-orbit b span{font-size:48px;color:#9d8aff}.collection{display:flex;flex-direction:column;min-height:0;flex:1;gap:17px}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-shrink:0}.collection h2{font-size:19px;letter-spacing:-.03em;font-weight:500}.collection h2 span{font-family:var(--mono,monospace);font-size:10px;color:#667e9b;margin-left:12px}.collection-genres{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.collection-genres button{font-size:10px;padding:7px 14px;border:1px solid #729ecf26;border-radius:18px;color:#91a4bf}.collection-genres button.active{background:#51d8ff16;border-color:#70edff55;color:#b6faff}.song-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;min-height:0;align-items:start;flex:1}.song-card{min-width:0;border:1px solid #a9ccff16;padding:9px;border-radius:11px;background:#0e152270;transition:border-color .2s,background .2s}.song-card:hover,.song-active{border-color:#88efff75;background:#102237aa}.song-cover{width:100%;aspect-ratio:1;max-height:200px;display:grid;place-items:center;position:relative;border-radius:7px;overflow:hidden;color:#a4f8ff!important;background:radial-gradient(circle at 30% 30%,#2e6590,#10142c 65%)!important}.song-cover>svg{filter:drop-shadow(0 0 14px #72ddff88)}.song-cover.cover-1{background:radial-gradient(circle at 70% 25%,#654c93,#14152b 70%)!important;color:#c6acff!important}.song-cover.cover-2{background:radial-gradient(circle at 20% 80%,#217878,#0b1a2d 70%)!important}.song-cover img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.song-play{position:absolute;bottom:9px;right:9px;height:31px;width:31px;display:grid;place-items:center;border-radius:50%;background:#a2f4ff;color:#071321;box-shadow:0 0 20px #4cdfff44}.song-card-info{display:flex;align-items:center;gap:4px;margin-top:12px}.song-card-info>div{min-width:0;flex:1}.song-card h3{font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-card p{font-size:9px;color:#8096b3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}.like-button{padding:8px 0 8px 6px;color:#8799b4!important}.like-button.liked{color:#94f1ff!important}.like-button.liked svg{fill:#7de9ff33}.room-empty{flex:1;min-height:0;display:flex;align-items:center;gap:30px;padding:24px 32px;border:1px solid #7ab9f22b;border-radius:12px;background:linear-gradient(115deg,#0b2038aa,#11132699);position:relative;overflow:hidden}.empty-disc{height:94px;width:94px;border:1px solid #7eeaff55;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#acfbff;box-shadow:0 0 0 12px #51dbff06,0 0 45px #24ccff15}.room-empty h3{font-size:clamp(18px,2vw,28px);font-weight:400;letter-spacing:-.03em;margin:12px 0}.room-empty p{font-size:11px;color:#8fa5c1;line-height:1.7;max-width:350px}.empty-wave{font-size:160px;color:#82aaff13;position:absolute;right:22px;pointer-events:none}.collection-footer{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:28px;color:#6f859f;font-size:8px;letter-spacing:.12em}.collection-footer>div{display:flex;align-items:center;gap:10px;letter-spacing:0}.collection-footer button{width:30px;height:28px;border:1px solid #83b6e32d;border-radius:6px;font-size:18px}.artist-panel{margin:auto 0;max-width:590px}.artist-panel>p:not(.room-kicker){line-height:1.9;color:#a2b3ca;font-size:14px;margin:22px 0}.cyan-button{background:#8bf0ff!important;color:#071621!important;display:inline-flex;align-items:center;gap:15px;padding:14px 23px;border-radius:25px;font-size:12px!important;margin-top:18px}.room-player{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,1.3fr) minmax(0,1fr);gap:35px;align-items:center;padding:12px 30px;background:linear-gradient(90deg,#0c1825f5,#0e1425f5);border-top:1px solid #80dbff3b;box-shadow:0 -10px 40px #4cbcff08;z-index:2}.now-playing{display:flex;align-items:center;gap:13px;min-width:0}.player-disc{width:46px;height:46px;border-radius:8px;flex-shrink:0;display:grid;place-items:center;color:#90efff;background:linear-gradient(135deg,#16455f,#21194d);border:1px solid #70dfff36}.now-playing>div:last-child{min-width:0}.now-playing strong{display:block;font-size:11px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing span{display:block;font-size:9px;color:#7f95b3;margin-top:6px;line-height:1.5}.transport{min-width:0}.transport-buttons{display:flex;align-items:center;justify-content:center;gap:24px}.transport-buttons button{display:grid;place-items:center;color:#b3c2d9;padding:6px}.transport-buttons .transport-play{height:36px;width:36px;border-radius:50%;background:#9df5ff;color:#07141f;box-shadow:0 0 22px #74dfff33}.seek-row{display:flex;align-items:center;gap:10px;font-size:8px;color:#8a9cb4;margin-top:8px;font-variant-numeric:tabular-nums}.seek-row input{width:100%;height:3px;accent-color:#8df1ff}.room-volume{display:flex;align-items:center;gap:12px;justify-content:flex-end;color:#9bacbf}.room-volume input{width:85px;height:3px;accent-color:#8df1ff}.instrument-art{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;overflow:hidden}.instrument-art>svg{position:absolute;width:130px;height:130px;stroke-width:.6;opacity:.13;color:#75e6ff;filter:drop-shadow(0 0 12px #29c6ff)}.instrument-art>svg:nth-child(1){right:7%;top:19%;transform:rotate(-24deg);width:200px;height:200px}.instrument-art>svg:nth-child(2){left:40%;bottom:16%;transform:rotate(-15deg);color:#b28bff}.instrument-art>svg:nth-child(3){right:4%;bottom:16%;color:#af83ff}.space-portal{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at center,#124086,#070c25 37%,#01030a 72%);display:grid;place-items:center;animation:portal-arrival 3.1s both}.portal-tunnel{position:absolute;top:0;right:0;bottom:0;left:0;perspective:600px;display:grid;place-items:center}.portal-tunnel i{position:absolute;width:min(70vw,65vh);aspect-ratio:1;border-radius:50%;border:3px solid #71eaff;box-shadow:0 0 14px #a2faff,inset 0 0 35px #0af,0 0 60px #156bff;animation:tunnel-flight 1.8s linear infinite;animation-delay:calc(var(--i)*-.2s)}.portal-core{position:absolute;width:24vmin;aspect-ratio:1;border-radius:50%;background:#eaffff;box-shadow:0 0 70px 40px #40d9ff,0 0 160px 80px #007bff;animation:core-expand 3.1s ease-in both}.space-portal p{position:absolute;bottom:12%;text-align:center;font-size:9px;letter-spacing:.35em;color:#bcf9ff;text-shadow:0 0 14px #1e9cff}.space-portal p span{display:block;font-size:20px;letter-spacing:.4em;margin-top:15px}.portal-stars{position:absolute;top:0;right:0;bottom:0;left:0}.portal-stars i{position:absolute;left:50%;top:50%;height:2px;width:4px;background:#d9fcff;box-shadow:0 0 9px #4abaff;transform-origin:left;animation:star-flight 1s linear infinite;animation-delay:var(--delay)}@keyframes tunnel-flight{0%{transform:scale(.12) rotate(-15deg);opacity:0}25%{opacity:1}to{transform:scale(4) rotate(35deg);opacity:0}}@keyframes star-flight{0%{transform:rotate(var(--angle)) translate(5vmin) scaleX(1);opacity:0}30%{opacity:1}to{transform:rotate(var(--angle)) translate(var(--distance)) scaleX(25);opacity:0}}@keyframes core-expand{0%{transform:scale(.05);opacity:.2}45%{transform:scale(.35);opacity:1}80%{transform:scale(.6)}to{transform:scale(13)}}@keyframes portal-arrival{0%{opacity:0}12%,95%{opacity:1}to{opacity:0}}.music-room{animation:room-reveal .8s ease-out both}@keyframes room-reveal{0%{opacity:0;filter:brightness(2);transform:scale(1.025)}to{opacity:1;filter:brightness(1);transform:none}}@media(max-width:1150px){.music-room{grid-template-columns:190px minmax(0,1fr)}.room-sidebar{padding:28px 18px 20px}.room-location{display:none}.song-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px}.song-card{height:100%;display:flex;gap:10px;align-items:center}.song-cover{width:42%;height:100%;max-height:120px;flex-shrink:0}.song-card-info{margin:0;flex:1;min-width:0;flex-wrap:wrap}.song-card-info h3{font-size:11px}.song-play{height:24px;width:24px;bottom:4px;right:4px}.song-play svg{width:14px}.room-search{width:100%;max-width:350px;margin-left:0}.artist-chip{margin-left:auto}.hero-orbit{margin-right:0;width:130px;height:130px}.room-hero{flex-basis:230px}.room-main{gap:15px}.room-empty{padding:22px;gap:24px}.room-player{gap:20px;padding-inline:22px}}@media(max-width:700px){.music-room{grid-template-columns:1fr;grid-template-rows:62px minmax(0,1fr) 110px}.room-sidebar{grid-row:1;flex-direction:row;align-items:center;justify-content:space-between;padding:0 18px;border-right:0;border-bottom:1px solid #93dfff22;background:#090c18e8}.room-brand{margin:0;gap:7px}.room-brand>b{font-size:35px}.room-brand>span{font-size:11px;letter-spacing:.12em}.room-brand small,.sidebar-label,.sidebar-note,.room-copyright{display:none}.room-sidebar nav{flex-direction:row;gap:4px}.room-sidebar nav button{padding:8px 10px;gap:6px;min-height:36px;font-size:10px}.room-sidebar nav button svg{width:16px}.room-sidebar nav button span{display:none}.room-sidebar nav button.current span{display:block}.room-main{grid-row:2;padding:0 20px 8px;gap:12px}.room-top{height:54px;gap:15px}.room-search{padding:8px 11px;max-width:none}.room-search input{font-size:10px}.artist-chip>span{display:none}.room-hero{flex-basis:195px;min-height:140px;padding:5px 0}.room-hero h1{font-size:36px;margin:12px 0}.room-kicker{font-size:7px;letter-spacing:.16em}.room-hero p:not(.room-kicker){font-size:10px}.hero-signature{margin-top:14px;font-size:6px}.hero-orbit{display:none}.collection{gap:12px}.collection h2{font-size:17px}.collection-genres{max-width:55%}.collection-genres button{font-size:8px;padding:5px 9px}.song-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}.song-card{padding:5px;gap:7px}.song-cover{width:35%;max-height:90px;min-height:30px}.song-cover>svg{width:24px}.song-card h3{font-size:10px}.song-card p{font-size:8px;margin-top:3px}.like-button{padding:4px}.like-button svg{width:13px}.song-play{width:18px;height:18px;bottom:2px;right:2px}.song-play svg{width:11px}.song-card-info{gap:0}.room-empty{flex-direction:column;justify-content:center;align-items:flex-start;gap:20px;padding:22px}.empty-disc{width:50px;height:50px;box-shadow:0 0 0 6px #51dbff06}.empty-disc svg{width:23px}.room-empty h3{font-size:21px;margin:8px 0}.room-empty p{font-size:10px}.collection-footer{font-size:6px;letter-spacing:.07em}.collection-footer>div{gap:6px;font-size:8px}.collection-footer button{height:25px;width:25px}.room-player{grid-row:3;grid-template-columns:minmax(0,1fr) 135px;gap:12px;padding:12px 20px}.transport-buttons{gap:10px}.transport-buttons .transport-play{height:32px;width:32px}.room-volume{display:none}.seek-row{gap:5px;font-size:7px}.now-playing strong{font-size:10px}.now-playing span{font-size:8px}.player-disc{width:35px;height:35px}.now-playing{gap:9px}.artist-panel h1{font-size:38px}.artist-panel>p:not(.room-kicker){font-size:12px;line-height:1.8}.instrument-art>svg:nth-child(1){top:12%;right:8%;width:120px;height:120px;opacity:.17}.room-backdrop{background-position:65% center;opacity:.4}}@media(max-height:690px){.room-top{height:58px}.room-hero{flex-basis:155px;min-height:110px}.room-hero h1{font-size:clamp(26px,3.5vw,46px);margin:8px 0}.hero-signature{margin-top:10px}.room-hero .hero-orbit{height:110px;width:110px}.room-main,.collection{gap:10px}.room-empty{padding:16px 24px}.sidebar-note{margin-bottom:15px}.room-brand{margin-bottom:35px}}@media(max-width:700px)and (max-height:700px){.music-room{grid-template-rows:52px minmax(0,1fr) 84px}.room-top{height:44px}.room-hero{flex-basis:125px;min-height:110px}.room-hero h1{font-size:28px;margin:7px 0}.hero-signature{display:none}.room-empty{flex-direction:row;align-items:center;gap:17px;padding:15px}.room-empty h3{font-size:17px}.empty-disc{height:38px;width:38px}.collection-heading h2{font-size:15px}.collection-footer{min-height:24px}.room-main{gap:9px}.room-hero p:not(.room-kicker){font-size:9px}.song-card-info p{display:none}.song-cover{width:32%}.song-play{display:none}}@media(prefers-reduced-motion:reduce){.music-room,.space-portal,.space-portal *{animation:none!important;transition:none!important}.portal-stars{display:none}.portal-tunnel i{opacity:.25}.portal-core{transform:scale(.1);opacity:.4}}@media(max-width:700px){.song-grid.song-grid-4{grid-template-rows:repeat(2,minmax(0,1fr))}.room-sidebar nav button{min-height:44px}}.genre-picker select{font:inherit;font-size:11px;color:#b9f4ff;background:#101b2d;border:1px solid #6bdeff55;border-radius:20px;padding:8px 28px 8px 13px;max-width:160px;cursor:var(--guitar-cursor)}.genre-picker select:focus-visible{outline:2px solid #85faff;outline-offset:3px}.song-download{display:grid;place-items:center;padding:7px 0 7px 5px;color:#86b4d5}.song-download:hover,.player-download:hover{color:#a2f8ff;filter:drop-shadow(0 0 7px #30cfff)}.player-extras{display:flex;align-items:center;justify-content:flex-end;gap:22px}.player-download{display:grid;place-items:center;color:#8ee8ff;padding:10px}.player-disc{overflow:hidden}.player-disc img{width:100%;height:100%;object-fit:cover}.song-card-info{flex-wrap:wrap}.song-card-info>div{flex-basis:calc(100% - 46px)}.song-card-info h3{line-height:1.6}.song-cover img{transition:transform .25s}.song-cover:hover img{transform:scale(1.06)}@media(max-width:1150px){.song-card-info>div{flex-basis:100%}.song-card-info{align-content:center}.song-download,.like-button{padding:5px}.song-card h3{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;line-height:1.4}.player-extras{gap:5px}}@media(max-width:700px){.genre-picker select{font-size:9px;max-width:135px;padding:6px 20px 6px 10px}.song-card-info h3{font-size:10px}.song-card-info p{font-size:8px}.song-download{padding:3px}.song-download svg{width:13px;height:13px}.song-card-info{gap:1px}.player-extras{display:none}.song-card-info>div{flex-basis:100%}}@media(max-width:700px)and (max-height:620px){.room-hero{flex-basis:103px;min-height:90px}.room-hero h1{font-size:25px}.room-hero p:not(.room-kicker){display:none}.room-hero .room-kicker{font-size:6px}.song-card h3{-webkit-line-clamp:1;line-clamp:1}.song-card-info{flex-wrap:nowrap}.song-card-info>div{flex-basis:auto}.song-card-info .like-button{display:none}.song-download{padding:5px}.song-cover{width:30%}}.song-grid{overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;align-content:start;grid-template-rows:none;grid-auto-rows:max-content;flex:1 1 0;padding:3px 7px 10px 3px;scrollbar-width:thin;scrollbar-color:#64d9f288 #0a1524;scrollbar-gutter:stable;touch-action:pan-y}.song-grid::-webkit-scrollbar{width:6px}.song-grid::-webkit-scrollbar-track{background:#0a1524;border-radius:8px}.song-grid::-webkit-scrollbar-thumb{background:#447b9b;border-radius:8px}.song-grid:focus-visible{outline:1px solid #8ceeff;outline-offset:2px;border-radius:8px}.song-card{height:auto}@media(max-width:1150px){.song-grid{grid-template-rows:none;grid-auto-rows:125px}.song-card{height:100%}.song-cover{height:100%;max-height:105px}}@media(max-width:700px){.song-grid{grid-template-rows:none;grid-auto-rows:104px;gap:9px;padding-right:5px}.song-cover{max-height:90px}.song-card-info h3{-webkit-line-clamp:2;line-clamp:2}}@media(max-width:700px)and (max-height:620px){.song-grid{grid-auto-rows:78px}.song-cover{max-height:65px}.song-card-info h3{-webkit-line-clamp:2;line-clamp:2}}:root{font-family:Manrope,Arial,sans-serif;color:#f5f5fa;background:#070912;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-weight:400;--bg:#070912;--panel:#0d101d;--muted:#9398a9;--line:rgba(207,218,255,.12);--cyan:#63eaff;--violet:#aa72ff;--pink:#ff4ed8;--mono:"DM Mono",monospace;--serif:"Playfair Display",Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px;background:var(--bg);color:#f5f5fa}button,a,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.38;cursor:not-allowed}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 clamp(24px,6vw,96px);position:absolute;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(234,238,255,.09);background:linear-gradient(180deg,rgba(5,7,16,.72),transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.brand{display:flex;align-items:center;gap:11px}.brand-mark{font-family:var(--serif);font-size:31px;line-height:1;color:#effaff;position:relative;text-shadow:0 0 13px rgba(99,234,255,.8)}.brand-wave{font-family:Arial;font-size:18px;color:var(--pink);position:absolute;left:9px;bottom:-4px;transform:rotate(-12deg)}.brand-name{font-size:12px;letter-spacing:.32em}.brand-name b{font-weight:600}.main-nav{display:flex;align-items:center;gap:clamp(22px,3.2vw,54px)}.main-nav button,.menu-toggle{border:0;background:none;color:#d9dce8;cursor:pointer}.main-nav>button:not(.nav-listen){font-size:11px;letter-spacing:.18em;text-transform:uppercase;transition:color .2s}.main-nav>button:hover{color:var(--cyan)}.main-nav .nav-listen{display:flex;align-items:center;gap:14px;padding:12px 16px;border:1px solid rgba(113,220,255,.55);font-size:11px;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 0 14px #46c3ff12,0 0 18px #46c3ff21}.menu-toggle{display:none}.hero{min-height:min(850px,100svh);height:max(700px,100svh);position:relative;overflow:hidden;background:#080b18}.hero-art{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/j-sounds-hero.png);background-position:center 52%;background-size:cover}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#060813e0,#060813bd 32%,#06081340 58%,#06081308),linear-gradient(0deg,rgba(7,9,18,.7),transparent 21%,transparent 78%,rgba(7,9,18,.22))}.hero-copy{position:absolute;z-index:2;left:clamp(28px,10.2vw,164px);top:50%;transform:translateY(-42%);max-width:570px}.eyebrow{display:flex;align-items:center;gap:12px;color:#aeb7ce;font:10px var(--mono);letter-spacing:.19em;text-transform:uppercase}.eyebrow-line{width:28px;height:1px;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.welcome-label{margin:41px 0 3px;color:#c4d4ec;font:11px var(--mono);letter-spacing:.54em}.hero h1{font-size:clamp(60px,8.8vw,128px);line-height:.91;letter-spacing:-.08em;margin:12px 0 28px;font-weight:300;text-shadow:0 0 20px rgba(99,234,255,.24)}.hero h1 span{font-weight:800;background:linear-gradient(110deg,#fff 8%,#b7edff 44%,#c78eff 84%);color:transparent;background-clip:text;-webkit-background-clip:text;text-shadow:none;filter:drop-shadow(0 0 22px rgba(107,202,255,.24))}.hero-intro{color:#e3e5ee;font-size:clamp(19px,2vw,25px);line-height:1.55;font-weight:300;margin:0}.hero-byline{margin:17px 0 33px;color:#a9afc2;font-size:13px;letter-spacing:.04em}.hero-byline strong{color:#fff;font-weight:600}.hero-actions{display:flex;align-items:center;gap:28px}.button{cursor:pointer;border:0;display:inline-flex;align-items:center;gap:22px}.button-primary{background:linear-gradient(100deg,#54dcff,#a984ff 76%,#df6dff);padding:15px 18px;color:#080b17;font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 0 23px #67afff42;transition:box-shadow .2s,transform .2s}.button-primary:hover{box-shadow:0 0 32px #87aaff7a;transform:translateY(-2px)}.button-quiet{background:transparent;color:#e4e7f0;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:12px 0}.button-quiet:hover{color:var(--cyan)}.scroll-cue{display:flex;align-items:center;gap:12px;margin-top:68px;color:#8d95a9;font:9px var(--mono);letter-spacing:.16em;text-transform:uppercase}.scroll-cue span{width:30px;height:1px;background:linear-gradient(90deg,var(--cyan),transparent)}.hero-side-note{position:absolute;right:36px;top:46%;writing-mode:vertical-rl;display:flex;align-items:center;gap:14px;color:#dde2f8a6;font:9px var(--mono);letter-spacing:.25em}.hero-side-note span{color:var(--cyan)}.hero-side-note i{height:53px;width:1px;background:linear-gradient(var(--cyan),transparent)}.hero-index{position:absolute;bottom:42px;left:clamp(28px,6vw,96px);display:flex;align-items:center;gap:13px;font:9px var(--mono);letter-spacing:.18em;color:#7f8497}.hero-index span{color:#d8d9e4}.hero-index i{width:48px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.section-wrap{width:min(1240px,calc(100% - (2*clamp(25px,8vw,128px))));margin-inline:auto}.music-section{padding-top:130px;padding-bottom:145px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-heading h2,.artist-content h2,.contact-copy h2{margin:20px 0 0;font-weight:300;letter-spacing:-.055em;font-size:clamp(44px,6vw,75px);line-height:1.05}.section-heading h2 em,.artist-content h2 em,.contact-copy h2 em{font-family:var(--serif);font-weight:500;color:#cfc4ff}.section-description{max-width:350px;margin:0 0 8px;color:#9da3b5;font-size:13px;line-height:1.8}.music-toolbar{margin-top:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.genre-tabs{display:flex;gap:25px}.genre-tab{padding:0 0 8px;border:0;background:none;color:#7f8598;font-size:11px;cursor:pointer}.genre-tab.active,.genre-tab:hover{color:#fff;border-bottom:1px solid var(--cyan)}.track-count{font:10px var(--mono);letter-spacing:.11em;color:#757b8e;text-transform:uppercase}.track-list{margin-top:4px}.track-row{display:grid;grid-template-columns:38px 58px minmax(170px,1fr) 160px 55px 42px;gap:20px;align-items:center;min-height:94px;border-bottom:1px solid rgba(225,231,255,.08);transition:background .2s}.track-row:hover,.track-row.current{background:#ffffff06}.track-number{font:11px var(--mono);color:#777e92}.track-art{width:54px;height:54px;border:0;position:relative;display:grid;place-items:center;overflow:hidden;background:var(--cover);color:#e5e7f4;font:18px var(--serif);cursor:pointer}.track-art img{width:100%;height:100%;object-fit:cover}.cover-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#07091280;opacity:0;transition:opacity .2s}.track-art:hover .cover-play,.track-row.current .cover-play{opacity:1}.track-details h3{font-size:14px;font-weight:500;margin:0 0 7px}.track-details p{font:10px var(--mono);color:#878da1;margin:0}.track-details p span{padding:0 5px;color:var(--violet)}.track-date{font:10px var(--mono);color:#777e91}.track-duration{font:10px var(--mono);color:#a9aec0}.download-button{width:32px;height:32px;display:grid;place-items:center;background:none;border:1px solid transparent;color:#9299ae;cursor:pointer}.download-button:not(:disabled):hover{color:var(--cyan);border-color:var(--line)}.empty-library{margin-top:4px;min-height:340px;position:relative;overflow:hidden;border-bottom:1px solid var(--line);display:grid;grid-template-columns:minmax(220px,.9fr) minmax(280px,1.2fr) 70px;align-items:center;padding:34px 5.5%;background:radial-gradient(ellipse at 15% 50%,rgba(76,75,192,.17),transparent 40%),linear-gradient(110deg,rgba(255,255,255,.018),transparent 55%)}.empty-visual{width:190px;height:190px;position:relative;display:grid;place-items:center}.pulse-ring{position:absolute;border:1px solid rgba(116,134,255,.35);border-radius:50%;box-shadow:0 0 25px #6f5cff17,inset 0 0 18px #6f5cff14}.ring-one{width:130px;height:130px}.ring-two{width:180px;height:180px;border-color:#56dcff26}.empty-note{font-size:46px;color:#c3b8ff;text-shadow:0 0 25px #8c75ff;z-index:1}.empty-copy{max-width:390px}.empty-copy .eyebrow{color:#9e91dc}.empty-copy h3{font-size:clamp(32px,4vw,49px);font-weight:300;line-height:1.05;letter-spacing:-.05em;margin:14px 0}.empty-copy h3 em{font-family:var(--serif);font-weight:500;color:#c4b5ff}.empty-copy>p:last-child{font-size:12px;line-height:1.8;color:#9299ad;max-width:360px}.empty-count{align-self:end;justify-self:end;padding-bottom:10px;color:#555c72;font:10px var(--mono);letter-spacing:.1em}.artist-section{position:relative;overflow:hidden;background:linear-gradient(110deg,#0c0d1c,#090b17 58%,#111020);border-block:1px solid rgba(134,120,255,.11)}.artist-glow{position:absolute;width:650px;height:650px;right:4%;top:-5%;border-radius:50%;background:radial-gradient(circle,rgba(93,58,180,.2),rgba(30,86,133,.08) 38%,transparent 68%);filter:blur(3px)}.artist-inner{position:relative;min-height:610px;display:grid;grid-template-columns:130px 1fr 350px;gap:28px;align-items:center;padding-block:92px}.artist-kicker{align-self:start;display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font:9px var(--mono);letter-spacing:.21em;color:#81869a}.artist-kicker span{color:var(--cyan)}.artist-kicker i{width:1px;height:45px;background:linear-gradient(var(--cyan),transparent)}.artist-content{max-width:550px}.artist-content h2{font-size:clamp(48px,6vw,76px)}.artist-copy{display:flex;gap:14px;align-items:flex-start;max-width:460px;margin-top:33px;color:#aeb3c3;font-size:13px;line-height:1.9}.artist-copy p{margin:0}.drop-cap{font-family:var(--serif);font-size:60px;line-height:.9;color:var(--cyan);text-shadow:0 0 20px rgba(99,234,255,.4)}.artist-signature{margin-top:30px;color:#f1f0f8;font:italic 17px var(--serif)}.artist-signature span{display:block;margin-top:8px;color:#7e8498;font:9px var(--mono);letter-spacing:.11em;text-transform:uppercase}.artist-visual{position:relative;width:320px;height:320px;justify-self:end;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(116,143,255,.26);border-radius:50%;transform:rotate(-28deg)}.orbit-a{width:255px;height:255px;box-shadow:0 0 30px #6c64ff1c}.orbit-b{width:310px;height:185px;border-color:#5be0ff59;transform:rotate(40deg)}.orbit-core{width:143px;height:143px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#151b36,#080a13 70%);border:1px solid rgba(141,128,255,.55);box-shadow:0 0 45px #725fff42,inset 0 0 25px #5ec5ff1a;font:100px/.8 var(--serif);color:#e0d8ff;text-shadow:0 0 20px rgba(124,197,255,.7);position:relative}.orbit-core span{position:absolute;font:34px Arial;color:var(--pink);left:51px;bottom:32px}.visual-caption{position:absolute;bottom:-5px;text-align:center;font:8px/1.8 var(--mono);letter-spacing:.2em;color:#737991}.contact-section{padding-block:115px}.contact-card{position:relative;overflow:hidden;min-height:350px;border:1px solid rgba(126,116,255,.25);background:radial-gradient(ellipse at 100% 0,rgba(94,61,191,.17),transparent 48%),linear-gradient(115deg,#0c0e1b,#111020);padding:55px clamp(28px,7vw,95px);display:flex;align-items:center;justify-content:space-between}.contact-copy h2{font-size:clamp(45px,6vw,68px)}.contact-copy>p:last-child{color:#9298aa;font-size:12px;margin-top:22px}.contact-link{position:relative;z-index:1;display:flex;align-items:center;gap:38px;padding:17px 19px;border:1px solid rgba(99,234,255,.45);font-size:11px;letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 0 18px #63eaff0f,0 0 18px #63eaff1a;transition:background .2s,box-shadow .2s}.contact-link:hover{background:#63eaff14;box-shadow:0 0 28px #63eaff38}.contact-link svg{color:var(--cyan)}.contact-wave{position:absolute;right:20%;top:-65px;font-size:220px;font-weight:200;color:#a972ff14;transform:rotate(-18deg);pointer-events:none}.site-footer{min-height:100px;display:flex;align-items:center;justify-content:space-between;padding:24px clamp(25px,8vw,128px) 105px;border-top:1px solid var(--line);color:#73798c;font:9px var(--mono);letter-spacing:.08em}.footer-brand{color:#e6e8f1;font:18px var(--serif);letter-spacing:.08em}.footer-brand span{font:10px var(--mono);letter-spacing:.22em}.player-bar{position:fixed;z-index:20;left:18px;right:18px;bottom:14px;height:74px;padding:0 20px;display:grid;grid-template-columns:minmax(210px,1fr) auto minmax(180px,1.3fr) minmax(90px,.55fr);align-items:center;gap:28px;border:1px solid rgba(148,147,255,.24);background:#070913e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 10px 40px #00000061,0 0 22px #5d54ff17}.player-track{display:flex;align-items:center;gap:12px;min-width:0}.player-cover{height:43px;width:43px;flex:none;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(180,83,255,.38),transparent 62%),linear-gradient(140deg,#111a38,#10101d);border:1px solid rgba(143,110,255,.25)}.equalizer{height:18px;display:flex;align-items:center;gap:2px}.equalizer i{display:block;width:2px;height:6px;background:linear-gradient(var(--cyan),var(--violet));box-shadow:0 0 6px var(--cyan)}.equalizer i:nth-child(2),.equalizer i:nth-child(4){height:13px}.equalizer i:nth-child(3){height:18px}.equalizer.playing i{animation:equalize .8s ease-in-out infinite alternate}.equalizer.playing i:nth-child(2n){animation-delay:-.4s}.equalizer.playing i:nth-child(3n){animation-delay:-.6s}@keyframes equalize{to{height:4px}}.player-meta{display:flex;flex-direction:column;gap:5px;min-width:0}.player-meta strong{font-size:10px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-meta span{font:8px var(--mono);color:#81879b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-controls{display:flex;align-items:center;gap:17px}.player-controls button{border:0;background:none;color:#b3b8ca;display:grid;place-items:center;cursor:pointer}.player-controls button:not(:disabled):hover{color:var(--cyan)}.player-controls .main-play{height:38px;width:38px;border:1px solid rgba(159,125,255,.7);border-radius:50%;color:#fff;box-shadow:0 0 16px #9f7dff2b}.skip-back,.skip-forward{font-size:11px}.player-progress{display:flex;align-items:center;gap:10px;color:#777e92;font:8px var(--mono)}input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:2px;background:linear-gradient(90deg,#8d70ff var(--progress,0%),rgba(150,158,180,.28) var(--progress,0%));cursor:pointer;min-width:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:9px;height:9px;border-radius:50%;background:#e8e6ff;box-shadow:0 0 10px #937cffbf}input[type=range]::-moz-range-thumb{width:9px;height:9px;border:0;border-radius:50%;background:#e8e6ff;box-shadow:0 0 10px #937cffbf}.player-progress input{flex:1}.player-volume{display:flex;align-items:center;gap:9px;color:#9399ab}.player-volume input{width:75px;background:linear-gradient(90deg,#8d70ff,#8d70ff 80%,#969eb447 80%)}@media(max-width:900px){.hero{height:840px;min-height:760px;max-height:100svh}.hero-art{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#060813e6,#060813a3 48%,#06081324),linear-gradient(0deg,rgba(7,9,18,.68),transparent 30%)}.hero-copy{left:7vw;max-width:500px}.artist-inner{grid-template-columns:50px 1fr 250px}.artist-visual{width:240px;height:240px}.orbit-a{width:200px;height:200px}.orbit-b{width:240px;height:145px}.orbit-core{width:115px;height:115px;font-size:80px}.orbit-core span{left:41px;bottom:26px;font-size:28px}.track-row{grid-template-columns:26px 52px minmax(120px,1fr) 55px 36px;gap:13px}.track-date{display:none}.player-bar{grid-template-columns:minmax(170px,1fr) auto minmax(150px,1.15fr);gap:20px}.player-volume{display:none}}@media(max-width:640px){html{scroll-padding-top:70px}.site-header{height:68px;padding:0 22px}.brand-mark{font-size:27px}.brand-name{font-size:10px}.menu-toggle{display:grid;place-items:center}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;padding:22px;background:#080a14f7;border-bottom:1px solid var(--line);align-items:stretch;gap:0}.main-nav.is-open{display:flex;flex-direction:column}.main-nav button{min-height:48px;text-align:left}.main-nav .nav-listen{justify-content:space-between;margin-top:8px}.hero{height:850px;min-height:740px;max-height:100svh}.hero-art{background-size:auto 76%;background-repeat:no-repeat;background-position:66% bottom}.hero-shade{background:linear-gradient(180deg,#0507118f,#050711a6 35%,#0507111a 75%,#050711cc),linear-gradient(90deg,rgba(5,7,17,.3),transparent)}.hero-copy{top:24%;left:25px;right:20px;transform:none;max-width:430px}.hero-copy>.eyebrow{font-size:8px;letter-spacing:.1em}.welcome-label{margin-top:30px;font-size:9px}.hero h1{font-size:clamp(58px,18vw,96px);margin:12px 0 16px}.hero-intro{font-size:18px}.hero-byline{margin:12px 0 22px}.hero-actions{gap:16px;align-items:flex-start;flex-direction:column}.button-primary{padding:13px 15px}.button-quiet{padding:5px 0}.scroll-cue{margin-top:26px}.hero-side-note{display:none}.hero-index{bottom:96px;left:24px}.music-section{padding-top:88px;padding-bottom:95px}.section-heading{display:block}.section-heading h2,.artist-content h2,.contact-copy h2{font-size:clamp(43px,12vw,60px)}.section-description{margin-top:20px;font-size:12px}.music-toolbar{margin-top:37px;gap:15px;align-items:flex-end}.genre-tabs{gap:18px;overflow:auto}.genre-tab{white-space:nowrap;font-size:10px}.track-count{white-space:nowrap;font-size:8px}.track-row{grid-template-columns:22px 46px minmax(100px,1fr) 40px;min-height:78px;gap:10px}.track-art{width:44px;height:44px}.track-details h3{font-size:12px}.track-details p{font-size:8px}.track-duration{display:none}.download-button{width:30px}.empty-library{min-height:400px;grid-template-columns:1fr 50px;padding:24px 7%;align-content:center}.empty-visual{grid-column:1/-1;width:145px;height:145px;margin:0 0 12px}.ring-one{width:100px;height:100px}.ring-two{width:140px;height:140px}.empty-note{font-size:38px}.empty-copy h3{font-size:40px}.empty-copy>p:last-child{font-size:11px}.empty-count{grid-column:2;grid-row:2}.artist-inner{min-height:auto;grid-template-columns:26px 1fr;padding-block:78px}.artist-kicker{grid-row:1;grid-column:1}.artist-content{grid-row:1;grid-column:2}.artist-content h2{font-size:clamp(43px,11vw,58px)}.artist-copy{font-size:12px;gap:10px}.drop-cap{font-size:48px}.artist-visual{grid-row:2;grid-column:2;justify-self:center;margin-top:45px;width:240px;height:240px}.contact-section{padding-block:75px}.contact-card{padding:37px 27px;min-height:360px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:26px}.contact-copy h2{font-size:54px}.contact-link{align-self:flex-start}.contact-wave{right:5%;top:12%;font-size:150px}.site-footer{padding:24px 25px 120px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.site-footer>span:nth-child(2){grid-column:1/-1;grid-row:2}.site-footer>span:last-child{text-align:right}.player-bar{left:0;right:0;bottom:0;height:70px;padding:0 14px;border-inline:0;border-bottom:0;grid-template-columns:minmax(110px,1fr) auto;gap:15px}.player-cover{width:39px;height:39px}.player-meta strong{font-size:9px}.player-meta span{font-size:7px}.player-controls{gap:12px}.player-controls .main-play{width:35px;height:35px}.player-controls button:first-child,.player-controls button:last-child{display:none}.player-progress{position:absolute;left:0;right:0;top:0;gap:0}.player-progress span{display:none}.player-progress input{width:100%;height:2px}.player-volume{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}