:root{--ink:#16130f;--ink-muted:#5c554c;--paper:#faf7f2;--rule:#ddd5c8;--accent:#7a2f1d;--error:#9a2617;--measure:34rem}@media (prefers-color-scheme:dark){:root{--ink:#ede8e0;--ink-muted:#a29a8e;--paper:#17150f;--rule:#3a352c;--accent:#d98d70;--error:#e2836f}}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;padding:2.5rem 1.5rem 4rem;font:16px/1.6 ui-serif,Georgia,Times New Roman,serif}.masthead{max-width:var(--measure);border-bottom:1px solid var(--rule);margin:0 auto 2.5rem;padding-bottom:1rem}.masthead h1{letter-spacing:.01em;margin:0;font-size:2rem;font-weight:600}.tagline{color:var(--ink-muted);margin:.25rem 0 0;font-style:italic}.panel{max-width:var(--measure);margin:0 auto}.panel h2{text-transform:uppercase;letter-spacing:.08em;margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.muted{color:var(--ink-muted)}form{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1.5rem 0 0;display:flex}label{text-transform:uppercase;letter-spacing:.06em;color:var(--ink-muted);flex:1 0 100%;font-size:.85rem}input{border:1px solid var(--rule);min-width:0;color:inherit;font:inherit;background:0 0;border-radius:3px;flex:12rem;padding:.5rem .65rem}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{border:1px solid var(--accent);background:var(--accent);color:var(--paper);font:inherit;cursor:pointer;border-radius:3px;padding:.5rem 1rem}button[type=button]{color:var(--accent);background:0 0}button.link{color:var(--ink-muted);border:0;margin-top:1.5rem;padding:0;font-size:.9rem;text-decoration:underline}.output{border:1px solid var(--rule);color:var(--ink-muted);border-radius:3px;margin:1.5rem 0 0;padding:.85rem 1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto}.error{color:var(--error);margin:1rem 0 0}