body{margin:0;background:#f5f5ef;color:#21434a;font:16px/1.7 system-ui}main{max-width:430px;margin:9vh auto;padding:32px;background:white;border:1px solid #dce4d9;border-radius:20px}.moon{font-size:44px;color:#4b7467}h1{font-size:24px}label{display:block;margin:16px 0}input{display:block;box-sizing:border-box;width:100%;padding:12px;border:1px solid #ccd6cc;border-radius:8px;font:inherit}button{width:100%;padding:12px;background:#426d60;color:white;border:0;border-radius:8px;font:inherit}.note{font-size:13px;color:#65766c}#message{color:#994b42}@media(max-width:520px){main{margin:20px;padding:24px}}