.theme-toggle{border-radius:var(--radius);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:14px;font-weight:500;display:inline-flex}.theme-toggle:hover{background:var(--color-surface-hover)}.theme-toggle--compact{width:36px;height:36px;color:var(--color-text-secondary);justify-content:center;padding:0}.user-menu__theme-toggle{color:var(--color-text-secondary)}.user-menu{align-items:center;gap:8px;min-height:44px;display:flex}.user-menu--loading{pointer-events:none}.user-menu--loading>*{visibility:hidden}.user-menu__sign-in{background:var(--color-primary);color:var(--text-on-accent,#fafafa);border-radius:var(--radius-pill);border:none;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:background-color .2s;display:inline-flex}.user-menu__sign-in:hover:not(:disabled){background:var(--color-primary-hover)}.user-menu__sign-in:disabled{opacity:.85;cursor:wait}.user-menu__container{position:relative}.user-menu__trigger{border-radius:var(--radius);background:0 0;border:none;align-items:center;gap:8px;padding:4px 8px;transition:background-color .15s;display:flex}.user-menu__trigger:hover{background:var(--color-surface-hover)}.user-menu__avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.user-menu__avatar-fallback{background:var(--color-primary);width:28px;height:28px;color:var(--text-on-accent,#fafafa);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.user-menu__name{color:var(--color-text-primary);font-size:14px;font-weight:500}.user-menu__dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);z-index:100;min-width:180px;max-width:260px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0}.user-menu__dropdown-info{border-bottom:1px solid var(--color-border-light);min-width:0;margin-bottom:4px;padding:8px 12px}.user-menu__dropdown-name,.user-menu__dropdown-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu__dropdown-name{color:var(--color-text-primary);font-size:14px;font-weight:600}.user-menu__dropdown-email{color:var(--color-text-muted);margin-top:2px;font-size:12px}.user-menu__dropdown-item{width:100%;color:var(--color-text-secondary);background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;text-decoration:none;transition:background-color .15s;display:flex}.user-menu__dropdown-item.theme-toggle{justify-content:flex-start}.user-menu__dropdown-item:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text-primary)}.user-menu__dropdown-item:disabled{opacity:.7;cursor:wait}.user-menu__dropdown-item--active{color:var(--color-brand-text-strong)}.user-menu__dropdown-item--active,.user-menu__dropdown-item--active:hover:not(:disabled){background:color-mix(in srgb, var(--color-brand) 12%, transparent);color:var(--color-brand-text-strong)}.user-menu__dropdown-divider{background:var(--color-border-light);height:1px;margin:4px 0}.user-menu--sidebar-collapsed .user-menu__trigger{justify-content:center;width:100%;padding:8px}.user-menu--sidebar-collapsed .user-menu__name{display:none}.user-menu--sidebar-collapsed .user-menu__sign-in{min-width:auto}.user-menu__sheet{z-index:10000;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.user-menu__backdrop{display:none}.user-menu__sheet .user-menu__backdrop{cursor:default;pointer-events:auto;background:#0f172a59;border:none;margin:0;padding:0;display:block;position:absolute;inset:0}.user-menu__sheet .user-menu__dropdown{min-width:unset;-webkit-overflow-scrolling:touch;width:100%;max-width:none;max-height:calc(100dvh - 1rem);padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));pointer-events:auto;border-bottom:none;border-radius:16px 16px 0 0;margin:0;animation:.2s ease-out user-menu-sheet-in;position:relative;inset:auto;overflow-y:auto;box-shadow:0 -12px 40px #0f172a2e}@media (width<=768px){.user-menu__name{display:none}.user-menu__trigger{justify-content:center;gap:0;padding:6px}.user-menu__sheet .user-menu__dropdown-info{padding:12px 14px}.user-menu__sheet .user-menu__dropdown-item{padding:12px 14px;font-size:15px}}@keyframes user-menu-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}
