:root{color-scheme:light dark;font-family:system-ui,sans-serif;background:Canvas;color:CanvasText}body{margin:0}main{max-width:640px;margin:64px auto;padding:24px}h1{font-size:2rem;font-weight:500}h2{font-size:1.4rem;font-weight:500;margin-top:40px}p{line-height:1.6;opacity:.8}form{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:24px 0}label{width:100%}input{box-sizing:border-box;width:100%;min-height:48px;font:inherit;padding:12px;border:1px solid GrayText;border-radius:12px}button,a{font:inherit;min-height:44px;line-height:44px;padding:0 20px;border-radius:12px}button{cursor:pointer;border:1px solid GrayText}nav{display:flex;flex-wrap:wrap;gap:16px}span{flex:1;min-width:180px;overflow-wrap:anywhere}[role=alert]{color:MarkText;background:Mark;padding:16px}@media(max-width:640px){main{margin:24px auto;padding:16px}}