:root{color-scheme:light dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0;min-height:100vh;display:grid;place-items:center;background:#f6821f0d;padding:2rem}.card{width:min(560px,100%);background:Canvas;border:1px solid color-mix(in srgb,CanvasText 12%,transparent);border-radius:16px;padding:2rem 2.25rem;box-shadow:0 10px 40px -20px color-mix(in srgb,CanvasText 40%,transparent)}h1{margin:0;font-size:1.9rem;letter-spacing:-.02em}.sub{margin:.25rem 0 1.5rem;color:color-mix(in srgb,CanvasText 55%,transparent)}section{padding:1rem 0;border-top:1px solid color-mix(in srgb,CanvasText 10%,transparent)}h2{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb,CanvasText 50%,transparent);margin:0 0 .5rem}.msg{font-size:1.05rem;margin:.25rem 0}.meta{font-size:.85rem;color:color-mix(in srgb,CanvasText 55%,transparent);margin:.15rem 0}button{font:inherit;border:0;border-radius:10px;padding:.6rem 1.1rem;background:#f6821f;color:#fff;cursor:pointer;transition:filter .15s ease}button:hover{filter:brightness(1.05)}.error{color:#d33;font-size:.9rem}footer{margin-top:1.5rem;font-size:.8rem;line-height:1.5;color:color-mix(in srgb,CanvasText 55%,transparent)}code{background:color-mix(in srgb,CanvasText 8%,transparent);padding:.1rem .35rem;border-radius:5px;font-size:.85em}