:root{color-scheme:dark;font-family:Iowan Old Style,Palatino,Palatino Linotype,Georgia,serif;background:#12160f;color:#edf6e4}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,rgba(166,214,92,.16),transparent 28rem),#12160f}.shell{width:min(40rem,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 3rem}.eyebrow{margin:0;letter-spacing:.14em;text-transform:uppercase;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.75rem;color:#b7d98a}.title{margin:.35rem 0 .5rem;font-size:clamp(2.4rem,8vw,4.2rem);font-weight:600;letter-spacing:-.04em}.lede,.foot,.meta,.asked{font-family:ui-sans-serif,system-ui,sans-serif;line-height:1.45}.lede{margin-top:0;max-width:38rem;color:#d5e4c8}.meta{color:#9aab90;font-size:.92rem}.banner,.phase,.reply{border:1px solid #31402a;border-radius:1rem}.banner{padding:.8rem 1rem;font-family:ui-sans-serif,system-ui,sans-serif;background:#1c2616}.banner[data-mode=mock]{border-color:#d6b25e;color:#f3ddaa}.banner[data-mode=real]{border-color:#8fce6a;color:#dff6cc}.phase{min-height:3.2rem;padding:.9rem 1rem;background:#182114;font-family:ui-sans-serif,system-ui,sans-serif}.reply{min-height:7rem;padding:1rem;white-space:pre-wrap;background:#0c120a;color:#d8f7b0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.card{display:grid;gap:.75rem;margin:1rem 0}label{display:grid;gap:.4rem;font-family:ui-sans-serif,system-ui,sans-serif}input{width:100%;border:1px solid #415538;border-radius:.8rem;background:#0e140c;color:inherit;font:inherit;padding:.85rem .9rem}.row{display:flex;flex-wrap:wrap;gap:.6rem}button{min-height:2.8rem;border-radius:999px;border:1px solid transparent;padding:.55rem .95rem;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.95rem}button:disabled{opacity:.55}.primary{background:#c6f29a;color:#15200f}.secondary{background:transparent;color:#e7f6d8;border-color:#5d7352}.ghost{background:transparent;color:#d7b1a4;border-color:#6a463d}.foot{color:#b7c4ae;font-size:.92rem}@media(max-width:640px){.shell{width:min(100% - 1.25rem,40rem);padding-top:1.4rem}.row{display:grid}button{width:100%}}
