*{box-sizing:border-box}body{margin:0;background:#fdf6f3;color:#2a1810;font-family:system-ui,sans-serif;min-height:100vh;display:grid;place-items:center;padding:24px}main{width:min(100%,430px);background:#fffaf6;border:1px solid #e4d6ce;border-radius:20px;padding:40px}.brand{font-weight:800;font-size:24px;letter-spacing:4px}.brand span{display:block;font-size:9px;letter-spacing:3px;margin-top:8px;color:#806b5d}h1{font-size:38px;line-height:1.15;letter-spacing:-1px;margin:38px 0 18px}.intro,.note{color:#806b5d;font-size:14px;line-height:1.6}label{display:block;margin:20px 0;font-size:13px}input{display:block;width:100%;padding:14px;border-radius:9px;border:1px solid #e4d6ce;background:#fdf6f3;margin-top:8px;font-size:16px;color:#2a1810}button{width:100%;min-height:48px;border:0;border-radius:24px;background:#b07a2a;color:white;font-size:14px;cursor:pointer}button:disabled{opacity:.6}#result{min-height:24px;font-size:13px;color:#806b5d}.note{font-size:12px;margin-top:22px}