@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility}html{background:#050808;min-width:320px;min-height:100%}body{min-width:320px;height:100svh;min-height:100vh;overflow:hidden}#root{height:100%;min-height:100%}:root{--bg:#05070b;--bg-soft:#080d13;--surface:#0b121bd1;--surface-raised:#101b26eb;--text:#edf7f4;--muted:#84949f;--muted-bright:#b3c2c6;--line:#88aab12e;--line-strong:#5ce6ff57;--cyan:#5ce6ff;--teal:#14f195;--violet:#9945ff;--acid:#5df6b6;--rose:#ff76c8;--ui-texture:url(/assets/interface-texture-CLVNSdZ2.png);--mono:"DM Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--display:"Space Grotesk", Inter, system-ui, sans-serif;color:var(--text);font-family:var(--display);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background-color:var(--bg);background-image:radial-gradient(circle at 76% 7%, #45d6ff1c, transparent 26rem), radial-gradient(circle at 9% 78%, #815cff1a, transparent 30rem), linear-gradient(180deg, #070b11 0%, #05070b 47%, #06090e 100%), var(--ui-texture);background-blend-mode:screen, screen, normal, soft-light;background-size:auto,auto,auto,720px 720px;margin:0}body:before{z-index:-1;pointer-events:none;content:"";opacity:.42;background-image:linear-gradient(#80bdc407 1px,#0000 1px),linear-gradient(90deg,#80bdc407 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 84%);mask-image:linear-gradient(#000,#0000 84%)}body::selection{color:var(--bg);background:var(--acid)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:2px solid var(--acid);outline-offset:3px}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{border-left:1px solid var(--line);background:#05080c}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--cyan), var(--violet) 52%, var(--teal));border:3px solid #05080c;border-radius:999px}.shell{flex-direction:column;width:min(1220px,100% - 64px);height:100svh;margin:0 auto;padding:20px 0 18px;display:flex;position:relative;overflow:hidden}.grid-noise{z-index:-1;pointer-events:none;opacity:.13;background-image:radial-gradient(#ffffff61 .5px,#0000 .5px);background-size:4px 4px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.topbar{z-index:5;background-image:linear-gradient(135deg, #0b151e33, #050a1059), var(--ui-texture);background-blend-mode:normal, soft-light;background-size:auto,300px 300px;border:1px solid #5ce6ff24;border-top-color:#5ce6ff47;border-radius:10px;flex:none;align-items:center;min-height:clamp(24px,3.4vw,50px);padding:4px 8px;display:flex;position:relative;box-shadow:inset 0 0 24px #5ce6ff0a,0 8px 20px #0000001f}.header-stage{z-index:0;border-radius:inherit;opacity:.72;height:auto;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.topbar .header-stage{height:auto}.topbar .header-stage:before{border-color:#5ce6ff2e;inset:-55% 18% -70% 52%}.topbar .header-stage:after{background:radial-gradient(at 70%,#0000 12%,#05070b14 56%,#05070b9e 100%)}.topbar .header-stage img{object-position:center}.topbar .header-stage .wave-art,.topbar .header-stage .stage-ring,.topbar .header-stage .scan-line{display:none}.topbar .header-stage .speaker-art{opacity:.92;filter:saturate(1.12)contrast(1.08);animation:8s ease-in-out infinite header-art-breathe;left:0;width:100%!important}.orb-menu{z-index:6;position:relative}.orb-menu:after{content:"";width:100%;height:13px;position:absolute;top:100%;left:0}.brand{z-index:1;background-image:linear-gradient(135deg, #0919196b, #060d158a), var(--ui-texture);background-blend-mode:normal, soft-light;background-size:auto,120px 120px;border:3px solid #14f195e6;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 18px #14f19594,0 0 42px #5ce6ff6b,inset 0 0 16px #5ce6ff38}.brand:before{z-index:-1;content:"";border:3px solid #14f1959e;border-radius:50%;animation:2.8s ease-out infinite orb-ring;position:absolute;inset:-8px}.brand:after{z-index:-2;content:"";filter:blur(9px);opacity:.9;background:radial-gradient(circle,#14f1956b,#0000 66%);border-radius:50%;animation:2.8s ease-in-out infinite orb-glow;position:absolute;inset:-18px}.brand:hover,.brand:focus-visible,.orb-menu:focus-within .brand{border-color:#d2ffeb;transform:translateY(-1px)scale(1.04);box-shadow:0 0 24px #14f195cc,0 0 58px #5ce6ff94,inset 0 0 22px #5ce6ff4d}.brand-orb{z-index:1;object-fit:cover;border-radius:inherit;filter:saturate(1.25);width:100%;height:100%;animation:2.8s ease-in-out infinite orb-pulse;position:relative}.menu-hint{color:#d2ffeb;font:600 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 12px #14f195bf;margin-left:9px}.header-link{color:var(--muted);font:500 10px var(--mono);text-transform:capitalize;background:0 0;border:0;border-radius:5px;padding:8px 11px;transition:color .2s,background .2s}.header-link:hover,.header-link.active{color:var(--text);background:#5ce6ff14}.header-link.login-link{color:#06140f;border:1px solid var(--acid);background:linear-gradient(135deg,#14f195f2,#5ce6ffe0);margin-top:5px;font-weight:600;box-shadow:0 0 18px #14f1954d}.header-link.login-link:hover,.header-link.login-link:focus-visible{color:#03100c;background:linear-gradient(135deg,#76ffc4,#a6f5ff);box-shadow:0 0 28px #14f1959e}.nav-dropdown{background-image:linear-gradient(135deg, #0a161fd1, #060c13db), var(--ui-texture);background-blend-mode:normal, soft-light;opacity:0;visibility:hidden;pointer-events:none;transform-origin:0 0;background-size:auto,300px 300px;border:1px solid #5ce6ff2e;border-radius:18px;gap:3px;min-width:178px;padding:7px;transition:opacity .2s,visibility .2s,transform .2s;display:grid;position:absolute;top:calc(100% + 13px);left:0;transform:translateY(-8px)scale(.98);box-shadow:0 18px 48px #0000003d,inset 0 0 32px #5ce6ff0f}.orb-menu:hover .nav-dropdown,.orb-menu:focus-within .nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)scale(1)}.nav-dropdown .header-link{text-align:left;align-items:center;width:100%;padding:11px 12px;display:flex}.page-content{scroll-behavior:smooth;scrollbar-color:var(--teal) #05080ce6;scrollbar-width:thin;flex:auto;min-height:0;padding:0 4px 34px;overflow:hidden auto}.page-content::-webkit-scrollbar{width:10px}.page-content::-webkit-scrollbar-track{border-left:1px solid var(--line);background:#05080cb8}.page-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg, var(--cyan), var(--violet) 52%, var(--teal));border:2px solid #05080c;border-radius:999px}.hero{align-items:center;min-height:270px;display:grid;position:relative}.hero-copy{z-index:1;max-width:650px;padding:50px 0 42px;position:relative}.hero h1{color:#f6fbf8;letter-spacing:-.105em;text-shadow:0 0 42px #5ce6ff1a;max-width:680px;margin:0 0 30px;font-size:clamp(70px,10vw,132px);font-weight:600;line-height:.83}.hero h1 span,.details h2{color:#0000;background-image:linear-gradient(105deg, var(--cyan) 0%, #b7f9df 38%, var(--violet) 86%), var(--ui-texture);background-blend-mode:screen, soft-light;filter:drop-shadow(0 0 16px #5ce6ff33);background-position:0,0 0;background-size:140% 140%,340px 340px;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite text-sheen}.intro{max-width:500px;color:var(--muted-bright);margin:0 0 34px;font-size:17px;line-height:1.6}.resolver{gap:9px;width:min(615px,100%);display:flex}.input-wrap{background-image:linear-gradient(135deg, #060e15d1, #081119c7), var(--ui-texture);background-blend-mode:normal, soft-light;background-size:auto,260px 260px;border:1px solid #5ce6ff47;border-radius:8px;flex:1;align-items:center;min-width:0;transition:border-color .2s,box-shadow .2s,background .2s;display:flex;box-shadow:inset 0 0 24px #5ce6ff09,0 14px 32px #00000024}.resolver input{width:100%;min-width:0;color:var(--text);font:12px var(--mono);background:0 0;border:0;outline:0;padding:17px 15px}.resolver input::placeholder{color:#71828c}.input-wrap:focus-within{border-color:var(--cyan);background:#08131cf0;box-shadow:0 0 0 3px #5ce6ff14,0 0 28px #5ce6ff21}.resolver button,.ghost-button,.source-button,.play-button{border:1px solid #0000;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.resolver button{color:#06140f;border-color:var(--acid);background-image:linear-gradient(135deg, #14f195f0, #5df6b6db), var(--ui-texture);background-blend-mode:normal, soft-light;min-width:128px;font:600 10px var(--mono);letter-spacing:.08em;background-size:auto,260px 260px;border-radius:8px;justify-content:space-between;align-items:center;gap:15px;padding:0 17px;display:flex;box-shadow:0 0 24px #14f1952b}.resolver button:hover,.ghost-button:hover,.source-button:hover,.play-button:hover{transform:translateY(-2px)}.resolver button:hover{box-shadow:0 8px 30px #14f1953b}.resolver button:disabled{cursor:wait;opacity:.55;transform:none}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;display:flex}.ghost-button,.source-button{color:var(--teal);background-image:linear-gradient(135deg, #0a131bc2, #070e15d6), var(--ui-texture);background-blend-mode:normal, soft-light;font:500 9px var(--mono);letter-spacing:.09em;background-size:auto,240px 240px;border-color:#14f19547;border-radius:6px;padding:10px 13px}.ghost-button:hover,.source-button:hover{border-color:var(--teal);box-shadow:0 8px 24px #14f1951f}.file-button{cursor:pointer;align-items:center;display:inline-flex;position:relative}.file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.error{color:#ffc0d2;border:1px solid #ff76c84d;border-left:2px solid var(--rose);width:min(615px,100%);font:11px/1.6 var(--mono);background:#2f0d20a8;border-radius:8px;gap:12px;margin-top:22px;padding:14px 15px;display:flex;box-shadow:0 14px 32px #00000024}.error>span{color:var(--rose);font-size:17px;line-height:1}.error strong{color:var(--rose);letter-spacing:.02em;font-size:10px}.hero-stage{isolation:isolate;will-change:transform;height:430px;animation:4.5s ease-in-out infinite stage-bob;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%)}.hero-stage:before{z-index:1;pointer-events:none;content:"";border:1px solid #5ce6ff1f;border-radius:50%;position:absolute;inset:10% 8% 12% 16%;transform:rotate(-16deg);box-shadow:0 0 80px #5ce6ff14,inset 0 0 50px #9b7bff0d}.hero-stage:after{z-index:2;pointer-events:none;content:"";background:radial-gradient(ellipse at 59% 48%, transparent 31%, #05070b0a 52%, var(--bg) 82%);animation:6s ease-in-out infinite stage-pulse;position:absolute;inset:0}.hero-stage img{object-fit:cover;object-position:center;mix-blend-mode:screen;pointer-events:none;transform-origin:55%;will-change:transform, opacity, filter;width:100%;height:100%;position:absolute;inset:0}.wave-art{z-index:0;opacity:.48;filter:saturate(1.2)contrast(1.08);animation:7.5s ease-in-out infinite signal-drift}.speaker-art{z-index:1;object-position:center;opacity:.83;filter:saturate(1.16)contrast(1.08);animation:5.6s ease-in-out infinite speaker-breathe;width:125%!important}.stage-ring{z-index:3;opacity:.3;border:1px solid #5ce6ff8f;border-radius:50%;width:386px;height:386px;position:absolute;top:104px;left:55%;transform:translate(-50%)}.ring-one{animation:11s linear infinite orbit;box-shadow:0 0 26px #5ce6ff24}.ring-two{border-color:#9b7bff73;width:448px;height:448px;animation:16s linear infinite orbit-reverse;top:74px}.scan-line{z-index:4;background:linear-gradient(90deg, transparent, var(--teal), transparent);width:65%;height:1px;box-shadow:0 0 14px var(--teal);animation:4.8s ease-in-out infinite scan;position:absolute;top:48%;left:27%}.empty,.player-card{background-image:linear-gradient(135deg, #101c278a, #070c12a3), var(--ui-texture);background-blend-mode:normal, soft-light;background-size:auto,540px 540px;border:1px solid #88aab11f;border-radius:28px;box-shadow:inset 0 0 96px #5ce6ff09,0 22px 70px #00000024}.empty{justify-content:center;align-items:center;gap:30px;min-height:300px;margin-top:58px;padding:28px;display:flex}.empty-orbit{background-image:linear-gradient(135deg, #040e1333, #04080f73), var(--ui-texture);background-blend-mode:normal, soft-light;background-size:auto,250px 250px;border:1px solid #5ce6ff5c;border-radius:50%;width:170px;height:170px;position:relative;overflow:hidden;box-shadow:0 0 36px #5ce6ff1f,inset 0 0 26px #9b7bff21}.empty-orbit:before,.empty-orbit:after{content:"";border:1px solid #14f19545;border-radius:50%;animation:7s linear infinite orbit;position:absolute;inset:13px}.empty-orbit:after{border-color:#9b7bff61;animation-duration:11s;animation-direction:reverse;inset:28px}.empty-orbit img{object-fit:cover;object-position:73% center;opacity:.68;mix-blend-mode:screen;width:280px;max-width:none;height:170px;animation:6.5s ease-in-out infinite card-image-breathe}.empty p{color:var(--text);font:500 12px var(--mono);letter-spacing:.11em;margin:0 0 9px}.empty>div:last-child>span{color:var(--muted);font:11px var(--mono)}.player-card{margin-top:58px;padding:22px}.player-topline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.player-context{color:var(--muted);font:500 10px var(--mono);letter-spacing:.1em;text-transform:capitalize}.source-button{color:var(--cyan);border-color:#5ce6ff47}.player-main{grid-template-columns:310px 1fr;gap:34px;padding:26px 0 30px;display:grid}.art{aspect-ratio:1;background-image:linear-gradient(135deg, #05080cc7, #05080ce6), var(--ui-texture);background-blend-mode:normal, soft-light;background-size:auto,340px 340px;border:1px solid #5ce6ff61;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 0 36px #5ce6ff21}.art:before{z-index:1;pointer-events:none;content:"";border:1px solid #ffffff1f;border-radius:10px;position:absolute;inset:10px}.art:after{z-index:2;pointer-events:none;content:"";background:linear-gradient(145deg,#5ce6ff1f,#0000 43%,#9b7bff38);position:absolute;inset:0}.art img{object-fit:cover;width:100%;height:100%;animation:12s ease-in-out infinite card-image-breathe}.details{flex-direction:column;justify-content:center;min-width:0;display:flex}.track-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.details h2{letter-spacing:-.075em;margin:0 0 11px;font-size:clamp(34px,5vw,62px);font-weight:600;line-height:.95}.details p{color:var(--muted);font:10px var(--mono);margin:0}.verified{color:var(--teal);margin-left:10px}.play-button{color:#07100f;background-image:linear-gradient(135deg, #5ce6fff5, #14f195e6), var(--ui-texture);background-blend-mode:normal, soft-light;background-size:auto,220px 220px;border-radius:50%;flex:none;width:58px;height:58px;box-shadow:0 0 28px #5ce6ff3d}.play-button.is-playing{background-image:linear-gradient(135deg, #9945fff0, #5ce6ffe6), var(--ui-texture);background-blend-mode:normal, soft-light;background-size:auto,220px 220px}.play-icon{border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:12px solid;width:0;height:0;margin-left:4px;display:block}.play-icon.is-playing{border:0;border-left:5px solid;border-right:5px solid;width:15px;height:17px;margin-left:0}.visualizer{border-top:1px solid #5ce6ff1f;border-bottom:1px solid #5ce6ff1f;align-items:center;gap:3px;height:76px;margin:25px 0 13px;padding:0 4px;display:flex}.visualizer i{min-height:5px;height:var(--bar);opacity:.4;background:linear-gradient(to top, var(--violet), var(--cyan) 62%, var(--acid));animation:bars 1s ease-in-out var(--delay) infinite alternate paused;flex:1;box-shadow:0 0 8px #5ce6ff33}.visualizer.is-playing i{opacity:.94;animation-play-state:running}.details audio{filter:invert()hue-rotate(145deg)saturate(1.4);width:100%;height:37px;margin-top:5px}.playlist{border-top:1px solid var(--line);padding-top:8px}.playlist button{width:100%;color:var(--muted);text-align:left;background:0 0;border:0;border-bottom:1px solid #88aab11a;grid-template-columns:1fr 100px;align-items:center;padding:13px 10px;transition:background .2s,color .2s;display:grid}.playlist button:hover,.playlist button.selected{color:var(--text);background:linear-gradient(90deg,#5ce6ff17,#0000)}.playlist button.selected{border-radius:6px}.playlist strong{color:inherit;font:500 12px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist button.selected strong{color:var(--acid)}.playlist small{color:#5f757c;font:8px var(--mono);letter-spacing:.08em}.site-footer{background-image:linear-gradient(135deg, #0b151e8a, #050a109e), var(--ui-texture);background-blend-mode:normal, soft-light;background-size:auto,320px 320px;border:1px solid #88aab11f;border-bottom-color:#14f1954d;border-radius:24px;flex:none;height:34px;margin-top:14px;position:relative;overflow:hidden;box-shadow:inset 0 0 54px #5ce6ff0a,0 12px 28px #0000001a}.site-footer:before{background:linear-gradient(90deg, transparent, var(--cyan) 18%, var(--teal) 50%, var(--violet) 82%, transparent);content:"";opacity:.66;width:92%;height:1px;position:absolute;top:50%;left:4%}.site-footer:after{background:var(--teal);content:"";filter:blur(5px);opacity:.8;border-radius:50%;width:20%;height:3px;animation:4s ease-in-out infinite footer-signal;position:absolute;top:50%;left:12%}@keyframes blink{0%,to{opacity:1}50%{opacity:.38}}@keyframes orb-pulse{0%,to{filter:saturate(1.08)brightness(.92);transform:scale(.94)}50%{filter:saturate(1.55)brightness(1.2);transform:scale(1.08)}}@keyframes orb-ring{0%{opacity:.62;transform:scale(.88)}70%,to{opacity:0;transform:scale(1.42)}}@keyframes orb-glow{0%,to{opacity:.42;transform:scale(.86)}50%{opacity:.92;transform:scale(1.14)}}@keyframes text-sheen{0%,to{background-position:0,0 0}50%{background-position:100%,180px 80px}}@keyframes signal-drift{0%,to{opacity:.31;filter:saturate(1.05)contrast(1.02);transform:translate(-4%,1.5%)scale(1.08)}50%{opacity:.68;filter:saturate(1.45)contrast(1.18)brightness(1.08);transform:translate(5%,-3%)scale(1.16)}}@keyframes speaker-breathe{0%,to{filter:saturate(1.05)contrast(1.02)brightness(.94);transform:translate(1.5%,1.8%)scale(1.02)}50%{filter:saturate(1.5)contrast(1.2)brightness(1.14);transform:translate(-3.5%,-2.8%)scale(1.1)}}@keyframes card-image-breathe{0%,to{transform:translate(-1%)scale(1)}50%{transform:translate(2%,-1%)scale(1.09)}}@keyframes stage-bob{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}@keyframes stage-pulse{0%,to{opacity:.84}50%{opacity:.52}}@keyframes footer-signal{0%,to{opacity:.28;left:12%}50%{opacity:.9;left:68%}}@keyframes orbit{to{transform:translate(-50%)rotate(360deg)}}@keyframes orbit-reverse{to{transform:translate(-50%)rotate(-360deg)}}@keyframes header-orbit{to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes header-orbit-reverse{to{transform:translate(-50%,-50%)rotate(-360deg)}}@keyframes header-art-breathe{0%,to{filter:saturate(1.05)contrast(1.04)brightness(.92);transform:scale(1.01)}50%{filter:saturate(1.3)contrast(1.1)brightness(1.08);transform:scale(1.07)translate(-1%,-1%)}}@keyframes scan{0%,to{opacity:0;transform:translateY(-105px)}42%,66%{opacity:.8}}@keyframes bars{0%{transform:scaleY(.42)}to{transform:scaleY(1)}}@media (width<=900px){.shell{width:min(100% - 42px,1220px)}.hero{min-height:auto}.hero-copy{max-width:640px;padding:62px 0 48px}.player-main{grid-template-columns:245px 1fr;gap:25px}}@media (width<=600px){.shell{width:min(100% - 28px,1220px);padding-top:18px}.topbar{align-items:center;min-height:22px;padding:3px 6px}.brand{width:44px;height:44px}.brand-orb{width:100%;height:100%}.nav-dropdown{min-width:160px}.hero-copy{padding:48px 0 38px}.resolver{flex-direction:column}.resolver button{min-height:51px;padding:0 16px}.topbar .header-stage{opacity:.58}.empty{text-align:center;flex-direction:column;min-height:320px;padding:28px 19px}.player-card{padding:14px}.player-topline{align-items:flex-start}.player-main{grid-template-columns:1fr;gap:24px;padding-top:20px}.art{width:min(100%,290px)}.details h2{font-size:39px}.playlist button{grid-template-columns:36px 1fr 25px}.playlist small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}