:root{color-scheme:light dark;font:16px/1.6 system-ui;color:#203c34;background:#f6f2e8}body{margin:0;padding:24px}main{max-width:360px;margin:12vh auto}h1{font-size:28px}form,label{display:grid;gap:8px}form{gap:18px}input,button{box-sizing:border-box;width:100%;min-height:44px;font:inherit;border:1px solid #d1cbbb;border-radius:5px;padding:9px 12px;background:#fffdf6;color:inherit}button{background:#27483b;color:#fffdf6;cursor:pointer}input:focus-visible,button:focus-visible{outline:2px solid #a15439;outline-offset:3px}p{color:#636c60}@media(prefers-color-scheme:dark){:root{background:#12251e;color:#ece8db}input{background:#152a22;border-color:#4d6050}p{color:#b9c0b2}}