@import url('../_js/ui/base.css');
:root { color-scheme: light; font-family: system-ui, sans-serif; background: #f5f4f8; color: #201828; }
* { box-sizing: border-box; }
body { margin: 0; padding: 1rem; }
#app { max-width: 32rem; margin: 8vh auto; padding: 2rem; background: white; border-radius: 1rem; }
form { display: grid; gap: .75rem; }
label { font-weight: 600; }
input { width: 100%; font-size: 16px; min-height: 44px; padding: .6rem; }
button { min-height: 44px; padding: .7rem 1rem; cursor: pointer; }
button:disabled { opacity: .6; }
[role=status] { overflow-wrap: anywhere; }