*{box-sizing:border-box}body{background:#0b0c10;color:#e8e8e8;font-family:Noto Sans SC,Helvetica Neue,Helvetica,Arial,sans-serif;margin:0}p{margin-bottom:0}a{color:inherit;text-decoration:none}input,select,textarea{font-size:14px!important}.app{background-image:url(/static/media/app-bg.2142c3efb73c9eda676b.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100dvh}:root{--topbar-height:60px}.topbar{align-items:center;display:flex;height:60px;height:var(--topbar-height);justify-content:space-between;margin:auto;padding:12px 16px;position:fixed;top:0;width:100%;z-index:10}.neon-text{text-shadow:0 0 3px #ffffffe6,0 0 6px #ffffffb3,0 0 12px #ffffff80}.brand{font-weight:700;letter-spacing:.2px}.nav a{margin-left:12px;opacity:.8}.nav a.active{opacity:1;text-decoration:underline}.main{flex:1 1;padding-bottom:140px;padding-top:15px}.container{margin:0 auto;max-width:1100px;padding:16px}.grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.card{background:#111218;border:1px solid #242633;border-radius:14px;overflow:hidden}.cover{display:block;height:180px;object-fit:cover;width:100%}.card-body{padding:12px}.h{font-weight:700}.sub{margin-top:2px;opacity:.8}.row{align-items:center;display:flex;gap:10px;margin-top:10px}.price{font-weight:600;margin-left:auto;opacity:.9}.small{font-size:12px;opacity:.9}.muted{opacity:.7}.btn{background:#0000 linear-gradient(2deg,#ffbef2,#8000ff) 0 0 no-repeat padding-box;border-radius:40px;border-radius:10px;box-shadow:0 20px 20px #000;color:#fff;cursor:pointer;font-weight:600;padding:8px 12px}.btn:disabled{cursor:not-allowed;opacity:.5}.link{opacity:.85;text-decoration:underline}.track-header{align-items:center;display:flex;gap:16px}.cover-lg{border:1px solid #242633;border-radius:14px;height:180px;object-fit:cover;width:180px}.track-info h2{margin:0}.form{grid-gap:10px;gap:10px;max-width:520px}.form,label{display:grid}label{grid-gap:6px;gap:6px}input,input[type=text],select{background:#0f1016;border:1px solid #242633;border-radius:10px;color:#e8e8e8;padding:10px}.bottombar{bottom:0;left:0;padding:12px 16px;position:fixed;right:0}.player{grid-gap:8px;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);background:#fff6;border-radius:20px;border-top:1px solid #fff3;box-shadow:0 -5px 20px #00000014;cursor:pointer;display:grid;gap:8px;margin:0 auto 2.5px;max-width:500px;padding:5px}.player-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.player-main{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.player-title{color:#000;display:flex;flex:1 1;flex-direction:column;min-width:0}.player-title .t{font-weight:700;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-title .t marquee{display:block;width:100%}.player-title .a{color:#000;font-size:12px;max-width:none;opacity:.75;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta{align-items:center;color:#000;display:flex;gap:14px}.range{background:#0000;box-sizing:border-box;cursor:pointer;margin:0;padding:0;width:100%}.range.volume{width:65px}.warn{color:#ffd166}.error,.warn{font-size:12px}.error{color:#ff6b6b}img.logo{max-width:40px;width:100%}.app:before{background:#00e2ff 0 0 no-repeat padding-box;left:.0001373291015625px;top:91px}.app:after,.app:before{content:"";filter:blur(50px);height:158px;opacity:1;position:absolute;width:168px;z-index:-1}.app:after{background:#ff00c7 0 0 no-repeat padding-box;bottom:0;right:0}.bottom-menu{backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%);background:#ffffff1f;border-radius:30px;border-top:1px solid #fff3;box-shadow:0 -5px 20px #00000014;height:auto;margin:8px auto 0;max-width:500px;padding-bottom:env(safe-area-inset-bottom);width:100%;z-index:1000}.back-btn{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff80;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #00000040}.btn-hologram{background:none;border:none;border-radius:25px;color:#000;cursor:pointer;font-size:.85rem;font-weight:600;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .4s ease}.hologram{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00ffff1a;border:2px solid #00ffff80;box-shadow:0 0 15px #00ffff4d}.hologram span{display:inline-block;position:relative;text-shadow:0 0 8px #00ffff80}.hologram span:after,.hologram span:before{content:attr(data-text);filter:blur(1px);left:0;opacity:0;position:absolute;transition:all .3s ease}.hologram span:before{animation:glitch 2s infinite;color:#f0f;top:-2px;transform:translateX(0)}.hologram span:after{animation:glitch 2s infinite reverse;bottom:-2px;color:#0ff;transform:translateX(0)}.scan-line{animation:scan 2s linear infinite;background:linear-gradient(90deg,#0000,#0ffc,#0000);filter:blur(1px);height:2px;position:absolute;top:0;width:100%}button{cursor:pointer}button:hover{background-color:"rgba(255,255,255,0.1)"}@keyframes glitch{0%,to{opacity:.3;transform:translateX(0)}20%{opacity:.5;transform:translateX(-5px)}40%{opacity:.7;transform:translateX(5px)}60%{opacity:.5;transform:translateX(-3px)}80%{opacity:.3;transform:translateX(3px)}}@keyframes scan{0%{top:-10%}to{top:110%}}.purple-gradient-btn{background:#0000 linear-gradient(2deg,#ffbef2,#8000ff) 0 0 no-repeat padding-box;border:.5px solid #fff;border-radius:40px;box-shadow:0 20px 20px #000;opacity:1}.neon-text{animation:glow 1.5s infinite alternate;color:#fff;font-size:3.8rem;font-weight:500;text-shadow:0 0 5px #c471ed,0 0 10px #c471ed,0 0 20px #c471ed,0 0 40px #c471ed,0 0 80px #c471ed}@keyframes glow{0%{text-shadow:0 0 5px #c471ed,0 0 10px #c471ed,0 0 20px #c471ed,0 0 40px #c471ed,0 0 80px #c471ed}to{text-shadow:0 0 10px #12c2e9,0 0 20px #12c2e9,0 0 40px #12c2e9,0 0 80px #12c2e9,0 0 160px #12c2e9}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.b72c003f.css.map*/