/* Electric effects are an optional layer, separate from the page theme. */
.nav-tools .electric-toggle {
  flex: 0 0 auto;
  padding: 0;
  cursor: pointer;
  transition: color .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.electric-toggle svg { width: 17px; height: 17px; }
.electric-toggle[aria-pressed="true"] {
  color: #071959;
  border-color: #7b8bb9;
  background: linear-gradient(145deg, var(--surface), #e8edf6);
  box-shadow: 0 0 11px #1435791c;
}
[data-theme="dark"] .electric-toggle[aria-pressed="true"] {
  color: #f8fbff;
  border-color: #8297b7;
  background: linear-gradient(145deg, var(--surface), #202c43);
  box-shadow: 0 0 13px #9ac0f51c;
}
.electric-toggle:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; }
@media (max-width: 1100px) {
  .nav-shell { height: 72px; }
  .brand-caption { display: none; }
  .menu-toggle { display: grid; }
  .main-nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 72px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--line);
    background: var(--surface);
    box-shadow: var(--shadow);
  }
  .main-nav.is-open { display: flex; flex-direction: column; align-items: stretch; gap: 0; }
  .main-nav a { font-size: 14px; padding: 13px; }
  .main-nav a.is-active::after { display: none; }
}
@media (max-width: 480px) {
  .nav-shell { gap: 8px; }
  .nav-tools { gap: 5px; }
  .brand { font-size: 32px; }
  .language-switch summary { height: 36px; gap: 5px; padding-inline: 8px; }
  .language-switch summary > svg:first-child { width: 15px; height: 15px; }
}
.portfolio-electric-canvas {
  position: fixed;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1200;
}
.portfolio-electric-canvas[hidden] { display: none; }
[data-electric="on"] .electric-reveal {
  --electric-edge-start: #07195959;
  --electric-glow-start: #14357922;
  --electric-edge-mid: #0719592b;
  --electric-glow-mid: #14357913;
  animation: electric-edge-glow .85s ease-out both;
}
[data-theme="dark"][data-electric="on"] .electric-reveal {
  --electric-edge-start: #f8fbff66;
  --electric-glow-start: #9ac0f526;
  --electric-edge-mid: #f8fbff33;
  --electric-glow-mid: #9ac0f514;
}
@keyframes electric-edge-glow {
  0% { box-shadow: 0 0 0 1px var(--electric-edge-start), 0 0 15px var(--electric-glow-start); }
  45% { box-shadow: 0 0 0 1px var(--electric-edge-mid), 0 0 10px var(--electric-glow-mid); }
  100% { box-shadow: 0 0 0 1px #7fddf700, 0 0 0 #5bc9ff00; }
}
@media (prefers-reduced-motion: reduce) {
  .electric-toggle { transition: none; }
  [data-electric="on"] .electric-reveal { animation: none; outline: 1px solid var(--electric-edge-start); outline-offset: -1px; }
  .portfolio-electric-canvas { display: none; }
}
@media print {
  .electric-toggle, .portfolio-electric-canvas { display: none !important; }
  .electric-reveal { animation: none !important; box-shadow: none !important; }
}