.theme-toggle-btn{display:flex;align-items:center;justify-content:center;background:var(--surface-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-default);color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-default)}.theme-toggle-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.theme-toggle-btn:active{transform:scale(.95)}.theme-toggle-btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.theme-toggle-backdrop{position:fixed;inset:0;z-index:var(--z-dropdown);background:transparent}.theme-toggle-popover{position:fixed;min-width:160px;padding:6px;background:var(--surface-secondary);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.03);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08);z-index:calc(var(--z-dropdown) + 1);animation:themePopoverFadeIn .2s cubic-bezier(.16,1,.3,1)}.theme-light .theme-toggle-popover{border-color:rgba(0,0,0,.03);box-shadow:0 8px 32px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.04)}@keyframes themePopoverFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.theme-toggle-option{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 12px;background:transparent;border:none;border-radius:var(--radius-default);font-family:var(--font-sans);font-size:var(--text-2xs);font-weight:500;color:var(--text-primary);text-align:left;white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.theme-toggle-option:hover{background:var(--surface-hover)}.theme-toggle-option:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.theme-toggle-option:active{background:var(--surface-tertiary)}.theme-toggle-option svg{width:18px;height:18px;flex-shrink:0;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-default)}.theme-toggle-option:hover svg{color:var(--text-primary)}.theme-toggle-option--active,.theme-toggle-option--active svg,.theme-toggle-option--active:hover svg{color:var(--accent-primary)}