/* mythleak.com theme - values from _shared/signup/DOMAINS.md */
@font-face { font-family: "Press Start 2P"; src: url("fonts/PressStart2P-Regular.ttf") format("truetype"); font-display: swap; }
:root {
  /* palette: "Red and blue" */
  --su-bg: blue;
  --su-ink: #ffffff;
  --su-muted: #ffffff;
  --su-accent: red;
  --su-accent-ink: #ffffff;
  --su-field-bg: #ffffff;
  --su-line: red;
  /* wordmark font: "Pixel block super thick" */
  --su-font-display: "Press Start 2P", "Courier New", monospace;
  --su-weight-thin: 400;
  --su-weight-bold: 400;
  /* body font: "pixel core" */
  --su-font-body: "Press Start 2P", "Courier New", monospace;
  --su-font-mono: "Press Start 2P", "Courier New", monospace;
  --su-radius: 0;
  --su-logo-size: 200px;
  --su-width: 480px;
}
/* logo v3: leaked teletype wire. A red redaction bar has slipped off the word, blue misprint offset, teletype cursor */
.ml-logo { position: relative; display: inline-flex; align-items: flex-end; margin: 28px 0 36px; padding: 18px 22px; background: #ffffff; border-top: 6px dashed red; border-bottom: 6px dashed red; }
.ml-word { font: 400 46px/1 var(--su-font-display); color: #000; text-shadow: 4px 0 0 blue, -4px 0 0 red; letter-spacing: 2px; }
.ml-leak { color: red; text-shadow: 4px 4px 0 blue; }
.ml-cursor { width: 22px; height: 40px; margin-left: 8px; background: blue; animation: ml-blink 1s steps(1) infinite; }
.ml-redact { position: absolute; left: 22px; top: -14px; width: 46%; height: 30px; background: red; transform: rotate(-6deg); clip-path: polygon(0 0,100% 0,96% 30%,100% 55%,94% 80%,98% 100%,0 100%); box-shadow: 4px 4px 0 #000; }
@keyframes ml-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .ml-cursor { animation: none; } }
.su-tagline { font-style: normal; font-size: 11px; line-height: 1.8; }
.su-input, .su-button { font-size: 10px; }
.su-label, .su-fine { font-size: 8px; }