.theme-toggle{background:none;border:none;padding:0;cursor:pointer;display:inline-flex;align-items:center;line-height:0}.theme-toggle-track{position:relative;width:48px;height:24px;border-radius:999px;background:#0a0a0a;border:1.5px solid rgba(255,255,255,0.25);display:flex;align-items:center;justify-content:space-between;padding:0 4px;transition:background 0.3s,border-color 0.3s}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;color:#fff;z-index:1;transition:color 0.3s}.theme-toggle-knob{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#8a8a8a;box-shadow:0 2px 4px rgba(0,0,0,0.4);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.theme-toggle:hover .theme-toggle-track{border-color:rgba(0,153,255,0.6)}[data-theme="light"] .theme-toggle{color:#e9e9e9;background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.15)}[data-theme="light"] .theme-toggle-track{background:#4a4a4a;border-color:rgba(120,120,120,0.6)}[data-theme="light"] .theme-toggle-knob{transform:translateX(24px)}[data-theme="light"] .theme-toggle-moon{color:rgba(255,255,255,0.55)}[data-theme="light"] .theme-toggle-sun{color:#fff}