*{box-sizing:border-box}body{margin:0;padding:40px 20px;background:#f2f5f0;color:#203c33;font-family:system-ui,'Malgun Gothic',sans-serif}main{max-width:650px;margin:auto;padding:36px;background:white;border:1px solid #d9e2d7;border-radius:16px}small{letter-spacing:2px}h1{font-size:28px}p{line-height:1.8}fieldset{border:0;padding:12px 0 24px}legend{font-weight:700;margin-bottom:12px}label{display:block;padding:9px 0}input{margin-right:9px}textarea{width:100%;padding:12px;font:inherit;border:1px solid #bccbbb;border-radius:8px}button{margin-top:18px;padding:13px 20px;background:#205c4c;color:white;border:0;border-radius:8px;font:inherit;cursor:pointer}.notice{background:#fff2d5;padding:12px;border-radius:8px}.foot{font-size:13px;color:#607268}

.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.language-label{font-size:12px;color:#607268}#language{display:block;margin-top:5px;padding:8px;border:1px solid #bccbbb;border-radius:6px;background:white;color:#203c33;font:inherit}
#locale-loading{display:none}html[data-localizing] main{visibility:hidden}html[data-localizing] #locale-loading{display:block;position:fixed;inset:40% 0 auto;text-align:center}.country-note{font-size:12px;color:#62746a;line-height:1.6}
button:disabled{opacity:.65;cursor:default}input:disabled,textarea:disabled{opacity:1;color:#203c33}textarea:disabled{background:#f4f6f3}#result:not(:empty){padding:12px;border-radius:8px}#result[data-state="success"]{background:#e5f1e8;color:#245c38}#result[data-state="error"]{background:#fff0e9;color:#873a28}