.login-overlay{justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.login-overlay.dark{background:#000000b3}.login-modal{background:#fff;border-radius:16px;width:100%;max-width:380px;padding:28px 24px;font-family:Outfit,sans-serif;position:relative}.login-close{position:absolute;top:12px;right:16px}.login-header{text-align:center;margin-bottom:24px}.login-header h2{font-size:var(--fs-head);margin:0 0 6px;font-weight:600}.login-header p{font-size:var(--fs-body);color:var(--text-muted);margin:0}.login-buttons{flex-direction:column;gap:10px;display:flex}.login-btn{width:100%;font-size:var(--fs-lead);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 16px;font-family:inherit;font-weight:500;transition:background .15s,transform .1s;display:flex}.login-btn:active{transform:scale(.98)}.login-btn.google{color:#3c4043;background:#fff;border:1px solid #dadce0}@media (hover:hover){.login-btn.google:hover{background:#f8f9fa}}.login-overlay.dark .login-btn.google{color:#e8e0d4;background:#2a2318;border-color:#3d3328}@media (hover:hover){.login-overlay.dark .login-btn.google:hover{background:#332b1f}}.login-btn.apple{color:#fff;background:#000;border:1px solid #000}@media (hover:hover){.login-btn.apple:hover{background:#1a1a1a}}.login-overlay.dark .login-btn.apple{color:#1a1612;background:#e8e0d4;border-color:#e8e0d4}.login-footer{text-align:center;margin-top:20px}.login-footer p{font-size:var(--fs-label);color:#aaa;margin:0;line-height:1.4}.user-menu{cursor:pointer;align-items:center;gap:8px;display:flex;position:relative}.user-avatar{object-fit:cover;border:2px solid #0000;border-radius:50%;width:28px;height:28px}.user-name{font-size:var(--fs-meta);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;font-weight:500;overflow:hidden}.user-dropdown{z-index:100;background:#fff;border:1px solid #e8e5de;border-radius:10px;min-width:160px;margin-top:4px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 4px 16px #0000001f}.user-dropdown-item{text-align:left;width:100%;font-size:var(--fs-body);cursor:pointer;color:var(--text);background:0 0;border:none;padding:10px 14px;font-family:inherit;display:block}@media (hover:hover){.user-dropdown-item:hover{background:#f5f3f0}}@media (hover:hover){.user-dropdown-item.danger:hover{background:#fce4ec}}.login-nudge{z-index:950;background:#fff;border:1px solid #e8e5de;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-family:Outfit,sans-serif;animation:.3s ease-out nudgeSlideUp;display:flex;position:fixed;bottom:64px;left:12px;right:12px;box-shadow:0 4px 16px #0000001f}.login-nudge.dark{background:#2a2318;border-color:#3d3328}@keyframes nudgeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-nudge-text{font-size:var(--fs-meta);color:var(--text-secondary);flex:1}.login-nudge.dark .login-nudge-text{color:#8a7e6e}.login-nudge-btn{background:var(--accent,var(--accent));color:#fff;font-size:var(--fs-meta);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 14px;font-family:inherit;font-weight:600}.login-nudge.dark .login-nudge-btn{color:#1a1612;background:#d4a96a}.login-modal{background:var(--glass-hi)}.login-overlay.dark .login-modal{color:var(--paper-dim);background:#00000070}.login-header p{color:var(--paper-faint)}.login-overlay.dark .login-header p{color:var(--paper-dim)}.login-btn.google{background:var(--glass);border:1px solid var(--hair);color:var(--paper)}@media (hover:hover){.login-btn.google:hover{background:color-mix(in srgb, var(--accent-2) 16%, transparent)}}.login-overlay.dark .login-btn.google{border-color:var(--hair);color:var(--paper-dim);background:#00000057}@media (hover:hover){.login-overlay.dark .login-btn.google:hover{background:var(--warn)}}.login-btn.apple{border:1px solid var(--hair-soft);color:var(--ink);background:#00000057}@media (hover:hover){.login-btn.apple:hover{background:#00000057}}.login-overlay.dark .login-btn.apple{background:color-mix(in srgb, var(--warn) 16%, transparent);color:var(--warn);border-color:var(--hair)}.login-footer p{color:var(--paper-dim)}.login-overlay.dark .login-footer p{color:var(--warn)}.user-avatar:hover{border-color:var(--accent,var(--accent))}.user-name{color:var(--paper-dim)}.user-dropdown{background:var(--glass);border:1px solid var(--hair)}.user-dropdown-item{color:var(--paper)}@media (hover:hover){.user-dropdown-item:hover{background:color-mix(in srgb, var(--warn) 16%, transparent)}}.user-dropdown-item.danger{color:var(--bad)}@media (hover:hover){.user-dropdown-item.danger:hover{background:#e07a6b26}}.login-nudge{background:var(--glass);border:1px solid var(--hair)}.login-nudge.dark{border-color:var(--hair);background:#00000057}.login-nudge-text,.login-nudge.dark .login-nudge-text{color:var(--paper-dim)}.login-nudge-btn{background:var(--accent,var(--accent));color:var(--ink)}.login-nudge.dark .login-nudge-btn{background:var(--accent);color:var(--ink)}