:root{color-scheme:light dark}*{box-sizing:border-box}body{font:15px/1.5 system-ui,sans-serif;margin:0;background:Canvas;color:CanvasText}main{max-width:560px;margin:48px auto;padding:0 16px;display:grid;grid-gap:20px;gap:20px}h1{font-size:20px;margin:0}h2{font-size:14px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em;opacity:.7}section{border:1px solid color-mix(in srgb,CanvasText 18%,transparent);border-radius:10px;padding:16px}form{grid-gap:10px;gap:10px}form,label{display:grid}label{grid-gap:4px;gap:4px;font-size:13px}input{font:inherit;padding:8px 10px;border-radius:6px;border:1px solid color-mix(in srgb,CanvasText 30%,transparent);background:Canvas;color:CanvasText}button{font:inherit;padding:8px 12px;border-radius:6px;border:0;background:#4f46e5;color:#fff;cursor:pointer}button.ghost{background:transparent;color:inherit;border:1px solid color-mix(in srgb,CanvasText 30%,transparent)}.row{display:flex;gap:8px;align-items:center;justify-content:space-between}.err{color:#dc2626}.err,.muted{font-size:13px}.muted{opacity:.65}