:root{color-scheme:light dark;font:17px/1.5 -apple-system,BlinkMacSystemFont,system-ui,sans-serif;background:Canvas;color:CanvasText}*{box-sizing:border-box}body{margin:0}main{max-width:660px;margin:0 auto;padding:48px 24px 80px}nav{font-size:14px;margin-bottom:32px}h1{font-size:34px;letter-spacing:-.025em;line-height:1.15;margin:0 0 16px}h2{font-size:21px;letter-spacing:-.015em;margin:0 0 12px}p{margin:0 0 20px}.secondary{color:GrayText}section{padding:28px 0;border-top:1px solid color-mix(in srgb,CanvasText 15%,transparent)}label{display:block;margin:16px 0 6px;font-weight:500}input{font:inherit;width:100%;padding:11px 12px;border:1px solid color-mix(in srgb,CanvasText 25%,transparent);border-radius:8px;background:Field;color:FieldText}button{font:inherit;font-weight:500;padding:10px 16px;border:0;border-radius:8px;background:#007aff;color:white;cursor:pointer;margin:12px 8px 4px 0}button.secondary-button{background:color-mix(in srgb,CanvasText 8%,Canvas);color:CanvasText}button:disabled{opacity:.45;cursor:default}a{color:#007aff}output{display:block;white-space:pre-line;margin:16px 0}dl{display:grid;grid-template-columns:110px 1fr;gap:8px;font-size:15px}dt{color:GrayText}dd{margin:0;overflow-wrap:anywhere}[hidden]{display:none!important}.error{color:#c0392b}form{max-width:420px}footer{margin-top:32px;font-size:14px;color:GrayText}@media(max-width:480px){main{padding:30px 20px 60px}h1{font-size:30px}}