/* Marlek: what only this site has. Loaded after site.css, which is the same file on every KHASSINX site.
   Marlek keeps its own green ground (owner's exception, 2026-10-06), so it swaps the whole palette, not only the accent. */
:root {
  --ground: #07120d;
  --surface: #0c1c14;
  --ink: #ecf7f0;
  --ink-2: #a6bbb0;
  --rule: #1e3a2b;
  --accent: #5bfb6a;
}
:root[data-theme="light"] {
  --ground: #ffffff;
  --surface: #f2f7f3;
  --ink: #102018;
  --ink-2: #4b5a52;
  --rule: #d5e0da;
  --accent: #0e6b40;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --ground: #ffffff;
    --surface: #f2f7f3;
    --ink: #102018;
    --ink-2: #4b5a52;
    --rule: #d5e0da;
    --accent: #0e6b40;
  }
}

/* Hero: a word and the same word in Marlek, the app's whole idea in one line. */
.cipher { margin: 0; display: grid; justify-items: center; gap: 0.5rem; padding: 2rem; border-radius: 1.5rem; background: var(--surface); text-align: center; }
.cipher-plain { font-family: "Geist Mono", ui-monospace, monospace; font-size: 1.75rem; font-weight: 600; letter-spacing: 0.12em; }
.cipher-arrow { color: var(--accent); font-size: 1.5rem; line-height: 1; }
.cipher-secret { font-size: clamp(2rem, 1.6rem + 1.6vw, 2.75rem); line-height: 1.3; letter-spacing: 0.15em; }
.cipher figcaption { margin-top: 0.75rem; color: var(--ink-2); font-size: 0.9375rem; text-wrap: balance; }

/* The creator's handle, written in Marlek. */
.handle-cipher { font-size: 1.5rem; letter-spacing: 0.15em; }