/* Compact shared switch: animation stays inside the existing header slot. */
body .tablet .header .theme-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;width:132px;height:34px;min-height:34px;padding:3px;flex:0 0 132px;box-sizing:border-box;border:1px solid var(--accent);border-radius:999px;background:#080b0e;box-shadow:inset 0 1px 3px #ffffff08,0 3px 10px #0004;font-size:10px;letter-spacing:.02em;line-height:1;isolation:isolate;overflow:visible;touch-action:manipulation}
body .tablet .header .theme-toggle::before{content:"";position:absolute;z-index:0;left:3px;top:3px;bottom:3px;width:calc(50% - 3px);border:1px solid var(--light);border-radius:999px;box-sizing:border-box;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 45%,#11151a),color-mix(in srgb,var(--accent) 14%,#11151a));box-shadow:inset 0 1px 3px #ffffff70;transform:translateX(100%);transition:transform .65s cubic-bezier(.16,1,.3,1),background .35s,border-color .35s}
html[data-theme=human] body .tablet .header .theme-toggle::before{transform:translateX(0)}
body .tablet .header .theme-toggle span{position:relative;z-index:2;display:grid;place-items:center;height:26px;min-width:0;padding:0 4px;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:none;filter:none;color:#b8c1c9;font-size:11px;font-weight:600;letter-spacing:0;line-height:1.2}
html[data-theme=human] body .tablet .header .theme-toggle span:first-child,html[data-theme=ai] body .tablet .header .theme-toggle span:last-child{background:none;box-shadow:none;text-shadow:none;color:#fff5df}
body .tablet .header .theme-toggle::after{content:"";position:absolute;inset:-3px;padding:1.5px;border-radius:999px;background:conic-gradient(from var(--theme-energy-angle,0deg),transparent 65%,var(--accent) 88%,var(--light) 96%,transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;pointer-events:none}
body .tablet .header .theme-toggle.energy-active::after{animation:theme-energy-orbit 1s ease-out}
body .tablet .header .theme-toggle.energy-active::before{animation:theme-energy-charge 1s ease-out}
body .tablet .header .theme-toggle:focus-visible{outline:2px solid var(--light);outline-offset:5px}
@property --theme-energy-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes theme-energy-orbit{0%{--theme-energy-angle:0deg;opacity:0}15%{opacity:1}80%{opacity:1}100%{--theme-energy-angle:360deg;opacity:0}}
@keyframes theme-energy-charge{0%,100%{filter:brightness(1)}45%{filter:brightness(1.6)}}
@media(max-width:767px){body .tablet .header .theme-toggle{position:absolute;left:14px;bottom:10px}}
@media(prefers-reduced-motion:reduce){body .tablet .header .theme-toggle::before{transition:none}body .tablet .header .theme-toggle.energy-active::before,body .tablet .header .theme-toggle.energy-active::after{animation:none}}