:root{--bg:#fbfaf8;--panel:#ffffff;--ink:#1b1a17;--muted:#6d6a63;--line:#e3e0d8;--accent:#14532d;--accent-ink:#ffffff;--ok-bg:#edf7f0;--ok-line:#bcdcc6;--bad-bg:#fdf0ee;--bad-line:#f0c4bb}@media (prefers-color-scheme:dark){:root{--bg:#14130f;--panel:#1d1b17;--ink:#f1efe9;--muted:#a09b90;--line:#35322b;--accent:#4ba06a;--accent-ink:#0d1a11;--ok-bg:#16281c;--ok-line:#2f5a3d;--bad-bg:#2b1a17;--bad-line:#5e332a}}*{box-sizing:border-box}body{margin:0;padding:48px 16px;background:var(--bg);color:var(--ink);font:16px/1.55 ui-sans-serif,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:34rem;margin:0 auto}h1{margin:0 0 6px;font-size:1.5rem;letter-spacing:-.01em}.lede{margin:0 0 28px;color:var(--muted)}form{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}label{display:block;font-weight:600;font-size:.875rem;margin-bottom:6px}input{width:100%;padding:10px 12px;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{margin-top:14px;width:100%;padding:11px 16px;font:inherit;font-weight:600;color:var(--accent-ink);background:var(--accent);border:0;border-radius:8px;cursor:pointer}button[disabled]{opacity:.55;cursor:progress}.result{margin-top:20px;padding:16px;border-radius:10px;border:1px solid var(--line);background:var(--panel)}.result.ok{background:var(--ok-bg);border-color:var(--ok-line)}.result.bad{background:var(--bad-bg);border-color:var(--bad-line)}.result h2{font-size:1rem}.result h2,.result p{margin:0 0 8px}.result p:last-child{margin-bottom:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:1px 5px}a{color:var(--accent)}