.auth-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--surface-solid);border-radius:var(--r-lg);border:1px solid var(--border);width:380px;max-width:90vw;box-shadow:var(--shadow-3);padding:32px;position:relative}.auth-close{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:4px;font-size:22px;line-height:1;position:absolute;top:12px;right:16px}.auth-close:hover{color:var(--text)}.auth-title{color:var(--text);margin-bottom:6px;font-size:22px;font-weight:700}.auth-desc{color:var(--text-3);margin-bottom:24px;font-size:13px}.auth-google{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);width:100%;color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.auth-google:hover:not(:disabled){background:var(--glass-strong)}.auth-google:disabled{opacity:.5;cursor:not-allowed}.auth-divider{color:var(--text-3);align-items:center;gap:12px;margin:18px 0;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--divider);flex:1;height:1px}.auth-form{flex-direction:column;gap:12px;display:flex}.auth-input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);width:100%;color:var(--text);outline:none;padding:12px 14px;font-size:14px;transition:border-color .2s}.auth-input:focus{border-color:var(--text-3)}.auth-input::placeholder{color:var(--text-3)}.auth-error{color:#e74c3c;border-radius:var(--r-sm);background:#e74c3c14;padding:8px 12px;font-size:13px}.auth-success{color:#27ae60;border-radius:var(--r-sm);background:#27ae6014;padding:8px 12px;font-size:13px}.auth-forgot{text-align:center;width:100%;color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:8px 0 0;font-size:13px;transition:color .2s;display:block}.auth-forgot:hover{color:var(--primary)}.auth-submit{border-radius:var(--r-pill);background:var(--primary);color:#fff;cursor:pointer;border:none;width:100%;margin-top:4px;padding:12px;font-size:14px;font-weight:600;transition:all .2s}[data-theme=dark] .auth-submit{color:#1a1a1a;background:#f0f0f0}[data-theme=dark] .auth-google{color:#eee;background:#ffffff14;border-color:#ffffff26}[data-theme=dark] .auth-google:hover:not(:disabled){background:#ffffff1f}[data-theme=dark] .auth-input{color:#eee;background:#ffffff14;border-color:#ffffff1f}[data-theme=dark] .auth-divider{color:#666}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{background:#ffffff1a}.auth-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;color:var(--text-3);margin-top:20px;font-size:13px}.auth-switch-btn{color:var(--text);cursor:pointer;background:0 0;border:none;margin-left:4px;font-size:13px;font-weight:600;text-decoration:underline}.auth-switch-btn:hover{opacity:.8}@media (width<=768px){.auth-modal{max-height:90vh;padding:24px 20px;overflow-y:auto}.auth-title{font-size:18px}.auth-desc{margin-bottom:16px}}.top-nav{justify-content:flex-end;align-items:center;gap:6px;margin:0 0 12px;padding:0;display:flex}.top-nav-back{color:var(--text-2);border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;margin-right:auto;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.top-nav-back:hover{color:var(--text);background:var(--surface)}.top-nav-links{align-items:center;gap:2px;display:flex}.top-nav-link{color:var(--text-3);border-radius:var(--r-pill);white-space:nowrap;padding:6px 12px;font-size:13px;text-decoration:none;transition:all .2s}.top-nav-link:hover{color:var(--text);background:var(--surface)}.top-nav-link.active{color:var(--text);background:var(--surface);font-weight:500}.top-nav-theme{background:var(--surface);border:1px solid var(--border);width:34px;height:34px;color:var(--text-2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;margin-left:6px;transition:all .2s;display:inline-flex}.top-nav-theme:hover{background:var(--bg-warm);color:var(--text)}.top-nav-lang{color:#fff;background:var(--primary,#333);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;letter-spacing:.02em;border:none;align-items:center;gap:5px;margin-left:10px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.top-nav-lang:hover{opacity:.85}.top-nav-lang svg{flex-shrink:0}.top-nav-login{color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;margin-left:6px;padding:6px 14px;font-size:13px;transition:all .2s;display:inline-flex}.top-nav-login:hover{background:var(--glass-strong);color:var(--text)}.top-nav-user{align-items:center;gap:6px;margin-left:6px;display:inline-flex}.top-nav-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:600;display:flex}[data-theme=dark] .top-nav-avatar{color:#eee;background:#555}.top-nav-logout{border:1px solid var(--border);width:30px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.top-nav-logout:hover{background:var(--surface);color:var(--text)}.top-nav-support{color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;align-items:center;gap:5px;margin-left:6px;padding:6px 14px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.top-nav-support:hover{color:#e25555;background:#e255550f;border-color:#e25555}.top-nav-support:hover svg path{fill:#e25555;stroke:#e25555}.top-nav-hamburger{border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);cursor:pointer;justify-content:center;align-items:center;margin-left:auto;transition:all .2s;display:none}.top-nav-hamburger:hover{background:var(--bg-warm);color:var(--text)}.top-nav-overlay{display:none}@media (width<=768px){.top-nav{position:relative}.top-nav-hamburger{display:flex}.top-nav-links{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--r-lg);min-width:180px;box-shadow:var(--shadow-3);z-index:100;flex-direction:column;align-items:stretch;gap:2px;margin-top:8px;padding:8px;animation:.2s menu-slide;display:none;position:absolute;top:100%;right:0}.top-nav-links.open{display:flex}.top-nav-link{border-radius:var(--r-md);padding:10px 14px;font-size:14px}.top-nav-theme{align-self:flex-start;margin-left:0}.top-nav-lang,.top-nav-support,.top-nav-login,.top-nav-user{justify-content:center;margin-left:0}.top-nav-overlay{z-index:99;display:block;position:fixed;inset:0}@keyframes menu-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}}