/* Ambient light falls onto the rendered content; it never catches pointer input. */
.glow{z-index:69;width:480px;height:480px;opacity:0!important;transition:opacity .24s ease;mix-blend-mode:screen;contain:strict;background:radial-gradient(circle,rgba(169,231,255,.16) 0,rgba(70,200,255,.10) 20%,rgba(245,168,62,.055) 40%,transparent 68%)}
html.pointer-effects-on .glow.pointer-present{display:block;opacity:1!important}
canvas#sparks{z-index:70;pointer-events:none;contain:strict}
html.pointer-effects-on canvas#sparks{display:block}
.electric-target.electric-active{outline:1px solid rgba(92,211,255,.58);outline-offset:3px;box-shadow:0 0 0 1px rgba(92,211,255,.54),0 0 30px rgba(70,200,255,.23),0 0 14px rgba(245,168,62,.17)!important;animation:none!important;transition:outline-color .28s,box-shadow .28s}
.pointer-effects-control{flex-shrink:0;white-space:nowrap}
.pointer-effects-control[aria-pressed=true]{border-color:rgba(92,211,255,.65);color:#c5f2ff}
@media(max-width:540px){.pointer-effects-control{font-size:11px;padding:7px 9px}.glow{width:320px;height:320px}}
@media(prefers-reduced-motion:reduce){html:not(.pointer-effects-on) .glow,html:not(.pointer-effects-on) canvas#sparks{display:none}html.pointer-effects-on .glow{transition:none}.electric-target.electric-active{animation:none!important}}

/* Keep both optional controls fully reachable on narrow screens and in RTL. */
@media(max-width:540px){.langbar{display:grid;grid-template-columns:1fr auto;gap:7px 10px;padding:8px 14px}.langbar .language-menu{justify-self:start}.langbar .spanish-shortcut{justify-self:end}.langbar .pointer-effects-control{order:0;justify-self:start}.langbar .toolbar-tilt{order:0;margin-inline-start:0;justify-self:end;max-width:145px}}