.theme-toggle{display:flex;align-items:center;gap:0;padding:0;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.theme-toggle__pill{position:relative;width:74px;height:30px;border-radius:9999px;background:var(--color-bg-card);border:1px solid var(--color-border-primary);backdrop-filter:blur(16px) saturate(1.6);-webkit-backdrop-filter:blur(16px) saturate(1.6);box-shadow:var(--shadow-md),inset 0 1px 0 rgba(255,255,255,.08);transition:background .4s ease,border-color .4s ease,box-shadow .4s ease}.theme-toggle:hover .theme-toggle__pill{box-shadow:var(--shadow-lg),var(--shadow-glow),inset 0 1px 0 rgba(255,255,255,.08);border-color:var(--color-accent-brand)}.theme-toggle:active .theme-toggle__pill{transform:scale(.95)}.theme-toggle__knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--color-accent-brand);box-shadow:0 2px 6px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.theme-toggle__knob--system{transform:translateX(23px)}.theme-toggle__knob--dark{transform:translateX(46px)}.theme-toggle__icon{width:14px;height:14px;color:var(--color-bg-primary);transition:transform .35s ease,opacity .25s ease}.theme-toggle__icon--moon,.theme-toggle__icon--sun{opacity:1;transform:rotate(0deg)}.theme-toggle:hover .theme-toggle__icon--sun{transform:rotate(45deg)}.theme-toggle:hover .theme-toggle__icon--moon{transform:rotate(-15deg)}.theme-toggle__tooltip{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);padding:4px 10px;border-radius:6px;background:var(--color-bg-card);border:1px solid var(--color-border-primary);backdrop-filter:blur(12px);color:var(--color-text-secondary);font-size:11px;font-weight:600;font-family:var(--font-mono);letter-spacing:.5px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.theme-toggle:hover .theme-toggle__tooltip{opacity:1;transform:translateX(-50%) translateY(0)}