@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap);.main-content{padding:24px 20px 210px;padding:24px 20px calc(var(--nav-h) + var(--player-h) + 60px) 20px}.app-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffc;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border);height:70px;justify-content:space-between;padding:0 6%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.app-header,.logo-wrapper{align-items:center;display:flex}.logo-wrapper{gap:12px}.logo-box{background:#f8fafc;background:var(--bg-subtle);border-radius:12px;height:42px;overflow:hidden;width:42px}.logo-box img{height:100%;object-fit:contain;width:100%}.brand-name{font-size:22px;font-weight:800;letter-spacing:-.5px}.brand-name span{color:#10b981;color:var(--accent)}.search-wrapper{gap:12px;margin-bottom:30px}.search-box,.search-wrapper{align-items:center;display:flex}.search-box{background:#f8fafc;background:var(--bg-subtle);border:1.5px solid #0000;border-radius:20px;flex:1 1;padding:12px 18px}.search-box:focus-within{background:#fff;border-color:#10b981;border-color:var(--accent);box-shadow:0 10px 25px #10b9811a}.search-input{background:#0000;border:none;flex:1 1;font-size:16px;margin:0 10px;outline:none}.search-cancel-btn{background:none;border:none;color:#10b981;color:var(--accent);cursor:pointer;font-weight:700}.track-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--border);border-radius:24px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:.3s cubic-bezier(.4,0,.2,1)}.active-card{background:#10b9811a!important;background:var(--accent-soft)!important;border-color:#10b981!important;border-color:var(--accent)!important}.player-drawer{bottom:110px;bottom:calc(var(--nav-h) + 40px);box-shadow:0 20px 40px #0000004d;padding:12px 20px}.fade-in{animation:fadeIn .5s ease-out}:root{--accent:#10b981;--accent-grad:linear-gradient(135deg,#10b981,#059669);--accent-soft:#10b9811a;--bg-page:#fff;--bg-subtle:#f8fafc;--text-main:#0f172a;--text-dim:#64748b;--border:#f1f5f9;--nav-h:70px;--player-h:80px;--safe-bottom:env(safe-area-inset-bottom)}*{-webkit-tap-highlight-color:transparent;box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--bg-page);color:#0f172a;color:var(--text-main);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}.app-shell{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:800px;padding:24px 20px calc(210px + env(safe-area-inset-bottom));padding:24px 20px calc(var(--nav-h) + var(--player-h) + 60px + var(--safe-bottom)) 20px;width:100%}.hero-card{background:linear-gradient(#10b981eb,#059669eb),url(https://images.unsplash.com/photo-1470225620780-dba8ba36b745?q=80&w=1000&auto=format&fit=crop);background-position:50%;background-size:cover;border-radius:32px;box-shadow:0 20px 40px #10b98133;color:#fff;margin-bottom:25px;padding:40px 25px}.hero-content h1{font-size:32px;font-weight:800;line-height:1.1;margin-bottom:12px}.hero-content h1 span{color:#a7f3d0}.hero-content p{font-size:15px;margin-bottom:25px;max-width:90%;opacity:.9}.badge{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#fff3;border-radius:100px;display:inline-flex;font-size:12px;font-weight:700;gap:6px;margin-bottom:15px;padding:6px 14px}.primary-btn{align-items:center;background:#fff;border:none;border-radius:16px;color:#10b981;color:var(--accent);cursor:pointer;display:flex;font-weight:800;gap:10px;padding:14px 28px;transition:.3s}.primary-btn:hover{transform:scale(1.05)}.stats-row{display:flex;gap:15px;margin-bottom:30px}.stat-item{align-items:center;background:#f8fafc;background:var(--bg-subtle);border-radius:20px;display:flex;flex:1 1;gap:12px;padding:15px}.stat-icon{background:#fff;border-radius:12px;color:#10b981;color:var(--accent);padding:8px}.stat-label{color:#64748b;color:var(--text-dim);display:block;font-size:11px;font-weight:700;text-transform:uppercase}.stat-val{font-size:14px;font-weight:800}.section-label{color:#64748b;color:var(--text-dim);font-size:13px;font-weight:800;letter-spacing:1px;margin:25px 0 15px;text-transform:uppercase}.shortcut-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--border);border-radius:24px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:18px;transition:.3s}.shortcut-card:hover{background:#f8fafc;background:var(--bg-subtle);border-color:#10b981;border-color:var(--accent);transform:translateY(-2px)}.shortcut-icon{align-items:center;border-radius:14px;color:#fff;display:flex;height:48px;justify-content:center;width:48px}.shortcut-icon.explore{background:linear-gradient(135deg,#10b981,#059669);background:var(--accent-grad)}.shortcut-icon.library{background:#6366f1}.mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff4d;border-radius:35px;bottom:20px;box-shadow:0 15px 35px #0000001a;height:70px;height:var(--nav-h);justify-content:space-around;left:50%;max-width:400px;position:fixed;transform:translateX(-50%);width:90%;z-index:3000}.mobile-nav,.nav-link{align-items:center;display:flex}.nav-link{color:#64748b;color:var(--text-dim);flex:1 1;flex-direction:column;font-size:11px;font-weight:700;text-decoration:none;transition:.3s}.nav-link.active{color:#10b981;color:var(--accent)}.player-drawer{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border:1px solid #ffffff1a;border-radius:24px;bottom:calc(110px + env(safe-area-inset-bottom));bottom:calc(var(--nav-h) + 40px + var(--safe-bottom));color:#fff;left:50%;max-width:500px;padding:14px 20px;position:fixed;transform:translateX(-50%);width:92%;z-index:2000}.fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.spin{animation:rotate 8s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.748b0e58.css.map*/