@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-white:#fbfbfd;--bg-pure:#fff;--text-primary:#1d1d1f;--text-secondary:#86868b;--text-dim:#aeaeb2;--accent:#000;--glass:#ffffffb3;--glass-dark:#0000000d;--glass-border:#00000014}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-white);color:var(--text-primary);-webkit-font-smoothing:antialiased;width:100vw;height:100vh;font-family:Outfit,sans-serif;overflow:hidden}#root{height:100%}.app-container{background:var(--bg-white);flex-direction:column;height:100%;display:flex;position:relative}.screen{z-index:1;scroll-behavior:smooth;flex-direction:column;flex:1;padding:2.5rem 2rem;display:flex;overflow-y:auto}.screen::-webkit-scrollbar{width:0}.close-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.logo-circle{background:#fff;border:1px solid #00000004;border-radius:50%;justify-content:center;align-items:center;width:440px;height:440px;margin:0 auto 5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 120px #00000026}.logo-circle img{object-fit:contain;border-radius:35px;width:90%;height:90%}.mini-player-card{-webkit-backdrop-filter:blur(15px);z-index:50;cursor:pointer;background:#ffffff73;border:1px solid #fff6;border-radius:32px;justify-content:space-between;align-items:center;width:90%;max-width:440px;height:64px;padding:.5rem 1rem;display:flex;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0d262626}.mini-player-pfp{background:#0000000d;border-radius:12px;width:44px;height:44px;overflow:hidden;box-shadow:0 4px 15px #0000000d}.mini-player-pfp img{object-fit:cover;width:100%;height:100%}.mini-player-info{flex:1;margin-left:12px;overflow:hidden}.mini-player-name{color:#000;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:800;overflow:hidden}.mini-player-artist{color:var(--text-secondary);letter-spacing:1px;font-size:.8rem;font-weight:600}.mini-player-progress-bar{pointer-events:none;background:#000;border-bottom-right-radius:32px;border-bottom-left-radius:32px;height:4px;transition:width .3s linear;position:absolute;bottom:0;left:0}.nav-icon-wrapper.disabled{opacity:.15;cursor:not-allowed}.loop-btn{cursor:pointer;background:0 0;border:none;transition:all .2s}.loop-btn.active{color:#000;opacity:1}.loop-btn.inactive{color:var(--text-dim);opacity:.4}.apple-progress-container{cursor:pointer;background:#0000000d;border-radius:3px;width:100%;height:6px;position:relative}.apple-progress-fill{background:#000;border-radius:3px;height:100%}.apple-progress-handle{background:#fff;border:1px solid #00000008;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 3px 10px #00000026}.dark-mode{color:#fff!important;background-color:#000!important}.dark-mode .screen{background-color:#000!important}.dark-mode .track-item{color:#fff!important;background-color:#1c1c1e!important}.dark-mode .track-item:hover{background-color:#2c2c2e!important}.dark-mode h2,.dark-mode h3,.dark-mode h4{color:#fff!important}.dark-mode .nav-container{background:0 0!important;border:none!important}.dark-mode .nav-pill,.dark-mode .search-circle{color:#fff!important;background:#1c1c1eb3!important;border:1px solid #ffffff1a!important}.dark-mode .nav-icon-wrapper{color:#fff!important}.dark-mode .nav-icon-wrapper.active{background-color:#ffffff1a}.dark-mode .mini-player-card{background:#1c1c1e!important;box-shadow:0 10px 40px #00000080!important}.dark-mode .nav-pill{background:#333!important}.dark-mode input{color:#fff!important;background:#2c2c2e!important}.dark-mode .options-overlay>div{background:#1c1c1e!important}.nav-container{pointer-events:none;z-index:1000;justify-content:space-between;align-items:center;width:100%;max-width:440px;height:64px;padding:0 20px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:0 0!important;border:none!important}.nav-pill{-webkit-backdrop-filter:blur(15px);pointer-events:auto;background:#ffffff73;border:1px solid #ffffff4d;border-radius:30px;justify-content:space-evenly;align-items:center;width:70%;height:60px;padding:6px;display:flex;box-shadow:0 8px 32px #0726261a}.nav-icon-wrapper{cursor:pointer;color:#000;opacity:.4;border-radius:20px;justify-content:center;align-items:center;width:25%;height:100%;transition:all .2s ease-in-out;display:flex}.nav-icon-wrapper:hover{background-color:#fff3}.nav-icon-wrapper.active{opacity:1;background-color:#fff3}.search-circle{-webkit-backdrop-filter:blur(15px);cursor:pointer;pointer-events:auto;color:#000;background:#ffffff73;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s ease-in-out;display:flex;box-shadow:0 8px 32px #0d26261f}.search-circle.active{color:#fff;background:#000;border:none}.search-circle:hover{transform:translateY(-2px)}.metaballs-container{z-index:-1;background:var(--bg-white);filter:blur(100px);pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.metaball{opacity:.5;border-radius:50%;animation:25s cubic-bezier(.45,0,.55,1) infinite alternate move-metaball;position:absolute}@keyframes move-metaball{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(25vw,15vh)scale(1.3)rotate(180deg)}to{transform:translate(-15vw,30vh)scale(.8)rotate(360deg)}}.ball-1{background:#ffecd2;width:500px;height:500px;animation-delay:0s;top:-10%;left:-10%}.ball-2{background:#fcb69f;width:600px;height:600px;animation-delay:-7s;bottom:-20%;right:-10%}.ball-3{background:#a1c4fd;width:450px;height:450px;animation-delay:-14s;top:40%;left:30%}.section-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.add-playlist-btn{cursor:pointer;background:#f2f2f7;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.add-playlist-btn:hover{color:#fff;background:#000;transform:scale(1.1)}.track-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.track-item:active{transform:scale(.97);background:#f2f2f7!important}.hero-track-card{background:linear-gradient(135deg,#fff 0%,#f9f9fb 100%);border:1px solid #00000008!important;box-shadow:0 20px 40px #0000000a!important}@keyframes playing{0%{height:20%}to{height:100%}}.custom-error{z-index:9999;background:#fdf2f2;border:1px solid #ef665b33;border-radius:16px;flex-direction:row;justify-content:start;align-items:center;width:320px;padding:16px;font-family:inherit;display:flex;position:fixed;top:2rem;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000014}.error__icon{color:#ef665b;width:20px;height:20px;margin-right:12px}.error__title{color:#111;flex:1;font-size:.9rem;font-weight:700}.error__close{cursor:pointer;opacity:.3;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;display:flex}.error__close:hover{opacity:1}