.theme-toggle{display:inline-flex;position:relative}.theme-toggle__trigger{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:background var(--dur-fast)var(--ease-out);background:0 0;border:none;border-radius:50%;place-items:center;font-size:16px;line-height:1;display:grid}.theme-toggle__trigger:hover{background:var(--bg-secondary)}.theme-toggle__menu{z-index:60;background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);min-width:168px;box-shadow:var(--shadow-md);animation:theme-menu-in var(--dur-fast)var(--ease-out);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);right:0}@keyframes theme-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.theme-toggle__item{border-radius:var(--radius);width:100%;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;display:flex}.theme-toggle__item:hover{background:var(--bg-secondary);color:var(--text-primary)}.theme-toggle__item--active{color:var(--text-primary);font-weight:600}.theme-toggle__item-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.theme-toggle__item-label{flex:1}.theme-toggle__check{color:var(--accent);font-weight:700}