:root { --bg: #141519; --panel: #1b1d22; --line: #3a3e46; --text: #e9e3d6; --muted: #9a958a; --accent: #b23a32; --accent-2: #d8a657;
  --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif; --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Arial, sans-serif; }
* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font: 15px/1.5 var(--sans); }
main { max-width: 420px; margin: 0 auto; padding: 12vh 16px 40px; }
.k { font-family: var(--serif); letter-spacing: .25em; color: var(--accent); font-size: 26px; }
.s { font-family: var(--serif); color: var(--muted); font-size: 17px; margin-bottom: 36px; }
label { display: block; color: var(--muted); margin-bottom: 8px; }
input { width: 100%; font: 600 28px/1 ui-monospace, Menlo, Consolas, monospace; letter-spacing: .4em; text-align: center; padding: 14px 8px;
  background: var(--panel); color: var(--text); border: 1px solid var(--line); border-radius: 8px; outline: none; }
input:focus { border-color: var(--accent-2); }
button { margin-top: 16px; width: 100%; padding: 12px; font: inherit; font-weight: 600; color: #fff; background: var(--accent); border: 0; border-radius: 8px; cursor: pointer; }
button:disabled { opacity: .5; cursor: default; }
.msg { min-height: 24px; margin-top: 14px; color: #e0a0a0; }
.foot { margin-top: 40px; color: #6d6a63; font-size: 13px; }