:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;font:16px/1.6 ui-sans-serif,system-ui,-apple-system,sans-serif;background:Canvas;color:CanvasText}main{max-width:42rem;margin:0 auto;padding:2.5rem 1.25rem 6rem}a{color:inherit;text-underline-offset:2px}form input{display:block;width:100%;margin:.5rem 0;padding:.5rem}h1{font-size:1.35rem;font-weight:600;letter-spacing:-.01em;margin:0 0 1.5rem}main>p:first-child{color:color-mix(in srgb,CanvasText 55%,Canvas);font-size:.875rem;margin:0 0 2rem}button,textarea{font:inherit;color:inherit;border-radius:.5rem;border:1px solid color-mix(in srgb,CanvasText 22%,Canvas);background:color-mix(in srgb,CanvasText 4%,Canvas)}button{padding:.5rem .9rem;cursor:pointer}button:hover:not(:disabled){background:color-mix(in srgb,CanvasText 11%,Canvas)}button:disabled{opacity:.45;cursor:default}textarea{background:Canvas;resize:vertical;line-height:1.5}button:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,CanvasText 45%,Canvas);outline-offset:1px}main>div>p{margin:1.15rem 0;max-width:38rem}main>div>p+p{margin-top:1.15rem}