.user-menu.svelte-1xgz5ag{position:relative}.user-menu-button.svelte-1xgz5ag{width:40px;height:40px;min-width:40px;min-height:40px;border-radius:50%;background:var(--bone);border:2px solid var(--taupe-grey);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;padding:0}.user-menu-button.svelte-1xgz5ag:hover{background:var(--gunmetal);transform:scale(1.05)}.user-menu-button.svelte-1xgz5ag svg:where(.svelte-1xgz5ag){width:24px;height:24px;color:var(--gunmetal)}.user-menu-button.svelte-1xgz5ag:hover svg:where(.svelte-1xgz5ag){color:var(--bone)}.user-menu-dropdown.svelte-1xgz5ag{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:280px;z-index:1000;overflow:hidden}.user-menu-header.svelte-1xgz5ag{padding:1rem 1.25rem;background:var(--gunmetal)}.user-email.svelte-1xgz5ag{font-size:.9rem;font-weight:600;color:var(--bone);word-break:break-all}.user-menu-divider.svelte-1xgz5ag{height:1px;background:#e5e7eb}.user-menu-item.svelte-1xgz5ag{width:100%;padding:.75rem 1rem;background:#fff;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-family:var(--font-primary);color:var(--gunmetal);font-weight:600;transition:background .2s}.user-menu-item.svelte-1xgz5ag:hover{background:#f3f4f6}.user-menu-item.svelte-1xgz5ag svg:where(.svelte-1xgz5ag){width:18px;height:18px;color:var(--gunmetal)}.dark-mode-toggle.svelte-zx816h{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fff;border:2px solid var(--taupe-grey);border-radius:8px;cursor:pointer;transition:all .2s;width:44px;height:44px}.dark-mode-toggle.svelte-zx816h:hover{background:var(--bone);border-color:var(--gunmetal);transform:scale(1.05)}.dark-mode-toggle.svelte-zx816h svg:where(.svelte-zx816h){width:20px;height:20px;stroke:var(--gunmetal);transition:transform .3s ease}.dark-mode-toggle.svelte-zx816h:hover svg:where(.svelte-zx816h){transform:rotate(15deg)}[data-theme=dark] .dark-mode-toggle.svelte-zx816h{background:var(--dark-card-bg);border-color:var(--dark-border)}[data-theme=dark] .dark-mode-toggle.svelte-zx816h:hover{background:var(--dark-hover-bg);border-color:var(--dark-accent)}[data-theme=dark] .dark-mode-toggle.svelte-zx816h svg:where(.svelte-zx816h){stroke:var(--dark-text-primary)}