/* generated by build.mjs — edit themes/themes.mjs instead */
:root {
  --bg: #04060c;
  --bg-gradient: radial-gradient(90% 70% at 50% 45%, rgba(53,224,240,0.10), transparent 65%);
  --surface: rgba(6,14,24,0.78);
  --ink: #dff4f8;
  --ink-dim: #6d8b96;
  --accent: #35e0f0;
  --accent-2: #ff3dae;
  --on-accent: #03151a;
  --line: rgba(53,224,240,0.24);
  --sign-ink: #35e0f0;
  --sign-tracking: 0.12em;
  --sign-shadow: 2px 0 0 rgba(255,61,174,0.7), -2px 0 0 rgba(53,224,240,0.5);
  --card-radius: 0;
  --art-filter: saturate(1.25) contrast(1.08);
  --grain-opacity: 0.11;
  --grain-blend: screen;
  --font-display: "VT323", Georgia, serif;
  --font-body: "IBM Plex Mono", system-ui, -apple-system, sans-serif;
  --grain-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
      .scan{position:absolute;inset:0;
        background:repeating-linear-gradient(180deg,rgba(255,255,255,.045) 0 1px,transparent 1px 3px)}
      .track-bar{position:absolute;left:0;right:0;height:26px;
        background:linear-gradient(180deg,transparent,rgba(255,255,255,.13),transparent);
        animation:roll 9s linear infinite;filter:blur(1px)}
      @keyframes roll{from{top:-6%}to{top:106%}}
      .rec{position:absolute;top:15vh;right:5vw;font-family:var(--font-display);font-size:26px;
        color:#ff3dae;letter-spacing:.16em;display:flex;align-items:center;gap:9px}
      .rec b{width:11px;height:11px;border-radius:50%;background:#ff3dae;
        animation:blink 1.6s steps(1,end) infinite}
      @keyframes blink{0%,49%{opacity:1}50%,100%{opacity:.1}}
      .stamp{position:absolute;bottom:6vh;right:5vw;font-family:var(--font-display);
        font-size:clamp(20px,4.6vw,32px);color:#e7f7ff;opacity:.75;text-align:right;line-height:1.1;
        text-shadow:0 0 12px rgba(53,224,240,.6)}
      .stamp small{font-size:.62em;opacity:.7}
