/* Annual Dial skin — Neon (scoped; annual-dial-theme) */
html[data-theme="neon"]{
  --page-1:#1A0633; --page-2:#0C021A; --page-3:#05010E;
  --plate-0:#221040; --plate-1:#140828; --plate-2:#0A0418;
  --rim:rgba(255,45,200,.52);
  --hair:rgba(0,240,255,.30);
  --sector:rgba(184,77,255,.22);
  --cell-wd:rgba(255,45,200,.15);
  --cell-we:rgba(0,240,255,.18);
  --cell-ev:#39FF14;
  --cell-now:#FFF5FF;
  --accent:#FF2DC8; --accent-lit:#00F0FF; --second:#B84DFF;
  --text:#F8ECFF; --text-dim:rgba(248,236,255,.40);
  --hub:#0A0418; --on-accent:#160820;
  --panel:rgba(14,4,32,.64); --field:rgba(0,240,255,.07);
  --display:"Orbitron",system-ui,sans-serif;
  --mono:"Share Tech Mono",ui-monospace,monospace;
  --sans:"Share Tech Mono",ui-monospace,monospace;
  --title-track:.12em; --ui-track:.18em; --grain:0;
  --glow:0 0 12px rgba(255,45,200,.65), 0 0 26px rgba(0,240,255,.28);
  --aura:
    radial-gradient(58% 48% at 8% 12%, rgba(255,45,200,.26), transparent 62%),
    radial-gradient(50% 44% at 92% 18%, rgba(0,240,255,.20), transparent 62%),
    radial-gradient(46% 40% at 78% 88%, rgba(184,77,255,.22), transparent 62%),
    radial-gradient(42% 36% at 18% 86%, rgba(255,200,40,.12), transparent 64%),
    radial-gradient(38% 34% at 50% 50%, rgba(57,255,20,.08), transparent 70%);
}
@keyframes throb{0%,100%{opacity:1}50%{opacity:.72}}
@keyframes neonTieSpin{to{transform:rotate(360deg)}}
html[data-theme="neon"] .stage{isolation:isolate}
html[data-theme="neon"] .stage::before{
  content:"";position:absolute;inset:4%;border-radius:50%;pointer-events:none;z-index:0;
  background:
    conic-gradient(from 210deg,
      rgba(255,45,200,.16), rgba(0,240,255,.14), rgba(184,77,255,.16),
      rgba(255,210,50,.10), rgba(57,255,20,.10), rgba(255,80,160,.14),
      rgba(255,45,200,.16));
  filter:blur(36px) saturate(1.25);opacity:.85;mix-blend-mode:screen;
  animation:neonTieSpin 54s linear infinite;
}
html[data-theme="neon"] .stage::after{
  content:"";position:absolute;inset:11%;border-radius:50%;pointer-events:none;z-index:0;
  background:
    repeating-conic-gradient(from 0deg,
      rgba(255,45,200,.07) 0 8deg, transparent 8deg 22deg,
      rgba(0,240,255,.06) 22deg 30deg, transparent 30deg 44deg,
      rgba(184,77,255,.07) 44deg 52deg, transparent 52deg 66deg);
  filter:blur(10px);opacity:.55;mix-blend-mode:screen;
  animation:neonTieSpin 90s linear infinite reverse;
}
html[data-theme="neon"] .stage > svg{position:relative;z-index:1}
html[data-theme="neon"] button{border-radius:2px;text-shadow:var(--glow)}
html[data-theme="neon"] .note{border-radius:2px;border-color:rgba(0,240,255,.35)}
html[data-theme="neon"] .mark em{font-style:normal;color:var(--accent-lit);text-shadow:0 0 14px rgba(0,240,255,.7)}
html[data-theme="neon"] .now{animation:throb 2.2s ease-in-out infinite}
html[data-theme="neon"] header{
  border-image:linear-gradient(90deg,rgba(255,45,200,.55),rgba(0,240,255,.45),rgba(184,77,255,.55)) 1;
}