.auth-button-loading{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem}.auth-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#0284c7;border-radius:50%;animation:spin .8s linear infinite}.auth-login-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#0284c7,#0369a1);color:white;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.auth-login-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,.4)}.auth-login-button.mobile{width:100%;justify-content:center;padding:.75rem 1rem}.auth-button-icon{font-size:1rem}.auth-user-menu{position:relative}.auth-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.auth-avatar-placeholder{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0ea5e9;color:white;font-size:14px}.auth-user-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s ease;line-height:1.4;min-height:42px;box-sizing:border-box}.auth-user-button:hover{background:#e5e7eb;border-color:#0ea5e9}[data-theme=dark] .auth-user-button{background:#334155;border-color:#475569}[data-theme=dark] .auth-user-button:hover{background:#475569;border-color:#0ea5e9}.auth-username{font-size:.875rem;font-weight:500;color:#1f2937;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .auth-username{color:#e5e7eb}.auth-tier-badge{margin-left:.25rem}.auth-dropdown-arrow{font-size:.625rem;color:#64748b;transition:transform .2s ease}[data-theme=dark] .auth-dropdown-arrow{color:#94a3b8}.auth-dropdown-arrow.open{transform:rotate(180deg)}.auth-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease}[data-theme=dark] .auth-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 8px 24px rgba(0,0,0,.4)}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-dropdown-header{padding:1rem;background:#f8fafc}[data-theme=dark] .auth-dropdown-header{background:#0f172a}.auth-dropdown-email{display:block;font-size:.75rem;color:#64748b;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .auth-dropdown-email{color:#94a3b8}.auth-dropdown-tier{font-size:.875rem;font-weight:600}.auth-dropdown-tier.commander{color:#d97706}.auth-dropdown-tier.supporter{color:#0284c7}.auth-dropdown-tier.free{color:#64748b}[data-theme=dark] .auth-dropdown-tier.free{color:#94a3b8}.auth-dropdown-divider{height:1px;background:#e2e8f0}[data-theme=dark] .auth-dropdown-divider{background:#334155}.auth-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:none;border:none;color:#1f2937;font-size:.875rem;text-decoration:none;cursor:pointer;transition:background .15s ease}[data-theme=dark] .auth-dropdown-item{color:#e5e7eb}.auth-dropdown-item:hover{background:#f1f5f9}[data-theme=dark] .auth-dropdown-item:hover{background:#334155}.auth-dropdown-item.upgrade{color:#d97706;font-weight:600}.auth-dropdown-item.upgrade:hover{background:rgba(217,119,6,.1)}.auth-dropdown-item.signout{color:#dc2626}[data-theme=dark] .auth-dropdown-item.signout{color:#f87171}.auth-dropdown-item.signout:hover{background:rgba(220,38,38,.1)}.auth-mobile-menu{padding:1rem;border-top:1px solid #e2e8f0}[data-theme=dark] .auth-mobile-menu{border-top-color:#334155}.auth-mobile-user-info{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.auth-mobile-user-details{display:flex;flex-direction:column}.auth-mobile-username{font-weight:600;color:#0f172a}[data-theme=dark] .auth-mobile-username{color:#f1f5f9}.auth-mobile-tier{font-size:.75rem;color:#64748b;text-transform:capitalize}[data-theme=dark] .auth-mobile-tier{color:#94a3b8}.auth-mobile-links{display:flex;flex-direction:column;gap:.25rem}.auth-mobile-premium-status{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.15));border-radius:8px;color:#b45309;font-weight:600;font-size:.875rem;margin-bottom:.5rem}[data-theme=dark] .auth-mobile-premium-status{color:#fbbf24}.auth-premium-icon{font-size:1rem}.auth-mobile-link{display:flex;align-items:center;gap:.75rem;padding:.75rem;color:#1f2937;text-decoration:none;border-radius:8px;transition:background .15s ease}[data-theme=dark] .auth-mobile-link{color:#e5e7eb}.auth-mobile-link:hover{background:#f1f5f9}[data-theme=dark] .auth-mobile-link:hover{background:#334155}.auth-mobile-signout{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;background:none;border:none;color:#dc2626;font-size:1rem;cursor:pointer;border-radius:8px;transition:background .15s ease}[data-theme=dark] .auth-mobile-signout{color:#f87171}.auth-mobile-signout:hover{background:rgba(220,38,38,.1)}.auth-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:backdropFadeIn .2s ease}[data-theme=dark] .auth-modal-backdrop{background:rgba(0,0,0,.85)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.auth-modal{position:relative;width:100%;max-width:420px;background:#ffffff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 24px 48px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.1);animation:modalSlideIn .3s ease;overflow:hidden}[data-theme=dark] .auth-modal{background:#1e293b;border-color:#475569;box-shadow:0 24px 48px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-modal-close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s ease;z-index:10}.auth-modal-close:hover{background:#e5e7eb;color:#374151}[data-theme=dark] .auth-modal-close{background:#334155;border-color:#475569;color:#94a3b8}[data-theme=dark] .auth-modal-close:hover{background:#475569;color:#e2e8f0}.auth-modal-header{padding:2rem 2rem 1rem;text-align:center}.auth-modal-header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#0f172a}[data-theme=dark] .auth-modal-header h2{color:#f1f5f9}.auth-modal-header p{margin:0;font-size:.9rem;color:#475569}[data-theme=dark] .auth-modal-header p{color:#94a3b8}.auth-modal-benefits{padding:0 2rem 1.5rem;display:flex;flex-direction:column;gap:.625rem}.auth-benefit{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#475569}[data-theme=dark] .auth-benefit{color:#cbd5e1}.auth-benefit-icon{color:#0284c7;font-size:1.125rem;flex-shrink:0}[data-theme=dark] .auth-benefit-icon{color:#38bdf8}.auth-error{margin:0 2rem 1rem;padding:.75rem 1rem;background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b;font-size:.875rem}[data-theme=dark] .auth-error{background:rgba(220,38,38,.15);border-color:#dc2626;color:#fca5a5}.auth-providers{padding:0 2rem 1.5rem;display:flex;flex-direction:column;gap:.75rem}.auth-provider-button{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;padding:.875rem 1rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-provider-button:disabled{opacity:.6;cursor:not-allowed}.auth-provider-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.auth-provider-button.google{background:#ffffff;color:#1f2937;border:2px solid #e2e8f0}.auth-provider-button.google:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=dark] .auth-provider-button.google{background:#f8fafc;color:#1f2937;border-color:#e2e8f0}[data-theme=dark] .auth-provider-button.google:hover{background:#ffffff}.auth-provider-button.discord{background:#5865F2;color:#ffffff}.auth-provider-button.discord:hover{background:#4752c4}.auth-provider-button.email{background:#0f172a;color:#ffffff;border:2px solid #0f172a}.auth-provider-button.email:not(:disabled):hover{background:#1e293b;border-color:#1e293b}[data-theme=dark] .auth-provider-button.email{background:#f1f5f9;color:#0f172a;border-color:#f1f5f9}[data-theme=dark] .auth-provider-button.email:not(:disabled):hover{background:#ffffff;border-color:#ffffff}.auth-ios-note{padding:0 2rem;font-size:.75rem;color:#64748b;text-align:center}[data-theme=dark] .auth-ios-note{color:#94a3b8}.auth-pwa-note{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;margin-top:.5rem;padding:.75rem 1rem;color:#92400e;font-size:.8125rem;line-height:1.4}[data-theme=dark] .auth-pwa-note{background:rgba(251,191,36,.15);border-color:#d97706;color:#fcd34d}.auth-pwa-note strong{color:#78350f}[data-theme=dark] .auth-pwa-note strong{color:#fde68a}.auth-modal-footer{padding:1rem 2rem 1.5rem;text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0}[data-theme=dark] .auth-modal-footer{background:#0f172a;border-top-color:#334155}.auth-modal-footer p{margin:0;font-size:.75rem;color:#64748b}[data-theme=dark] .auth-modal-footer p{color:#94a3b8}.auth-modal-footer a{color:#0284c7;text-decoration:none}[data-theme=dark] .auth-modal-footer a{color:#38bdf8}.auth-modal-footer a:hover{text-decoration:underline}.auth-back-button{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:#0284c7;font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 0;margin:1rem 2rem 0;transition:color .2s ease}[data-theme=dark] .auth-back-button{color:#38bdf8}.auth-back-button:hover{color:#0369a1}[data-theme=dark] .auth-back-button:hover{color:#7dd3fc}.auth-email-form{display:flex;flex-direction:column;gap:1rem;padding:0 2rem}.auth-input-group{display:flex;flex-direction:column;gap:.5rem}.auth-input-group label{font-size:.875rem;font-weight:600;color:#0f172a}[data-theme=dark] .auth-input-group label{color:#f1f5f9}.auth-input-group input{padding:.875rem 1rem;background:#ffffff;border:2px solid #cbd5e1;border-radius:10px;font-size:1rem;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease}[data-theme=dark] .auth-input-group input{background:#0f172a;border-color:#475569;color:#f1f5f9}.auth-input-group input:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.15)}[data-theme=dark] .auth-input-group input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.15)}.auth-input-group input::placeholder{color:#94a3b8}[data-theme=dark] .auth-input-group input::placeholder{color:#64748b}.auth-submit-button{padding:.875rem 1rem;background:#0284c7;color:#ffffff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:.5rem}.auth-submit-button:hover:not(:disabled){background:#0369a1;transform:translateY(-2px);box-shadow:0 4px 16px rgba(2,132,199,.3)}[data-theme=dark] .auth-submit-button{background:#0ea5e9}[data-theme=dark] .auth-submit-button:hover:not(:disabled){background:#38bdf8;box-shadow:0 4px 16px rgba(56,189,248,.3)}.auth-submit-button:disabled{opacity:.6;cursor:not-allowed}.auth-email-links{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 2rem 1.5rem}.auth-link-button{background:none;border:none;color:#0284c7;font-size:.875rem;font-weight:500;cursor:pointer;padding:0;transition:color .2s ease}[data-theme=dark] .auth-link-button{color:#38bdf8}.auth-link-button:hover{color:#0369a1;text-decoration:underline}[data-theme=dark] .auth-link-button:hover{color:#7dd3fc}.auth-divider{display:flex;align-items:center;gap:1rem;margin:.75rem 0}.auth-divider:after,.auth-divider:before{content:"";flex:1;height:1px;background:#cbd5e1}[data-theme=dark] .auth-divider:after,[data-theme=dark] .auth-divider:before{background:#475569}.auth-divider span{font-size:.875rem;color:#475569;font-weight:600;text-transform:uppercase;letter-spacing:.5px}[data-theme=dark] .auth-divider span{color:#94a3b8}.auth-success{text-align:center;padding:1.5rem 2rem}.auth-success p{color:#16a34a;margin:0 0 1rem;font-weight:500}[data-theme=dark] .auth-success p{color:#4ade80}.auth-mobile-login-button{display:block;width:100%;padding:.875rem 1rem;background:linear-gradient(135deg,#0284c7,#0369a1);color:white;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:center}.auth-mobile-login-button:hover{background:linear-gradient(135deg,#0369a1,#075985);transform:translateY(-1px);box-shadow:0 4px 12px rgba(14,165,233,.4)}@media (max-width:768px){.auth-dropdown-arrow,.auth-username{display:none}.auth-user-button{padding:.25rem;background:transparent;border:none}.auth-login-button .auth-button-text{display:none}.auth-login-button{padding:.5rem}.auth-button-icon{font-size:1.25rem}.auth-modal{max-width:100%;margin:.5rem;max-height:calc(100vh - 2rem);overflow-y:auto}.auth-modal-header{padding:1.5rem 1.5rem 1rem}.auth-modal-benefits,.auth-providers{padding:0 1.5rem 1rem}.auth-email-form{padding:0 1.5rem}.auth-email-links{padding:1rem 1.5rem}.auth-back-button{margin:1rem 1.5rem 0}.auth-error{margin:0 1.5rem 1rem}.auth-modal-footer{padding:1rem 1.5rem}}.profile-selector{position:relative}.profile-selector-loading{display:grid;place-items:center;width:40px;height:40px;color:#0ea5e9}.profile-selector-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:500;color:#1f2937;cursor:pointer;transition:all .2s ease;line-height:1.4;min-height:42px;box-sizing:border-box}.profile-selector-button:hover{background:#e5e7eb;border-color:#0ea5e9}.profile-selector-button.compact{font-size:.875rem}.profile-selector-button.compact .profile-name{max-width:100px}[data-theme=dark] .profile-selector-button{background:#334155;border-color:#475569;color:#e5e7eb}[data-theme=dark] .profile-selector-button:hover{background:#475569;border-color:#0ea5e9}.profile-icon{font-size:.875rem;color:#0ea5e9}.profile-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{font-size:.75rem;color:#6b7280;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}[data-theme=dark] .chevron{color:#94a3b8}.profile-dropdown-backdrop{position:fixed;inset:0;z-index:99}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;min-width:250px;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15);z-index:100;overflow:hidden}[data-theme=dark] .profile-dropdown{background:#1e293b;border-color:#334155;box-shadow:0 10px 40px rgba(0,0,0,.4)}.profile-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}[data-theme=dark] .profile-dropdown-header{background:#0f172a;border-color:#334155;color:#94a3b8}.profile-count{font-weight:500;color:#0ea5e9}.profile-list{max-height:240px;overflow-y:auto;padding:.5rem}.profile-option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem .75rem;background:transparent;border:none;border-radius:8px;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease;text-align:left}.profile-option:hover{background:#f3f4f6}.profile-option.active{background:rgba(14,165,233,.1);color:#0ea5e9}[data-theme=dark] .profile-option{color:#e5e7eb}[data-theme=dark] .profile-option:hover{background:#334155}[data-theme=dark] .profile-option.active{background:rgba(14,165,233,.15);color:#0ea5e9}.profile-option-icon{font-size:.875rem;color:#6b7280}.profile-option.active .profile-option-icon{color:#0ea5e9}[data-theme=dark] .profile-option-icon{color:#94a3b8}.profile-option-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-check{font-size:.75rem;color:#0ea5e9}.profile-create{display:flex;gap:.5rem;padding:.75rem;border-top:1px solid #e5e7eb}[data-theme=dark] .profile-create{border-color:#334155}.profile-create input{flex:1;padding:.5rem .75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#1f2937}.profile-create input::placeholder{color:#9ca3af}.profile-create input:focus{outline:none;border-color:#0ea5e9}[data-theme=dark] .profile-create input{background:#0f172a;border-color:#475569;color:#e5e7eb}[data-theme=dark] .profile-create input::placeholder{color:#64748b}.btn-create-profile{display:grid;place-items:center;width:36px;height:36px;background:#0ea5e9;border:none;border-radius:6px;color:white;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-create-profile:hover:not(:disabled){background:#0284c7}.btn-create-profile:disabled{opacity:.5;cursor:not-allowed}.profile-limit-message{display:block;padding:.75rem 1rem;border-top:1px solid #e5e7eb;font-size:.8125rem;color:#6b7280;text-align:center;text-decoration:none;transition:all .2s ease}.profile-limit-message:hover{background:rgba(14,165,233,.05);color:#0ea5e9}[data-theme=dark] .profile-limit-message{border-color:#334155;color:#94a3b8}[data-theme=dark] .profile-limit-message:hover{background:rgba(14,165,233,.1);color:#0ea5e9}.profile-manage-link{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid #e5e7eb;font-size:.875rem;font-weight:500;color:#0ea5e9;text-decoration:none;transition:all .2s ease}.profile-manage-link:hover{background:rgba(14,165,233,.1)}.profile-manage-icon{font-size:.75rem}[data-theme=dark] .profile-manage-link{border-color:#334155}[data-theme=dark] .profile-manage-link:hover{background:rgba(14,165,233,.15)}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.profile-management{display:flex;flex-direction:column;gap:.75rem}.profile-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.profile-item.active{border-color:#0ea5e9;background:rgba(14,165,233,.05)}[data-theme=dark] .profile-item{background:#0f172a;border-color:#334155}[data-theme=dark] .profile-item.active{border-color:#0ea5e9;background:rgba(14,165,233,.1)}.profile-item-icon{display:grid;place-items:center;width:36px;height:36px;background:#0ea5e9;border-radius:50%;color:white;font-size:14px}.profile-item-info{flex:1;min-width:0}.profile-item-name{font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=dark] .profile-item-name{color:#f1f5f9}.profile-item-meta{font-size:.75rem;color:#6b7280}[data-theme=dark] .profile-item-meta{color:#94a3b8}.profile-item-actions{display:flex;gap:.5rem}.btn-profile-action{display:grid;place-items:center;width:32px;height:32px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-profile-action:hover{background:#f3f4f6;border-color:#0ea5e9;color:#0ea5e9}.btn-profile-action.danger:hover{background:rgba(239,68,68,.1);border-color:#ef4444;color:#ef4444}[data-theme=dark] .btn-profile-action{border-color:#475569;color:#94a3b8}[data-theme=dark] .btn-profile-action:hover{background:#334155;border-color:#0ea5e9;color:#0ea5e9}[data-theme=dark] .btn-profile-action.danger:hover{background:rgba(239,68,68,.15);border-color:#ef4444;color:#ef4444}.btn-add-profile{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:transparent;border:2px dashed #e5e7eb;border-radius:8px;color:#6b7280;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-add-profile:hover:not(:disabled){border-color:#0ea5e9;color:#0ea5e9;background:rgba(14,165,233,.05)}.btn-add-profile:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .btn-add-profile{border-color:#475569;color:#94a3b8}[data-theme=dark] .btn-add-profile:hover:not(:disabled){border-color:#0ea5e9;color:#0ea5e9;background:rgba(14,165,233,.1)}.profile-edit-input{display:flex;gap:.5rem;flex:1}.profile-edit-input input{flex:1;padding:.5rem .75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;color:#1f2937}.profile-edit-input input:focus{outline:none;border-color:#0ea5e9}[data-theme=dark] .profile-edit-input input{background:#1e293b;border-color:#475569;color:#e5e7eb}@media (max-width:640px){.profile-dropdown{position:fixed;top:auto;bottom:0;left:0;right:0;border-radius:16px 16px 0 0;min-width:auto;max-height:70vh}.profile-list{max-height:calc(70vh - 150px)}.profile-selector-button .profile-name{max-width:100px}}.nav-menu{background-color:var(--card-bg);box-shadow:0 2px 10px rgba(0,0,0,.1);position:sticky;top:0;width:100%;z-index:1000;border-bottom:1px solid var(--border-color)}.nav-top-row{justify-content:center;padding:.5rem 1.5rem;max-width:1280px;margin:0 auto;border-bottom:1px solid var(--border-color)}.nav-left,.nav-top-row{display:flex;align-items:center;gap:.75rem}.nav-right{display:flex;align-items:center;gap:.5rem}.nav-bottom-row{max-width:1280px;margin:0 auto;padding:0 1.5rem}.nav-logo{display:flex;align-items:center;text-decoration:none;color:var(--text-color);font-weight:600;font-size:1.25rem}.nav-logo-img{height:32px;width:32px;margin-right:.5rem}.nav-logo-text{font-weight:700;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;margin:0;padding:0;align-items:center;justify-content:center}.nav-item{margin:0 .25rem;position:relative}.nav-link{display:flex;align-items:center;padding:.5rem .75rem;color:var(--text-color);text-decoration:none;font-weight:500;font-size:.9375rem;border-radius:.375rem;transition:background-color .2s,color .2s;background:none;border:none;cursor:pointer;font-family:inherit}.nav-link:hover{background-color:var(--hover-bg)}.nav-link-active{background-color:var(--primary-50);color:var(--accent-color)}.nav-link-icon{margin-right:.5rem;font-size:1rem}.nav-link-text{white-space:nowrap}.nav-dropdown{position:relative}.nav-dropdown-toggle{width:100%}.nav-dropdown-arrow{margin-left:.25rem;font-size:.75rem;transition:transform .2s}.nav-dropdown:hover .nav-dropdown-arrow{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:100%;left:0;margin-top:.5rem;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s,visibility .2s,transform .2s;z-index:1001;padding:.5rem 0}.nav-dropdown-menu-open{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-item{display:flex;align-items:center;padding:.625rem 1rem;color:var(--text-color);text-decoration:none;font-size:.875rem;font-weight:500;transition:background-color .2s}.nav-dropdown-item:hover{background-color:var(--hover-bg)}.nav-dropdown-item-active{background-color:var(--primary-50);color:var(--accent-color)}.nav-dropdown-item-icon{margin-right:.625rem;font-size:1rem;width:1rem;display:flex;align-items:center;justify-content:center}.nav-dropdown-item-text{white-space:nowrap}.nav-mobile-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--text-color);cursor:pointer;padding:.25rem}.nav-language-toggle,.nav-theme-toggle{display:flex;align-items:center}.nav-profile-mobile{display:none}.nav-mobile-menu{display:none;position:fixed;top:53px;left:0;right:0;bottom:0;background-color:var(--card-bg);box-shadow:0 4px 10px rgba(0,0,0,.1);padding:1rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .3s ease,visibility .3s;overflow-y:auto;z-index:999}.nav-mobile-menu-open{transform:translateY(0);opacity:1;visibility:visible}.nav-mobile-links{list-style:none;margin:0;padding:0}.nav-mobile-item{margin:.5rem 0}.nav-mobile-link{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-color);text-decoration:none;font-weight:500;border-radius:.375rem;transition:background-color .2s}.nav-mobile-link:hover{background-color:var(--hover-bg)}.nav-mobile-link-active{background-color:var(--primary-50);color:var(--accent-color)}.nav-mobile-link-icon{margin-right:.75rem;font-size:1.25rem;width:1.25rem}.nav-mobile-link-text{flex:1}.nav-mobile-dropdown{margin:.5rem 0}.nav-mobile-dropdown-toggle{display:flex;align-items:center;width:100%;padding:.75rem 1rem;color:var(--text-color);background:none;border:none;font-weight:500;border-radius:.375rem;cursor:pointer;transition:background-color .2s;font-family:inherit;font-size:1rem;text-align:left}.nav-mobile-dropdown-toggle:hover{background-color:var(--hover-bg)}.nav-mobile-dropdown-arrow{margin-left:auto;font-size:.875rem;transition:transform .2s}.nav-mobile-dropdown-arrow-open{transform:rotate(180deg)}.nav-mobile-dropdown-content{max-height:0;overflow:hidden;transition:max-height .3s ease;padding-left:1rem}.nav-mobile-dropdown-content-open{max-height:500px}.nav-mobile-dropdown-item{display:flex;align-items:center;padding:.625rem 1rem;color:var(--text-color);text-decoration:none;font-size:.9375rem;border-radius:.375rem;transition:background-color .2s;margin:.25rem 0}.nav-mobile-dropdown-item:hover{background-color:var(--hover-bg)}.nav-mobile-dropdown-item-active{background-color:var(--primary-50);color:var(--accent-color)}.nav-mobile-dropdown-item-icon{margin-right:.75rem;font-size:1.125rem;width:1.125rem}.nav-mobile-language{padding:.75rem 1rem}.nav-auth-button,.nav-profile-selector{display:flex;align-items:center}.nav-mobile-auth{margin-bottom:.5rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.nav-mobile-theme{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border-color)}.nav-mobile-theme-wrapper{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem}.nav-mobile-theme-label{font-weight:500;color:var(--text-color)}@media (max-width:992px){.nav-bottom-row{display:none}.nav-mobile-menu,.nav-mobile-toggle{display:block}.nav-auth-button,.nav-language-toggle,.nav-profile-selector,.nav-theme-toggle.desktop-only{display:none!important}.nav-profile-mobile{display:flex;align-items:center}.nav-top-row{border-bottom:none;justify-content:space-between}.nav-right{gap:.5rem}}.dark-theme .nav-menu{box-shadow:0 2px 10px rgba(0,0,0,.25)}.dark-theme .nav-link-active,.dark-theme .nav-mobile-link-active{background-color:rgba(100,181,246,.15)}.dark-theme .nav-dropdown-menu{box-shadow:0 4px 12px rgba(0,0,0,.3)}.dark-theme .nav-dropdown-item-active,.dark-theme .nav-mobile-dropdown-item-active{background-color:rgba(100,181,246,.15)}.nav-link[href="/premium"]{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.15));color:#fbbf24}.nav-link[href="/premium"]:hover{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.25))}.nav-link[href="/premium"] .nav-link-icon{color:#fbbf24}.nav-mobile-link[href="/premium"]{background:linear-gradient(135deg,rgba(251,191,36,.15),rgba(245,158,11,.15));color:#fbbf24}.nav-mobile-link[href="/premium"]:hover{background:linear-gradient(135deg,rgba(251,191,36,.25),rgba(245,158,11,.25))}.nav-mobile-link[href="/premium"] .nav-mobile-link-icon{color:#fbbf24}.nav-mobile-profile{padding:.75rem 1rem}