.background-main[data-v-0b51c6fd]{background-color:#1a1a1d}.appbar[data-v-0b51c6fd]{background-color:var(--mainColor);padding:20px;color:#fff;display:flex;align-items:center;justify-content:center}[data-v-1c48e0c4]:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#64748b;--background-color:#0f172a;--surface-color:#1e293b;--surface-hover:#334155;--text-primary:#fff;--text-secondary:#e2e8f0;--border-color:#374151;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4),0 2px 4px -2px rgba(0,0,0,.3);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -4px rgba(0,0,0,.4);--radius-sm:0.375rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem}.app[data-v-1c48e0c4]{min-height:100vh;background-color:var(--background-color);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.header[data-v-1c48e0c4]{background-color:rgba(30,41,59,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100;transition:all .3s ease}.header-content[data-v-1c48e0c4]{max-width:1200px;margin:0 auto;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo-section[data-v-1c48e0c4]{display:flex;align-items:center;gap:1rem}.logo[data-v-1c48e0c4]{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-color)}.title[data-v-1c48e0c4]{font-size:1.875rem;font-weight:700;margin:0;color:#fff;text-shadow:0 0 20px rgba(59,130,246,.5)}.header-search[data-v-1c48e0c4]{opacity:0;transform:translateX(20px);transition:all .3s ease;pointer-events:none}.header-search.show[data-v-1c48e0c4]{opacity:1;transform:translateX(0);pointer-events:auto}.header-search-container[data-v-1c48e0c4]{position:relative;width:300px}.header-search-icon[data-v-1c48e0c4]{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#94a3b8}.header-search-input[data-v-1c48e0c4]{width:100%;padding:.5rem .75rem .5rem 2.5rem;font-size:.875rem;border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-color);color:#fff;outline:none;transition:all .2s ease}.header-search-input[data-v-1c48e0c4]:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(37,99,235,.1)}.header-search-input[data-v-1c48e0c4]::-moz-placeholder{color:#94a3b8;font-size:.875rem}.header-search-input[data-v-1c48e0c4]::placeholder{color:#94a3b8;font-size:.875rem}.main[data-v-1c48e0c4]{max-width:1200px;margin:0 auto;padding:0 1.5rem}.search-section[data-v-1c48e0c4]{padding:2rem 0}.search-wrapper[data-v-1c48e0c4]{display:flex;justify-content:center}.search-container[data-v-1c48e0c4]{position:relative;width:100%;max-width:400px}.search-icon[data-v-1c48e0c4]{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#94a3b8}.search-input[data-v-1c48e0c4]{width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--surface-color);color:#fff;outline:none;transition:all .2s ease;box-shadow:var(--shadow-sm)}.search-input[data-v-1c48e0c4]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(37,99,235,.1),var(--shadow-sm)}.search-input[data-v-1c48e0c4]::-moz-placeholder{color:#94a3b8}.search-input[data-v-1c48e0c4]::placeholder{color:#94a3b8}.content-section[data-v-1c48e0c4]{padding-bottom:4rem}.state-container[data-v-1c48e0c4]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;text-align:center}.loading-spinner[data-v-1c48e0c4]{width:40px;height:40px;border:3px solid var(--border-color);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin-1c48e0c4 1s linear infinite;margin-bottom:1rem}@keyframes spin-1c48e0c4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-icon[data-v-1c48e0c4]{font-size:4rem;margin-bottom:1rem;opacity:.6}.state-title[data-v-1c48e0c4]{font-size:1.5rem;font-weight:600;margin:0 0 .5rem 0;color:#fff}.state-description[data-v-1c48e0c4]{color:#e2e8f0;margin:0}.tracks-grid[data-v-1c48e0c4]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;padding:1rem 0}.track-card[data-v-1c48e0c4]{background-color:var(--surface-color);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--border-color)}.track-card[data-v-1c48e0c4]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.track-image-container[data-v-1c48e0c4]{position:relative;width:100%;padding-top:100%;overflow:hidden;border-radius:20px}.track-image[data-v-1c48e0c4]{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;border-radius:20px}.track-card:hover .track-image[data-v-1c48e0c4]{transform:scale(1.05)}.track-actions[data-v-1c48e0c4]{position:absolute;top:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;opacity:0;transition:opacity .3s ease}.track-card:hover .track-actions[data-v-1c48e0c4]{opacity:1}.action-btn[data-v-1c48e0c4]{width:44px;height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.action-btn svg[data-v-1c48e0c4]{width:20px;height:20px}.download-btn[data-v-1c48e0c4]{background-color:rgba(34,197,94,.9);color:#fff}.download-btn[data-v-1c48e0c4]:hover{background-color:#22c55e;transform:scale(1.1)}.youtube-btn[data-v-1c48e0c4]{background-color:rgba(239,68,68,.9);color:#fff}.youtube-btn[data-v-1c48e0c4]:hover{background-color:#ef4444;transform:scale(1.1)}.tiktok-btn[data-v-1c48e0c4]{background-color:rgba(0,0,0,.9);color:#fff}.tiktok-btn[data-v-1c48e0c4]:hover{background-color:#000;transform:scale(1.1)}.coming-soon-badge[data-v-1c48e0c4]{position:absolute;top:1rem;left:1rem;background-color:rgba(234,179,8,.9);color:#fff;padding:.375rem .75rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.track-info[data-v-1c48e0c4]{padding:1.25rem 1.5rem}.track-title[data-v-1c48e0c4]{font-size:1.125rem;font-weight:600;margin:0;color:#fff;line-height:1.4;word-break:break-word}.footer[data-v-1c48e0c4]{background-color:var(--surface-color);border-top:1px solid var(--border-color);margin-top:4rem}.footer-content[data-v-1c48e0c4]{max-width:1200px;margin:0 auto;padding:2rem 1.5rem;text-align:center}.footer-content p[data-v-1c48e0c4]{margin:0;color:#fff;font-size:.875rem}@media (max-width:768px){.header-content[data-v-1c48e0c4]{padding:1rem;flex-direction:column;gap:1rem}.header-search-container[data-v-1c48e0c4]{width:100%;max-width:300px}.main[data-v-1c48e0c4]{padding:0 1rem}.title[data-v-1c48e0c4]{font-size:1.5rem}.tracks-grid[data-v-1c48e0c4]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.search-section[data-v-1c48e0c4]{padding:1.5rem 0}}@media (max-width:480px){.logo-section[data-v-1c48e0c4]{gap:.75rem}.logo[data-v-1c48e0c4]{width:40px;height:40px}.title[data-v-1c48e0c4]{font-size:1.25rem}.tracks-grid[data-v-1c48e0c4]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.search-container[data-v-1c48e0c4]{max-width:100%}}