:root { color-scheme:light dark; font:17px/1.5 system-ui,sans-serif; }
body { margin:0; background:#eff2ef; color:#18291f; }
main { max-width:44rem; margin:2rem auto; padding:1.5rem; background:white; border-radius:.7rem; }
label { display:block; margin-top:1rem; }
input, textarea, select, button { box-sizing:border-box; max-width:100%; font:inherit; padding:.65rem; border:1px solid #8a988e; border-radius:.3rem; }
input:not([type=checkbox]), textarea, select { width:100%; }
button { margin:1rem .5rem 0 0; background:#e3eee6; color:#10271b; cursor:pointer; }
button:disabled { opacity:.5; cursor:wait; }
#notice { overflow-wrap:anywhere; }
img { max-width:100%; height:auto; border:1px solid #89998b; }
fieldset { margin-top:1rem; }
@media (prefers-color-scheme:dark) { body { background:#101914; color:#e1eae3; } main { background:#1b2921; } }
@media (max-width:600px) { main { margin:0; padding:1rem; border-radius:0; } }