:root{font-family:system-ui,sans-serif;color:#203930;background:#f2f5f3;color-scheme:light}*{box-sizing:border-box}body{margin:0}header{background:#284b3e;color:white;padding:16px 24px;display:flex;gap:20px;align-items:center}header span{font-size:12px;letter-spacing:2px;color:#d1e3da}main{max-width:900px;margin:auto;padding:16px 16px 48px}section{padding:24px;background:white;border:1px solid #dbe5df;border-radius:14px;margin:16px 0}h1{margin:0;font-size:26px}p{line-height:1.55}.notice,.hint{padding:12px 16px;background:#fff4d7;border-radius:8px;font-size:14px}.hint{background:#edf3ef;color:#52665b}label{display:block;font-size:14px;font-weight:600;margin:12px 0}label span{font-weight:400;color:#64746a}input,textarea,button{font:inherit;border:1px solid #becfc4;border-radius:8px;padding:12px;min-height:48px}input,textarea{display:block;width:100%;margin-top:6px;color:#203930;background:white;font-size:16px}input:focus,textarea:focus,button:focus-visible{outline:3px solid #b3d4c3;outline-offset:2px}button{background:#365f49;color:white;font-weight:650;cursor:pointer}button:disabled{opacity:.6;cursor:wait}.secondary{background:white;color:#365f49}fieldset{border:0;padding:0;margin:0 0 16px}legend{font-weight:700;padding:16px 0 4px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.check{display:flex;align-items:center;gap:12px}.check input{width:22px;min-height:22px;margin:0}.heading{display:flex;justify-content:space-between;align-items:center;gap:12px}#message{padding:12px;overflow-wrap:anywhere}#message:empty{display:none}#recovery{padding:16px;background:#fff4d7;border-radius:8px;margin-top:16px}[hidden]{display:none!important}@media(max-width:600px){main{padding:12px 12px 32px}section{padding:18px 14px}.grid{grid-template-columns:1fr}h1{font-size:23px}#save,#retry,#login-form button{width:100%}.heading{align-items:flex-start}header{padding:14px 16px}}
:where(#readback-data){margin:20px 0 0;display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2fr);gap:10px 20px}#readback-data dt{font-weight:650}#readback-data dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}#readback-message{overflow-wrap:anywhere}@media(max-width:600px){#readback-data{grid-template-columns:1fr;gap:6px}#readback-data dd{margin-bottom:12px}#readback-open{width:100%}}
