.theme-toggle{position:relative;display:inline-flex;direction:ltr;padding:4px;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--border)}.theme-toggle__thumb{position:absolute;top:4px;left:4px;width:calc(50% - 4px);height:calc(100% - 8px);border-radius:var(--r-pill);background:var(--surface);border:1px solid var(--border-strong);transition:transform var(--dur-base) var(--ease-spring)}.theme-toggle__thumb.is-dark{transform:translate(100%)}.theme-toggle__opt{outline:none}.theme-toggle__opt:focus-visible{outline:var(--ring-w) solid var(--ring);outline-offset:var(--ring-offset)}.theme-toggle__opt{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);border-radius:var(--r-pill);color:var(--muted);font-size:var(--fs-sm);font-weight:var(--fw-medium);cursor:pointer;transition:color var(--dur-micro) var(--ease-standard)}.theme-toggle__opt svg{width:16px;height:16px;transition:transform var(--dur-base) var(--ease-spring)}.theme-toggle__opt:not(.is-active):hover{color:var(--ink-soft)}.theme-toggle__opt.is-active{color:var(--accent);font-weight:var(--fw-semibold)}.theme-toggle__opt.is-active svg{transform:scale(1.1)}.theme-toggle__opt:active svg{transform:scale(.85)}.theme-toggle--compact .theme-toggle__opt{padding:var(--s-2);width:36px}