:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;background:Canvas;color:CanvasText}.page{max-width:28rem;margin:4rem auto;padding:0 1rem}h1{font-size:1.4rem}.card{display:flex;flex-direction:column;gap:.9rem;padding:1.25rem;border:1px solid color-mix(in srgb,CanvasText 15%,transparent);border-radius:.6rem}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem}input{font:inherit;padding:.5rem .6rem;border-radius:.4rem;border:1px solid color-mix(in srgb,CanvasText 30%,transparent)}button{font:inherit;padding:.55rem 1rem;border-radius:.4rem;border:0;background:#2b6cb0;color:#fff;cursor:pointer}button.secondary{background:transparent;color:inherit;border:1px solid color-mix(in srgb,CanvasText 30%,transparent)}button:disabled{opacity:.6}.actions{display:flex;gap:.6rem}.error{color:#c53030;margin:0}.hint{font-size:.85rem;opacity:.75;margin:0}code{padding:.1rem .35rem;border-radius:.3rem;background:color-mix(in srgb,CanvasText 8%,transparent);margin-right:.3rem}