.standalone-layout[data-v-3db30353]{min-height:100vh;display:flex;flex-direction:column;background:var(--background);color:var(--text-primary)}.standalone-header[data-v-3db30353]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:var(--surface);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.header-brand[data-v-3db30353]{display:flex;align-items:center;gap:var(--space-md)}.logo[data-v-3db30353]{display:flex;align-items:center;gap:var(--space-sm)}.logo-img[data-v-3db30353]{width:32px;height:32px}.logo-text[data-v-3db30353]{font-size:var(--font-size-lg);font-weight:700;color:var(--primary)}.tagline[data-v-3db30353]{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:var(--space-md);padding-left:var(--space-md);border-left:1px solid var(--border-color)}.header-actions[data-v-3db30353]{display:flex;align-items:center;gap:var(--space-md)}.btn-main-app[data-v-3db30353]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.btn-main-app[data-v-3db30353]:hover{background:var(--primary-dark);transform:translateY(-1px)}.standalone-content[data-v-3db30353]{flex:1;padding:0;background:var(--background)}.standalone-footer[data-v-3db30353]{background:var(--surface);border-top:1px solid var(--border-color);padding:var(--space-lg) var(--space-xl);margin-top:auto}.footer-content[data-v-3db30353]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);max-width:1200px;margin:0 auto}.footer-links[data-v-3db30353]{display:flex;gap:var(--space-lg);flex-wrap:wrap;justify-content:center}.footer-links a[data-v-3db30353]{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color .2s}.footer-links a[data-v-3db30353]:hover{color:var(--primary)}.footer-text[data-v-3db30353]{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center}@media (max-width: 768px){.standalone-header[data-v-3db30353]{flex-direction:column;gap:var(--space-md);padding:var(--space-md)}.header-brand[data-v-3db30353]{flex-direction:column;text-align:center}.tagline[data-v-3db30353]{margin-left:0;padding-left:0;border-left:none;border-top:1px solid var(--border-color);padding-top:var(--space-sm)}.footer-links[data-v-3db30353]{gap:var(--space-md)}}.invited-by-card[data-v-0dc25ad3]{background:linear-gradient(135deg,#6366f1,#8b5cf6,#a855f7);border-radius:16px;padding:16px;margin:12px 0;box-shadow:0 8px 25px #6366f133;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.invited-by-card[data-v-0dc25ad3]:hover{transform:translateY(-2px);box-shadow:0 12px 35px #6366f14d}.card-content[data-v-0dc25ad3]{display:flex;flex-direction:column;align-items:center;text-align:center}.invited-label[data-v-0dc25ad3]{color:#ffffffe6;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;opacity:0;animation:fadeInUp-0dc25ad3 .6s ease forwards;animation-delay:.2s}.affiliator-info[data-v-0dc25ad3]{display:flex;align-items:center;gap:12px;margin-bottom:8px;opacity:0;animation:fadeInUp-0dc25ad3 .6s ease forwards;animation-delay:.4s}.avatar-container[data-v-0dc25ad3]{margin:0;padding:0}.avatar[data-v-0dc25ad3]{width:32px;height:32px;border-radius:8px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.avatar[data-v-0dc25ad3]:hover{border-color:#fff6;transform:scale(1.05)}.default-avatar[data-v-0dc25ad3]{opacity:.8}.affiliator-name[data-v-0dc25ad3]{color:#fff;font-size:1rem;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2)}.reward-text[data-v-0dc25ad3]{color:#ffffffd9;font-size:.8rem;line-height:1.4;opacity:.85;margin-top:4px;opacity:0;animation:fadeInUp-0dc25ad3 .6s ease forwards;animation-delay:.6s}.size-small .invited-by-card[data-v-0dc25ad3]{padding:12px;transform:scale(.85);margin:8px 0}.size-small .avatar[data-v-0dc25ad3]{width:24px;height:24px}.size-small .affiliator-name[data-v-0dc25ad3]{font-size:.9rem}.size-small .reward-text[data-v-0dc25ad3]{font-size:.75rem}.size-large .invited-by-card[data-v-0dc25ad3]{padding:20px;margin:16px 0}.size-large .avatar[data-v-0dc25ad3]{width:40px;height:40px}.size-large .affiliator-name[data-v-0dc25ad3]{font-size:1.1rem}.size-large .reward-text[data-v-0dc25ad3]{font-size:.9rem}@keyframes fadeInUp-0dc25ad3{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme: dark){.invited-by-card[data-v-0dc25ad3]{background:linear-gradient(135deg,#4c1d95,#6b21a8,#7c2d8e);box-shadow:0 8px 25px #4c1d954d}.invited-by-card[data-v-0dc25ad3]:hover{box-shadow:0 12px 35px #4c1d9566}}@media (max-width: 768px){.invited-by-card[data-v-0dc25ad3]{padding:14px;margin:10px 0}.affiliator-info[data-v-0dc25ad3]{gap:10px}.affiliator-name[data-v-0dc25ad3]{font-size:.95rem}.reward-text[data-v-0dc25ad3]{font-size:.75rem}}.auth-modal[data-v-67bd1b68]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-67bd1b68]{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);max-width:480px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);position:relative}.modal-header[data-v-67bd1b68]{padding:var(--space-xl);border-bottom:1px solid var(--border-color);position:relative}.close-btn[data-v-67bd1b68]{position:absolute;top:var(--space-lg);right:var(--space-lg);background:none;border:none;font-size:var(--font-size-lg);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all .2s}.close-btn[data-v-67bd1b68]:hover{background:var(--surface-hover);color:var(--text-primary)}.logo-section[data-v-67bd1b68]{text-align:center}.logo[data-v-67bd1b68]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--space-md)}.logo-section h2[data-v-67bd1b68]{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.logo-section p[data-v-67bd1b68]{color:var(--text-secondary);font-size:var(--font-size-sm)}.modal-body[data-v-67bd1b68]{padding:var(--space-xl)}.guest-prompt[data-v-67bd1b68]{text-align:center;padding:var(--space-xl)}.prompt-content h3[data-v-67bd1b68]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.prompt-content p[data-v-67bd1b68]{color:var(--text-secondary);margin-bottom:var(--space-lg)}.guest-features[data-v-67bd1b68]{margin:var(--space-lg) 0}.feature-item[data-v-67bd1b68]{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);color:var(--text-secondary)}.feature-item.disabled[data-v-67bd1b68]{color:var(--text-muted)}.feature-item i[data-v-67bd1b68]{font-size:var(--font-size-sm)}.guest-actions[data-v-67bd1b68]{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.btn-guest[data-v-67bd1b68]{background:var(--primary);color:#fff;border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.btn-guest[data-v-67bd1b68]:hover{background:var(--primary-dark)}.btn-login[data-v-67bd1b68]{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s}.btn-login[data-v-67bd1b68]:hover{background:var(--surface-hover)}.social-auth[data-v-67bd1b68]{margin-bottom:var(--space-lg)}.social-signup[data-v-67bd1b68]{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.btn-social[data-v-67bd1b68]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .2s}.btn-social[data-v-67bd1b68]:hover{background:var(--surface-hover)}.btn-social.google[data-v-67bd1b68]{color:#4285f4}.btn-social.apple[data-v-67bd1b68]{color:#000}.btn-social[data-v-67bd1b68]:disabled{opacity:.6;cursor:not-allowed}.divider[data-v-67bd1b68]{text-align:center;margin:var(--space-lg) 0;position:relative}.divider[data-v-67bd1b68]:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border-color)}.divider span[data-v-67bd1b68]{background:var(--surface);padding:0 var(--space-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.auth-form[data-v-67bd1b68]{display:flex;flex-direction:column;gap:var(--space-lg)}.invitation-banner[data-v-67bd1b68]{background:linear-gradient(135deg,#6b46c1,#9333ea,#c084fc);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);color:#fff;position:relative;overflow:hidden}.invitation-banner[data-v-67bd1b68]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="sparkles" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="18" cy="18" r="0.5" fill="rgba(255,255,255,0.2)"/><circle cx="8" cy="15" r="0.8" fill="rgba(255,255,255,0.15)"/></pattern></defs><rect width="100" height="100" fill="url(%23sparkles)"/></svg>') repeat;opacity:.3;pointer-events:none}.invitation-header[data-v-67bd1b68]{text-align:center;margin-bottom:var(--space-md);position:relative;z-index:1}.invitation-header h3[data-v-67bd1b68]{font-size:var(--font-size-lg);font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.invitation-content[data-v-67bd1b68]{position:relative;z-index:1}.inviter-section[data-v-67bd1b68]{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);padding:var(--space-md);background:#ffffff1a;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.inviter-avatar[data-v-67bd1b68]{width:48px;height:48px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.3)}.inviter-avatar i[data-v-67bd1b68]{font-size:20px;color:#fff}.inviter-info[data-v-67bd1b68]{flex:1}.invited-by-label[data-v-67bd1b68]{font-size:var(--font-size-sm);opacity:.8;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.inviter-name[data-v-67bd1b68]{font-size:var(--font-size-lg);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.2)}.invitation-benefits[data-v-67bd1b68]{display:flex;flex-direction:column;gap:var(--space-sm)}.benefit-item[data-v-67bd1b68]{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);font-weight:500}.benefit-item i[data-v-67bd1b68]{width:16px;height:16px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:50%;font-size:10px}@media (max-width: 480px){.invitation-banner[data-v-67bd1b68]{padding:var(--space-md)}.inviter-section[data-v-67bd1b68]{flex-direction:column;text-align:center;gap:var(--space-sm)}.inviter-avatar[data-v-67bd1b68]{width:40px;height:40px}.inviter-name[data-v-67bd1b68]{font-size:var(--font-size-md)}}.form-group[data-v-67bd1b68]{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group label[data-v-67bd1b68]{font-weight:500;color:var(--text-primary);font-size:var(--font-size-sm)}.form-input[data-v-67bd1b68]{padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);font-size:var(--font-size-sm);transition:all .2s}.form-input[data-v-67bd1b68]:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.form-input[data-v-67bd1b68]:disabled{opacity:.6;cursor:not-allowed}.password-input[data-v-67bd1b68]{position:relative}.password-toggle[data-v-67bd1b68]{position:absolute;right:var(--space-md);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm)}.password-toggle[data-v-67bd1b68]:hover{color:var(--text-primary)}.password-requirements[data-v-67bd1b68]{background:var(--surface-secondary);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color)}.password-requirements h4[data-v-67bd1b68]{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.requirements-list[data-v-67bd1b68]{display:flex;flex-direction:column;gap:var(--space-xs)}.requirement[data-v-67bd1b68]{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--text-secondary)}.requirement.met[data-v-67bd1b68]{color:var(--success)}.requirement i[data-v-67bd1b68]{font-size:var(--font-size-xs)}.terms-section[data-v-67bd1b68]{margin-top:var(--space-md)}.checkbox-label[data-v-67bd1b68]{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary)}.checkbox-input[data-v-67bd1b68]{margin:0}.terms-text[data-v-67bd1b68]{line-height:1.4}.terms-text .link[data-v-67bd1b68]{color:var(--primary);text-decoration:none}.terms-text .link[data-v-67bd1b68]:hover{text-decoration:underline}.btn-primary[data-v-67bd1b68]{background:var(--primary);color:#fff;border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-primary[data-v-67bd1b68]:hover{background:var(--primary-dark)}.btn-primary[data-v-67bd1b68]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-67bd1b68]{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.btn-secondary[data-v-67bd1b68]:hover{background:var(--surface-hover)}.btn-secondary[data-v-67bd1b68]:disabled{opacity:.6;cursor:not-allowed}.full-width[data-v-67bd1b68]{width:100%}.form-footer[data-v-67bd1b68]{display:flex;justify-content:center;margin-top:var(--space-sm)}.link-btn[data-v-67bd1b68]{background:none;border:none;color:var(--primary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:none}.link-btn[data-v-67bd1b68]:hover{text-decoration:underline}.link-btn-subtle[data-v-67bd1b68]{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;text-decoration:none}.link-btn-subtle[data-v-67bd1b68]:hover{color:var(--text-primary)}.error-message[data-v-67bd1b68],.success-message[data-v-67bd1b68]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.error-message[data-v-67bd1b68]{background:var(--error-light);color:var(--error);border:1px solid var(--error)}.success-message[data-v-67bd1b68]{background:var(--success-light);color:var(--success);border:1px solid var(--success)}.modal-footer[data-v-67bd1b68]{text-align:center;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.modal-footer p[data-v-67bd1b68]{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.guest-mode-link[data-v-67bd1b68]{text-align:center;margin-top:var(--space-md)}.verification-section[data-v-67bd1b68]{text-align:center;padding:var(--space-xl)}.verification-icon[data-v-67bd1b68]{width:64px;height:64px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin:0 auto var(--space-lg)}.verification-section h3[data-v-67bd1b68]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.verification-section p[data-v-67bd1b68]{color:var(--text-secondary);margin-bottom:var(--space-md)}.email-address[data-v-67bd1b68]{font-weight:500;color:var(--text-primary);background:var(--surface-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);display:inline-block}.verification-actions[data-v-67bd1b68]{display:flex;gap:var(--space-md);justify-content:center;margin-top:var(--space-lg)}.registration-complete[data-v-67bd1b68],.email-sent[data-v-67bd1b68]{text-align:center;padding:var(--space-xl)}.success-icon[data-v-67bd1b68]{width:64px;height:64px;background:var(--success);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);margin:0 auto var(--space-lg)}.registration-complete h3[data-v-67bd1b68],.email-sent h3[data-v-67bd1b68]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.registration-complete p[data-v-67bd1b68],.email-sent p[data-v-67bd1b68]{color:var(--text-secondary);margin-bottom:var(--space-sm)}.email-note[data-v-67bd1b68]{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--space-md)}.hint-text[data-v-67bd1b68]{font-size:var(--font-size-xs);color:var(--text-muted);margin-bottom:var(--space-lg)}.complete-actions[data-v-67bd1b68]{display:flex;gap:var(--space-md);justify-content:center}.icon-loading[data-v-67bd1b68]{animation:spin-67bd1b68 1s linear infinite}@keyframes spin-67bd1b68{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.auth-modal[data-v-67bd1b68]{padding:0}.modal-content[data-v-67bd1b68]{width:100%;max-width:100%;max-height:85vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;margin:0}.modal-header[data-v-67bd1b68]{padding:var(--space-lg);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-body[data-v-67bd1b68]{padding:var(--space-lg)}.close-btn[data-v-67bd1b68]{top:var(--space-md);right:var(--space-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-hover);border-radius:var(--radius-md)}.logo[data-v-67bd1b68]{font-size:var(--font-size-xl)}.modal-header h2[data-v-67bd1b68]{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.modal-header p[data-v-67bd1b68]{font-size:var(--font-size-sm)}.form-input[data-v-67bd1b68]{font-size:16px;min-height:44px;padding:var(--space-sm) var(--space-md)}.btn-primary[data-v-67bd1b68],.btn-secondary[data-v-67bd1b68],.btn-social[data-v-67bd1b68]{min-height:44px;font-size:var(--font-size-md);padding:var(--space-sm) var(--space-md)}.full-width[data-v-67bd1b68]{width:100%}.guest-actions[data-v-67bd1b68],.verification-actions[data-v-67bd1b68],.complete-actions[data-v-67bd1b68]{flex-direction:column;gap:var(--space-sm)}.guest-features[data-v-67bd1b68]{gap:var(--space-sm);margin:var(--space-lg) 0}.feature-item[data-v-67bd1b68]{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.verification-section[data-v-67bd1b68],.registration-complete[data-v-67bd1b68],.email-sent[data-v-67bd1b68]{padding:var(--space-lg)}.success-icon[data-v-67bd1b68],.verification-icon[data-v-67bd1b68]{width:56px;height:56px;font-size:var(--font-size-xl);margin-bottom:var(--space-md)}}@media (max-width: 480px) and (max-height: 700px){.auth-modal[data-v-67bd1b68]{align-items:center;padding:var(--space-md)}.modal-content[data-v-67bd1b68]{width:95%;max-height:80vh;border-radius:var(--radius-lg);margin:0}.modal-header[data-v-67bd1b68],.modal-body[data-v-67bd1b68]{padding:var(--space-md)}.close-btn[data-v-67bd1b68]{top:var(--space-sm);right:var(--space-sm);width:36px;height:36px}.logo[data-v-67bd1b68]{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.modal-header h2[data-v-67bd1b68]{font-size:var(--font-size-md);margin-bottom:var(--space-xs)}.modal-header p[data-v-67bd1b68]{font-size:var(--font-size-xs)}.verification-section[data-v-67bd1b68],.registration-complete[data-v-67bd1b68],.email-sent[data-v-67bd1b68]{padding:var(--space-md)}.success-icon[data-v-67bd1b68],.verification-icon[data-v-67bd1b68]{width:48px;height:48px;font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}}.toast-container[data-v-900696ed]{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:var(--z-modal);pointer-events:none}.toasts[data-v-900696ed]{display:flex;flex-direction:column;gap:var(--space-sm)}.toast[data-v-900696ed]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:var(--surface);border:1px solid var(--border);min-width:320px;max-width:420px;pointer-events:auto;transition:all var(--transition-base);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.toast[data-v-900696ed]:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),0 8px 25px #0006}.toast.success[data-v-900696ed]{border-left:3px solid var(--success);background:#181818f2}.toast.error[data-v-900696ed]{border-left:3px solid var(--error);background:#181818f2}.toast.warning[data-v-900696ed]{border-left:3px solid var(--warning);background:#181818f2}.toast.info[data-v-900696ed]{border-left:3px solid var(--info);background:#181818f2}.toast-icon[data-v-900696ed]{font-size:18px;flex-shrink:0;opacity:.9}.toast.success .toast-icon[data-v-900696ed]{color:var(--success)}.toast.error .toast-icon[data-v-900696ed]{color:var(--error)}.toast.warning .toast-icon[data-v-900696ed]{color:var(--warning)}.toast.info .toast-icon[data-v-900696ed]{color:var(--info)}.toast-content[data-v-900696ed]{flex:1;min-width:0}.toast-title[data-v-900696ed]{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs);line-height:1.3}.toast-message[data-v-900696ed]{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-secondary);line-height:1.4;word-wrap:break-word}.toast-close[data-v-900696ed]{background:none;border:none;color:var(--text-muted);font-size:16px;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-md);opacity:.7;transition:all var(--transition-fast);flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.toast-close[data-v-900696ed]:hover{opacity:1;background:var(--surface-hover);color:var(--text-primary)}@keyframes toastSlideIn-900696ed{0%{opacity:0;transform:translate(100%) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.toast-enter-active[data-v-900696ed],.toast-leave-active[data-v-900696ed]{transition:all var(--transition-base) cubic-bezier(.34,1.56,.64,1)}.toast-enter-from[data-v-900696ed],.toast-leave-to[data-v-900696ed]{opacity:0;transform:translate(100%) scale(.9)}.toast-move[data-v-900696ed]{transition:transform var(--transition-base)}@media (max-width: 768px){.toast-container[data-v-900696ed]{top:var(--space-md);right:var(--space-md);left:var(--space-md)}.toast[data-v-900696ed]{min-width:auto;max-width:none;padding:var(--space-sm) var(--space-md)}.toast-title[data-v-900696ed],.toast-message[data-v-900696ed]{font-size:var(--font-size-xs)}}@media (max-width: 480px){.toast-container[data-v-900696ed]{top:var(--space-sm);right:var(--space-sm);left:var(--space-sm)}.toast[data-v-900696ed]{gap:var(--space-sm)}.toast-icon[data-v-900696ed]{font-size:16px}.toast-close[data-v-900696ed]{width:24px;height:24px;font-size:14px}}.pro-overlay[data-v-e67dcf14]{position:relative;display:inline-block;width:100%}.pro-overlay.full-cover[data-v-e67dcf14]{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.pro-overlay-content[data-v-e67dcf14]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#121212eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.1);z-index:20;cursor:pointer;transition:all .3s ease;padding:var(--space-xl);text-align:center;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.pro-overlay-content[data-v-e67dcf14]:hover{background:#121212f2;border-color:#b91db980;transform:scale(1.02)}.pro-badge[data-v-e67dcf14]{display:flex;align-items:center;gap:var(--space-sm);background:linear-gradient(135deg,gold,orange);color:#000;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-bottom:var(--space-lg);box-shadow:0 4px 12px #ffd7004d,0 2px 6px #ffa50033;border:1px solid rgba(255,215,0,.4)}.pro-badge i[data-v-e67dcf14]{font-size:16px}@keyframes pulseGlow-e67dcf14{0%,to{box-shadow:0 6px 20px #ffd70066,0 2px 8px #ff8c004d,inset 0 1px #ffffff4d}50%{box-shadow:0 8px 32px #ffd70099,0 4px 16px #ff8c0080,inset 0 1px #fff6}}@keyframes shimmer-e67dcf14{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.pro-details[data-v-e67dcf14]{color:#fff!important;max-width:300px;position:relative}.pro-title[data-v-e67dcf14]{font-size:20px;font-weight:700;margin:0 0 12px;color:#fff!important;text-shadow:0 2px 4px rgba(0,0,0,.5);background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pro-description[data-v-e67dcf14]{font-size:15px;color:#e0e7ff!important;margin:0 0 24px;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.5)}.pro-upgrade-btn[data-v-e67dcf14]{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#6d28d9,#8b5cf6,#a855f7);color:#fff!important;border:none;padding:14px 28px;border-radius:12px;font-weight:700;font-size:15px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;position:relative;overflow:hidden;box-shadow:0 4px 16px #8b5cf64d,0 2px 8px #6d28d933,inset 0 1px #fff3}.pro-upgrade-btn[data-v-e67dcf14]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.pro-upgrade-btn[data-v-e67dcf14]:hover{transform:translateY(-2px);background:linear-gradient(135deg,#7c3aed,#9333ea,#b945f7);box-shadow:0 8px 24px #8b5cf666,0 4px 16px #6d28d94d,inset 0 1px #ffffff40}.pro-upgrade-btn[data-v-e67dcf14]:hover:before{left:100%}.pro-upgrade-btn[data-v-e67dcf14]:active{transform:translateY(-1px)}.pro-upgrade-btn i[data-v-e67dcf14]{font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3))}.pro-overlay-wrapper[data-v-e67dcf14]{position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:12px;overflow:hidden}.pro-overlay-wrapper.disabled[data-v-e67dcf14]{pointer-events:none;-webkit-user-select:none;user-select:none}.pro-overlay-wrapper.disabled[data-v-e67dcf14]{filter:blur(2px) brightness(.8) saturate(.8);opacity:.75;transform:scale(.99)}.pro-overlay.blur-bg .pro-overlay-wrapper.disabled[data-v-e67dcf14]{filter:blur(1px) brightness(.8) saturate(.8);opacity:.8}@media (max-width: 768px){.pro-overlay-content[data-v-e67dcf14]{padding:var(--space-lg);border-radius:var(--radius-md)}.pro-title[data-v-e67dcf14]{font-size:var(--font-size-lg)}.pro-description[data-v-e67dcf14]{font-size:var(--font-size-sm);margin-bottom:var(--space-lg)}.pro-upgrade-btn[data-v-e67dcf14]{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);width:100%;justify-content:center}.pro-details[data-v-e67dcf14]{max-width:100%;width:100%}.pro-badge[data-v-e67dcf14]{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-xs);margin-bottom:var(--space-md)}}@media (prefers-color-scheme: dark){.pro-overlay-content[data-v-e67dcf14]{background:transparent}}.equalizer-panel[data-v-08662a6d]{padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-lg)}.btn-reset[data-v-08662a6d]{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;border:1px solid #444;background:#333;color:#ccc;cursor:pointer;transition:all .2s}.btn-reset[data-v-08662a6d]:hover{background:#555;color:#fff}.equalizer-content[data-v-08662a6d]{transition:opacity .3s}.equalizer-content.disabled[data-v-08662a6d]{opacity:.6}.frequency-bands[data-v-08662a6d]{display:flex;justify-content:space-between;margin-bottom:32px;padding:20px 0;background:#2a2a2a;border-radius:8px}.frequency-bands.disabled[data-v-08662a6d]{opacity:.6}.frequency-band[data-v-08662a6d]{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.band-slider[data-v-08662a6d]{position:relative;width:60px;display:flex;align-items:center;justify-content:center;padding:10px;margin:-10px}.custom-slider[data-v-08662a6d]{position:relative;height:120px;width:24px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.custom-slider:hover .slider-thumb[data-v-08662a6d]{background:#09f;transform:translate(-50%) scale(1.1)}.slider-track[data-v-08662a6d]{position:relative;width:8px;height:120px;background:#333;border-radius:4px;overflow:visible}.slider-fill[data-v-08662a6d]{position:absolute;bottom:0;width:100%;background:linear-gradient(to top,#007acc,#005a9e);transition:height .15s ease}.slider-thumb[data-v-08662a6d]{position:absolute;width:20px;height:20px;background:#007acc;border-radius:50%;cursor:grab;box-shadow:0 2px 4px #0000004d;transition:all .2s ease;transform:translate(-50%);left:50%;z-index:2}.slider-thumb[data-v-08662a6d]:active{cursor:grabbing;transform:translate(-50%) scale(1.1)}.equalizer-content.disabled .custom-slider[data-v-08662a6d]{cursor:not-allowed}.equalizer-content.disabled .slider-thumb[data-v-08662a6d]{cursor:not-allowed;opacity:.5}.equalizer-content.disabled .slider-fill[data-v-08662a6d]{opacity:.5}.band-label[data-v-08662a6d]{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.frequency[data-v-08662a6d]{color:#ccc;font-weight:500}.gain[data-v-08662a6d]{color:#999}.preset-section[data-v-08662a6d]{margin-bottom:32px}.preset-section h4[data-v-08662a6d]{color:#fff;font-size:16px;margin-bottom:16px}.preset-buttons[data-v-08662a6d]{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.preset-btn[data-v-08662a6d]{padding:8px 16px;border-radius:6px;border:1px solid #444;background:#333;color:#ccc;cursor:pointer;transition:all .2s;font-size:14px}.preset-btn[data-v-08662a6d]:hover:not(:disabled){background:#555;color:#fff}.preset-btn.active[data-v-08662a6d]{background:#007acc;color:#fff;border-color:#007acc}.preset-btn[data-v-08662a6d]:disabled{opacity:.5;cursor:not-allowed}.custom-preset-indicator[data-v-08662a6d]{position:relative}.custom-preset-indicator[data-v-08662a6d]:not(.active){opacity:.7}.custom-preset-indicator.active[data-v-08662a6d]{background:#007acc;color:#fff;border-color:#007acc}.custom-preset-indicator[data-v-08662a6d]:disabled{opacity:.3;background:#333!important;color:#666!important;border-color:#444!important;cursor:not-allowed}.preset-selector[data-v-08662a6d]{display:flex;gap:12px;align-items:center}.preset-select[data-v-08662a6d]{flex:1;padding:8px 12px;border-radius:6px;border:1px solid #444;background:#333;color:#fff;font-size:14px}.advanced-controls[data-v-08662a6d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.control-group[data-v-08662a6d]{display:flex;flex-direction:column;gap:8px}.control-group label[data-v-08662a6d]{color:#ccc;font-size:14px;font-weight:500}.preamp-control[data-v-08662a6d]{display:flex;align-items:center;gap:12px}.preamp-slider[data-v-08662a6d]{flex:1;height:6px;border-radius:3px;background:#444;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.preamp-slider[data-v-08662a6d]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#007acc;cursor:pointer}.preamp-value[data-v-08662a6d]{color:#fff;font-weight:500;min-width:50px;text-align:right}.quality-select[data-v-08662a6d]{padding:8px 12px;border-radius:6px;border:1px solid #444;background:#333;color:#fff;font-size:14px}.equalizer-visualizer[data-v-08662a6d]{background:#2a2a2a;border-radius:8px;padding:20px}.equalizer-visualizer h4[data-v-08662a6d]{color:#fff;font-size:16px;margin-bottom:16px}.visualizer-canvas[data-v-08662a6d]{width:100%;height:150px;border-radius:4px;background:#000}.preset-select optgroup[data-v-08662a6d]{background:#2a2a2a;color:#fff;font-weight:600}.preset-select option[data-v-08662a6d]{background:#333;color:#fff;padding:4px}@media (max-width: 768px){.frequency-bands[data-v-08662a6d]{gap:4px;padding:16px 8px}.band-slider[data-v-08662a6d]{padding:15px;margin:-15px}.custom-slider[data-v-08662a6d]{height:100px;width:30px}.slider-track[data-v-08662a6d]{height:100px}.slider-thumb[data-v-08662a6d]{width:24px;height:24px}.preset-buttons[data-v-08662a6d]{justify-content:center}.advanced-controls[data-v-08662a6d]{grid-template-columns:1fr}}@media (max-width: 768px){.btn-reset[data-v-08662a6d]{min-height:44px;padding:12px 16px;font-size:14px}.frequency-bands[data-v-08662a6d]{gap:2px;padding:12px 4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.frequency-bands[data-v-08662a6d]::-webkit-scrollbar{display:none}.frequency-band[data-v-08662a6d]{min-width:28px;gap:8px}.band-slider[data-v-08662a6d]{padding:8px;margin:-8px}.custom-slider[data-v-08662a6d]{height:80px;width:24px}.slider-track[data-v-08662a6d]{height:80px;width:6px}.slider-thumb[data-v-08662a6d]{width:20px;height:20px;border:2px solid #007acc}.band-label[data-v-08662a6d]{gap:2px}.frequency[data-v-08662a6d]{font-size:10px}.gain[data-v-08662a6d]{font-size:9px}.preset-buttons[data-v-08662a6d]{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.preset-btn[data-v-08662a6d]{padding:10px 8px;font-size:12px;min-height:44px;text-align:center}.preset-select[data-v-08662a6d]{min-height:44px;font-size:14px}.advanced-controls[data-v-08662a6d]{grid-template-columns:1fr;gap:12px}.control-group[data-v-08662a6d]{background:#2a2a2a;padding:12px;border-radius:6px}.control-group label[data-v-08662a6d]{font-size:12px;margin-bottom:8px}.preamp-control[data-v-08662a6d]{gap:8px}.preamp-slider[data-v-08662a6d]{height:8px}.preamp-value[data-v-08662a6d]{font-size:12px;min-width:40px}.quality-select[data-v-08662a6d]{min-height:44px;font-size:14px}.equalizer-visualizer[data-v-08662a6d]{padding:12px}.visualizer-canvas[data-v-08662a6d]{height:80px}}@media (max-width: 480px) and (orientation: portrait){.frequency-bands[data-v-08662a6d]{padding:8px 2px;gap:1px}.frequency-band[data-v-08662a6d]{min-width:26px}.custom-slider[data-v-08662a6d]{height:70px;width:22px}.slider-track[data-v-08662a6d]{height:70px;width:5px}.slider-thumb[data-v-08662a6d]{width:18px;height:18px}.band-label[data-v-08662a6d]{gap:1px}.frequency[data-v-08662a6d]{font-size:9px}.gain[data-v-08662a6d]{font-size:8px}.preset-buttons[data-v-08662a6d]{grid-template-columns:1fr;gap:6px}.preset-btn[data-v-08662a6d]{padding:8px;font-size:11px;min-height:40px}.equalizer-visualizer[data-v-08662a6d]{display:none}}@media (max-width: 360px) and (orientation: portrait){.frequency-bands[data-v-08662a6d]{gap:0;padding:6px 1px}.frequency-band[data-v-08662a6d]{min-width:24px}.custom-slider[data-v-08662a6d]{height:60px;width:20px}.slider-track[data-v-08662a6d]{height:60px;width:4px}.slider-thumb[data-v-08662a6d]{width:16px;height:16px}}@media (max-height: 500px) and (orientation: landscape){.custom-slider[data-v-08662a6d],.slider-track[data-v-08662a6d]{height:60px}.preset-buttons[data-v-08662a6d]{grid-template-columns:repeat(4,1fr);gap:4px}.preset-btn[data-v-08662a6d]{padding:6px 4px;font-size:10px;min-height:36px}.equalizer-visualizer[data-v-08662a6d]{display:none}}.modal-overlay[data-v-1ff08008]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:var(--space-lg)}.modal-container[data-v-1ff08008]{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;position:relative}.modal-sm[data-v-1ff08008]{width:400px;max-width:90vw}.modal-md[data-v-1ff08008]{width:600px;max-width:90vw}.modal-lg[data-v-1ff08008]{width:800px;max-width:90vw}.modal-xl[data-v-1ff08008]{width:1000px;max-width:90vw}.modal-full[data-v-1ff08008]{width:100%;height:100%;border-radius:0}.modal-header[data-v-1ff08008]{padding:var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-body[data-v-1ff08008]{flex:1;overflow:auto;padding:var(--space-lg)}.modal-footer[data-v-1ff08008]{padding:var(--space-lg);border-top:1px solid var(--border-color);flex-shrink:0;display:flex;gap:var(--space-md);justify-content:flex-end}.modal-close[data-v-1ff08008]{position:absolute;top:var(--space-md);right:var(--space-md);width:32px;height:32px;border:none;background:var(--surface-hover);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);z-index:10}.modal-close[data-v-1ff08008]:hover{background:var(--surface-hover);color:var(--text-primary)}.modal-enter-active[data-v-1ff08008],.modal-leave-active[data-v-1ff08008]{transition:all var(--transition-fast)}.modal-enter-from[data-v-1ff08008],.modal-leave-to[data-v-1ff08008]{opacity:0;transform:scale(.9)}.modal-enter-to[data-v-1ff08008],.modal-leave-from[data-v-1ff08008]{opacity:1;transform:scale(1)}@media (max-width: 768px){.modal-overlay[data-v-1ff08008]{padding:0}.modal-container[data-v-1ff08008]{max-width:100vw;max-height:100vh}.modal-sm[data-v-1ff08008],.modal-md[data-v-1ff08008],.modal-lg[data-v-1ff08008],.modal-xl[data-v-1ff08008]{width:100%;height:100%;border-radius:0}.modal-full[data-v-1ff08008]{width:100vw;height:100vh;border-radius:0}.modal-header[data-v-1ff08008],.modal-body[data-v-1ff08008],.modal-footer[data-v-1ff08008]{padding:var(--space-md)}.modal-close[data-v-1ff08008]{top:var(--space-sm);right:var(--space-sm);width:40px;height:40px}}@media (max-width: 480px){.modal-header[data-v-1ff08008],.modal-body[data-v-1ff08008],.modal-footer[data-v-1ff08008]{padding:var(--space-sm)}}.equalizer-modal-header[data-v-870082f5]{text-align:center}.modal-title[data-v-870082f5]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.modal-title i[data-v-870082f5]{color:var(--primary);font-size:var(--font-size-xxl)}.modal-subtitle[data-v-870082f5]{color:var(--text-secondary);font-size:var(--font-size-md);margin:0;line-height:1.4}.equalizer-modal-body[data-v-870082f5]{padding:0;min-height:500px}@media (max-width: 768px){.modal-title[data-v-870082f5]{font-size:var(--font-size-lg);margin-top:32px}.modal-subtitle[data-v-870082f5]{font-size:var(--font-size-sm)}.equalizer-modal-body[data-v-870082f5]{min-height:400px}}.lyrics-panel[data-v-eca969c8]{background:#1e1e1e;border-radius:12px;padding:24px;display:flex;flex-direction:column}.lyrics-header[data-v-eca969c8]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.lyrics-header h3[data-v-eca969c8]{color:#fff;font-size:20px;font-weight:600;margin:0}.lyrics-actions[data-v-eca969c8]{display:flex;gap:8px}.btn-search[data-v-eca969c8],.btn-sync[data-v-eca969c8],.btn-edit[data-v-eca969c8]{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:6px;border:1px solid #444;background:#333;color:#ccc;cursor:pointer;transition:all .2s;font-size:14px}.btn-search[data-v-eca969c8]:hover,.btn-sync[data-v-eca969c8]:hover,.btn-edit[data-v-eca969c8]:hover{background:#555;color:#fff}.btn-sync.active[data-v-eca969c8]{background:#007acc;color:#fff;border-color:#007acc}.lyrics-content[data-v-eca969c8]{flex:1;display:flex;flex-direction:column}.lyrics-loading[data-v-eca969c8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ccc}.loading-spinner[data-v-eca969c8]{width:32px;height:32px;border:3px solid #333;border-top:3px solid #007acc;border-radius:50%;animation:spin-eca969c8 1s linear infinite;margin-bottom:16px}@keyframes spin-eca969c8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-lyrics[data-v-eca969c8]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.no-lyrics-icon[data-v-eca969c8]{width:64px;height:64px;background:#2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;font-size:32px;margin-bottom:16px}.no-lyrics h4[data-v-eca969c8]{color:#fff;font-size:18px;margin-bottom:8px}.no-lyrics p[data-v-eca969c8]{color:#ccc;font-size:14px;margin-bottom:24px;max-width:300px}.lyrics-display[data-v-eca969c8]{flex:1;overflow:hidden}.lyrics-container[data-v-eca969c8]{height:100%;overflow-y:auto;padding:20px 0}.lyrics-line[data-v-eca969c8]{display:flex;align-items:center;gap:12px;padding:12px 20px;cursor:pointer;transition:all .3s;border-radius:8px;margin:4px 0}.lyrics-line[data-v-eca969c8]:hover{background:#ffffff0d}.lyrics-line.active[data-v-eca969c8]{background:#007acc33;color:#007acc;font-weight:600;transform:scale(1.02)}.lyrics-line.past[data-v-eca969c8]{color:#999}.lyrics-line.future[data-v-eca969c8]{color:#666}.line-time[data-v-eca969c8]{font-size:12px;color:#999;min-width:40px;text-align:right}.line-text[data-v-eca969c8]{flex:1;font-size:16px;line-height:1.5}.lyrics-container.sync-enabled .lyrics-line.active .line-text[data-v-eca969c8]{font-size:18px}.modal-overlay[data-v-eca969c8]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content[data-v-eca969c8]{background:#1e1e1e;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto}.lyrics-editor[data-v-eca969c8]{max-width:600px}.editor-header[data-v-eca969c8]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #333}.editor-header h3[data-v-eca969c8]{color:#fff;font-size:20px;margin:0}.modal-close[data-v-eca969c8]{background:none;border:none;color:#ccc;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s}.modal-close[data-v-eca969c8]:hover{background:#333;color:#fff}.editor-content[data-v-eca969c8]{padding:24px}.editor-tabs[data-v-eca969c8]{display:flex;gap:8px;margin-bottom:20px}.tab-btn[data-v-eca969c8]{padding:8px 16px;border-radius:6px;border:1px solid #444;background:#333;color:#ccc;cursor:pointer;transition:all .2s}.tab-btn.active[data-v-eca969c8]{background:#007acc;color:#fff;border-color:#007acc}.lyrics-textarea[data-v-eca969c8]{width:100%;background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:16px;color:#fff;font-size:14px;line-height:1.6;resize:vertical}.timed-controls[data-v-eca969c8]{display:flex;gap:12px;margin-bottom:20px}.timed-lines[data-v-eca969c8]{display:flex;flex-direction:column;gap:12px}.timed-line[data-v-eca969c8]{display:flex;gap:12px;align-items:center}.time-input[data-v-eca969c8]{width:80px;padding:8px 12px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px}.text-input[data-v-eca969c8]{flex:1;padding:8px 12px;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font-size:14px}.remove-line[data-v-eca969c8]{background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.remove-line[data-v-eca969c8]:hover{color:#ff6b6b}.editor-actions[data-v-eca969c8]{display:flex;gap:12px;justify-content:flex-end;padding:24px;border-top:1px solid #333}.btn[data-v-eca969c8]{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-primary[data-v-eca969c8]{background:#007acc;color:#fff}.btn-primary[data-v-eca969c8]:hover{background:#005a9e}.btn-secondary[data-v-eca969c8]{background:#444;color:#fff}.btn-secondary[data-v-eca969c8]:hover{background:#555}[dir=rtl] .lyrics-header[data-v-eca969c8],[dir=rtl] .lyrics-actions[data-v-eca969c8],[dir=rtl] .lyrics-line[data-v-eca969c8],[dir=rtl] .timed-line[data-v-eca969c8]{flex-direction:row-reverse}@media (max-width: 768px){.lyrics-panel[data-v-eca969c8]{padding:16px}.lyrics-header[data-v-eca969c8]{flex-direction:column;gap:16px;align-items:stretch}.lyrics-actions[data-v-eca969c8]{justify-content:center}.lyrics-line[data-v-eca969c8]{padding:8px 12px}.line-text[data-v-eca969c8]{font-size:14px}.modal-content[data-v-eca969c8]{margin:10px;max-height:95vh}}.lyrics-modal-header[data-v-acb15e59]{text-align:center}.modal-title[data-v-acb15e59]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.modal-title i[data-v-acb15e59]{color:var(--primary);font-size:var(--font-size-xxl)}.modal-subtitle[data-v-acb15e59]{color:var(--text-secondary);font-size:var(--font-size-md);margin:0;line-height:1.4}.lyrics-modal-body[data-v-acb15e59]{padding:0;min-height:400px}@media (max-width: 768px){.modal-title[data-v-acb15e59]{font-size:var(--font-size-lg);margin-top:32px}.modal-subtitle[data-v-acb15e59]{font-size:var(--font-size-sm)}.lyrics-modal-body[data-v-acb15e59]{min-height:300px}}.advanced-pitch-control[data-v-fdc86482]{padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-lg)}.pitch-controls-grid[data-v-fdc86482]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.control-card[data-v-fdc86482]{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.control-card[data-v-fdc86482]:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.control-card.disabled[data-v-fdc86482]{opacity:.6;pointer-events:none}.control-card.control-label[data-v-fdc86482]{color:var(--text-muted)}.control-header[data-v-fdc86482]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.control-label[data-v-fdc86482]{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.control-label i[data-v-fdc86482]{color:var(--primary)}.control-value[data-v-fdc86482]{font-size:var(--font-size-md);font-weight:600;color:var(--primary);font-family:monospace}.control-description[data-v-fdc86482]{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm);line-height:1.4}.mode-selector[data-v-fdc86482]{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.mode-btn[data-v-fdc86482]{display:flex;flex-direction:column;align-items:flex-start;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary);text-align:left}.mode-btn[data-v-fdc86482]:hover{border-color:var(--primary);background:var(--primary-bg)}.mode-btn.active[data-v-fdc86482]{background:var(--primary);border-color:var(--primary);color:#fff}.mode-btn[data-v-fdc86482]:disabled{opacity:.5;cursor:not-allowed}.mode-btn i[data-v-fdc86482]{margin-bottom:var(--space-xs);font-size:var(--font-size-lg)}.mode-btn span[data-v-fdc86482]{font-weight:600;margin-bottom:var(--space-xs)}.mode-btn small[data-v-fdc86482]{color:var(--text-secondary);font-size:var(--font-size-xs)}.mode-btn.active small[data-v-fdc86482]{color:#fffc}.quick-btn[data-v-fdc86482]{padding:var(--space-xs) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.quick-btn[data-v-fdc86482]:hover{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.quick-btn.active[data-v-fdc86482]{background:var(--primary);border-color:var(--primary);color:#fff}.quick-btn[data-v-fdc86482]:disabled{opacity:.5;cursor:not-allowed}.pitch-slider[data-v-fdc86482]{width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;cursor:pointer;transition:all var(--transition-fast)}.pitch-slider[data-v-fdc86482]::-webkit-slider-track{width:100%;height:8px;background:var(--border);border-radius:4px;border:none}.pitch-slider[data-v-fdc86482]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;transition:all var(--transition-fast)}.pitch-slider[data-v-fdc86482]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.pitch-slider[data-v-fdc86482]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.05);box-shadow:0 2px 8px rgba(var(--primary-rgb),.6)}.pitch-slider[data-v-fdc86482]::-moz-range-track{width:100%;height:8px;background:var(--border);border-radius:4px;border:none}.pitch-slider[data-v-fdc86482]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;transition:all var(--transition-fast)}.pitch-slider[data-v-fdc86482]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 0 10px rgba(var(--primary-rgb),.5)}.pitch-slider[data-v-fdc86482]::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.05)}.pitch-slider[data-v-fdc86482]:disabled{opacity:.5;cursor:not-allowed}.pitch-slider[data-v-fdc86482]:disabled::-webkit-slider-thumb{cursor:not-allowed;background:var(--text-muted)}.pitch-slider[data-v-fdc86482]:disabled::-moz-range-thumb{cursor:not-allowed;background:var(--text-muted)}.slider-labels[data-v-fdc86482]{display:flex;justify-content:space-between;color:var(--text-muted);font-size:var(--font-size-xs);font-family:monospace}.slider-label[data-v-fdc86482]{position:absolute;transform:translate(-50%);color:var(--text-muted);font-size:var(--font-size-xs);font-family:monospace;white-space:nowrap}.slider-label.start[data-v-fdc86482]{left:0%}.slider-label.middle[data-v-fdc86482]{left:25%}.slider-label.end[data-v-fdc86482]{left:100%}.positioned-labels[data-v-fdc86482]{position:relative;display:block;height:20px}.positioned-labels span[data-v-fdc86482]{position:absolute;transform:translate(-50%);color:var(--text-muted);font-size:var(--font-size-xs);font-family:monospace;white-space:nowrap}.pitch-info-display[data-v-fdc86482]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.info-item[data-v-fdc86482]{display:flex;flex-direction:column;align-items:center;text-align:center}.info-label[data-v-fdc86482]{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-fdc86482]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);font-family:monospace}.info-value.positive[data-v-fdc86482]{color:var(--success)}.info-value.negative[data-v-fdc86482]{color:var(--warning)}.pitch-visualization[data-v-fdc86482]{text-align:center}.freq-bar-container[data-v-fdc86482]{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:var(--space-sm)}.freq-bar[data-v-fdc86482]{height:100%;border-radius:4px;transition:all var(--transition-fast)}.freq-bar-label[data-v-fdc86482]{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.presets-grid[data-v-fdc86482]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm)}.preset-btn[data-v-fdc86482]{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary)}.preset-btn[data-v-fdc86482]:hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-2px)}.preset-btn.active[data-v-fdc86482]{background:var(--primary);border-color:var(--primary);color:#fff}.preset-btn[data-v-fdc86482]:disabled{opacity:.5;cursor:not-allowed}.preset-name[data-v-fdc86482]{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-xs)}.preset-freq[data-v-fdc86482]{font-size:var(--font-size-xs);color:var(--text-muted);font-family:monospace}.preset-btn.active .preset-freq[data-v-fdc86482]{color:#fffc}.preset-description[data-v-fdc86482]{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.2;margin-top:var(--space-xs);text-align:center}.preset-btn.active .preset-description[data-v-fdc86482]{color:#ffffffb3}@media (max-width: 768px){.pitch-controls-grid[data-v-fdc86482]{grid-template-columns:1fr;gap:var(--space-md)}.control-card[data-v-fdc86482]{padding:var(--space-md)}.control-header[data-v-fdc86482]{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.control-label[data-v-fdc86482]{font-size:var(--font-size-sm)}.info-card[data-v-fdc86482]{display:none}.presets-grid[data-v-fdc86482]{grid-template-columns:repeat(2,1fr)}.mode-selector[data-v-fdc86482]{gap:var(--space-xs)}.mode-btn[data-v-fdc86482]{padding:var(--space-sm)}.pitch-slider[data-v-fdc86482]{height:12px;margin:var(--space-lg) 0}.pitch-slider[data-v-fdc86482]::-webkit-slider-track{height:12px}.pitch-slider[data-v-fdc86482]::-webkit-slider-thumb{width:22px;height:22px;top:-10px;margin-top:0}.pitch-slider[data-v-fdc86482]::-moz-range-thumb{width:22px;height:22px;margin-top:-10px}.manual-input-container[data-v-fdc86482]{padding:var(--space-md)}.manual-input[data-v-fdc86482]{font-size:var(--font-size-lg);padding:var(--space-sm)}.preset-name[data-v-fdc86482]{display:none}.preset-freq[data-v-fdc86482]{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-xs)}.quick-btn[data-v-fdc86482]{min-height:32px!important}.slider-label.start[data-v-fdc86482]{left:10%}.slider-label.middle[data-v-fdc86482]{left:35%}.slider-label.end[data-v-fdc86482]{left:90%}}@media (max-width: 480px){.presets-grid[data-v-fdc86482]{grid-template-columns:1fr}.pitch-info-display[data-v-fdc86482]{grid-template-columns:1fr;gap:var(--space-sm)}.pitch-slider[data-v-fdc86482]{height:16px;margin:var(--space-xl) 0}.pitch-slider[data-v-fdc86482]::-webkit-slider-track{height:16px}.pitch-slider[data-v-fdc86482]::-webkit-slider-thumb{width:26px;height:26px;top:-10px;margin-top:0}.pitch-slider[data-v-fdc86482]::-moz-range-thumb{width:26px;height:26px;margin-top:-10px}.manual-input[data-v-fdc86482]{font-size:16px}.preset-name[data-v-fdc86482]{display:none}.preset-freq[data-v-fdc86482]{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-xs)}.info-card[data-v-fdc86482]{display:none}}@media (min-width: 1200px){.pitch-slider[data-v-fdc86482]{height:6px}.pitch-slider[data-v-fdc86482]::-webkit-slider-track{height:6px}.pitch-slider[data-v-fdc86482]::-webkit-slider-thumb{width:16px;height:16px;top:-7px;margin-top:0}.pitch-slider[data-v-fdc86482]::-moz-range-thumb{width:16px;height:16px;margin-top:-7px}}.manual-input-container[data-v-fdc86482]{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-md);background:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-sm);transition:all var(--transition-fast)}.manual-input-container[data-v-fdc86482]:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1)}.manual-input[data-v-fdc86482]{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:var(--font-size-md);font-family:monospace;font-weight:600;padding:var(--space-xs)}.manual-input[data-v-fdc86482]:disabled{opacity:.5;cursor:not-allowed}.manual-input[data-v-fdc86482]::placeholder{color:var(--text-muted);font-weight:400}.input-unit[data-v-fdc86482]{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;padding:var(--space-xs);background:var(--border);border-radius:var(--radius-sm);min-width:30px;text-align:center}.pitch-slider.saving[data-v-fdc86482]{background:linear-gradient(90deg,var(--success) 0%,var(--border) 100%);box-shadow:0 0 8px rgba(var(--success-rgb),.6)}.pitch-slider.saving[data-v-fdc86482]::-webkit-slider-thumb{background:var(--success);box-shadow:0 0 12px rgba(var(--success-rgb),.8);transform:scale(1.1)}.pitch-slider.saving[data-v-fdc86482]::-moz-range-thumb{background:var(--success);box-shadow:0 0 12px rgba(var(--success-rgb),.8);transform:scale(1.1)}.pitch-modal-header[data-v-755cd47c]{text-align:center}.modal-title[data-v-755cd47c]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-sm) 0}.modal-title i[data-v-755cd47c]{color:var(--primary);font-size:var(--font-size-xxl)}.modal-subtitle[data-v-755cd47c]{color:var(--text-secondary);font-size:var(--font-size-md);margin:0;line-height:1.4}.pitch-modal-body[data-v-755cd47c]{padding:0}@media (max-width: 768px){.modal-title[data-v-755cd47c]{font-size:var(--font-size-lg);margin-top:32px}.modal-subtitle[data-v-755cd47c]{font-size:var(--font-size-sm)}}.frequency-tags[data-v-59868ae8]{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:6px}.frequency-tags.compact[data-v-59868ae8]{display:flex;gap:8px;align-items:center;justify-content:start;flex-wrap:wrap;margin-top:6px}.frequency-tag[data-v-59868ae8]{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;border:1px solid;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden}.frequency-tag[data-v-59868ae8]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,currentColor,transparent);opacity:.3}.base-frequency[data-v-59868ae8]{color:#90caf9;border-color:#90caf966;background:linear-gradient(135deg,#90caf926,#90caf90d)}.target-frequency[data-v-59868ae8]{color:#a5d6a7;border-color:#a5d6a766;background:linear-gradient(135deg,#a5d6a726,#a5d6a70d)}.target-frequency.pitch-shifted[data-v-59868ae8]{color:#ffcc02;border-color:#ffcc0280;background:linear-gradient(135deg,#ffcc0233,#ffcc021a);box-shadow:0 0 12px #ffcc024d;animation:pitchShiftGlow-59868ae8 2s ease-in-out infinite}@keyframes pitchShiftGlow-59868ae8{0%,to{box-shadow:0 0 12px #ffcc024d}50%{box-shadow:0 0 16px #ffcc0280}}.frequency-tag i[data-v-59868ae8]{font-size:10px;opacity:.8}.icon-frequency[data-v-59868ae8]:before{content:"♪"}.icon-target[data-v-59868ae8]:before{content:"🔊"}.icon-check-small[data-v-59868ae8]:before{content:"✓"}.pitch-active[data-v-59868ae8]{color:#ffcc02;font-size:10px;margin-left:2px;animation:checkPulse-59868ae8 1.5s ease-in-out infinite}@keyframes checkPulse-59868ae8{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.frequency-label[data-v-59868ae8]{font-size:9px;opacity:.9}.frequency-value[data-v-59868ae8]{font-size:10px;font-weight:700;font-family:Courier New,monospace}.frequency-tags.compact .frequency-tag[data-v-59868ae8]{padding:2px 6px;font-size:10px;gap:3px}.frequency-tags.compact .frequency-label[data-v-59868ae8]{font-size:8px}.frequency-tags.compact .frequency-value[data-v-59868ae8]{font-size:9px}.frequency-tag[data-v-59868ae8]:hover{transform:translateY(-1px);opacity:1}.base-frequency[data-v-59868ae8]:hover{box-shadow:0 4px 12px #90caf94d}.target-frequency[data-v-59868ae8]:hover:not(.pitch-shifted){box-shadow:0 4px 12px #a5d6a74d}@media (max-width: 768px){.frequency-tags[data-v-59868ae8]{gap:6px}.frequency-tag[data-v-59868ae8]{font-size:10px}.frequency-label[data-v-59868ae8]{font-size:8px}.frequency-value[data-v-59868ae8]{font-size:9px}}@media (max-width: 480px){.frequency-tags[data-v-59868ae8]{gap:4px}.frequency-tag[data-v-59868ae8]{font-size:8px}.frequency-label[data-v-59868ae8]{display:none}.frequency-value[data-v-59868ae8]{font-size:8px}}.mini-player[data-v-c6b8240d]{position:fixed;bottom:80px;left:0;right:0;height:90px;background:var(--surface);border-top:1px solid var(--border-color);z-index:1100;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 -2px 16px #00000026}.mini-player.visible[data-v-c6b8240d]{transform:translateY(0)}.mini-player-content[data-v-c6b8240d]{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);gap:var(--space-lg);margin:0 auto}.track-info[data-v-c6b8240d]{display:flex;align-items:center;gap:var(--space-sm);flex:1;min-width:0;cursor:pointer}.track-artwork[data-v-c6b8240d]{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--surface-hover);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.track-artwork img[data-v-c6b8240d]{width:100%;height:100%;object-fit:cover}.track-artwork i[data-v-c6b8240d]{color:var(--text-tertiary);font-size:var(--font-size-lg)}.track-details[data-v-c6b8240d]{min-width:0;flex:1;margin-left:var(--space-sm)}.track-title[data-v-c6b8240d]{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist[data-v-c6b8240d]{color:var(--text-secondary);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.frequency-wrapper[data-v-c6b8240d]{display:block}.mini-controls[data-v-c6b8240d]{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.playback-mode-controls[data-v-c6b8240d]{display:flex;align-items:center;gap:var(--space-xs);margin-right:var(--space-sm)}.control-btn[data-v-c6b8240d]{width:32px;height:32px;border:none;background:#ffffff1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.control-btn[data-v-c6b8240d]:hover:not(:disabled){background:#fff3;color:var(--text-primary);transform:scale(1.1)}.control-btn[data-v-c6b8240d]:disabled{opacity:.5;cursor:not-allowed}.mode-btn[data-v-c6b8240d]{width:28px;height:28px;font-size:12px}.mode-btn.active[data-v-c6b8240d]{background:var(--primary);color:#fff}.mode-btn.active[data-v-c6b8240d]:hover{background:var(--primary-dark)}.mode-btn.repeat-btn[data-v-c6b8240d]{position:relative;width:32px;height:32px}.mode-btn.repeat-btn.active[data-v-c6b8240d]{background:var(--primary);color:#fff}.mode-btn.repeat-btn.active[data-v-c6b8240d]:hover{background:var(--primary-dark)}.repeat-indicator[data-v-c6b8240d]{position:absolute;top:-2px;right:-2px;background:var(--primary);color:#fff;border-radius:50%;width:12px;height:12px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;border:1px solid white}.mode-btn.repeat-btn.repeat-none .repeat-indicator[data-v-c6b8240d]{background:transparent}.mode-btn.repeat-btn.repeat-one .repeat-indicator[data-v-c6b8240d]{background:#ff6b35}.mode-btn.repeat-btn.repeat-all .repeat-indicator[data-v-c6b8240d]{background:#4caf50}.play-btn[data-v-c6b8240d]{width:36px;height:36px;background:var(--primary);color:#fff}.play-btn[data-v-c6b8240d]:hover{background:var(--primary-dark);transform:scale(1.1)}.play-btn.error[data-v-c6b8240d]{background:var(--error);animation:pulse-error-c6b8240d 2s infinite}.play-btn.error[data-v-c6b8240d]:hover{background:var(--error-dark)}@keyframes pulse-error-c6b8240d{0%,to{opacity:1}50%{opacity:.7}}.progress-container[data-v-c6b8240d]{position:absolute;top:0;left:0;right:0;height:2px;cursor:pointer}.progress-bar[data-v-c6b8240d]{width:100%;height:100%;background:#ffffff1a}.progress-fill[data-v-c6b8240d]{height:100%;background:var(--primary);transition:width .1s ease}.radio-indicator[data-v-c6b8240d]{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.radio-dot[data-v-c6b8240d]{width:8px;height:8px;background:var(--warning);border-radius:50%;animation:pulse-c6b8240d 2s infinite}.radio-text[data-v-c6b8240d]{color:var(--warning);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase}@keyframes pulse-c6b8240d{0%,to{opacity:1}50%{opacity:.5}}.error-indicator[data-v-c6b8240d]{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;background:var(--error-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);color:var(--error);font-size:var(--font-size-xs);max-width:200px}.error-message[data-v-c6b8240d]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.retry-btn[data-v-c6b8240d]{background:var(--error);color:#fff;border:none;padding:var(--space-xs);border-radius:var(--radius-xs);cursor:pointer;font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;transition:all var(--transition-fast)}.retry-btn[data-v-c6b8240d]:hover{background:var(--error-dark);transform:scale(1.05)}@media (max-width: 768px){.mini-player[data-v-c6b8240d]{bottom:60px;height:70px;z-index:1100;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#121212fa;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 -4px 20px #00000026;padding-bottom:env(safe-area-inset-bottom)}.mini-player-content[data-v-c6b8240d]{padding:var(--space-md) var(--space-md);gap:var(--space-md);min-height:72px}.track-info[data-v-c6b8240d]{border-radius:var(--radius-lg);transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.track-info[data-v-c6b8240d]:active{transform:scale(.98);background:#ffffff0d}.track-artwork[data-v-c6b8240d]{width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.track-artwork img[data-v-c6b8240d]{transition:transform var(--transition-fast)}.track-info:active .track-artwork img[data-v-c6b8240d]{transform:scale(1.05)}.track-details[data-v-c6b8240d]{flex:1;min-width:0;padding:0 var(--space-sm)}.track-title[data-v-c6b8240d]{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.track-artist[data-v-c6b8240d]{font-size:var(--font-size-sm)}.frequency-wrapper[data-v-c6b8240d],.frequency-tags.compact[data-v-c6b8240d]{display:none}.mini-controls[data-v-c6b8240d]{gap:var(--space-md);align-items:center}.playback-mode-controls[data-v-c6b8240d]{display:none}.control-btn[data-v-c6b8240d]{width:32px;height:32px;font-size:var(--font-size-lg);border-radius:var(--radius-lg);-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;transition:all var(--transition-fast)}.control-btn[data-v-c6b8240d]:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:transparent;border-radius:inherit;transition:background .1s ease;z-index:-1}.control-btn[data-v-c6b8240d]:active{transform:scale(.9)}.control-btn[data-v-c6b8240d]:active:before{background:#ffffff1a;animation:rippleEffect-c6b8240d .3s ease}@keyframes rippleEffect-c6b8240d{0%{transform:translate(-50%,-50%) scale(.8);opacity:1}to{transform:translate(-50%,-50%) scale(1.3);opacity:0}}.play-btn[data-v-c6b8240d]{width:52px;height:52px;font-size:var(--font-size-xl);background:var(--primary);color:#fff;box-shadow:0 4px 12px #b91db94d}.play-btn[data-v-c6b8240d]:hover{background:var(--primary-hover);box-shadow:0 6px 16px #b91db966;transform:translateY(-1px)}.play-btn[data-v-c6b8240d]:active{transform:scale(.95);box-shadow:0 2px 8px #b91db94d}.mode-btn[data-v-c6b8240d]{width:40px;height:40px;font-size:var(--font-size-md)}.mode-btn.active[data-v-c6b8240d]{background:#b91db933;color:var(--primary)}.progress-container[data-v-c6b8240d]{display:none;cursor:pointer;padding:var(--space-sm);margin:0 calc(-1 * var(--space-sm));-webkit-tap-highlight-color:transparent;touch-action:manipulation}.progress-bar[data-v-c6b8240d]{height:6px;border-radius:var(--radius-sm);background:#fff3;overflow:hidden;position:relative}.progress-fill[data-v-c6b8240d]{background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:inherit;position:relative}.progress-fill[data-v-c6b8240d]:after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;opacity:0;transition:opacity var(--transition-fast)}.progress-container:hover .progress-fill[data-v-c6b8240d]:after,.progress-container:active .progress-fill[data-v-c6b8240d]:after{opacity:1}.radio-indicator[data-v-c6b8240d]{display:none;background:#43e97b1a;border:1px solid rgba(67,233,123,.3);border-radius:var(--radius-full);padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.radio-dot[data-v-c6b8240d]{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse-c6b8240d 1.5s infinite}.error-indicator[data-v-c6b8240d]{max-width:200px;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);background:#e221341a;border:1px solid rgba(226,33,52,.3)}.retry-btn[data-v-c6b8240d]{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);min-height:40px;border-radius:var(--radius-md);background:var(--error);color:#fff;font-weight:var(--font-weight-medium);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.retry-btn[data-v-c6b8240d]:active{transform:scale(.95)}}@media (max-width: 480px){.mini-player-content[data-v-c6b8240d]{padding:var(--space-sm) var(--space-md);gap:var(--space-sm);min-height:68px}.track-artwork[data-v-c6b8240d]{width:44px;height:44px}.track-title[data-v-c6b8240d]{font-size:var(--font-size-sm)}.track-artist[data-v-c6b8240d]{font-size:var(--font-size-xs)}.control-btn[data-v-c6b8240d]{width:32px;height:32px;font-size:var(--font-size-md)}.play-btn[data-v-c6b8240d]{width:48px;height:48px;font-size:var(--font-size-lg)}.mode-btn[data-v-c6b8240d]{width:36px;height:36px;font-size:var(--font-size-sm)}.frequency-wrapper[data-v-c6b8240d],.frequency-tags.compact[data-v-c6b8240d]{display:none}.mini-controls[data-v-c6b8240d]{gap:var(--space-sm)}.playback-mode-controls[data-v-c6b8240d]{display:none}.progress-bar[data-v-c6b8240d]{height:5px}.progress-fill[data-v-c6b8240d]:after{width:10px;height:10px}.error-indicator[data-v-c6b8240d]{max-width:160px;font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm)}.retry-btn[data-v-c6b8240d]{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);min-height:36px}}@media (max-width: 768px) and (orientation: landscape){.mini-player[data-v-c6b8240d]{bottom:70px}.mini-player-content[data-v-c6b8240d]{min-height:60px;padding:var(--space-sm) var(--space-md)}.track-artwork[data-v-c6b8240d]{width:40px;height:40px}.control-btn[data-v-c6b8240d]{width:32px;height:32px}.play-btn[data-v-c6b8240d]{width:46px;height:46px}.mode-btn[data-v-c6b8240d]{width:34px;height:34px}}.id3-editor[data-v-6dec6425]{background:#1e1e1e;border-radius:12px;padding:24px;max-width:800px;margin:0 auto;position:relative}.editor-header[data-v-6dec6425]{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.editor-header h2[data-v-6dec6425]{color:#fff;margin-bottom:8px;font-size:24px;font-weight:600}.file-info[data-v-6dec6425]{display:flex;gap:12px;align-items:center;justify-content:space-between}.song-info[data-v-6dec6425]{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.song-title[data-v-6dec6425]{color:#fff;font-weight:500;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.song-artist[data-v-6dec6425]{color:#ccc;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.format[data-v-6dec6425]{background:#333;color:#ccc;padding:4px 8px;border-radius:4px;font-size:12px;text-transform:uppercase;flex-shrink:0}.editor-content[data-v-6dec6425]{display:flex;flex-direction:column;gap:24px}.artwork-section[data-v-6dec6425]{display:flex;gap:16px;align-items:flex-start}.artwork-container[data-v-6dec6425]{width:120px;height:120px;border-radius:8px;overflow:hidden;background:#2a2a2a;display:flex;align-items:center;justify-content:center}.artwork-preview[data-v-6dec6425]{width:100%;height:100%;object-fit:cover}.artwork-placeholder[data-v-6dec6425]{display:flex;flex-direction:column;align-items:center;gap:8px;color:#666}.artwork-placeholder i[data-v-6dec6425]{font-size:32px}.artwork-actions[data-v-6dec6425]{display:flex;flex-direction:column;gap:8px}.form-section[data-v-6dec6425]{background:#2a2a2a;border-radius:8px;padding:20px}.form-section h3[data-v-6dec6425]{color:#fff;margin-bottom:16px;font-size:18px;font-weight:500}.form-grid[data-v-6dec6425]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.form-group[data-v-6dec6425]{display:flex;flex-direction:column;gap:8px}.form-group label[data-v-6dec6425]{color:#ccc;font-size:14px;font-weight:500}.form-group input[data-v-6dec6425],.form-group select[data-v-6dec6425],.form-group textarea[data-v-6dec6425]{background:#1e1e1e;border:1px solid #444;border-radius:6px;padding:12px;color:#fff;font-size:14px;transition:border-color .2s}.form-group input[data-v-6dec6425]:focus,.form-group select[data-v-6dec6425]:focus,.form-group textarea[data-v-6dec6425]:focus{outline:none;border-color:#007acc}.form-group input[data-v-6dec6425]:disabled,.form-group select[data-v-6dec6425]:disabled,.form-group textarea[data-v-6dec6425]:disabled{opacity:.6;cursor:not-allowed}.tech-info[data-v-6dec6425]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tech-item[data-v-6dec6425]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #333}.tech-item .label[data-v-6dec6425]{color:#ccc;font-size:14px}.tech-item .value[data-v-6dec6425]{color:#fff;font-weight:500}.validation-errors[data-v-6dec6425]{background:#2d1b1b;border:1px solid #d32f2f;border-radius:8px;padding:16px;margin-top:16px}.validation-errors h4[data-v-6dec6425]{color:#ff6b6b;margin-bottom:8px;font-size:16px}.error-item[data-v-6dec6425]{color:#ff6b6b;margin-left:16px;font-size:14px}.editor-actions[data-v-6dec6425]{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #333}.btn[data-v-6dec6425]{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn[data-v-6dec6425]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-6dec6425]{background:#007acc;color:#fff}.btn-primary[data-v-6dec6425]:hover:not(:disabled){background:#005a9e}.btn-secondary[data-v-6dec6425]{background:#444;color:#fff}.btn-secondary[data-v-6dec6425]:hover:not(:disabled){background:#555}.btn-danger[data-v-6dec6425]{background:#d32f2f;color:#fff}.btn-danger[data-v-6dec6425]:hover:not(:disabled){background:#b71c1c}.btn-outline[data-v-6dec6425]{background:transparent;color:#ccc;border:1px solid #444}.btn-outline[data-v-6dec6425]:hover:not(:disabled){background:#333;color:#fff}.loading-overlay[data-v-6dec6425]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:12px;z-index:10}.loading-spinner[data-v-6dec6425]{width:32px;height:32px;border:3px solid #333;border-top:3px solid #007acc;border-radius:50%;animation:spin-6dec6425 1s linear infinite}@keyframes spin-6dec6425{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[dir=rtl] .form-grid[data-v-6dec6425],[dir=rtl] .tech-item[data-v-6dec6425],[dir=rtl] .editor-actions[data-v-6dec6425]{direction:rtl}@media (max-width: 768px){.id3-editor[data-v-6dec6425]{padding:16px;margin:0 8px}.form-grid[data-v-6dec6425]{grid-template-columns:1fr}.artwork-section[data-v-6dec6425]{flex-direction:column;align-items:center}.editor-actions[data-v-6dec6425]{flex-direction:column}.btn[data-v-6dec6425]{width:100%;justify-content:center}}.web-warning[data-v-6dec6425]{background:#2d1b1b;color:#ffb300;border:1px solid #d32f2f;border-radius:8px;padding:12px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.lyrics-panel-container[data-v-6dec6425]{border:1px solid #444;border-radius:8px;background:#1e1e1e;min-height:300px;max-height:500px;overflow:hidden}.lyrics-panel-container .lyrics-panel[data-v-6dec6425]{background:transparent;border:none;height:100%}.lyrics-panel-container .lyrics-header[data-v-6dec6425]{padding:12px 16px;border-bottom:1px solid #333;background:#2a2a2a}.lyrics-panel-container .lyrics-content[data-v-6dec6425]{padding:16px;height:calc(100% - 60px);overflow-y:auto}.keyboard-shortcuts[data-v-8bc58576]{background:var(--background);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:800px;max-height:80vh;overflow-y:auto;border:1px solid var(--border);box-shadow:var(--shadow-xl)}.shortcuts-header[data-v-8bc58576]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.shortcuts-header h3[data-v-8bc58576]{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.close-btn[data-v-8bc58576]{background:none;border:none;font-size:var(--font-size-lg);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-btn[data-v-8bc58576]:hover{background:var(--surface-hover);color:var(--text-primary)}.shortcuts-content[data-v-8bc58576]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.shortcuts-section[data-v-8bc58576]{display:flex;flex-direction:column;gap:var(--space-md)}.shortcuts-section h4[data-v-8bc58576]{margin:0;font-size:var(--font-size-lg);color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:var(--space-sm)}.shortcut-item[data-v-8bc58576]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.shortcut-item[data-v-8bc58576]:hover{background:var(--surface-hover)}.shortcut-keys[data-v-8bc58576]{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}.shortcut-keys span[data-v-8bc58576]{color:var(--text-secondary);font-size:var(--font-size-xs)}.shortcut-description[data-v-8bc58576]{color:var(--text-secondary);font-size:var(--font-size-sm)}kbd[data-v-8bc58576]{display:inline-block;padding:2px 8px;font-size:var(--font-size-xs);color:var(--text-primary);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);box-shadow:0 1px 0 var(--border);font-family:var(--font-mono);font-weight:600}@media (max-width: 768px){.shortcuts-content[data-v-8bc58576]{grid-template-columns:1fr}.keyboard-shortcuts[data-v-8bc58576]{padding:var(--space-lg);max-height:90vh}.shortcut-item[data-v-8bc58576]{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.shortcut-keys[data-v-8bc58576]{order:2}.shortcut-description[data-v-8bc58576]{order:1;font-weight:600}}.language-selector[data-v-fa4b0337]{position:relative}.language-button[data-v-fa4b0337]{width:40px;height:40px;border:none;background:#ffffff1a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast);font-size:var(--font-size-lg)}.language-button[data-v-fa4b0337]:hover{background:#fff3;color:var(--text-primary);transform:translateY(-1px)}.language-button.active[data-v-fa4b0337]{background:var(--primary);color:#fff}.language-menu[data-v-fa4b0337]{position:absolute;top:100%;right:0;background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs);margin-top:var(--space-xs);min-width:120px;z-index:1000}.language-option[data-v-fa4b0337]{width:100%;padding:var(--space-sm) var(--space-md);border:none;background:none;color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.language-option[data-v-fa4b0337]:hover{background:var(--surface-hover);color:var(--text-primary)}.language-option.active[data-v-fa4b0337]{background:var(--primary);color:#fff}[dir=rtl] .language-menu[data-v-fa4b0337]{right:auto;left:0}.audio-visualizer[data-v-326ce97d]{position:relative;width:100%;height:100%;background:var(--surface-active-transparent);border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center}.visualizer-canvas[data-v-326ce97d]{width:100%;height:100%;display:block}.visualizer-overlay[data-v-326ce97d]{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000004d;color:#fff;font-size:var(--font-size-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.visualizer-overlay i[data-v-326ce97d]{font-size:32px;opacity:.7}.visualizer-controls[data-v-326ce97d]{position:absolute;bottom:var(--space-sm);right:var(--space-sm);display:flex;gap:var(--space-xs);background:#000000b3;border-radius:var(--radius-md);padding:var(--space-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.visualizer-type-btn[data-v-326ce97d]{border:none;border-radius:var(--radius-sm);background:transparent;color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--transition-fast)}.visualizer-type-btn[data-v-326ce97d]:hover{background:#ffffff1a;color:#fff}.visualizer-type-btn.active[data-v-326ce97d]{background:var(--primary);color:#fff}@media (max-width: 768px){.audio-visualizer[data-v-326ce97d]{border-radius:var(--radius-lg);background:transparent;position:relative;overflow:hidden;padding:var(--space-md)}.visualizer-canvas[data-v-326ce97d]{width:100%;height:100%;border-radius:var(--radius-lg);background:transparent}.visualizer-controls[data-v-326ce97d]{display:none;bottom:var(--space-md);right:var(--space-md);gap:var(--space-xs);padding:var(--space-sm);background:#000c;border-radius:var(--radius-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 16px #0000004d}.visualizer-type-btn[data-v-326ce97d]{width:40px;height:40px;font-size:1rem;border-radius:var(--radius-md);-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.visualizer-type-btn[data-v-326ce97d]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;opacity:0;transition:opacity .2s ease;border-radius:var(--radius-md)}.visualizer-type-btn[data-v-326ce97d]:active:before{opacity:.2}.visualizer-type-btn[data-v-326ce97d]:active{transform:scale(.9)}.visualizer-type-btn.active[data-v-326ce97d]{background:var(--primary);color:#fff;box-shadow:0 2px 8px #b91db966}.visualizer-overlay[data-v-326ce97d]{background:#0009;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);font-size:var(--font-size-sm);text-align:center;padding:var(--space-lg)}.visualizer-overlay i[data-v-326ce97d]{font-size:3rem;opacity:.8;margin-bottom:var(--space-md);color:var(--primary)}}@media (max-width: 480px){.visualizer-controls[data-v-326ce97d]{display:none;bottom:var(--space-sm);right:var(--space-sm);padding:var(--space-xs);gap:2px}.visualizer-type-btn[data-v-326ce97d]{width:36px;height:36px;font-size:.875rem}.visualizer-overlay[data-v-326ce97d]{padding:var(--space-md);font-size:var(--font-size-xs)}.visualizer-overlay i[data-v-326ce97d]{font-size:2.5rem}}@media (max-width: 768px) and (orientation: landscape){.visualizer-controls[data-v-326ce97d]{bottom:var(--space-sm);right:var(--space-sm);padding:var(--space-xs)}.visualizer-type-btn[data-v-326ce97d]{width:32px;height:32px;font-size:.75rem}.visualizer-overlay[data-v-326ce97d]{padding:var(--space-sm)}.visualizer-overlay i[data-v-326ce97d]{font-size:2rem}}@media (max-width: 768px){.visualizer-canvas[data-v-326ce97d]{will-change:transform;transform:translateZ(0);-webkit-transform:translateZ(0)}.audio-visualizer[data-v-326ce97d]{contain:layout style paint;padding:var(--space-md)}}.volume-control[data-v-80a6efe8]{display:flex;align-items:center;gap:var(--space-sm);width:100%}.volume-button[data-v-80a6efe8]{width:32px;height:32px;border:none;border-radius:var(--radius-md);background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all var(--transition-fast);flex-shrink:0}.volume-button[data-v-80a6efe8]:hover{background:var(--surface-active);color:var(--text-primary)}.volume-slider-container[data-v-80a6efe8]{position:relative;flex:1;height:24px;display:flex;align-items:center}.volume-slider[data-v-80a6efe8]{width:100%;height:4px;border-radius:var(--radius-sm);background:var(--border);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-slider[data-v-80a6efe8]::-webkit-slider-track{height:4px;border-radius:var(--radius-sm);background:var(--border)}.volume-slider[data-v-80a6efe8]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.volume-slider[data-v-80a6efe8]::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg)}.volume-slider[data-v-80a6efe8]::-moz-range-track{height:4px;border-radius:var(--radius-sm);background:var(--border);border:none}.volume-slider[data-v-80a6efe8]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--primary);cursor:pointer;border:none;box-shadow:var(--shadow-md);transition:all var(--transition-fast)}.volume-slider[data-v-80a6efe8]::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-lg)}.volume-fill[data-v-80a6efe8]{position:absolute;top:50%;left:0;height:4px;background:var(--primary);border-radius:var(--radius-sm);transform:translateY(-50%);pointer-events:none;transition:width var(--transition-fast)}.volume-display[data-v-80a6efe8]{font-size:var(--font-size-xs);color:var(--text-muted);font-family:monospace;min-width:32px;text-align:right;flex-shrink:0}@media (max-width: 768px){.volume-control[data-v-80a6efe8]{padding:var(--space-md);gap:var(--space-md);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border)}.volume-button[data-v-80a6efe8]{width:48px;height:48px;font-size:1.25rem;border-radius:var(--radius-lg);background:var(--surface-hover);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.volume-button[data-v-80a6efe8]:active{transform:scale(.95);background:var(--surface-active)}.volume-slider-container[data-v-80a6efe8]{height:32px;padding:var(--space-sm) 0}.volume-slider[data-v-80a6efe8]{height:6px;background:var(--surface-hover);cursor:pointer;touch-action:none}.volume-slider[data-v-80a6efe8]::-webkit-slider-thumb{width:20px;height:20px;background:var(--primary);border:2px solid white;box-shadow:0 2px 8px #0003}.volume-slider[data-v-80a6efe8]::-webkit-slider-thumb:active{transform:scale(1.2)}.volume-slider[data-v-80a6efe8]::-moz-range-thumb{width:20px;height:20px;background:var(--primary);border:2px solid white;box-shadow:0 2px 8px #0003}.volume-fill[data-v-80a6efe8]{height:6px;background:var(--primary)}.volume-display[data-v-80a6efe8]{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);min-width:40px}}@media (max-width: 480px){.volume-control[data-v-80a6efe8]{padding:var(--space-sm);gap:var(--space-sm)}.volume-button[data-v-80a6efe8]{width:44px;height:44px;font-size:1.125rem}.volume-slider-container[data-v-80a6efe8]{height:36px}.volume-slider[data-v-80a6efe8]{height:8px}.volume-slider[data-v-80a6efe8]::-webkit-slider-thumb{width:24px;height:24px}.volume-slider[data-v-80a6efe8]::-moz-range-thumb{width:24px;height:24px}.volume-fill[data-v-80a6efe8]{height:8px}.volume-display[data-v-80a6efe8]{font-size:var(--font-size-xs);min-width:36px}}.queue-manager[data-v-04080ede]{display:flex;flex-direction:column;height:100%;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden}.queue-header[data-v-04080ede]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border);background:var(--background);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.queue-header-compact[data-v-04080ede]{display:flex;justify-content:flex-end;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);background:var(--background)}.queue-title[data-v-04080ede]{display:flex;align-items:center;gap:var(--space-sm);margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.queue-actions[data-v-04080ede]{display:flex;gap:var(--space-sm)}.action-btn[data-v-04080ede]{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.action-btn[data-v-04080ede]:hover:not(:disabled){background:var(--surface-active);color:var(--text-primary);border-color:var(--primary)}.action-btn[data-v-04080ede]:disabled{opacity:.5;cursor:not-allowed}.clear-btn[data-v-04080ede]{color:var(--danger);border-color:var(--danger)}.clear-btn[data-v-04080ede]:hover:not(:disabled){background:var(--danger);color:#fff}.queue-content[data-v-04080ede]{flex:1;overflow-y:auto;padding:var(--space-md)}.queue-section[data-v-04080ede]{margin-bottom:var(--space-lg)}.section-header[data-v-04080ede]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;margin-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.section-header h4[data-v-04080ede]{margin:0;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600}.track-count[data-v-04080ede]{color:var(--text-muted);font-size:var(--font-size-xs);background:var(--surface-hover);padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--border)}.queue-list[data-v-04080ede]{display:flex;flex-direction:column;gap:var(--space-sm)}.queue-item[data-v-04080ede]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--surface-hover);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;position:relative;overflow:hidden}.queue-item[data-v-04080ede]:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--primary);opacity:0;transition:opacity var(--transition-fast)}.queue-item[data-v-04080ede]:hover{background:var(--surface-active);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.queue-item[data-v-04080ede]:hover:before{opacity:1}.queue-item.is-current[data-v-04080ede]{border-color:var(--primary);background:var(--primary-bg)}.queue-item.is-current[data-v-04080ede]:before{opacity:1}.queue-item.is-playing[data-v-04080ede]{background:var(--primary-light)}.queue-item.history-item[data-v-04080ede]{opacity:.7}.item-artwork[data-v-04080ede]{width:48px;height:48px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.item-artwork img[data-v-04080ede]{width:100%;height:100%;object-fit:cover}.artwork-placeholder[data-v-04080ede]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-active);color:var(--text-muted);font-size:20px}.item-info[data-v-04080ede]{flex:1;min-width:0}.track-title[data-v-04080ede]{font-weight:600;color:var(--text-primary);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-artist[data-v-04080ede]{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-album[data-v-04080ede]{color:var(--text-muted);font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-actions[data-v-04080ede]{display:flex;gap:var(--space-xs);opacity:0;transition:opacity var(--transition-fast);transform:translate(10px);transition:all var(--transition-fast)}.queue-item:hover .item-actions[data-v-04080ede]{opacity:1;transform:translate(0)}.item-actions .action-btn[data-v-04080ede]{width:28px;height:28px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;background:var(--surface);border:1px solid var(--border)}.item-actions .action-btn[data-v-04080ede]:hover:not(:disabled){background:var(--surface-active);color:var(--text-primary);border-color:var(--primary)}.remove-btn[data-v-04080ede]:hover:not(:disabled){background:var(--danger);color:#fff;border-color:var(--danger)}.empty-state[data-v-04080ede]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl);color:var(--text-muted);text-align:center;height:100%;animation:fadeInUp-04080ede .5s ease-out}@keyframes fadeInUp-04080ede{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.empty-icon[data-v-04080ede]{font-size:48px;color:var(--text-muted);margin-bottom:var(--space-md);opacity:.5;animation:float-04080ede 3s ease-in-out infinite}@keyframes float-04080ede{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3[data-v-04080ede]{margin:0 0 var(--space-sm) 0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600}.empty-state p[data-v-04080ede]{margin:0;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5}@media (max-width: 768px){.queue-manager[data-v-04080ede]{height:100%;display:flex;flex-direction:column;background:var(--background)}.queue-header[data-v-04080ede]{padding:var(--space-md) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.queue-header-compact[data-v-04080ede]{padding:var(--space-md) var(--space-lg);background:var(--surface);flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.queue-title[data-v-04080ede]{font-size:var(--font-size-xl);font-weight:700}.action-btn[data-v-04080ede]{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .2s ease}.action-btn[data-v-04080ede]:active{transform:scale(.95)}.clear-btn[data-v-04080ede]:active{background:var(--danger);color:#fff}.queue-content[data-v-04080ede]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--space-md);background:var(--background)}.section-header[data-v-04080ede]{padding:var(--space-md) var(--space-sm);margin-bottom:var(--space-md);border-bottom:1px solid var(--border);background:var(--surface);border-radius:var(--radius-lg);position:sticky;top:-1px;z-index:5}.section-header h4[data-v-04080ede]{font-size:var(--font-size-md);font-weight:600}.track-count[data-v-04080ede]{font-size:var(--font-size-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);background:var(--primary-bg);color:var(--primary);border:1px solid var(--primary-light)}.queue-item[data-v-04080ede]{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);margin-bottom:var(--space-sm);background:var(--surface);border:1px solid var(--border);min-height:72px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:all .2s ease}.queue-item[data-v-04080ede]:active{transform:scale(.98);background:var(--surface-active)}.queue-item.is-current[data-v-04080ede]{border-color:var(--primary);background:var(--primary-bg);box-shadow:0 2px 8px #b91db933}.queue-item.is-playing[data-v-04080ede]{background:var(--primary-bg);border-color:var(--primary);animation:pulse-border-04080ede 2s infinite}@keyframes pulse-border-04080ede{0%,to{border-color:var(--primary)}50%{border-color:var(--primary-light)}}.item-artwork[data-v-04080ede]{width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.artwork-placeholder[data-v-04080ede]{background:var(--surface-hover);font-size:1.25rem}.track-title[data-v-04080ede]{font-size:var(--font-size-md);font-weight:600;line-height:1.2;margin-bottom:var(--space-xs)}.track-artist[data-v-04080ede]{font-size:var(--font-size-sm);font-weight:500;margin-bottom:2px}.track-album[data-v-04080ede]{font-size:var(--font-size-xs);opacity:.8}.item-actions[data-v-04080ede]{opacity:1;transform:translate(0);gap:var(--space-sm);flex-shrink:0}.item-actions .action-btn[data-v-04080ede]{width:36px;height:36px;font-size:var(--font-size-sm);border-radius:var(--radius-lg);padding:0;min-height:36px;border:1px solid var(--border);background:var(--surface-hover)}.item-actions .action-btn[data-v-04080ede]:active{transform:scale(.9);background:var(--surface-active)}.remove-btn[data-v-04080ede]:active{background:var(--danger);color:#fff;border-color:var(--danger)}.empty-state[data-v-04080ede]{padding:var(--space-3xl) var(--space-xl);min-height:300px}.empty-icon[data-v-04080ede]{font-size:4rem;margin-bottom:var(--space-xl)}.empty-state h3[data-v-04080ede]{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--space-md)}.empty-state p[data-v-04080ede]{font-size:var(--font-size-md);line-height:1.6;max-width:280px;margin:0 auto}}@media (max-width: 480px){.queue-header[data-v-04080ede],.queue-header-compact[data-v-04080ede]{padding:var(--space-sm) var(--space-md)}.queue-content[data-v-04080ede]{padding:var(--space-sm)}.queue-item[data-v-04080ede]{gap:var(--space-sm);padding:var(--space-sm) var(--space-md);min-height:64px}.item-artwork[data-v-04080ede]{width:40px;height:40px}.track-title[data-v-04080ede]{font-size:var(--font-size-sm)}.track-artist[data-v-04080ede]{font-size:var(--font-size-xs)}.track-album[data-v-04080ede]{font-size:var(--font-size-2xs)}.item-actions .action-btn[data-v-04080ede]{width:32px;height:32px;font-size:var(--font-size-xs)}.empty-state[data-v-04080ede]{padding:var(--space-2xl) var(--space-md)}.empty-icon[data-v-04080ede]{font-size:3rem}.empty-state h3[data-v-04080ede]{font-size:var(--font-size-lg)}.empty-state p[data-v-04080ede]{font-size:var(--font-size-sm)}}.track-info-panel[data-v-9561e451]{padding:var(--space-lg)}.info-content[data-v-9561e451]{display:flex;flex-direction:column;gap:var(--space-xl)}.info-section h3[data-v-9561e451]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md);border-bottom:2px solid var(--border);padding-bottom:var(--space-sm)}.info-grid[data-v-9561e451]{display:grid;grid-template-columns:1fr;gap:var(--space-md)}.info-item[data-v-9561e451]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--surface-hover);border-radius:var(--radius-sm)}.label[data-v-9561e451]{font-weight:500;color:var(--text-secondary)}.value[data-v-9561e451]{color:var(--text-primary);font-family:monospace}.info-placeholder[data-v-9561e451]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.info-placeholder i[data-v-9561e451]{font-size:64px;margin-bottom:var(--space-lg);opacity:.5}.info-placeholder h3[data-v-9561e451]{font-size:var(--font-size-lg);margin-bottom:var(--space-sm)}.info-placeholder p[data-v-9561e451]{font-size:var(--font-size-sm);opacity:.7}.visualizer-panel[data-v-839b484c]{background:var(--card-background);border-radius:12px;padding:var(--space-lg);box-shadow:0 2px 8px #0000001a}.control-btn[data-v-839b484c]{padding:8px 16px;border:none;border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s}.control-btn.active[data-v-839b484c]{background:var(--primary);color:#fff}.visualizer-content[data-v-839b484c]{display:flex;flex-direction:column;gap:20px}.visualizer-type[data-v-839b484c]{display:flex;flex-direction:column;gap:12px}.type-label[data-v-839b484c]{font-weight:600;color:var(--text-primary)}.type-options[data-v-839b484c]{display:flex;gap:8px;flex-wrap:wrap}.type-btn[data-v-839b484c]{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s}.type-btn.active[data-v-839b484c]{background:var(--primary);color:#fff;border-color:var(--primary)}.visualizer-canvas-container[data-v-839b484c]{position:relative;width:100%;height:200px;border-radius:8px;overflow:hidden;background:var(--bg-secondary)}.visualizer-canvas[data-v-839b484c]{width:100%;height:100%;cursor:pointer}.canvas-overlay[data-v-839b484c]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0000001a}.overlay-content[data-v-839b484c]{text-align:center;color:var(--text-secondary)}.overlay-icon[data-v-839b484c]{font-size:32px;margin-bottom:8px}.overlay-text[data-v-839b484c]{font-size:14px}.visualizer-controls[data-v-839b484c]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.control-group[data-v-839b484c]{display:flex;flex-direction:column;gap:8px}.control-group label[data-v-839b484c]{font-weight:500;color:var(--text-primary);font-size:14px}.control-slider[data-v-839b484c]{width:100%;height:6px;border-radius:3px;background:var(--bg-secondary);outline:none;cursor:pointer}.control-value[data-v-839b484c]{font-size:12px;color:var(--text-secondary);text-align:right}.color-settings h4[data-v-839b484c]{margin:0 0 12px;font-size:16px;color:var(--text-primary)}.color-options[data-v-839b484c]{display:flex;gap:8px;flex-wrap:wrap}.color-btn[data-v-839b484c]{padding:8px 16px;border:2px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s;min-width:80px}.color-btn.active[data-v-839b484c]{border-color:var(--primary);transform:scale(1.05)}.visualizer-disabled[data-v-839b484c]{text-align:center;padding:40px 20px;color:var(--text-secondary)}.disabled-icon[data-v-839b484c]{font-size:48px;margin-bottom:16px;opacity:.6}.enable-btn[data-v-839b484c]{margin-top:16px;padding:12px 24px;border:none;border-radius:6px;background:var(--primary);color:#fff;cursor:pointer;font-weight:600;transition:background .2s}.enable-btn[data-v-839b484c]:hover{background:var(--primary-dark)}@media (max-width: 768px){.visualizer-controls[data-v-839b484c]{grid-template-columns:1fr}.type-options[data-v-839b484c],.color-options[data-v-839b484c]{justify-content:center}.control-group[data-v-839b484c]{flex-direction:row}}.player-view[data-v-9da41f0f]{display:flex;flex-direction:column;background:linear-gradient(135deg,var(--background) 0%,var(--surface) 100%);color:var(--text-primary);overflow:hidden;overscroll-behavior:contain;scroll-behavior:smooth}.player-view.modal-mode[data-v-9da41f0f]{height:100%;background:var(--background)}.player-header[data-v-9da41f0f]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border);z-index:10}.back-button[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-xs);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.back-button[data-v-9da41f0f]:hover{color:var(--text-primary)}.header-actions[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-md)}.queue-toggle[data-v-9da41f0f]{width:40px;height:40px;border:none;border-radius:var(--radius-md);background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.queue-toggle.active[data-v-9da41f0f],.queue-toggle[data-v-9da41f0f]:hover{background:var(--primary);color:#fff}.player-content[data-v-9da41f0f]{display:flex;flex:1;overflow:visible;gap:var(--space-lg)}.primary-panel[data-v-9da41f0f]{flex:1;display:flex;flex-direction:column;padding:var(--space-xl);min-height:0}.player-grid[data-v-9da41f0f]{display:grid;grid-template-columns:minmax(350px,1fr) minmax(400px,2fr);gap:var(--space-2xl);align-items:start;margin-bottom:var(--space-xl)}.queue-panel[data-v-9da41f0f]{width:400px;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;flex-shrink:0}@media (max-width: 1024px){.player-grid[data-v-9da41f0f]{grid-template-columns:1fr;gap:var(--space-xl);padding:0;margin:0}.artwork-section[data-v-9da41f0f]{justify-self:center;max-width:100%;width:100%}.artwork-container[data-v-9da41f0f]{max-width:400px;min-width:280px}}.artwork-section[data-v-9da41f0f]{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);flex-shrink:0;max-width:400px;margin:0 auto}.artwork-container[data-v-9da41f0f]{position:relative;width:100%;max-width:450px;min-width:300px;margin:0 auto;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(135deg,var(--surface-hover),var(--surface-active));cursor:pointer;box-shadow:var(--shadow-xl);flex-shrink:0;align-self:center;border:2px solid var(--border)}.album-artwork[data-v-9da41f0f]{width:100%;height:100%;object-fit:cover}.background-artwork[data-v-9da41f0f]{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;border-radius:var(--radius-lg)}.artwork-placeholder[data-v-9da41f0f]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-active),var(--surface-hover));color:var(--text-muted);font-size:80px;z-index:1;border-radius:var(--radius-lg)}.artwork-placeholder .placeholder-text[data-v-9da41f0f]{font-size:var(--font-size-sm);margin-top:var(--space-md);text-transform:uppercase;letter-spacing:1px;font-weight:500}.visualizer-overlay[data-v-9da41f0f]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent;z-index:2;border-radius:var(--radius-lg);overflow:hidden}.visualizer-overlay[data-v-9da41f0f] .visualizer-canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%;border-radius:var(--radius-lg);object-fit:contain;display:block;margin:0 auto}.visualizer-overlay[data-v-9da41f0f] canvas{width:100%!important;height:100%!important;max-width:100%;max-height:100%;border-radius:var(--radius-lg);object-fit:contain;display:block;margin:0 auto}.hz-badge[data-v-9da41f0f]{position:absolute;top:var(--space-md);right:var(--space-md);display:flex;align-items:center;gap:var(--space-xs);background:var(--primary);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;z-index:3}.favorite-btn[data-v-9da41f0f]{position:absolute;top:var(--space-md);left:var(--space-md);gap:var(--space-xs);background:var(--primary);color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-3xl);font-weight:600;z-index:3;display:flex;justify-content:center;align-items:center}.play-overlay[data-v-9da41f0f]{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#0009;opacity:0;transition:opacity var(--transition-fast);z-index:4;border-radius:var(--radius-lg)}.artwork-container:hover .play-overlay[data-v-9da41f0f]{opacity:1}.play-button[data-v-9da41f0f]{width:80px;height:80px;border:none;border-radius:50%;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:32px;transition:all var(--transition-fast)}.play-button[data-v-9da41f0f]:hover{transform:scale(1.1)}.play-button.playing[data-v-9da41f0f]{background:var(--error)}.pitch-indicator[data-v-9da41f0f]{margin-top:var(--space-md);padding:var(--space-sm);background:var(--surface);border-radius:var(--radius-md)}.pitch-info[data-v-9da41f0f]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs);font-size:var(--font-size-sm)}.pitch-ratio[data-v-9da41f0f]{font-weight:600;color:var(--primary)}.pitch-cents[data-v-9da41f0f]{color:var(--text-secondary)}.pitch-visual[data-v-9da41f0f]{height:4px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden}.frequency-bar[data-v-9da41f0f]{height:100%;background:var(--primary);transition:width var(--transition-fast)}.track-info[data-v-9da41f0f]{text-align:center;margin-bottom:var(--space-xl)}.track-title[data-v-9da41f0f]{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary);line-height:1.2}.track-artist[data-v-9da41f0f]{font-size:var(--font-size-xl);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.track-album[data-v-9da41f0f]{font-size:var(--font-size-lg);color:var(--text-muted);margin-bottom:var(--space-md)}.icy-metadata-indicator[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.2);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);color:var(--primary);font-weight:500}.icy-metadata-indicator i[data-v-9da41f0f]{font-size:var(--font-size-sm)}.station-tags[data-v-9da41f0f]{display:flex;gap:var(--space-md);justify-content:center}.station-card-tags[data-v-9da41f0f]{display:flex;gap:var(--space-xs);margin-bottom:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;justify-content:center;width:100%}.tag[data-v-9da41f0f]{padding:var(--space-xs) var(--space-sm);background:var(--primary-bg);color:var(--primary);border-radius:var(--radius-sm);font-weight:500;font-size:var(--font-size-xs);white-space:nowrap;border:1px solid var(--primary-light);transition:all var(--transition-fast)}.tag[data-v-9da41f0f]:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.track-metadata[data-v-9da41f0f]{display:flex;justify-content:center;gap:var(--space-md);flex-wrap:wrap;margin-top:var(--space-md)}.meta-item[data-v-9da41f0f]{padding:var(--space-xs) var(--space-sm);background:var(--surface-hover);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:var(--space-xs)}.error-indicator[data-v-9da41f0f]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);background:var(--error-bg);border:1px solid var(--error);border-radius:var(--radius-md);margin-top:var(--space-md)}.error-content[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-sm);color:var(--error);flex:1}.error-message[data-v-9da41f0f]{font-size:var(--font-size-sm);font-weight:500}.retry-btn[data-v-9da41f0f]{background:var(--error);color:#fff;border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;display:flex;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast);flex-shrink:0}.retry-btn[data-v-9da41f0f]:hover{background:var(--error-dark);transform:translateY(-1px);box-shadow:0 2px 8px #0003}.progress-section[data-v-9da41f0f]{margin-bottom:var(--space-xl)}.time-display[data-v-9da41f0f]{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary);font-family:monospace}.progress-container[data-v-9da41f0f]{position:relative;cursor:pointer;margin-bottom:var(--space-md);width:100%;max-width:100%}.progress-track[data-v-9da41f0f]{height:6px;width:100%;background:var(--border);border-radius:var(--radius-sm);position:relative;overflow:hidden}.progress-fill[data-v-9da41f0f]{height:100%;width:0%;background:var(--primary);border-radius:var(--radius-sm);transition:width .1s ease;position:absolute;top:0;left:0}.progress-handle[data-v-9da41f0f]{position:absolute;top:50%;width:16px;height:16px;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:all var(--transition-fast)}.progress-handle[data-v-9da41f0f]:hover{transform:translate(-50%,-50%) scale(1.2)}.waveform-preview[data-v-9da41f0f]{height:60px;margin-top:var(--space-sm)}.waveform-canvas[data-v-9da41f0f]{width:100%;height:100%;border-radius:var(--radius-sm)}.playback-controls[data-v-9da41f0f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-xl);gap:var(--space-lg)}.secondary-controls[data-v-9da41f0f]{display:flex;gap:var(--space-md)}.primary-controls[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-md)}.control-btn[data-v-9da41f0f]{width:48px;height:48px;border:none;border-radius:50%;background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all var(--transition-fast)}.control-btn[data-v-9da41f0f]:hover{background:none;color:var(--text-primary)}.control-btn.active[data-v-9da41f0f]{background:var(--primary);color:#fff}.control-btn[data-v-9da41f0f]:disabled{opacity:.5;cursor:not-allowed}.control-btn.seek-btn[data-v-9da41f0f]{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600}.main-play-button[data-v-9da41f0f]{width:80px;height:80px;border:none;border-radius:50%;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:32px;transition:all var(--transition-fast);box-shadow:var(--shadow-lg)}.main-play-button[data-v-9da41f0f]:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.main-play-button.playing[data-v-9da41f0f]{background:var(--error)}.advanced-controls[data-v-9da41f0f],.control-group[data-v-9da41f0f]{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);background:var(--background);border-radius:var(--radius-md);transition:all var(--transition-fast)}.control-group[data-v-9da41f0f]:hover{background:var(--surface-hover);transform:translateY(-1px);color:var(--primary)}.control-group label[data-v-9da41f0f]{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-xs)}.eq-toggle[data-v-9da41f0f]{height:40px;border:none;border-radius:var(--radius-md);background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:row}.eq-toggle[data-v-9da41f0f]:hover{background:var(--surface-active);color:var(--text-primary)}.player-tabs[data-v-9da41f0f]{display:flex;gap:var(--space-xs);margin-bottom:var(--space-lg);background:var(--surface);padding:var(--space-xs);border-radius:var(--radius-lg);margin-top:var(--space-xl)}.tab-btn[data-v-9da41f0f]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.tab-btn.active[data-v-9da41f0f]{background:var(--primary);color:#fff}.tab-btn[data-v-9da41f0f]:hover:not(.active){background:var(--surface-hover);color:var(--text-primary)}.tab-content[data-v-9da41f0f]{flex:1;min-height:200px}.gesture-area[data-v-9da41f0f]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;touch-action:none;display:none}@media (max-width: 480px){.player-header[data-v-9da41f0f],.primary-panel[data-v-9da41f0f]{padding:var(--space-md)}.player-grid[data-v-9da41f0f]{gap:var(--space-md);padding:0;margin:0}.artwork-container[data-v-9da41f0f]{max-width:300px}.track-title[data-v-9da41f0f]{font-size:var(--font-size-2xl)}.playback-controls[data-v-9da41f0f]{margin-bottom:0;padding:0;gap:var(--space-md)}.secondary-controls[data-v-9da41f0f]{justify-content:center}.advanced-controls[data-v-9da41f0f]{grid-template-columns:1fr;padding:var(--space-md);gap:var(--space-md)}.player-tabs[data-v-9da41f0f]{padding:var(--space-xs);flex-wrap:wrap;gap:var(--space-xs);margin:0}.tab-btn[data-v-9da41f0f]{flex:none;min-width:100px}.control-btn.seek-btn[data-v-9da41f0f]{display:none}}@media (max-width: 768px){.control-btn.seek-btn[data-v-9da41f0f]{display:none}}@media (min-width: 769px) and (max-width: 1023px){.player-grid[data-v-9da41f0f]{grid-template-columns:1fr 1.5fr;gap:var(--space-xl);padding:0;margin:0}.artwork-container[data-v-9da41f0f]{max-width:350px}}@media (min-width: 1440px){.primary-panel[data-v-9da41f0f]{padding:var(--space-2xl)}.player-grid[data-v-9da41f0f]{gap:var(--space-3xl);padding:0;margin:0}.artwork-container[data-v-9da41f0f]{max-width:450px}}@media (min-width: 769px){.player-content[data-v-9da41f0f]{overflow:hidden}.primary-panel[data-v-9da41f0f]{overflow-y:auto}}[dir=rtl] .player-header[data-v-9da41f0f],[dir=rtl] .header-actions[data-v-9da41f0f],[dir=rtl] .playback-controls[data-v-9da41f0f],[dir=rtl] .secondary-controls[data-v-9da41f0f],[dir=rtl] .primary-controls[data-v-9da41f0f]{flex-direction:row-reverse}.shortcuts-modal[data-v-9da41f0f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.shortcuts-toggle[data-v-9da41f0f]{background:none;border:none;font-size:var(--font-size-lg);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.shortcuts-toggle[data-v-9da41f0f]:hover{background:var(--surface-hover);color:var(--text-primary)}.shortcuts-toggle.active[data-v-9da41f0f]{background:var(--primary);color:#fff}.player-header[data-v-9da41f0f]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.back-button[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:600}.back-button[data-v-9da41f0f]:hover{background:var(--surface-hover);color:var(--primary)}.player-title[data-v-9da41f0f]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.header-actions[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-sm)}.settings-toggle[data-v-9da41f0f],.profile-toggle[data-v-9da41f0f]{background:var(--surface-hover);border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--font-size-lg);width:40px;height:40px;display:flex;align-items:center;justify-content:center}.settings-toggle[data-v-9da41f0f]:hover,.profile-toggle[data-v-9da41f0f]:hover{background:var(--primary);color:#fff;transform:translateY(-1px)}.queue-toggle[data-v-9da41f0f]{background:var(--surface-hover);border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--font-size-lg)}.queue-toggle[data-v-9da41f0f]:hover,.queue-toggle.active[data-v-9da41f0f]{background:var(--primary);color:#fff}.radio-live[data-v-9da41f0f]{color:var(--warning);font-weight:600;font-size:var(--font-size-sm);letter-spacing:.5px}.radio-status[data-v-9da41f0f]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0}.radio-live-indicator[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-xs);color:var(--warning);font-weight:var(--font-weight-medium)}.radio-dot[data-v-9da41f0f]{width:8px;height:8px;background:var(--warning);border-radius:50%;animation:pulse-9da41f0f 2s infinite}.radio-station-info[data-v-9da41f0f]{display:flex;gap:var(--space-md);color:var(--text-secondary);font-size:var(--font-size-sm)}.equalizer-container[data-v-9da41f0f]{flex-direction:column!important;align-items:stretch!important;border:none!important;padding:var(--space-lg)!important}.equalizer-container .setting-info[data-v-9da41f0f],.equalizer-container .setting-control[data-v-9da41f0f]{display:none!important}.equalizer-container[data-v-9da41f0f] .equalizer-panel{margin:0;background:#222;border:none;border-radius:8px}@media (max-width: 768px){.equalizer-container[data-v-9da41f0f]{margin:-20px -20px 0 -24px}.equalizer-container[data-v-9da41f0f] .equalizer-panel{border-radius:0;border-left:none;border-right:none;background:var(--surface)}.equalizer-container[data-v-9da41f0f] .frequency-bands{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));margin-bottom:32px;padding:10px 0;background:#2a2a2a;border-radius:8px}.tab-content[data-v-9da41f0f]{min-height:100vh}.tab-content .equalizer-container[data-v-9da41f0f]{margin:-20px -20px 0 -24px}}@keyframes pulse-9da41f0f{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 768px){.artwork-section[data-v-9da41f0f]{max-width:100%;padding:0 var(--space-md)}.artwork-section[data-v-9da41f0f]{max-width:100%;width:100%}.artwork-container[data-v-9da41f0f]{max-width:320px;min-width:240px;margin:0 auto}.visualizer-overlay[data-v-9da41f0f]{border-radius:var(--radius-md)}.visualizer-overlay[data-v-9da41f0f] .visualizer-canvas,.visualizer-overlay[data-v-9da41f0f] canvas{border-radius:var(--radius-md)}}@media (max-width: 480px){.player-view[data-v-9da41f0f]{padding-bottom:76px}.artwork-container[data-v-9da41f0f]{width:min(80vw,260px);height:min(80vw,260px)}.track-title[data-v-9da41f0f]{font-size:1.25rem}.track-artist[data-v-9da41f0f]{font-size:1rem}.playback-controls[data-v-9da41f0f]{margin-bottom:0;padding:0;gap:var(--space-lg)}.control-btn[data-v-9da41f0f]{width:56px;height:56px;font-size:1.5rem}.play-pause-btn[data-v-9da41f0f]{width:80px;height:80px;font-size:2.25rem}.compact-panel[data-v-9da41f0f]{padding:var(--space-md)}.compact-panel h3[data-v-9da41f0f]{font-size:var(--font-size-md)}.equalizer-container[data-v-9da41f0f]{margin:-20px -20px 0 -24px}.equalizer-container[data-v-9da41f0f] .equalizer-panel{border-radius:0;border-left:none;border-right:none}.equalizer-container[data-v-9da41f0f] .eq-slider{height:8px;margin:10px 0}.equalizer-container[data-v-9da41f0f] .eq-slider-thumb{width:24px;height:24px}.equalizer-container[data-v-9da41f0f] .eq-band-label{font-size:12px;margin-bottom:8px}.equalizer-container[data-v-9da41f0f] .eq-presets{gap:6px}.equalizer-container[data-v-9da41f0f] .eq-preset-btn{padding:8px 12px;font-size:12px;min-height:40px}.tab-content .equalizer-container[data-v-9da41f0f]{margin:-20px -20px 0 -24px}}@media (max-width: 480px){.artwork-section[data-v-9da41f0f]{max-width:100%;width:100%}.artwork-container[data-v-9da41f0f]{width:min(80vw,260px);height:min(80vw,260px)}.artwork-placeholder[data-v-9da41f0f]{font-size:60px}.hz-badge[data-v-9da41f0f]{top:var(--space-sm);right:var(--space-sm);font-size:8px;padding:var(--space-xs)}}.player-grid[data-v-9da41f0f]{display:grid;gap:var(--space-xl);align-items:start;justify-items:center}.track-controls-section[data-v-9da41f0f]{width:100%;max-width:500px;margin:0 auto}@media (orientation: portrait){.player-grid[data-v-9da41f0f]{grid-template-columns:1fr;gap:var(--space-lg)}.artwork-container[data-v-9da41f0f]{width:min(80vw,260px);height:min(80vw,260px)}}@media (orientation: landscape) and (min-width: 768px){.player-grid[data-v-9da41f0f]{grid-template-columns:minmax(350px,1fr) minmax(400px,2fr);gap:var(--space-xl)}.artwork-container[data-v-9da41f0f]{width:min(80vw,260px);height:min(80vw,260px)}}@media (min-width: 1200px){.player-grid[data-v-9da41f0f]{grid-template-columns:minmax(400px,1fr) minmax(500px,2fr);gap:var(--space-2xl)}.artwork-container[data-v-9da41f0f]{width:min(80vw,260px);height:min(80vw,260px)}}.pitch-panel[data-v-9da41f0f]{padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-lg)}.pitch-header[data-v-9da41f0f]{display:flex;flex-direction:column;padding:var(--space-md);background:var(--surface);justify-content:space-between;gap:var(--space-md);border:1px solid var(--border)}.panel-header[data-v-9da41f0f]{text-align:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.panel-header h3[data-v-9da41f0f]{font-size:var(--font-size-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.panel-description[data-v-9da41f0f]{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.pitch-controls-grid[data-v-9da41f0f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg)}.control-card[data-v-9da41f0f]{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-fast)}.control-card[data-v-9da41f0f]:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.control-card.disabled[data-v-9da41f0f]{opacity:.6;pointer-events:none}.control-header[data-v-9da41f0f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.control-label[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-md);font-weight:600;color:var(--text-primary)}.control-label i[data-v-9da41f0f]{color:var(--primary)}.control-value[data-v-9da41f0f]{font-size:var(--font-size-md);font-weight:600;color:var(--primary);font-family:monospace}.control-description[data-v-9da41f0f]{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm);line-height:1.4}.toggle-switch[data-v-9da41f0f]{width:48px;height:24px;background:var(--border);border-radius:12px;position:relative;cursor:pointer;transition:background-color var(--transition-fast)}.toggle-switch.active[data-v-9da41f0f]{background:var(--primary)}.toggle-slider[data-v-9da41f0f]{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform var(--transition-fast);box-shadow:0 2px 4px #0003}.toggle-switch.active .toggle-slider[data-v-9da41f0f]{transform:translate(24px)}.quick-btn[data-v-9da41f0f]{padding:var(--space-xs) var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.quick-btn[data-v-9da41f0f]:hover{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.quick-btn.active[data-v-9da41f0f]{background:var(--primary);border-color:var(--primary);color:#fff}.quick-btn[data-v-9da41f0f]:disabled{opacity:.5;cursor:not-allowed}.pitch-slider[data-v-9da41f0f]{width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:var(--space-md) 0;cursor:pointer}.pitch-slider[data-v-9da41f0f]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003;transition:all var(--transition-fast)}.pitch-slider[data-v-9da41f0f]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.pitch-slider[data-v-9da41f0f]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #0003}.pitch-slider[data-v-9da41f0f]:disabled{opacity:.5;cursor:not-allowed}.slider-labels[data-v-9da41f0f]{display:flex;justify-content:space-between;color:var(--text-muted);font-size:var(--font-size-xs);font-family:monospace}.pitch-info-display[data-v-9da41f0f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.info-item[data-v-9da41f0f]{display:flex;flex-direction:column;align-items:center;text-align:center}.info-label[data-v-9da41f0f]{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-9da41f0f]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);font-family:monospace}.info-value.positive[data-v-9da41f0f]{color:var(--success)}.info-value.negative[data-v-9da41f0f]{color:var(--warning)}.pitch-visualization[data-v-9da41f0f]{text-align:center}.freq-bar-container[data-v-9da41f0f]{width:100%;height:8px;background:var(--border);border-radius:4px;overflow:hidden;margin-bottom:var(--space-sm)}.freq-bar[data-v-9da41f0f]{height:100%;border-radius:4px;transition:all var(--transition-fast)}.freq-bar-label[data-v-9da41f0f]{font-size:var(--font-size-xs);color:var(--text-secondary);font-weight:500}.presets-grid[data-v-9da41f0f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm);color:#fff}.preset-btn[data-v-9da41f0f]{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;transition:all var(--transition-fast);color:#fff}.preset-btn[data-v-9da41f0f]:hover{border-color:var(--primary);background:var(--primary-bg);transform:translateY(-2px)}.preset-btn.active[data-v-9da41f0f]{background:var(--primary);border-color:var(--primary);color:#fff}.preset-btn[data-v-9da41f0f]:disabled{opacity:.5;cursor:not-allowed}.preset-name[data-v-9da41f0f]{font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-xs)}.preset-freq[data-v-9da41f0f]{font-size:var(--font-size-xs);color:var(--text-muted);font-family:monospace}.preset-btn.active .preset-freq[data-v-9da41f0f]{color:#fffc}.preset-description[data-v-9da41f0f]{font-size:var(--font-size-xs);color:var(--text-muted);line-height:1.2;margin-top:var(--space-xs);text-align:center}.preset-btn.active .preset-description[data-v-9da41f0f]{color:#ffffffb3}.debug-panel[data-v-9da41f0f]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.debug-panel>div[data-v-9da41f0f]{background:var(--surface);border-radius:var(--radius-lg);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.debug-header[data-v-9da41f0f]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--border)}.debug-header h3[data-v-9da41f0f]{margin:0;color:var(--text-primary);font-size:var(--font-size-lg)}.close-btn[data-v-9da41f0f]{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.close-btn[data-v-9da41f0f]:hover{background:var(--surface-hover);color:var(--text-primary)}.debug-content[data-v-9da41f0f]{padding:var(--space-lg)}.debug-section[data-v-9da41f0f]{margin-bottom:var(--space-xl)}.debug-section h4[data-v-9da41f0f]{margin:0 0 var(--space-md) 0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:600}.debug-buttons[data-v-9da41f0f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-sm)}.debug-btn[data-v-9da41f0f]{background:var(--primary);color:#fff;border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all var(--transition-fast);text-align:center}.debug-btn[data-v-9da41f0f]:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.debug-info[data-v-9da41f0f]{display:flex;flex-direction:column;gap:var(--space-sm)}.info-row[data-v-9da41f0f]{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm);background:var(--background);border-radius:var(--radius-sm)}.info-row span[data-v-9da41f0f]:first-child{font-weight:600;color:var(--text-secondary)}.info-row span[data-v-9da41f0f]:last-child{font-weight:500;color:var(--text-primary);font-family:monospace}.info-row span.active[data-v-9da41f0f]{color:var(--success);font-weight:600}@media (max-width: 768px){.player-view[data-v-9da41f0f]{height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;position:relative;background:var(--background);display:flex;flex-direction:column;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;touch-action:pan-y}.player-header[data-v-9da41f0f]{padding:var(--space-sm) var(--space-md);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--surface)!important;box-shadow:0 2px 8px #0000001a}.back-button[data-v-9da41f0f]{min-height:44px;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);gap:var(--space-sm);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.player-title[data-v-9da41f0f]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.header-actions .shortcuts-toggle[data-v-9da41f0f],.header-actions .settings-toggle[title="Debug Artwork"][data-v-9da41f0f],.header-actions .settings-toggle[title="Debug Audio Processing"][data-v-9da41f0f],.header-actions .settings-toggle[title="Show Debug Panel"][data-v-9da41f0f]{display:none}.header-actions[data-v-9da41f0f]{gap:var(--space-xs)}.header-actions button[data-v-9da41f0f]{min-height:44px;min-width:44px;border-radius:var(--radius-lg);font-size:var(--font-size-md)}.player-content[data-v-9da41f0f]{flex:1;overflow:visible;min-height:0;position:relative}.primary-panel[data-v-9da41f0f]{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-lg);min-height:calc(100vh - 140px)}.player-grid[data-v-9da41f0f]{display:flex;flex-direction:column;gap:var(--space-lg);flex:1;justify-content:center;align-items:center;max-width:100%;padding:var(--space-md) 0}.artwork-section[data-v-9da41f0f]{flex:0 0 auto;width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:var(--space-lg)}.artwork-container[data-v-9da41f0f]{width:min(65vw,160px);height:min(65vw,160px);margin:0 auto;position:relative;border-radius:var(--radius-xl);box-shadow:0 20px 40px #0000004d,0 10px 20px #0003;overflow:hidden;flex-shrink:0}.album-artwork[data-v-9da41f0f],.background-artwork[data-v-9da41f0f]{width:100%!important;height:100%!important;object-fit:cover;border-radius:var(--radius-lg);display:block!important;visibility:visible!important}.artwork-placeholder[data-v-9da41f0f]{width:100%;height:100%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface-hover),var(--surface));border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.artwork-placeholder i[data-v-9da41f0f]{font-size:4rem;color:var(--text-muted);margin-bottom:var(--space-md)}.placeholder-text[data-v-9da41f0f]{color:var(--text-muted);font-size:var(--font-size-sm)}.visualizer-overlay[data-v-9da41f0f]{position:absolute!important;top:0;left:0;right:0;bottom:0;border-radius:var(--radius-lg);overflow:hidden;opacity:.8;pointer-events:none;display:block!important}.visualizer-overlay canvas[data-v-9da41f0f]{width:100%!important;height:100%!important;border-radius:var(--radius-lg)}.track-controls-section[data-v-9da41f0f]{flex:1;display:flex;flex-direction:column;width:100%;max-width:400px;margin:0 auto;gap:var(--space-md)}.track-info[data-v-9da41f0f]{text-align:center;padding:0;flex-shrink:0;margin-bottom:0}.track-title[data-v-9da41f0f]{font-size:clamp(1.25rem,4vw,1.75rem);line-height:1.2;margin-bottom:var(--space-sm);font-weight:700;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--text-primary);max-height:2.4em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.track-artist[data-v-9da41f0f]{font-size:clamp(1rem,3.5vw,1.25rem);margin-bottom:var(--space-xs);color:var(--text-secondary);word-wrap:break-word;font-weight:500;max-height:1.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-album[data-v-9da41f0f]{font-size:clamp(.875rem,3vw,1rem);margin-bottom:var(--space-md);color:var(--text-muted);word-wrap:break-word;max-height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-metadata[data-v-9da41f0f]{justify-content:center;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.meta-item[data-v-9da41f0f]{font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md)}.progress-section[data-v-9da41f0f]{padding:var(--space-md) 0}.time-display[data-v-9da41f0f]{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.progress-container[data-v-9da41f0f]{padding:var(--space-md) 0;cursor:pointer}.progress-track[data-v-9da41f0f]{height:6px;background:var(--surface-hover);border-radius:3px;position:relative;touch-action:none}.progress-fill[data-v-9da41f0f]{height:100%;background:var(--primary);border-radius:3px;position:relative}.progress-handle[data-v-9da41f0f]{position:absolute;top:50%;width:16px;height:16px;background:var(--primary);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;box-shadow:0 2px 8px #0003}.playback-controls[data-v-9da41f0f]{margin-bottom:0;padding:0;display:flex;justify-content:center;align-items:center;gap:var(--space-xl);margin-top:auto;flex-shrink:0}.secondary-controls[data-v-9da41f0f],.primary-controls[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-lg)}.control-btn[data-v-9da41f0f]{width:56px;height:56px;font-size:1.5rem;border-radius:50%;border:none;background:var(--surface-hover);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.control-btn[data-v-9da41f0f]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary);opacity:0;transition:opacity .2s ease;border-radius:50%}.control-btn[data-v-9da41f0f]:active:before{opacity:.2}.control-btn[data-v-9da41f0f]:active{transform:scale(.95)}.main-play-button[data-v-9da41f0f]{width:80px;height:80px;font-size:2.25rem;background:var(--primary);color:#fff;border-radius:50%;border:none;box-shadow:0 8px 24px #b91db966,0 4px 12px #b91db94d;transition:all .2s ease;position:relative;overflow:hidden}.main-play-button[data-v-9da41f0f]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;opacity:0;transition:opacity .2s ease;border-radius:50%}.main-play-button[data-v-9da41f0f]:active:before{opacity:.2}.main-play-button[data-v-9da41f0f]:active{transform:scale(.95);box-shadow:0 6px 20px #b91db980,0 3px 10px #b91db966}.progress-section[data-v-9da41f0f]{padding:var(--space-lg) var(--space-md);flex-shrink:0}.time-display[data-v-9da41f0f]{display:flex;justify-content:space-between;margin-bottom:var(--space-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.progress-container[data-v-9da41f0f]{position:relative;padding:var(--space-sm) 0;cursor:pointer;touch-action:none}.progress-track[data-v-9da41f0f]{height:4px;width:100%;background:var(--surface-hover);border-radius:var(--radius-full);position:relative;overflow:hidden}.progress-fill[data-v-9da41f0f]{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .1s linear;position:relative}.progress-handle[data-v-9da41f0f]{position:absolute;top:50%;width:24px;height:24px;background:var(--primary);border:3px solid white;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;opacity:0;transition:all .2s ease;box-shadow:0 2px 8px #0003;z-index:10}.progress-container:hover .progress-handle[data-v-9da41f0f],.progress-container:active .progress-handle[data-v-9da41f0f]{opacity:1}.progress-handle[data-v-9da41f0f]:active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.2)}.advanced-controls[data-v-9da41f0f]{grid-template-columns:1fr;gap:var(--space-md);padding:var(--space-md);margin-top:var(--space-lg)}.control-group[data-v-9da41f0f]{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-md);border:1px solid var(--border-color)}.control-group h3[data-v-9da41f0f]{font-size:var(--font-size-md);margin-bottom:var(--space-md)}.volume-control[data-v-9da41f0f]{padding:var(--space-md)}.volume-slider[data-v-9da41f0f]{height:6px;margin:var(--space-md) 0}.volume-button[data-v-9da41f0f]{min-height:44px;min-width:44px;font-size:var(--font-size-lg);border-radius:var(--radius-lg)}.queue-panel[data-v-9da41f0f]{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1000;border-left:none;border-radius:0}.player-view.queue-visible .now-playing-panel[data-v-9da41f0f]{display:none}.queue-panel .panel-header[data-v-9da41f0f]{padding:var(--space-md);border-bottom:1px solid var(--border-color);position:sticky;top:0;background:var(--surface);z-index:10}.queue-panel .panel-header h3[data-v-9da41f0f]{font-size:var(--font-size-lg)}.queue-panel .close-queue[data-v-9da41f0f]{min-height:44px;min-width:44px;border-radius:var(--radius-lg)}.now-playing-panel[data-v-9da41f0f]{padding:var(--space-md);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.pitch-controls-grid[data-v-9da41f0f]{grid-template-columns:1fr;gap:var(--space-md)}.pitch-panel[data-v-9da41f0f]{padding:var(--space-md);border-radius:var(--radius-lg)}.panel-header[data-v-9da41f0f]{margin-bottom:var(--space-lg);text-align:center}.panel-header h3[data-v-9da41f0f]{font-size:var(--font-size-lg)}.pitch-info-display[data-v-9da41f0f]{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg)}.presets-grid[data-v-9da41f0f]{grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.preset-btn[data-v-9da41f0f]{padding:var(--space-md);border-radius:var(--radius-lg);min-height:44px}.error-indicator[data-v-9da41f0f]{flex-direction:column;align-items:stretch;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-lg);margin:var(--space-md)}.error-content[data-v-9da41f0f]{justify-content:center;text-align:center}.retry-btn[data-v-9da41f0f]{width:100%;justify-content:center;min-height:44px;padding:var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-size-md)}.debug-panel[data-v-9da41f0f]{padding:var(--space-md)}.debug-panel>div[data-v-9da41f0f]{max-width:100%;max-height:90vh;border-radius:var(--radius-lg)}.debug-buttons[data-v-9da41f0f]{grid-template-columns:1fr;gap:var(--space-md)}.debug-content[data-v-9da41f0f],.debug-header[data-v-9da41f0f]{padding:var(--space-md)}.debug-header button[data-v-9da41f0f]{min-height:44px;min-width:44px}.gesture-area[data-v-9da41f0f]{pointer-events:auto;touch-action:pan-y;display:none}.favorite-btn[data-v-9da41f0f]{top:var(--space-xs);left:var(--space-xs);right:auto;bottom:auto;min-width:32px;min-height:32px;font-size:var(--font-size-xl);border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-xs) var(--space-xs)}.hz-badge[data-v-9da41f0f]{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pitch-indicator[data-v-9da41f0f]{display:none;margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);background:var(--surface)}.pitch-info[data-v-9da41f0f]{text-align:center;margin-bottom:var(--space-md)}.pitch-ratio[data-v-9da41f0f]{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.pitch-cents[data-v-9da41f0f]{font-size:var(--font-size-md);color:var(--text-secondary)}}@media (max-width: 480px){.control-card[data-v-9da41f0f]{padding:var(--space-md)}.control-header[data-v-9da41f0f]{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.control-label[data-v-9da41f0f]{font-size:var(--font-size-sm)}.presets-grid[data-v-9da41f0f]{grid-template-columns:1fr}.track-title[data-v-9da41f0f]{font-size:var(--font-size-xl)}.track-artist[data-v-9da41f0f]{font-size:var(--font-size-md)}.main-play-button[data-v-9da41f0f]{width:64px;height:64px;font-size:var(--font-size-xl)}.control-btn[data-v-9da41f0f]{width:44px;height:44px;font-size:var(--font-size-md)}.artwork-container[data-v-9da41f0f]{width:min(80vw,260px);height:min(80vw,260px)}}.mode-selector[data-v-9da41f0f]{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-md)}.mode-btn[data-v-9da41f0f]{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);background:var(--surface-hover);color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.mode-btn[data-v-9da41f0f]:hover{border-color:var(--primary);background:var(--primary-bg);color:var(--primary)}.mode-btn.active[data-v-9da41f0f]{background:var(--primary);border-color:var(--primary);color:#fff}.mode-btn[data-v-9da41f0f]:disabled{opacity:.5;cursor:not-allowed}.mode-btn i[data-v-9da41f0f]{font-size:var(--font-size-lg);margin-bottom:var(--space-xs)}.mode-btn span[data-v-9da41f0f]{font-weight:600;font-size:var(--font-size-sm)}.mode-btn small[data-v-9da41f0f]{font-size:var(--font-size-xs);opacity:.8;line-height:1.3}.mode-btn.active small[data-v-9da41f0f]{color:#fffc}.status-value[data-v-9da41f0f]{font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.player-view[data-v-9da41f0f]{padding-bottom:80px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y}.player-content[data-v-9da41f0f]{overflow:auto;touch-action:pan-y}.header-actions[data-v-9da41f0f]{gap:var(--space-xs)}.header-actions button[data-v-9da41f0f]{width:44px;height:44px;font-size:1rem;border-radius:var(--radius-lg)}.primary-panel[data-v-9da41f0f]{padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xl);min-height:0;overflow:auto;touch-action:pan-y}.player-grid[data-v-9da41f0f]{display:flex;flex-direction:column;gap:var(--space-lg)}.artwork-section[data-v-9da41f0f]{order:1;width:100%;display:flex;justify-content:center;margin-bottom:var(--space-md)}.artwork-container[data-v-9da41f0f]{width:min(80vw,260px);height:min(80vw,260px);margin:0 auto;position:relative}.album-artwork[data-v-9da41f0f],.background-artwork[data-v-9da41f0f]{width:100%;height:100%;border-radius:var(--radius-lg);object-fit:cover;display:block!important;visibility:visible!important;opacity:1!important;box-shadow:0 8px 32px #0006,0 4px 16px #0003}.artwork-placeholder[data-v-9da41f0f]{width:100%;height:100%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-lg);color:var(--text-muted);visibility:visible!important;opacity:1!important}.artwork-placeholder i[data-v-9da41f0f]{font-size:4rem;margin-bottom:var(--space-md)}.track-controls-section[data-v-9da41f0f]{order:2;width:100%;text-align:center}.track-info[data-v-9da41f0f]{padding:0;text-align:center;margin-bottom:0}.track-title[data-v-9da41f0f]{font-size:1.5rem;font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--space-sm);color:var(--text-primary)}.track-artist[data-v-9da41f0f]{font-size:1.125rem;color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:var(--font-weight-medium)}.track-album[data-v-9da41f0f]{font-size:1rem;color:var(--text-muted);margin-bottom:var(--space-md)}.track-metadata[data-v-9da41f0f]{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-md)}.meta-item[data-v-9da41f0f]{background:var(--surface);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-secondary)}.main-controls[data-v-9da41f0f]{order:3;width:100%;padding:var(--space-lg) 0}.playback-controls[data-v-9da41f0f]{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-bottom:0;padding:0}.secondary-controls[data-v-9da41f0f],.primary-controls[data-v-9da41f0f]{display:flex;align-items:center;gap:var(--space-md)}.control-btn[data-v-9da41f0f]{width:56px;height:56px;font-size:1.5rem;border-radius:50%;background:var(--surface-hover);border:1px solid var(--border-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.control-btn[data-v-9da41f0f]:hover{background:var(--surface-active);border-color:var(--primary)}.main-play-button[data-v-9da41f0f]{width:80px;height:80px;font-size:2.25rem;background:var(--primary);color:var(--primary-text);border:none;border-radius:50%;box-shadow:0 4px 16px #b91db966,0 2px 8px #b91db94d}.main-play-button[data-v-9da41f0f]:hover{transform:scale(1.05);box-shadow:0 6px 20px #b91db980,0 3px 10px #b91db966}.progress-section[data-v-9da41f0f]{order:4;width:100%;padding:0 var(--space-lg);margin:var(--space-lg) 0}.time-display[data-v-9da41f0f]{display:flex;justify-content:space-between;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--space-md)}.progress-container[data-v-9da41f0f]{position:relative;width:100%;height:6px;background:var(--surface-hover);border-radius:var(--radius-full);cursor:pointer}.progress-track[data-v-9da41f0f]{position:relative;width:100%;height:100%;border-radius:var(--radius-full);overflow:hidden}.progress-fill[data-v-9da41f0f]{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width .1s linear}.progress-handle[data-v-9da41f0f]{position:absolute;top:50%;width:20px;height:20px;background:var(--primary);border:2px solid var(--background);border-radius:50%;transform:translate(-50%,-50%);cursor:grab;opacity:0;transition:opacity var(--transition-fast)}.progress-container:hover .progress-handle[data-v-9da41f0f]{opacity:1}.player-tabs[data-v-9da41f0f]{display:flex;justify-content:center;padding:4px;background:var(--surface);border-top:1px solid var(--border);gap:var(--space-xs);overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin:0}.player-tabs[data-v-9da41f0f]::-webkit-scrollbar{display:none}.tab-btn[data-v-9da41f0f]{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:none;background:none;color:var(--text-secondary);border-radius:var(--radius-lg);transition:all .2s ease;min-width:72px;min-height:56px;font-size:var(--font-size-xs);font-weight:500;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;flex-shrink:0}.tab-btn[data-v-9da41f0f]:active{transform:scale(.95);background:var(--surface-hover)}.tab-btn.active[data-v-9da41f0f]{color:var(--primary);background:#b91db91a;font-weight:600}.tab-btn i[data-v-9da41f0f]{font-size:1.25rem;margin-bottom:2px}.tab-content[data-v-9da41f0f]{flex:1;padding:0;background:var(--surface);overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:100vh}.advanced-controls[data-v-9da41f0f]{display:none}.volume-control[data-v-9da41f0f]{flex-direction:column;gap:var(--space-md);align-items:center}.volume-slider[data-v-9da41f0f]{width:100%;height:8px}.volume-button[data-v-9da41f0f]{width:48px;height:48px;font-size:1.5rem;border-radius:50%}.pitch-controls[data-v-9da41f0f]{grid-template-columns:1fr;gap:var(--space-lg)}.pitch-control-item[data-v-9da41f0f]{text-align:center}.pitch-slider[data-v-9da41f0f]{margin:var(--space-sm) 0}.queue-panel[data-v-9da41f0f]{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--surface);z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.player-view.queue-visible .queue-panel[data-v-9da41f0f]{transform:translate(0)}.queue-header[data-v-9da41f0f]{padding:var(--space-md);border-bottom:1px solid var(--border-primary);position:sticky;top:0;background:var(--surface)}.queue-list[data-v-9da41f0f]{padding:var(--space-md);max-height:none}.queue-item[data-v-9da41f0f]{padding:var(--space-sm);margin-bottom:var(--space-xs)}.volume-control[data-v-9da41f0f]{flex-direction:column;gap:var(--space-sm)}.volume-slider[data-v-9da41f0f]{width:100%}.shortcuts-panel[data-v-9da41f0f]{position:fixed;bottom:80px;left:0;right:0;top:60px;background:var(--surface);z-index:200;padding:var(--space-md);overflow-y:auto}.shortcuts-grid[data-v-9da41f0f]{grid-template-columns:1fr;gap:var(--space-sm)}.shortcut-item[data-v-9da41f0f]{padding:var(--space-sm);font-size:var(--font-size-sm)}.player-view.modal-mode[data-v-9da41f0f]{height:100%;overflow-y:auto;overflow-x:hidden;position:relative;top:0;left:0;right:0;bottom:0;z-index:1;-webkit-overflow-scrolling:touch;touch-action:pan-y}.player-view.modal-mode .player-content[data-v-9da41f0f]{height:auto;min-height:90vh;overflow:visible;touch-action:pan-y}.control-btn[data-v-9da41f0f],.main-play-button[data-v-9da41f0f],.volume-button[data-v-9da41f0f],.progress-container[data-v-9da41f0f],.progress-handle[data-v-9da41f0f],.back-button[data-v-9da41f0f],.queue-toggle[data-v-9da41f0f],.favorite-btn[data-v-9da41f0f]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.favorite-btn[data-v-9da41f0f]{top:var(--space-xs);left:var(--space-xs);right:auto;bottom:auto;min-width:32px;min-height:32px;font-size:var(--font-size-xl);border-radius:50%;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-xs) var(--space-xs)}.control-btn[data-v-9da41f0f],.main-play-button[data-v-9da41f0f],.tab-btn[data-v-9da41f0f],.back-button[data-v-9da41f0f],.queue-toggle[data-v-9da41f0f],.favorite-btn[data-v-9da41f0f]{user-select:none;-webkit-user-select:none;-moz-user-select:none}}@media (max-width: 480px){.player-view[data-v-9da41f0f]{overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;scroll-behavior:smooth}.album-artwork[data-v-9da41f0f]{width:240px;height:240px}.artwork-container[data-v-9da41f0f]{width:min(80vw,260px);height:min(80vw,260px)}.track-title[data-v-9da41f0f]{font-size:1.125rem}.control-btn[data-v-9da41f0f]{width:48px;height:48px;font-size:1.25rem}.play-pause-btn[data-v-9da41f0f]{width:64px;height:64px;font-size:1.75rem}.playback-controls[data-v-9da41f0f]{gap:var(--space-md)}}@media (hover: none) and (pointer: coarse){.player-view[data-v-9da41f0f],.player-content[data-v-9da41f0f],.primary-panel[data-v-9da41f0f]{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}[data-v-9da41f0f]{-webkit-tap-highlight-color:transparent}}.player-modal-overlay[data-v-fe2fa655]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;z-index:3000;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn-fe2fa655 .3s ease-out}@keyframes fadeIn-fe2fa655{0%{opacity:0}to{opacity:1}}.player-modal-content[data-v-fe2fa655]{width:95vw;height:95vh;max-width:1400px;background:var(--background);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080;animation:scaleIn-fe2fa655 .3s ease-out}@keyframes scaleIn-fe2fa655{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.player-modal-header[data-v-fe2fa655]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.close-button[data-v-fe2fa655]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--surface-hover);border:none;border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.close-button[data-v-fe2fa655]:hover{background:var(--error);color:#fff;transform:scale(1.05)}.modal-title[data-v-fe2fa655]{font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary)}.error-title[data-v-fe2fa655]{display:flex;align-items:center;gap:var(--space-sm);color:var(--error);font-size:var(--font-size-md)}.error-title .retry-btn[data-v-fe2fa655]{background:var(--error);color:#fff;border:none;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-xs);transition:all var(--transition-fast)}.error-title .retry-btn[data-v-fe2fa655]:hover{background:var(--error-dark);transform:scale(1.05)}.modal-actions[data-v-fe2fa655]{display:flex;align-items:center;gap:var(--space-md)}.edit-metadata-btn[data-v-fe2fa655],.shortcuts-toggle[data-v-fe2fa655],.queue-toggle[data-v-fe2fa655]{width:40px;height:40px;border:none;border-radius:var(--radius-md);background:var(--surface-hover);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.edit-metadata-btn[data-v-fe2fa655]:hover,.shortcuts-toggle[data-v-fe2fa655]:hover,.queue-toggle[data-v-fe2fa655]:hover{background:var(--surface-active);color:var(--text-primary)}.shortcuts-toggle.active[data-v-fe2fa655],.queue-toggle.active[data-v-fe2fa655]{background:var(--primary);color:#fff}.player-modal-body[data-v-fe2fa655]{flex:1;overflow:hidden;display:flex}.player-modal-main[data-v-fe2fa655]{flex:1;overflow:hidden;transition:all var(--transition-normal)}.shortcuts-modal[data-v-fe2fa655]{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:4000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn-fe2fa655 .2s ease-out}@media (max-width: 768px){.shortcuts-toggle[data-v-fe2fa655]{display:none}.player-modal-overlay[data-v-fe2fa655]{padding:0}.player-modal-content[data-v-fe2fa655]{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0!important;position:relative}.player-modal-header[data-v-fe2fa655]{padding:var(--space-md);position:sticky;top:0;z-index:10;background:var(--surface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-actions[data-v-fe2fa655]{gap:var(--space-sm)}.shortcuts-modal[data-v-fe2fa655]{padding:var(--space-md)}.error-title[data-v-fe2fa655]{flex-direction:column;align-items:flex-start;gap:var(--space-xs);font-size:var(--font-size-sm)}.error-title .retry-btn[data-v-fe2fa655]{font-size:var(--font-size-xs);padding:var(--space-xs)}.player-modal-body[data-v-fe2fa655]{flex-direction:column;flex:1;overflow:hidden}.player-modal-main[data-v-fe2fa655]{flex:1;overflow:hidden}.player-modal-main.queue-visible[data-v-fe2fa655]{flex:1}}.modal-overlay[data-v-fe2fa655]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:4000;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-fe2fa655]{background:var(--background);border-radius:var(--radius-xl);max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 20px 40px #00000080;animation:modalFadeIn-fe2fa655 .3s ease-out}.id3-modal[data-v-fe2fa655]{max-width:80vw;width:100%}@keyframes modalFadeIn-fe2fa655{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.subscribed-modal[data-v-b416353c]{text-align:center;padding:24px;color:#fff}.success-header[data-v-b416353c]{margin-bottom:32px}.success-icon[data-v-b416353c]{font-size:4rem;color:#4caf50;margin-bottom:16px}.success-header h2[data-v-b416353c]{font-size:2rem;font-weight:700;margin:0 0 8px;color:#4caf50}.success-header .subtitle[data-v-b416353c]{font-size:1.1rem;color:#e0e0e0;margin:0}.subscription-details[data-v-b416353c]{background:#ffffff1a;border-radius:12px;padding:20px;margin-bottom:24px;text-align:left}.detail-item[data-v-b416353c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1)}.detail-item[data-v-b416353c]:last-child{border-bottom:none;margin-bottom:0}.detail-item strong[data-v-b416353c]{color:gold}.benefits-section[data-v-b416353c]{margin-bottom:32px}.benefits-section h3[data-v-b416353c]{font-size:1.3rem;margin-bottom:16px;color:gold}.benefits-list[data-v-b416353c]{list-style:none;padding:0;margin:0;text-align:left}.benefits-list li[data-v-b416353c]{display:flex;align-items:center;margin-bottom:12px;padding:8px 0}.benefits-list li i[data-v-b416353c]{color:#4caf50;margin-right:12px;width:20px;text-align:center}.action-buttons[data-v-b416353c]{display:flex;gap:16px;margin-bottom:24px}.primary-btn[data-v-b416353c]{flex:1;background:#4caf50;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .3s}.primary-btn[data-v-b416353c]:hover{background:#45a049}.secondary-btn[data-v-b416353c]{flex:1;background:transparent;color:#fff;border:2px solid #ffd700;border-radius:8px;padding:12px 24px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s}.secondary-btn[data-v-b416353c]:hover{background:gold;color:#000}.thank-you-note[data-v-b416353c]{color:#e0e0e0;font-style:italic}.thank-you-note p[data-v-b416353c]{margin:0}@media (max-width: 768px){.subscribed-modal[data-v-b416353c]{padding:16px}.success-icon[data-v-b416353c]{font-size:3rem}.success-header h2[data-v-b416353c]{font-size:1.5rem}.action-buttons[data-v-b416353c]{flex-direction:column}.subscription-details[data-v-b416353c]{padding:16px}.detail-item[data-v-b416353c]{flex-direction:column;align-items:flex-start;gap:4px}}.subscription-modal[data-v-9f6793a3]{max-width:900px;margin:0 auto;background:#3a1c71;border-radius:18px;padding:32px 24px 16px;color:#fff}.modal-header[data-v-9f6793a3]{text-align:center;margin-bottom:24px}.subtitle[data-v-9f6793a3]{color:#e0e0e0;margin-bottom:8px}.homepage-link[data-v-9f6793a3]{margin-bottom:16px;font-size:15px}.homepage-link a[data-v-9f6793a3]{color:gold;font-weight:700;margin-left:6px}.plans-row[data-v-9f6793a3]{display:flex;gap:32px;justify-content:center;margin-bottom:24px}.plan-card[data-v-9f6793a3]{background:#4f2c91;border-radius:14px;padding:28px 24px;min-width:320px;max-width:360px;box-shadow:0 4px 24px #0000001f;display:flex;flex-direction:column;align-items:center}.plan-card.yearly[data-v-9f6793a3]{border:2px solid #ffd700}.plan-card.monthly[data-v-9f6793a3]{border:2px solid #fff;scale:.95}.plan-price[data-v-9f6793a3]{font-size:2.2em;font-weight:700;margin-bottom:8px;color:gold;display:flex;flex-direction:column;align-items:center}.monthly-equivalent[data-v-9f6793a3]{font-size:.5em;color:#fff;margin-left:4px}.period[data-v-9f6793a3]{font-size:.75em;color:#e0e0e0;margin-bottom:12px;margin-left:4px}.features[data-v-9f6793a3]{list-style:none;padding:0;margin:0 0 16px;width:100%}.features li[data-v-9f6793a3]{margin-bottom:8px;font-size:1.08em;display:flex;align-items:flex-start;gap:8px}.features i[data-v-9f6793a3]{color:gold;font-size:1.1em;margin-top:2px;flex-shrink:0}.feature-text[data-v-9f6793a3]{display:flex;flex-direction:column;gap:2px}.feature-text strong[data-v-9f6793a3]{font-weight:600;color:#fff}.feature-text small[data-v-9f6793a3]{font-size:.85em;color:#e0e0e0;opacity:.8}.extension-highlight[data-v-9f6793a3]{background:linear-gradient(135deg,#4285f433,#34a85326);border:1px solid rgba(66,133,244,.3);border-radius:12px;padding:16px;margin-bottom:16px}.highlight-header[data-v-9f6793a3]{display:flex;align-items:center;gap:12px}.highlight-header i.fab.fa-chrome[data-v-9f6793a3]{font-size:24px;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.highlight-header div[data-v-9f6793a3]{flex:1}.highlight-header h4[data-v-9f6793a3]{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff}.highlight-header p[data-v-9f6793a3]{margin:0;font-size:13px;color:#e0e0e0;opacity:.9}.new-badge[data-v-9f6793a3]{background:#4caf50;color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.features li.chrome-extension[data-v-9f6793a3]{background:#4285f41a;border-radius:8px;padding:8px;margin:4px 0}.coupon-section[data-v-9f6793a3]{margin-bottom:12px;width:100%}.coupon-input-row[data-v-9f6793a3]{display:flex;gap:8px;margin-top:4px}.coupon-input-row input[data-v-9f6793a3]{flex:1;border-radius:6px;border:none;padding:8px;font-size:1em}.coupon-input-row button[data-v-9f6793a3]{background:var(--secondary);color:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:700;cursor:pointer;font-size:.8em}.coupon-valid[data-v-9f6793a3]{color:#fff;margin-top:4px;font-weight:700}.coupon-invalid[data-v-9f6793a3]{color:#ff5252;margin-top:4px}.plan-actions[data-v-9f6793a3]{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.subscribe-btn[data-v-9f6793a3]{background:gold;color:#000;border:none;border-radius:6px;padding:12px 0;font-size:1.1em;font-weight:700;cursor:pointer;width:100%}.paypal-btn[data-v-9f6793a3]{background:#0070ba;color:#fff;border:none;border-radius:6px;padding:12px 0;font-size:1.1em;font-weight:700;cursor:pointer;width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.loading-state[data-v-9f6793a3],.no-plans-state[data-v-9f6793a3]{text-align:center;padding:20px;color:#e0e0e0;font-size:1.1em}.loading-state p[data-v-9f6793a3],.no-plans-state p[data-v-9f6793a3]{margin:0}.price-with-discount[data-v-9f6793a3]{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.price-with-discount .original-price[data-v-9f6793a3]{text-decoration:line-through;color:#888;font-size:1.2rem;font-weight:700}.price-with-discount .discounted-price[data-v-9f6793a3]{font-size:2.2rem;font-weight:700;color:#4caf50}.legal-section[data-v-9f6793a3]{margin-top:24px;text-align:center}.legal-note[data-v-9f6793a3]{color:gold;font-size:.98em;margin-bottom:2px}.security-info[data-v-9f6793a3]{margin:12px 0;display:flex;flex-direction:column;gap:4px;align-items:center}.security-item[data-v-9f6793a3]{color:gold;font-size:1em;display:flex;align-items:center;gap:6px;white-space:pre-line}.terms-text[data-v-9f6793a3]{color:#fff;font-size:.98em;margin-top:8px}.terms-text a[data-v-9f6793a3]{color:gold;margin:0 4px;text-decoration:underline}@media (max-width: 768px){.plans-row[data-v-9f6793a3]{flex-direction:column;gap:var(--space-md);align-items:center}.plan-card[data-v-9f6793a3]{margin:0;width:100%;max-width:400px}.plan-price .price[data-v-9f6793a3]{font-size:2rem}.modal-header h2[data-v-9f6793a3]{font-size:1.5rem}.modal-header .subtitle[data-v-9f6793a3]{font-size:.9rem}.features[data-v-9f6793a3]{grid-template-columns:1fr}.coupon-input-row[data-v-9f6793a3]{flex-direction:column;gap:var(--space-sm)}.coupon-input-row input[data-v-9f6793a3]{width:100%}.extension-highlight[data-v-9f6793a3],.security-section[data-v-9f6793a3]{padding:var(--space-md)}.homepage-link[data-v-9f6793a3]{font-size:.8rem}.price-with-discount[data-v-9f6793a3]{justify-content:center;flex-wrap:wrap}}.app-header[data-v-faec22ed]{position:fixed;top:0;left:0;right:0;background:#121212f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);z-index:var(--z-fixed);height:70px}.header-content[data-v-faec22ed]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);margin:0 auto;height:100%}.brand[data-v-faec22ed]{flex-shrink:0}.logo[data-v-faec22ed]{display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary);text-decoration:none;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation;padding:var(--space-xs);border-radius:var(--radius-md)}.logo[data-v-faec22ed]:hover{color:var(--primary-light);transform:scale(1.05)}.logo[data-v-faec22ed]:active{transform:scale(.95)}.logo-image[data-v-faec22ed]{width:32px;height:32px}.page-title[data-v-faec22ed]{flex:1;text-align:center;margin:0 var(--space-lg)}.page-title h1[data-v-faec22ed]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:1.2}.header-actions[data-v-faec22ed]{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.language-selector[data-v-faec22ed]{position:relative}.btn-icon[data-v-faec22ed]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:none;color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;font-size:var(--font-size-lg);-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative}.btn-icon[data-v-faec22ed]:hover{color:var(--text-primary);background:var(--bg-hover);transform:translateY(-1px)}.btn-icon[data-v-faec22ed]:active{transform:scale(.95);background:var(--bg-active)}.btn-icon.active[data-v-faec22ed]{color:var(--primary);background:#667eea1a}.language-menu[data-v-faec22ed]{position:absolute;top:100%;right:0;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xs);min-width:120px;z-index:var(--z-dropdown);box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:slideDown-faec22ed .2s ease}@keyframes slideDown-faec22ed{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.language-option[data-v-faec22ed]{display:block;width:100%;padding:var(--space-sm) var(--space-md);border:none;background:none;color:var(--text-secondary);text-align:left;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;font-size:var(--font-size-sm);-webkit-tap-highlight-color:transparent;touch-action:manipulation;min-height:40px}.language-option[data-v-faec22ed]:hover{color:var(--text-primary);background:var(--bg-hover)}.language-option[data-v-faec22ed]:active{background:var(--bg-active);transform:scale(.98)}.language-option.active[data-v-faec22ed]{color:var(--primary);background:#667eea1a;font-weight:var(--font-weight-medium)}.profile-section[data-v-faec22ed]{display:flex;align-items:center}.profile-image[data-v-faec22ed]{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--border-primary);transition:all var(--transition-fast)}.profile-image[data-v-faec22ed]:hover{border-color:var(--primary);transform:scale(1.05)}@media (max-width: 768px){.app-header[data-v-faec22ed]{height:72px}.header-content[data-v-faec22ed]{padding:var(--space-sm) var(--space-md)}.page-title h1[data-v-faec22ed]{font-size:var(--font-size-md)}.btn-icon[data-v-faec22ed]{width:40px;height:40px;font-size:var(--font-size-xl)}.language-selector[data-v-faec22ed]{display:none}.logo[data-v-faec22ed]{width:24px;height:24px;font-size:var(--font-size-xs)}.logo-image[data-v-faec22ed]{width:24px;height:24px}}@media (max-width: 480px){.app-header[data-v-faec22ed]{height:66px}.header-content[data-v-faec22ed]{padding:var(--space-xs) var(--space-sm)}.page-title[data-v-faec22ed]{display:none}.btn-icon[data-v-faec22ed]{width:36px;height:36px;font-size:var(--font-size-xl)}.profile-image[data-v-faec22ed]{width:28px;height:28px}}.btn-icon[data-v-faec22ed]:focus,.logo[data-v-faec22ed]:focus{outline:2px solid var(--primary);outline-offset:2px}.btn-icon[data-v-faec22ed]:focus:not(:focus-visible),.logo[data-v-faec22ed]:focus:not(:focus-visible){outline:none}.app-navigation[data-v-4a499893]{position:fixed;bottom:0;left:0;right:0;display:flex;background:#121212f2;border-top:1px solid var(--border);z-index:var(--z-fixed);padding:var(--space-sm) 0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:90px;padding-bottom:env(safe-area-inset-bottom,var(--space-sm))}.nav-item[data-v-4a499893]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-sm);text-decoration:none;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:var(--radius-md);margin:0 var(--space-xs);min-height:56px;position:relative;-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.nav-item[data-v-4a499893]:hover{color:var(--text-primary);background:var(--surface-hover);transform:translateY(-1px)}.nav-item.active[data-v-4a499893]{color:var(--primary);background:#b91db91a;transform:translateY(-2px)}.nav-item.active[data-v-4a499893]:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;background:var(--primary);border-radius:0 0 var(--radius-sm) var(--radius-sm)}.nav-item i[data-v-4a499893]{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);transition:all var(--transition-fast)}.nav-item.active i[data-v-4a499893]{transform:scale(1.15);filter:drop-shadow(0 2px 4px rgba(185,29,185,.3))}.nav-item:active i[data-v-4a499893]{transform:scale(.9)}.nav-label[data-v-4a499893]{font-size:var(--font-size-xs);font-weight:500;text-align:center;line-height:1.2;transition:all var(--transition-fast)}.nav-item.active .nav-label[data-v-4a499893]{font-weight:600;text-shadow:0 1px 2px rgba(185,29,185,.2)}@media (max-width: 768px){.app-navigation[data-v-4a499893]{height:80px;padding:var(--space-xs) 0}.app-navigation.has-mini-player[data-v-4a499893]{height:60px}.nav-item[data-v-4a499893]{padding:var(--space-sm) var(--space-xs);min-height:60px}.nav-item i[data-v-4a499893]{font-size:var(--font-size-lg)}.nav-label[data-v-4a499893]{font-size:var(--font-size-xs)}}@media (max-width: 480px){.nav-item[data-v-4a499893]{padding:var(--space-xs);min-height:56px}.nav-item i[data-v-4a499893]{font-size:var(--font-size-md);margin-bottom:var(--space-2xs)}.nav-label[data-v-4a499893]{font-size:10px}}.nav-item[data-v-4a499893]:focus{outline:2px solid var(--primary);outline-offset:-2px;background:var(--surface-hover)}.nav-item[data-v-4a499893]:focus:not(:focus-visible){outline:none}.auth-warning[data-v-2a42709b]{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:5000;max-width:500px;width:calc(100% - 40px)}.warning-content[data-v-2a42709b]{background:var(--surface);border:1px solid var(--warning);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-lg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;gap:var(--space-md)}.warning-icon[data-v-2a42709b]{flex-shrink:0;width:40px;height:40px;background:var(--warning);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--font-size-lg)}.warning-text[data-v-2a42709b]{flex:1;min-width:0}.warning-title[data-v-2a42709b]{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.warning-message[data-v-2a42709b]{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.4}.warning-actions[data-v-2a42709b]{display:flex;gap:var(--space-sm);flex-shrink:0}.btn-primary[data-v-2a42709b]{background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-primary[data-v-2a42709b]:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary[data-v-2a42709b]{background:#ffffff1a;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary[data-v-2a42709b]:hover{background:#fff3;color:var(--text-primary)}@media (max-width: 768px){.auth-warning[data-v-2a42709b]{top:10px;width:calc(100% - 20px)}.warning-content[data-v-2a42709b]{flex-direction:column;text-align:center;gap:var(--space-sm)}.warning-actions[data-v-2a42709b]{width:100%;justify-content:center}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background);color:var(--text-primary);line-height:1.6;font-weight:400;letter-spacing:-.015em;transition:background-color var(--transition-base),color var(--transition-base)}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7c8df0,#8a5ab8)}*{scrollbar-width:thin;scrollbar-color:#667eea rgba(255,255,255,.05)}#app{min-height:100vh;display:flex;flex-direction:column;position:relative}.app-content{flex:1;overflow-y:auto;padding-top:70px;padding-bottom:120px}#app.has-mini-player .app-content{padding-bottom:170px}@media (max-width: 768px){.app-content{padding-top:60px;padding-bottom:80px}#app.has-mini-player .app-content{padding-bottom:140px}}@media (max-width: 480px){.app-content{padding-top:56px;padding-bottom:76px}#app.has-mini-player .app-content{padding-bottom:136px}}@media (max-width: 768px){button,.btn,.control-btn,.tab-btn,.action-btn{min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}}[class^=icon-]{font-family:Material Icons;font-style:normal}.icon-home:before{content:"home"}.icon-analyze:before{content:"science"}.icon-keyboard:before{content:"keyboard"}.icon-library:before{content:"library_music"}.icon-settings:before{content:"settings"}.icon-play:before{content:"play_arrow"}.icon-pause:before{content:"pause"}.icon-previous:before{content:"skip_previous"}.icon-next:before{content:"skip_next"}.icon-repeat-none:before{content:"repeat"}.icon-repeat-one:before{content:"repeat_one"}.icon-repeat-all:before{content:"repeat"}.icon-shuffle:before{content:"shuffle"}.icon-volume:before{content:"volume_up"}.icon-music:before{content:"music_note"}.icon-spatial:before{content:"graphic_eq"}.icon-activity:before{content:"pending_actions"}.icon-list:before{content:"list"}.icon-grid:before{content:"grid_view"}.icon-pitch-list:before{content:"ear_buds"}.icon-dark-mode:before{content:"dark_mode"}.icon-lightbulb:before{content:"light_bulb"}.icon-arrow-down:before{content:"keyboard_arrow_down"}.icon-arrow-up:before{content:"keyboard_arrow_up"}.icon-arrow-left:before{content:"keyboard_arrow_left"}.icon-arrow-right:before{content:"keyboard_arrow_right"}.icon-search:before{content:"search"}.icon-select:before{content:"fact_check"}.icon-deselect:before{content:"deselect"}.icon-select-all:before{content:"check_list"}.icon-sort:before{content:"sort"}.icon-filter:before{content:"filter_list"}.icon-share:before{content:"share"}.icon-psy:before{content:"psychology"}.icon-wallet:before{content:"wallet"}.icon-credit-card:before{content:"credit_card"}.icon-dollar:before{content:"attach_money"}.icon-percent:before{content:"percent"}.icon-arrow-up:before{content:"arrow_upward"}.icon-close:before{content:"close"}.icon-rocket:before{content:"rocket"}.icon-crown:before{content:"crown"}.icon-link:before{content:"link"}.icon-stop:before{content:"stop"}.icon-add:before{content:"add"}.icon-queue:before{content:"queue_music"}.icon-add-queue:before{content:"add_to_queue"}.icon-remove-queue:before{content:"remove_from_queue"}.icon-history:before{content:"history"}.icon-lyrics:before{content:"lyrics"}.icon-visualizer:before{content:"stacked_bar_chart"}.icon-equalizer:before{content:"equalizer"}.icon-crown:before{content:"👑"}.icon-info:before{content:"info"}.icon-chart:before{content:"bar_chart"}.icon-drag:before{content:"drag_indicator"}.icon-more:before{content:"more_vert"}.icon-heart:before{content:"favorite_border"}.icon-clock:before{content:"access_time"}.icon-playlist-add:before{content:"playlist_add"}.icon-clear:before{content:"clear_all"}.icon-history-clear:before{content:"clear_all"}.icon-volume-mute:before{content:"volume_off"}.icon-volume-low:before{content:"volume_down"}.icon-volume-medium:before{content:"volume_up"}.icon-volume-high:before{content:"volume_up"}.icon-loading:before{content:"hourglass_empty"}.icon-cloud:before{content:"cloud"}.icon-analyze:before{content:"analytics"}.icon-album:before{content:"album"}.icon-artist:before{content:"person"}.icon-genre:before{content:"library_music"}.icon-time:before{content:"schedule"}.icon-heart-filled:before{content:"favorite"}.icon-favorite:before{content:"access_time"}.icon-upload:before{content:"upload"}.icon-scan:before{content:"document_scanner"}.icon-folder:before{content:"folder"}.icon-playlist:before{content:"playlist_play"}.icon-profile:before{content:"person"}.icon-warning:before{content:"warning"}.icon-warning-circle:before{content:"report"}.icon-star:before{content:"star"}.icon-check:before{content:"check"}.icon-card:before{content:"credit_card"}.icon-paypal:before{content:"payment"}.icon-apple:before{content:"apple"}.icon-google:before{content:"g"}.icon-users:before{content:"people"}.icon-shield:before{content:"shield"}.icon-palette:before{content:"palette"}.icon-notifications:before{content:"notifications"}.icon-gear:before{content:"settings"}.icon-reset:before{content:"restore"}.icon-lock:before{content:"lock"}.icon-email:before{content:"email"}.icon-download:before{content:"download"}.icon-globe:before{content:"language"}.icon-eye:before{content:"visibility"}.icon-eye-off:before{content:"visibility_off"}.icon-mail:before{content:"mail"}.icon-edit:before{content:"edit"}.icon-delete:before{content:"delete"}.icon-copy:before{content:"content_copy"}.icon-radio:before{content:"radio"}.icon-google:before{content:"google"}.icon-camera:before{content:"camera"}.icon-refresh:before{content:"refresh"}.icon-off:before{content:"do_not_disturb"}.icon-bars:before{content:"view_week"}.icon-wave:before{content:"waves"}.icon-circle:before{content:"circle"}.icon-spectrum:before{content:"science"}.icon-circular-bars:before{content:"looks"}.icon-waveform:before{content:"water"}.icon-smart-playlist:before{content:"playlist_add_check_circle"}.icon-facebook:before{content:"facebook"}.icon-twitter:before{content:"twitter"}.icon-instagram:before{content:"instagram"}.icon-linkedin:before{content:"linkedin"}.icon-tiktok:before{content:"tiktok"}.icon-pinterest:before{content:"pinterest"}.icon-reddit:before{content:"reddit"}.icon-telegram:before{content:"telegram"}.icon-whatsapp:before{content:"whatsapp"}.icon-spotify:before{content:"spotify"}.icon-youtube:before{content:"youtube"}.icon-tidal:before{content:"tidal"}.icon-appleMusic:before{content:"apple"}.icon-deezer:before{content:"deezer"}.icon-soundcloud:before{content:"soundcloud"}.icon-bandcamp:before{content:"bandcamp"}.icon-pandora:before{content:"pandora"}.icon-amazonMusic:before{content:"amazon"}.icon-spa:before{content:"spa"}.icon-help:before{content:"help"}.icon-science:before{content:"science"}.icon-brain:before{content:"psychology"}.icon-calculator:before{content:"calculate"}.icon-dna:before{content:"biotech"}.icon-target:before{content:"gps_fixed"}.icon-bed:before{content:"bed"}.icon-om:before{content:"self_improvement"}.icon-heart-pulse:before{content:"monitor_heart"}.icon-question:before{content:"help_outline"}.icon-external-link:before{content:"open_in_new"}.icon-star-half:before{content:"star_half"}.theme-debug-panel{position:fixed;top:20px;right:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-md);font-size:var(--font-size-sm);font-family:Monaco,Menlo,Ubuntu Mono,monospace;z-index:9999;box-shadow:var(--shadow-lg);min-width:200px;transition:all var(--transition-base)}.debug-header{font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--space-sm);text-align:center;border-bottom:1px solid var(--border);padding-bottom:var(--space-sm)}.debug-info{margin-bottom:var(--space-md)}.debug-info>div{color:var(--text-secondary);margin-bottom:var(--space-xs);display:flex;justify-content:space-between}.debug-buttons{display:flex;gap:var(--space-xs)}.debug-buttons button{flex:1;padding:var(--space-xs) var(--space-sm);background:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.debug-buttons button:hover{background:var(--surface-active)}.debug-buttons button.active{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.powered_by[data-v-176eb4e0]{text-align:center;display:flex;justify-content:center;align-items:center;width:150px;background-color:#0006;border-radius:50px;margin-bottom:16px;cursor:pointer}.powered_by[data-v-176eb4e0]:hover{background-color:#0009}.powered_by img[data-v-176eb4e0]{width:100%;height:100%}.dashboard-stats[data-v-c04517c9]{padding:var(--space-xl);margin:0 auto}.loading-state[data-v-c04517c9]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-lg)}.spinner[data-v-c04517c9]{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #1db954;border-radius:50%;animation:spin-c04517c9 1s linear infinite}@keyframes spin-c04517c9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state[data-v-c04517c9]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;text-align:center}.error-icon[data-v-c04517c9]{font-size:3rem;margin-bottom:1rem}.error-state h3[data-v-c04517c9]{color:#ff6b6b;margin-bottom:.5rem}.error-state p[data-v-c04517c9]{color:#ffffffb3;margin-bottom:1rem}.welcome-section[data-v-c04517c9]{text-align:center;margin-bottom:var(--space-xl)}.welcome-section h1[data-v-c04517c9]{font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-sm);color:var(--text-primary)}.welcome-section p[data-v-c04517c9]{font-size:var(--font-size-lg);color:var(--text-secondary)}.stats-grid[data-v-c04517c9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.stat-card[data-v-c04517c9]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:transform var(--transition-fast)}.stat-card[data-v-c04517c9]:hover{transform:translateY(-2px)}.stat-icon[data-v-c04517c9]{width:48px;height:48px;min-width:48px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:var(--font-size-lg)}.stat-content h3[data-v-c04517c9]{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-xs);color:var(--text-primary)}.stat-content p[data-v-c04517c9]{color:var(--text-secondary);font-size:var(--font-size-sm)}.charts-section[data-v-c04517c9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-xl);margin-bottom:var(--space-xl)}.chart-container[data-v-c04517c9]{background:var(--surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.chart-container h3[data-v-c04517c9]{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-lg);color:var(--text-primary)}.chart-placeholder[data-v-c04517c9]{height:200px;display:flex;flex-direction:column;justify-content:space-between}.chart-bars[data-v-c04517c9]{display:flex;align-items:end;justify-content:space-between;height:150px;gap:var(--space-xs)}.chart-bar[data-v-c04517c9]{flex:1;background:var(--primary);border-radius:var(--radius-xs);position:relative;min-height:10px;transition:all var(--transition-fast)}.chart-bar[data-v-c04517c9]:hover{background:var(--primary-hover)}.bar-value[data-v-c04517c9]{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);color:var(--text-secondary)}.chart-labels[data-v-c04517c9]{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--text-secondary)}.genre-list[data-v-c04517c9]{display:flex;flex-direction:column;gap:var(--space-md)}.genre-item[data-v-c04517c9]{display:flex;align-items:center;gap:var(--space-md)}.genre-name[data-v-c04517c9]{min-width:80px;font-size:var(--font-size-sm);color:var(--text-primary)}.genre-bar[data-v-c04517c9]{flex:1;height:8px;background:var(--surface-hover);border-radius:var(--radius-full);overflow:hidden}.genre-fill[data-v-c04517c9]{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width var(--transition-fast)}.genre-count[data-v-c04517c9]{min-width:40px;text-align:right;font-size:var(--font-size-sm);color:var(--text-secondary)}.recent-activity[data-v-c04517c9]{background:var(--surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--space-xl)}.recent-activity h3[data-v-c04517c9]{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-lg);color:var(--text-primary)}.activity-list[data-v-c04517c9]{display:flex;flex-direction:column;gap:var(--space-md);max-height:300px;overflow-y:auto;padding-right:var(--space-sm)}.activity-list[data-v-c04517c9]::-webkit-scrollbar{width:6px}.activity-list[data-v-c04517c9]::-webkit-scrollbar-track{background:var(--surface-hover);border-radius:var(--radius-full)}.activity-list[data-v-c04517c9]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}.activity-list[data-v-c04517c9]::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.activity-item[data-v-c04517c9]{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm);border-radius:var(--radius-md);transition:background var(--transition-fast)}.activity-item[data-v-c04517c9]:hover{background:var(--surface-hover)}.activity-icon[data-v-c04517c9]{width:32px;height:32px;border-radius:var(--radius-md);background:var(--primary-bg);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:var(--font-size-sm);flex-shrink:0}.activity-content[data-v-c04517c9]{flex:1;min-width:0}.activity-content p[data-v-c04517c9]{margin:0;font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.4}.activity-content small[data-v-c04517c9]{color:var(--text-secondary);font-size:var(--font-size-xs)}.quick-actions[data-v-c04517c9]{background:var(--surface);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.quick-actions h3[data-v-c04517c9]{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--space-lg);color:var(--text-primary)}.actions-grid[data-v-c04517c9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.btn[data-v-c04517c9]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn-primary[data-v-c04517c9]{background:var(--primary);color:var(--primary-text)}.btn-primary[data-v-c04517c9]:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary[data-v-c04517c9]{background:var(--surface-hover);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary[data-v-c04517c9]:hover{background:var(--surface-hover);border-color:var(--primary);transform:translateY(-1px)}@media (max-width: 768px){.dashboard-stats[data-v-c04517c9]{padding:1rem}.welcome-section h1[data-v-c04517c9]{font-size:1.75rem}.stats-grid[data-v-c04517c9]{grid-template-columns:repeat(2,minmax(50px,1fr));gap:1rem}.stat-card[data-v-c04517c9]{padding:1rem}.stat-content h3[data-v-c04517c9]{font-size:1.25rem}.charts-section[data-v-c04517c9]{grid-template-columns:1fr}.actions-grid[data-v-c04517c9]{grid-template-columns:1fr;gap:.75rem}.btn[data-v-c04517c9]{padding:.75rem 1rem;font-size:.875rem}.activity-list[data-v-c04517c9]{max-height:250px}.loading-state[data-v-c04517c9],.error-state[data-v-c04517c9]{min-height:300px;padding:1rem}}@media (max-width: 480px){.stats-grid[data-v-c04517c9]{grid-template-columns:repeat(2,minmax(50px,1fr))}.welcome-section h1[data-v-c04517c9]{font-size:1.5rem}.dashboard-stats[data-v-c04517c9]{padding:.75rem}}.pro-features-modal[data-v-bbab2dce]{max-width:1000px;margin:0 auto;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:40px 32px;color:#fff;position:relative;overflow:hidden}.pro-features-modal[data-v-bbab2dce]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3),transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.15),transparent 50%);pointer-events:none}.modal-header[data-v-bbab2dce]{text-align:center;margin-bottom:40px;position:relative;z-index:1}.pro-badge[data-v-bbab2dce]{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,gold,#ffed4e);color:#333;padding:8px 16px;border-radius:20px;font-weight:700;font-size:14px;margin-bottom:16px;box-shadow:0 4px 15px #ffd70066}.modal-header h2[data-v-bbab2dce]{font-size:2.5rem;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle[data-v-bbab2dce]{font-size:1.2rem;color:#e0e6ff;margin-bottom:24px}.value-proposition[data-v-bbab2dce]{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.value-item[data-v-bbab2dce]{display:flex;align-items:center;gap:8px;font-weight:600;color:gold}.value-item i[data-v-bbab2dce]{font-size:1.2rem}.benefits-showcase[data-v-bbab2dce]{margin-bottom:40px;position:relative;z-index:1}.benefits-showcase h3[data-v-bbab2dce]{text-align:center;font-size:1.8rem;margin-bottom:32px;color:#fff}.benefits-grid[data-v-bbab2dce]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.benefit-card[data-v-bbab2dce]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:24px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.benefit-card[data-v-bbab2dce]:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0003}.benefit-card.featured[data-v-bbab2dce]{border:2px solid #ffd700;background:#ffd70026}.benefit-icon[data-v-bbab2dce]{width:48px;height:48px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.benefit-icon i[data-v-bbab2dce]{font-size:20px;color:#333}.benefit-content h4[data-v-bbab2dce]{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:#fff}.benefit-content p[data-v-bbab2dce]{color:#e0e6ff;margin-bottom:12px;line-height:1.5}.sub-benefits[data-v-bbab2dce]{display:flex;flex-wrap:wrap;gap:6px}.benefit-tag[data-v-bbab2dce]{background:#ffd70033;color:gold;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.featured-badge[data-v-bbab2dce]{position:absolute;top:-8px;right:16px;background:#ff6b6b;color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600}.extension-spotlight[data-v-bbab2dce]{background:linear-gradient(135deg,#4285f433,#34a85333);border:2px solid rgba(66,133,244,.4);border-radius:20px;padding:32px;margin-bottom:40px;position:relative;z-index:1}.spotlight-content[data-v-bbab2dce]{display:flex;align-items:center;gap:24px}.spotlight-icon i.fab.fa-chrome[data-v-bbab2dce]{font-size:48px;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spotlight-text[data-v-bbab2dce]{flex:1}.spotlight-text h3[data-v-bbab2dce]{font-size:1.5rem;margin-bottom:8px;color:#fff}.spotlight-text p[data-v-bbab2dce]{color:#e0e6ff;margin-bottom:16px}.extension-features[data-v-bbab2dce]{display:flex;gap:8px;flex-wrap:wrap}.feature-pill[data-v-bbab2dce]{background:#4285f44d;color:#fff;padding:6px 12px;border-radius:16px;font-size:.85rem;font-weight:500}.new-badge[data-v-bbab2dce]{background:#4caf50;color:#fff;padding:6px 12px;border-radius:16px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pricing-section[data-v-bbab2dce]{margin-bottom:40px;position:relative;z-index:1}.pricing-section h3[data-v-bbab2dce]{text-align:center;font-size:1.8rem;margin-bottom:32px;color:#fff}.plans-container[data-v-bbab2dce]{display:flex;gap:32px;justify-content:center;align-items:stretch}.plan-card[data-v-bbab2dce]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:32px 24px;min-width:300px;max-width:360px;position:relative;transition:transform .3s ease}.plan-card[data-v-bbab2dce]:hover{transform:translateY(-8px)}.plan-card.recommended[data-v-bbab2dce]{border-color:gold;background:#ffd7001a;transform:scale(1.05)}.plan-header[data-v-bbab2dce]{text-align:center;margin-bottom:24px}.recommended-badge[data-v-bbab2dce]{background:gold;color:#333;padding:6px 16px;border-radius:16px;font-size:.9rem;font-weight:600;margin-bottom:12px;display:inline-block}.savings-badge[data-v-bbab2dce]{background:#4caf50;color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600;margin-top:8px;display:inline-block}.plan-price[data-v-bbab2dce]{text-align:center;margin-bottom:24px}.price[data-v-bbab2dce]{font-size:3rem;font-weight:700;color:gold;display:block}.period[data-v-bbab2dce]{color:#e0e6ff;font-size:1rem}.monthly-breakdown[data-v-bbab2dce]{margin-top:8px;padding:8px;background:#ffd70033;border-radius:8px}.monthly-price[data-v-bbab2dce]{font-size:1.2rem;font-weight:600;color:gold}.monthly-text[data-v-bbab2dce]{color:#e0e6ff;font-size:.9rem;margin-left:4px}.plan-features[data-v-bbab2dce]{margin-bottom:24px}.feature-item[data-v-bbab2dce]{display:flex;align-items:center;gap:12px;margin-bottom:12px;color:#fff}.feature-item i[data-v-bbab2dce]{color:#4caf50;font-size:1.1rem;width:20px}.plan-actions[data-v-bbab2dce]{display:flex;flex-direction:column;gap:12px}.cta-button[data-v-bbab2dce]{padding:16px 24px;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.cta-button.primary[data-v-bbab2dce]{background:linear-gradient(135deg,gold,#ffed4e);color:#333;box-shadow:0 4px 15px #ffd70066}.cta-button.primary[data-v-bbab2dce]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd70099}.cta-button.secondary[data-v-bbab2dce]{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3)}.cta-button.secondary[data-v-bbab2dce]:hover{background:#ffffff4d}.trust-section[data-v-bbab2dce]{text-align:center;position:relative;z-index:1}.trust-items[data-v-bbab2dce]{display:flex;justify-content:center;gap:32px;margin-bottom:24px;flex-wrap:wrap}.trust-item[data-v-bbab2dce]{display:flex;align-items:center;gap:8px;color:#e0e6ff;font-size:.95rem}.trust-item i[data-v-bbab2dce]{color:#4caf50;font-size:1.1rem}.homepage-link[data-v-bbab2dce]{margin-bottom:16px;font-size:.95rem;color:#e0e6ff}.homepage-link a[data-v-bbab2dce]{color:gold;font-weight:600;text-decoration:none;margin-left:6px}.homepage-link a[data-v-bbab2dce]:hover{text-decoration:underline}.terms-text[data-v-bbab2dce]{color:#e0e6ff;font-size:.9rem;line-height:1.5}.terms-text a[data-v-bbab2dce]{color:gold;text-decoration:none;margin:0 4px}.terms-text a[data-v-bbab2dce]:hover{text-decoration:underline}@media (max-width: 768px){.pro-features-modal[data-v-bbab2dce]{padding:24px 16px}.modal-header h2[data-v-bbab2dce]{font-size:2rem}.value-proposition[data-v-bbab2dce]{gap:16px}.benefits-grid[data-v-bbab2dce]{grid-template-columns:1fr;gap:16px}.spotlight-content[data-v-bbab2dce]{flex-direction:column;text-align:center;gap:16px}.plans-container[data-v-bbab2dce]{flex-direction:column;align-items:center}.plan-card.recommended[data-v-bbab2dce]{transform:none}.trust-items[data-v-bbab2dce]{flex-direction:column;gap:16px}}.chrome-extension-banner[data-v-6a709e2d]{background:linear-gradient(135deg,#3a1c71,indigo,#6a1b9a);border-radius:16px;padding:24px;margin:32px 0;position:relative;overflow:hidden;box-shadow:0 8px 32px #3a1c714d;border:1px solid rgba(255,255,255,.1)}.chrome-extension-banner[data-v-6a709e2d]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='7' cy='7' r='2'/%3E%3Ccircle cx='23' cy='23' r='2'/%3E%3Ccircle cx='39' cy='39' r='2'/%3E%3Ccircle cx='55' cy='55' r='2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.banner-content[data-v-6a709e2d]{position:relative;z-index:1;color:#fff}.banner-header[data-v-6a709e2d]{display:flex;align-items:center;gap:16px;margin-bottom:16px}.chrome-icon[data-v-6a709e2d]{width:48px;height:48px;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;box-shadow:0 4px 12px #0003}.header-text[data-v-6a709e2d]{flex:1}.header-text h3[data-v-6a709e2d]{margin:0 0 4px;font-size:20px;font-weight:600;color:#fff}.subtitle[data-v-6a709e2d]{margin:0;font-size:14px;color:#e0e0e0;opacity:.9}.pro-badge[data-v-6a709e2d]{display:flex;align-items:center;gap:6px;background:gold;color:#000;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.banner-description[data-v-6a709e2d]{margin-bottom:20px}.banner-description p[data-v-6a709e2d]{margin:0;font-size:16px;line-height:1.6;color:#f5f5f5}.features-grid[data-v-6a709e2d]{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.feature-item[data-v-6a709e2d]{display:flex;align-items:center;gap:8px;color:#e0e0e0;background:var(--surface);padding:8px 12px;border-radius:8px;width:fit-content;min-width:100px}.feature-item.small[data-v-6a709e2d]{font-size:10px;padding:4px 8px;min-width:80px}.feature-item.spotify[data-v-6a709e2d]{background:var(--success)}.feature-item.youtube[data-v-6a709e2d]{background:var(--error)}.feature-item.tidal[data-v-6a709e2d]{background:var(--primary-light-hover)}.feature-item.appleMusic[data-v-6a709e2d]{background:var(--primary)}.feature-item.deezer[data-v-6a709e2d]{background:var(--warning)}.feature-item i[data-v-6a709e2d]{font-size:16px}.benefits-list[data-v-6a709e2d]{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.benefit[data-v-6a709e2d]{display:flex;align-items:center;gap:8px;font-size:14px;color:#e0e0e0}.benefit i[data-v-6a709e2d]{color:gold;font-size:14px}.banner-actions[data-v-6a709e2d]{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.install-btn[data-v-6a709e2d]{display:flex;align-items:center;gap:8px;background:#4285f4;color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.install-btn[data-v-6a709e2d]:hover{background:#3367d6;transform:translateY(-2px);box-shadow:0 4px 12px #4285f466}.learn-more-btn[data-v-6a709e2d]{display:flex;align-items:center;gap:8px;background:#ffffff1a;color:#fff;padding:12px 20px;border-radius:8px;border:1px solid rgba(255,255,255,.2);font-weight:500;cursor:pointer;transition:all .3s ease}.learn-more-btn[data-v-6a709e2d]:hover{background:#fff3;transform:translateY(-2px)}.rating-info[data-v-6a709e2d]{display:flex;align-items:center;gap:12px;font-size:14px;color:#e0e0e0}.stars[data-v-6a709e2d]{display:flex;gap:2px}.stars i[data-v-6a709e2d]{color:gold;font-size:16px}.rating-text[data-v-6a709e2d]{font-weight:500}.users-count[data-v-6a709e2d]{opacity:.8}.extension-modal[data-v-6a709e2d]{max-width:600px;margin:0 auto}.modal-header[data-v-6a709e2d]{text-align:center;margin-bottom:32px}.icon-container[data-v-6a709e2d]{width:80px;height:80px;background:linear-gradient(135deg,#4285f4,#34a853,#fbbc05,#ea4335);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;margin:0 auto 16px;box-shadow:0 8px 24px #0003}.modal-header h2[data-v-6a709e2d]{margin:0 0 8px;font-size:28px;font-weight:600;color:var(--text-primary)}.modal-header p[data-v-6a709e2d]{margin:0;color:var(--text-secondary);font-size:16px}.modal-content[data-v-6a709e2d],.feature-section[data-v-6a709e2d],.platforms-section[data-v-6a709e2d]{margin-bottom:32px}.feature-section h3[data-v-6a709e2d],.platforms-section h3[data-v-6a709e2d]{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--text-primary)}.features-list[data-v-6a709e2d]{list-style:none;padding:0;margin:0}.features-list li[data-v-6a709e2d]{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;color:var(--text-primary)}.features-list i[data-v-6a709e2d]{color:#4caf50;font-size:16px}.platforms-grid[data-v-6a709e2d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.platform-card[data-v-6a709e2d]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:var(--surface);border:1px solid var(--border-primary);border-radius:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.platform-card i[data-v-6a709e2d]{font-size:24px;color:var(--primary)}.subscription-info[data-v-6a709e2d]{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:1px solid rgba(255,215,0,.3);border-radius:12px;padding:20px}.info-content[data-v-6a709e2d]{display:flex;flex-direction:column;gap:10px}.info-box[data-v-6a709e2d]{display:flex;gap:16px;align-items:flex-start}.info-box i[data-v-6a709e2d]{color:gold;font-size:24px;margin-top:4px}.info-content h4[data-v-6a709e2d]{margin:0 0 8px;font-size:18px;font-weight:600;color:var(--text-primary)}.info-content p[data-v-6a709e2d]{margin:0;color:var(--text-secondary);line-height:1.5}.subscribe-btn[data-v-6a709e2d]{background:var(--primary);color:var(--text-primary);border:1px solid var(--border-primary);padding:14px 24px;border-radius:8px;cursor:pointer;margin-top:10px}.subscribed[data-v-6a709e2d]{font-weight:500;margin-top:10px}.modal-actions[data-v-6a709e2d]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.install-btn.primary[data-v-6a709e2d]{background:#4285f4;font-size:16px;padding:14px 24px}.close-btn[data-v-6a709e2d]{background:var(--surface);color:var(--text-primary);border:1px solid var(--border-primary);padding:14px 24px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.close-btn[data-v-6a709e2d]:hover{background:var(--surface-hover)}@media (max-width: 768px){.chrome-extension-banner[data-v-6a709e2d]{margin:24px 0;padding:20px}.banner-header[data-v-6a709e2d]{flex-direction:column;align-items:flex-start;gap:12px}.features-grid[data-v-6a709e2d]{grid-template-columns:1fr}.benefits-list[data-v-6a709e2d]{flex-direction:column;gap:12px}.banner-actions[data-v-6a709e2d]{flex-direction:column}.platforms-grid[data-v-6a709e2d]{grid-template-columns:repeat(2,1fr)}.modal-actions[data-v-6a709e2d]{flex-direction:column}}@media (max-width: 480px){.chrome-extension-banner[data-v-6a709e2d]{padding:16px}.header-text h3[data-v-6a709e2d]{font-size:18px}.banner-description p[data-v-6a709e2d]{font-size:14px}.icon-container[data-v-6a709e2d]{width:60px;height:60px;font-size:30px}.modal-header h2[data-v-6a709e2d]{font-size:24px}}.coupon-banner[data-v-659aaebf]{position:relative;background:linear-gradient(135deg,var(--primary) 0%,var(--warning) 50%,var(--primary-dark) 100%);border-radius:var(--radius-lg);margin:var(--space-md) 0;overflow:hidden;cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.1)}.coupon-banner[data-v-659aaebf]:hover{transform:translateY(-4px);box-shadow:0 16px 48px #b91db94d}.banner-background[data-v-659aaebf]{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.1}.frequency-lines[data-v-659aaebf]{position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px);animation:frequencyPulse-659aaebf 3s ease-in-out infinite}@keyframes frequencyPulse-659aaebf{0%,to{opacity:.1}50%{opacity:.3}}.close-button[data-v-659aaebf]{position:absolute;top:var(--space-sm);right:var(--space-sm);z-index:10;background:#0000004d;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.close-button[data-v-659aaebf]:hover{background:#00000080;border-color:#fff6;color:#fff;transform:scale(1.1)}.close-button[data-v-659aaebf]:active{transform:scale(.95)}.close-button .icon-close[data-v-659aaebf]{font-size:16px;line-height:1}.banner-content[data-v-659aaebf]{position:relative;display:flex;padding:var(--space-lg);gap:var(--space-lg);align-items:center}.discount-section[data-v-659aaebf]{display:flex;flex-direction:column;align-items:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid rgba(255,255,255,.2);min-width:120px}.discount-percentage[data-v-659aaebf]{font-size:3rem;font-weight:var(--font-weight-bold);color:#fff;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.3)}.discount-label[data-v-659aaebf]{font-size:var(--font-size-sm);color:#ffffffe6;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:1px}.content-section[data-v-659aaebf]{flex:1;display:flex;flex-direction:column;gap:var(--space-md)}.banner-header[data-v-659aaebf]{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.music-note[data-v-659aaebf]{font-size:1.5rem;animation:bounce-659aaebf 2s ease-in-out infinite}@keyframes bounce-659aaebf{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.banner-title[data-v-659aaebf]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3)}.frequency-badge[data-v-659aaebf]{background:#fff3;color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid rgba(255,255,255,.3)}.coupon-code-container[data-v-659aaebf]{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.code-label[data-v-659aaebf]{color:#fffc;font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.coupon-code[data-v-659aaebf]{background:#0000004d;color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);letter-spacing:2px;border:2px solid rgba(255,255,255,.3);font-family:Courier New,monospace;text-shadow:0 1px 4px rgba(0,0,0,.5)}.coupon-description[data-v-659aaebf]{color:#ffffffe6;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);margin:0;text-shadow:0 1px 4px rgba(0,0,0,.3)}.countdown-container[data-v-659aaebf]{background:#0003;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);border:1px solid rgba(255,255,255,.2)}.countdown[data-v-659aaebf]{color:#fff;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);text-align:center;font-family:Courier New,monospace}.action-buttons[data-v-659aaebf]{display:flex;gap:var(--space-md);flex-wrap:wrap}.subscribe-btn[data-v-659aaebf],.copy-btn[data-v-659aaebf]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:none;font-weight:var(--font-weight-semibold);font-size:var(--font-size-md);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;min-width:140px;justify-content:center}.subscribe-btn[data-v-659aaebf]{background:#ffffffe6;color:#881aa3;border:2px solid rgba(255,255,255,.3)}.subscribe-btn[data-v-659aaebf]:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #fff3}.copy-btn[data-v-659aaebf]{background:#0000004d;color:#fff;border:2px solid rgba(255,255,255,.3)}.copy-btn[data-v-659aaebf]:hover{background:#00000080;border-color:#ffffff80;transform:translateY(-2px)}.btn-icon[data-v-659aaebf]{font-size:1.1em}.floating-elements[data-v-659aaebf]{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.note[data-v-659aaebf]{position:absolute;color:#ffffff26;font-size:1.5rem;animation:float-659aaebf 6s ease-in-out infinite}.note-1[data-v-659aaebf]{top:20%;right:15%;animation-delay:0s}.note-2[data-v-659aaebf]{bottom:30%;right:25%;animation-delay:2s}.note-3[data-v-659aaebf]{top:60%;right:5%;animation-delay:4s}@keyframes float-659aaebf{0%,to{transform:translateY(0) rotate(0);opacity:.1}50%{transform:translateY(-10px) rotate(5deg);opacity:.2}}@media (max-width: 768px){.banner-content[data-v-659aaebf]{flex-direction:column;text-align:center;padding:var(--space-lg)}.discount-section[data-v-659aaebf]{min-width:auto}.discount-percentage[data-v-659aaebf]{font-size:2.5rem}.banner-header[data-v-659aaebf]{justify-content:center}.banner-title[data-v-659aaebf]{font-size:var(--font-size-lg)}.action-buttons[data-v-659aaebf]{width:100%;justify-content:center}.subscribe-btn[data-v-659aaebf],.copy-btn[data-v-659aaebf]{flex:1;min-width:auto}.floating-elements[data-v-659aaebf]{display:none}.close-button[data-v-659aaebf]{top:var(--space-xs);right:var(--space-xs)}}@media (max-width: 480px){.banner-content[data-v-659aaebf]{padding:var(--space-md)}.discount-percentage[data-v-659aaebf]{font-size:2rem}.banner-title[data-v-659aaebf]{font-size:var(--font-size-md)}.coupon-code[data-v-659aaebf]{font-size:var(--font-size-md);padding:var(--space-xs) var(--space-sm)}.action-buttons[data-v-659aaebf]{flex-direction:column}.subscribe-btn[data-v-659aaebf],.copy-btn[data-v-659aaebf]{width:100%}}.hero-section[data-v-d463a497]{position:relative;background:linear-gradient(135deg,#667eea1a,#764ba20d,#f093fb1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-primary);padding:var(--space-2xl) var(--space-lg);overflow:hidden}@media (max-width: 768px){.hero-section[data-v-d463a497]{display:none}}.hero-content[data-v-d463a497]{margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:var(--space-2xl);align-items:center}.hero-text[data-v-d463a497]{display:flex;flex-direction:column;gap:var(--space-md)}.hero-title-container[data-v-d463a497]{display:flex;align-items:center;gap:var(--space-md)}.hero-title-container .pro-badge-overlay[data-v-d463a497]{width:48px;height:48px;background:var(--primary);color:var(--primary-text);font-size:2rem;font-weight:600;text-align:center;display:flex;align-items:center;justify-content:center;border-radius:50%;border:2px solid var(--primary-text)}.hero-title[data-v-d463a497]{margin-bottom:var(--space-lg)}.title-main[data-v-d463a497]{display:block;font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--primary),var(--primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.title-subtitle[data-v-d463a497]{display:block;font-size:var(--font-size-lg);color:var(--text-secondary);font-weight:var(--font-weight-medium);margin-top:var(--space-sm)}.hero-description[data-v-d463a497]{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-xl);max-width:500px}.hero-features[data-v-d463a497]{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-visual[data-v-d463a497]{display:flex;align-items:center;justify-content:center;width:100%;cursor:pointer}.feature-pill[data-v-d463a497]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);transition:all var(--transition-normal)}.feature-pill[data-v-d463a497]:hover{background:#fff3;transform:translateY(-2px)}.feature-pill i[data-v-d463a497]{font-size:var(--font-size-md);color:var(--primary)}.frequency-viz[data-v-d463a497]{display:flex;align-items:end;gap:4px;height:120px;padding:var(--space-lg)}.frequency-bar[data-v-d463a497]{width:8px;background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-radius:var(--radius-sm);animation:pulse-d463a497 2s ease-in-out infinite;opacity:.8}.frequency-bar.disabled[data-v-d463a497]{animation:none;height:40px}.frequency-bar[data-v-d463a497]:nth-child(odd){animation-duration:1.5s}.frequency-bar[data-v-d463a497]:nth-child(2n){animation-duration:2.5s}@keyframes pulse-d463a497{0%,to{height:20px;opacity:.5}50%{height:80px;opacity:1}}.home[data-v-d463a497]{min-height:100vh;background:var(--background)}.main-content[data-v-d463a497]{padding:var(--space-xl) var(--space-lg);margin:0 auto}.quick-actions[data-v-d463a497]{margin-top:var(--space-2xl)}.section-title[data-v-d463a497]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xl);text-align:center}.actions-grid[data-v-d463a497]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.action-card[data-v-d463a497]{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:var(--card-background);border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:all var(--transition-normal);cursor:pointer;position:relative;overflow:hidden}.action-card[data-v-d463a497]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea1a,#764ba20d);opacity:0;transition:opacity var(--transition-normal)}.action-card[data-v-d463a497]:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-lg)}.action-card[data-v-d463a497]:hover:before{opacity:1}.action-icon[data-v-d463a497]{position:relative;z-index:1;width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.action-content[data-v-d463a497]{position:relative;z-index:1;flex:1}.action-content h3[data-v-d463a497]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.action-content p[data-v-d463a497]{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.powered-by[data-v-d463a497]{margin-top:40px;display:flex;justify-content:center}@media (prefers-color-scheme: dark){.action-card[data-v-d463a497]{background:var(--surface-hover)}}.analytics-section[data-v-d463a497]{margin-top:var(--space-2xl);background:var(--card-background);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl)}.section-header[data-v-d463a497]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.view-all-link[data-v-d463a497]{display:flex;align-items:center;gap:var(--space-sm);color:var(--primary);text-decoration:none;font-weight:var(--font-weight-medium);transition:all var(--transition-normal)}.view-all-link[data-v-d463a497]:hover{transform:translate(4px)}.insights-grid[data-v-d463a497]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.insight-card[data-v-d463a497]{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.insight-icon[data-v-d463a497]{width:48px;height:48px;background:linear-gradient(135deg,var(--primary-hover),var(--primary-dark));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}.insight-content h3[data-v-d463a497]{font-size:var(--font-size-md);color:var(--text-primary);line-height:1.4;margin:0}.quick-stats[data-v-d463a497]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-lg)}.stat-item[data-v-d463a497]{text-align:center;padding:var(--space-lg);background:var(--surface);border:1px solid var(--border-primary);border-radius:var(--radius-md)}.stat-value[data-v-d463a497]{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--primary);margin-bottom:var(--space-sm)}.stat-label[data-v-d463a497]{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}@media (prefers-reduced-motion: reduce){.frequency-bar[data-v-d463a497]{animation:none;height:40px}.action-card[data-v-d463a497]:hover,.feature-pill[data-v-d463a497]:hover,.view-all-link[data-v-d463a497]:hover{transform:none}}@media (max-width: 768px){.hero-section[data-v-d463a497]{padding:var(--space-lg) var(--space-md)}.hero-content[data-v-d463a497]{grid-template-columns:1fr;text-align:center;gap:var(--space-xl)}.hero-features[data-v-d463a497]{display:none;justify-content:center}.frequency-viz[data-v-d463a497]{height:80px;padding:var(--space-md)}.main-content[data-v-d463a497]{padding:var(--space-lg) var(--space-md)}.actions-grid[data-v-d463a497]{grid-template-columns:1fr}.action-card[data-v-d463a497]{padding:var(--space-lg)}.action-icon[data-v-d463a497]{width:56px;height:56px;font-size:20px}.analytics-section[data-v-d463a497]{padding:var(--space-lg) var(--space-md)}.section-header[data-v-d463a497]{flex-direction:column;gap:var(--space-md);text-align:center}.insights-grid[data-v-d463a497]{grid-template-columns:1fr;gap:var(--space-md)}.quick-stats[data-v-d463a497]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.hero-features[data-v-d463a497]{flex-direction:column;align-items:center}.quick-stats[data-v-d463a497]{grid-template-columns:1fr}.feature-pill[data-v-d463a497]{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm)}.title-main[data-v-d463a497]{font-size:var(--font-size-2xl)}.title-subtitle[data-v-d463a497]{font-size:var(--font-size-lg)}.action-card[data-v-d463a497]{padding:var(--space-md)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #b91db9;--primary-hover: #a61ed7;--primary-dark: #881aa3;--primary-light: #667eea;--primary-light-hover: #5a6fd8;--primary-light-active: #8b9ef5;--primary-bg: #121212;--primary-text: #ffffff;--secondary: #191414;--background: #121212;--card-background: #181818;--surface: #181818;--surface-hover: #282828;--surface-active: #383838;--surface-active-transparent: rgba(56, 56, 56, .5);--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #6a6a6a;--text-tertiary: #999999;--text-disabled: #666666;--border: #404040;--border-color: #404040;--border-primary: #333333;--border-secondary: #444444;--border-active: var(--primary);--error: #e22134;--error-bg: rgba(226, 33, 52, .1);--warning: #ffa500;--success: #1db954;--success-bg: rgba(29, 185, 84, .1);--info: #4facfe;--color-background: #121212;--color-background-secondary: #1a1a1a;--color-background-tertiary: #222222;--color-text: #ffffff;--color-text-secondary: #b3b3b3;--color-border: #333333;--space-2xs: .125rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-normal: .3s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal: 1040;--z-popover: 1050;--z-tooltip: 1060;--touch-target-min: 44px;--touch-target-mobile: 48px}[data-theme=light]{--primary: #b91db9;--primary-hover: #a61ed7;--primary-dark: #881aa3;--primary-light: #667eea;--primary-light-hover: #5a6fd8;--primary-light-active: #8b9ef5;--primary-bg: #ffffff;--primary-text: #000000;--secondary: #f5f5f5;--background: #ffffff;--card-background: #f8f9fa;--surface: #f8f9fa;--surface-hover: #e9ecef;--surface-active: #dee2e6;--surface-active-transparent: rgba(222, 226, 230, .5);--text-primary: #000000;--text-secondary: #495057;--text-muted: #6c757d;--text-tertiary: #6c757d;--text-disabled: #adb5bd;--border: #dee2e6;--border-color: #dee2e6;--border-primary: #ced4da;--border-secondary: #e9ecef;--border-active: var(--primary);--error: #dc3545;--error-bg: rgba(220, 53, 69, .1);--warning: #fd7e14;--success: #198754;--success-bg: rgba(25, 135, 84, .1);--info: #0dcaf0;--color-background: #ffffff;--color-background-secondary: #f8f9fa;--color-background-tertiary: #e9ecef;--color-text: #000000;--color-text-secondary: #495057;--color-border: #dee2e6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}@media (prefers-color-scheme: light){[data-theme=auto]{--primary: #b91db9;--primary-hover: #a61ed7;--primary-dark: #881aa3;--primary-light: #667eea;--primary-light-hover: #5a6fd8;--primary-light-active: #8b9ef5;--primary-bg: #ffffff;--primary-text: #000000;--secondary: #f5f5f5;--background: #ffffff;--card-background: #f8f9fa;--surface: #f8f9fa;--surface-hover: #e9ecef;--surface-active: #dee2e6;--surface-active-transparent: rgba(222, 226, 230, .5);--text-primary: #000000;--text-secondary: #495057;--text-muted: #6c757d;--text-tertiary: #6c757d;--text-disabled: #adb5bd;--border: #dee2e6;--border-color: #dee2e6;--border-primary: #ced4da;--border-secondary: #e9ecef;--border-active: var(--primary);--error: #dc3545;--error-bg: rgba(220, 53, 69, .1);--warning: #fd7e14;--success: #198754;--success-bg: rgba(25, 135, 84, .1);--info: #0dcaf0;--color-background: #ffffff;--color-background-secondary: #f8f9fa;--color-background-tertiary: #e9ecef;--color-text: #000000;--color-text-secondary: #495057;--color-border: #dee2e6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1)}}@media (prefers-color-scheme: dark){[data-theme=auto]{--primary: #b91db9;--primary-hover: #a61ed7;--primary-dark: #881aa3;--primary-light: #667eea;--primary-light-hover: #5a6fd8;--primary-light-active: #8b9ef5;--primary-bg: #121212;--primary-text: #ffffff;--secondary: #191414;--background: #121212;--card-background: #181818;--surface: #181818;--surface-hover: #282828;--surface-active: #383838;--surface-active-transparent: rgba(56, 56, 56, .5);--text-primary: #ffffff;--text-secondary: #b3b3b3;--text-muted: #6a6a6a;--text-tertiary: #999999;--text-disabled: #666666;--border: #404040;--border-color: #404040;--border-primary: #333333;--border-secondary: #444444;--border-active: var(--primary);--error: #e22134;--error-bg: rgba(226, 33, 52, .1);--warning: #ffa500;--success: #1db954;--success-bg: rgba(29, 185, 84, .1);--info: #4facfe;--color-background: #121212;--color-background-secondary: #1a1a1a;--color-background-tertiary: #222222;--color-text: #ffffff;--color-text-secondary: #b3b3b3;--color-border: #333333}}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeSpeed;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--background);color:var(--text-primary);line-height:1.6;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600;margin-bottom:var(--space-md);color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--space-md);color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast);-webkit-tap-highlight-color:transparent}a:hover{color:var(--primary-hover)}input,textarea,select,button{font-family:inherit;font-size:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;border:none;background:none;padding:0;transition:all var(--transition-fast);min-height:var(--touch-target-min);min-width:var(--touch-target-min);-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}button:disabled{cursor:not-allowed;opacity:.5}button:active,.btn:active,.control-btn:active,.nav-item:active{transform:scale(.95);transition:transform .1s ease}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;touch-action:manipulation}@media (max-width: 768px){input[type=range]{min-height:calc(var(--touch-target-min) / 3)}}input[type=range]::-webkit-slider-track{background:var(--border);height:4px;border-radius:var(--radius-full)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--primary);height:20px;width:20px;border-radius:var(--radius-full);border:2px solid var(--background);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition-fast)}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.2)}input[type=range]::-moz-range-track{background:var(--border);height:4px;border-radius:var(--radius-full);border:none}input[type=range]::-moz-range-thumb{background:var(--primary);height:20px;width:20px;border-radius:var(--radius-full);border:2px solid var(--background);box-shadow:var(--shadow-sm);cursor:pointer}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm);will-change:background}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.scrollable-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.loading-shimmer{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-hover) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (min-width: 480px){.sm\:block{display:block}.sm\:hidden{display:none}}@media (min-width: 768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex{display:flex}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:hidden{display:none}.lg\:flex{display:flex}}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.touch-area{min-height:var(--touch-target-mobile);min-width:var(--touch-target-mobile);display:flex;align-items:center;justify-content:center;position:relative}.gpu-accelerated{will-change:transform;-webkit-transform:translateZ(0);transform:translateZ(0)}.smooth-transition{transition:all var(--transition-normal) cubic-bezier(.4,0,.2,1)}*:focus{outline:2px solid var(--primary);outline-offset:2px}button:focus,input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:2px}.empty-state{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{width:80px;height:80px;background:#2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#666;font-size:40px;margin-bottom:24px}.empty-state h3{color:#fff;font-size:24px;margin-bottom:12px}.empty-state p{color:#ccc;font-size:16px;margin-bottom:32px;max-width:400px}.empty-actions{display:flex;gap:12px}.general-modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.general-modal-body{flex:1;overflow:auto;padding:var(--space-lg);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.general-modal-footer{padding:var(--space-lg);border-top:1px solid var(--border-color);flex-shrink:0;display:flex;gap:var(--space-md);justify-content:flex-end}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #333}.panel-header h3{color:#fff;font-size:20px;font-weight:600;margin:0}.panel-actions{display:flex;gap:12px}.btn-toggle{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;border:1px solid #444;background:#333;color:#ccc;cursor:pointer;transition:all .2s}.btn-toggle.active{background:#007acc;color:#fff;border-color:#007acc}.btn-toggle:hover{background:#555}.btn-toggle.active:hover{background:#005a9e}[dir=rtl] .panel-header,[dir=rtl] .panel-actions,[dir=rtl] .preset-buttons{flex-direction:row-reverse}@media (max-width: 768px){:root{--touch-target-min: 48px;--touch-target-mobile: 52px}.empty-state{padding:60px 16px}.empty-icon{width:64px;height:64px;font-size:32px;margin-bottom:20px}.empty-state h3{font-size:20px;margin-bottom:10px}.empty-state p{font-size:14px;margin-bottom:24px}.general-modal-header,.general-modal-body,.general-modal-footer{padding:var(--space-md)}.empty-actions{gap:8px;flex-direction:column;width:100%;max-width:280px}.panel-header{flex-direction:column;gap:16px;align-items:stretch}.panel-actions{justify-content:center}.btn-toggle{min-height:44px;padding:12px 16px;font-size:14px}@media (max-width: 480px){.empty-state{padding:40px 12px}.empty-icon{width:56px;height:56px;font-size:28px;margin-bottom:16px}.empty-state h3{font-size:18px;margin-bottom:8px}.empty-state p{font-size:13px;margin-bottom:20px}}*{animation-duration:.3s!important;transition-duration:.3s!important}.loading-shimmer{animation-duration:1.5s}.mobile-scroll-container{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;overflow:auto}.mobile-no-scroll{overflow:hidden;position:fixed;width:100%}.mobile-touch-feedback{-webkit-tap-highlight-color:transparent;touch-action:manipulation;user-select:none;-webkit-user-select:none}.mobile-ripple{position:relative;overflow:hidden}.mobile-ripple:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:0;height:0;border-radius:50%;background:#ffffff4d;transition:width .3s ease,height .3s ease;pointer-events:none}.mobile-ripple:active:after{width:100px;height:100px}.mobile-list{contain:layout style paint;will-change:scroll-position}.mobile-list-item{contain:layout paint;will-change:transform}.mobile-input{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius-lg);padding:var(--space-md);min-height:var(--touch-target-mobile)}.mobile-card{border-radius:var(--radius-xl);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);will-change:transform;transition:transform var(--transition-fast)}.mobile-card:active{transform:scale(.98)}.safe-top{padding-top:max(var(--space-md),env(safe-area-inset-top))}.safe-bottom{padding-bottom:max(var(--space-md),env(safe-area-inset-bottom))}.safe-left{padding-left:max(var(--space-md),env(safe-area-inset-left))}.safe-right{padding-right:max(var(--space-md),env(safe-area-inset-right))}.mobile-spacing>*+*{margin-top:var(--space-lg)}.mobile-spacing-sm>*+*{margin-top:var(--space-md)}.mobile-spacing-lg>*+*{margin-top:var(--space-xl)}}