*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{color:#f5f5f5;background:#0b0b0d;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}.app-container{background:#0b0b0d;min-height:100vh;position:relative}aside{z-index:20;background:#09090b;border-right:1px solid #1f1f26;flex-direction:column;width:230px;padding:24px 14px;display:flex;position:fixed;inset:0 auto 84px 0}.brand{letter-spacing:-.5px;color:#fff;margin:5px 10px 28px;font-size:21px;font-weight:800}.brand span{color:#a855f7}aside>button{color:#a1a1aa;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}aside>button:hover{color:#fff;background:#181820}aside>button.on{color:#c084fc;background:#20172e}.sideTitle{color:#71717a;letter-spacing:1px;text-transform:uppercase;margin:24px 12px 8px;font-size:11px;font-weight:800}main{min-height:100vh;margin-left:230px;padding-bottom:110px}header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:15;background:#0b0b0de0;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.mobile-brand{color:#fff;align-items:center;gap:6px;font-size:18px;font-weight:800;display:none}.mobile-brand span{color:#a855f7}form,.searchBox{background:#17171e;border:1px solid #282834;border-radius:24px;flex:1;align-items:center;gap:10px;max-width:520px;height:44px;padding:0 16px;display:flex}input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:14px}input::placeholder{color:#71717a}.content{max-width:1200px;margin:0 auto;padding:24px 32px}h1{letter-spacing:-.5px;margin:0 0 20px;font-size:28px;font-weight:800}h2{margin-top:28px;margin-bottom:14px;font-size:20px;font-weight:700}.hero{background:linear-gradient(115deg,#16121f 0%,#281438 100%);border:1px solid #332145;border-radius:18px;justify-content:space-between;align-items:center;min-height:220px;margin-bottom:24px;padding:28px;display:flex}.hero small{color:#c084fc;letter-spacing:1.5px;font-size:11px;font-weight:800}.hero h2{color:#fff;margin:10px 0;font-size:30px}.hero p,.muted{color:#a1a1aa}.hero button,.searchBox button{color:#111;cursor:pointer;background:#fff;border:0;border-radius:22px;align-items:center;gap:7px;padding:10px 18px;font-weight:700;transition:transform .15s;display:flex}.hero button:active,.searchBox button:active{transform:scale(.96)}.chips{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.chips button{color:#d4d4d8;cursor:pointer;text-transform:capitalize;background:#16161d;border:1px solid #282833;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s}.chips button:hover{color:#fff;background:#22222d}.tracks{flex-direction:column;gap:4px;margin-top:14px;display:flex}.track{border-radius:10px;grid-template-columns:48px 1fr 50px 38px 38px 40px;align-items:center;gap:12px;padding:8px 10px;transition:background .15s;display:grid}.track:hover{background:#181820}.track img{object-fit:cover;border-radius:6px;width:48px;height:48px}.meta{flex-direction:column;min-width:0;display:flex}.meta b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.meta span{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.track button{color:#888;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:6px;transition:color .15s;display:grid}.track button:hover{color:#fff}.liked,.active{color:#c084fc!important}.rowPlay{border-radius:50%;place-items:center;width:34px;height:34px;transition:transform .15s;display:grid;color:#111!important;background:#fff!important}.rowPlay:active{transform:scale(.92)}.dur{color:#71717a;text-align:right;font-variant-numeric:tabular-nums;font-size:13px}.empty{text-align:center;color:#71717a;border:1px dashed #282833;border-radius:14px;padding:40px 20px}.empty svg{margin:0 auto 12px;display:block}footer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:30;background:#0e0e12f2;border-top:1px solid #242430;align-items:center;gap:14px;height:84px;padding:10px 24px;display:flex;position:fixed;bottom:0;left:0;right:0}footer img{object-fit:cover;border-radius:6px;width:54px;height:54px;box-shadow:0 4px 10px #0006}.now{flex-direction:column;width:200px;display:flex;overflow:hidden}.now b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.now span{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}footer button{color:#a1a1aa;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:6px;transition:color .15s;display:grid}footer button:hover{color:#fff}.mainplay{border:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .15s;display:grid;box-shadow:0 4px 12px #fff3;color:#111!important;background:#fff!important}.mainplay:active{transform:scale(.92)}.range{flex:1;max-width:380px}.vol{width:86px}input[type=range]{accent-color:#a855f7;cursor:pointer}.emptyPlayer{color:#71717a;margin:auto;font-size:13px}.mobile-nav,.mini-progress-bar,.full-player-overlay{display:none}@media (width<=768px){aside{display:none!important}main{padding-bottom:calc(140px + env(safe-area-inset-bottom))!important;margin-left:0!important}header{height:60px;padding:0 16px}.mobile-brand{display:flex}.content{padding:16px 14px calc(140px + env(safe-area-inset-bottom))}h1{font-size:22px}.hero{flex-direction:column;align-items:flex-start;gap:16px;min-height:auto;padding:18px}.hero h2{font-size:22px}.hero p{font-size:13px}.hero>svg{display:none}.track{grid-template-columns:44px 1fr 34px 34px 34px;gap:8px;padding:8px 6px}.dur{display:none}.track img{width:44px;height:44px}.mobile-nav{height:calc(56px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(24px);z-index:50;padding-bottom:env(safe-area-inset-bottom);background:#0c0c10fa;border-top:1px solid #22222c;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;display:flex!important}.mobile-nav-item{color:#71717a;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;height:100%;padding:4px 0;font-size:10px;font-weight:700;transition:all .15s;display:flex}.mobile-nav-item.active{color:#c084fc}.mobile-nav-item svg{transition:transform .15s}.mobile-nav-item.active svg{transform:scale(1.1)}footer{bottom:calc(56px + env(safe-area-inset-bottom) + 6px);-webkit-backdrop-filter:blur(20px);z-index:45;background:#16161cf5;border:1px solid #323242;border-radius:12px;gap:10px;height:60px;padding:6px 12px;position:fixed;left:8px;right:8px;overflow:hidden;box-shadow:0 10px 24px #0009}.mini-progress-bar{background:#ffffff1f;height:2.5px;display:block;position:absolute;top:0;left:0;right:0}.mini-progress-fill{background:linear-gradient(90deg,#a855f7 0%,#c084fc 100%);height:100%;transition:width .3s linear}footer img{border-radius:6px;flex-shrink:0;width:44px;height:44px}.now{cursor:pointer;flex:1;width:auto;min-width:0}.now b{font-size:13px}.now span{font-size:11px}.time-cur,.time-dur,.range,.vol,footer>svg,footer>button[title=Aleatório],footer>button[title=Repetir],footer>button[title=Anterior]{display:none!important}footer .mainplay{flex-shrink:0;width:38px;height:38px}.full-player-overlay{z-index:9999;padding:calc(16px + env(safe-area-inset-top)) 24px calc(24px + env(safe-area-inset-bottom));background:linear-gradient(#1c1328 0%,#0d0d12 100%);flex-direction:column;justify-content:space-between;animation:.25s ease-out slideUp;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.full-player-header{justify-content:space-between;align-items:center;width:100%;display:flex}.full-player-art{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;max-width:320px;margin:20px auto;box-shadow:0 16px 36px #000000b3}.full-player-info{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.full-player-scrubber{width:100%;margin-bottom:24px}.full-player-scrubber input[type=range]{width:100%;height:6px}.full-player-times{color:#9ca3af;justify-content:space-between;margin-top:6px;font-size:12px;display:flex}.full-player-controls{justify-content:space-between;align-items:center;width:100%;max-width:340px;margin:0 auto 20px;display:flex}.full-player-play-btn{color:#111;cursor:pointer;background:#fff;border:0;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;box-shadow:0 8px 24px #a855f759}.full-player-play-btn:active{transform:scale(.92)}.background-badge{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:20px;align-items:center;gap:8px;margin:0 auto;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}.pulse-dot{background:#4ade80;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse;box-shadow:0 0 8px #4ade80}@keyframes pulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.3)}to{opacity:.8;transform:scale(.9)}}@media (width<=480px){.apk-btn-text{display:none}}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.time-cur,.time-dur{color:#92929e;font-variant-numeric:tabular-nums;min-width:38px;font-size:12px}.time-cur{text-align:right}.playlist-card{border:1px solid #23232c;transition:all .2s}.playlist-card:hover{border-color:#3d3348;transform:translateY(-4px);background:#1a1a22!important}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:999;background:#000000c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{background:#16161d;border:1px solid #30303d;border-radius:16px;width:100%;max-width:440px;padding:24px;box-shadow:0 16px 40px #000000d9}.importCard{background:#141419;border:1px solid #2b2b32;border-radius:18px;max-width:760px;padding:28px}@media (width<=600px){.importCard{padding:16px}}.importCard input{color:#fff;background:#0e0e11;border:1px solid #303039;border-radius:10px;width:100%;height:46px;margin:18px 0;padding:0 14px;display:block}.importCard button{color:#111;cursor:pointer;background:#fff;border:0;border-radius:22px;padding:11px 18px;font-weight:800}