*{box-sizing:border-box}body{color:#1a1a1a;background:#fafaf7;flex-direction:column;min-height:100dvh;margin:0;font:16px/1.5 system-ui,sans-serif;display:flex}main,nav{width:100%;max-width:32rem;margin:0 auto;padding:0 16px}main{flex:1}nav{border-top:1px solid #ddd;align-items:center;gap:16px;padding-top:12px;padding-bottom:12px;display:flex}nav button{margin-left:auto}form{flex-direction:column;gap:12px;display:flex}label{flex-direction:column;gap:4px;display:flex}input,button{font:inherit;border:1px solid #bbb;border-radius:6px;padding:10px 12px}button{color:#fff;cursor:pointer;background:#1a1a1a;border:0}button:disabled{opacity:.6}button.secondary{color:#1a1a1a;background:#fff;border:1px solid #1a1a1a}.error{color:#b00020}