:root{font-family:Tahoma,Arial,sans-serif;color:#173e31;background:#f1f4ef;line-height:1.8;color-scheme:light dark}*{box-sizing:border-box}body{margin:0}main{width:min(740px,100%);padding:24px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:12px}header span{font-size:30px;font-weight:bold}small{display:block;font-size:12px;letter-spacing:3px}header p,footer{font-size:13px;color:#5c6b62}section{background:#fff;border:1px solid #b5c3b7;border-radius:16px;padding:22px;margin:18px 0}h1{font-size:24px}h2{font-size:20px}p{font-size:14px}label{display:block;font-size:14px;margin:12px 0}input{display:block;width:100%;border:1px solid #9eaea3;border-radius:8px;padding:11px;font:inherit;background:transparent;color:inherit}button{border:1px solid #456957;border-radius:8px;padding:10px 16px;background:#204c3b;color:#fff;font:inherit;font-size:14px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.secondary{background:transparent;color:inherit}.actions{display:flex;gap:8px;flex-wrap:wrap}[role=alert]{color:#b92f36}li{font-size:13px;overflow-wrap:anywhere;margin:8px 0}@media(prefers-color-scheme:dark){:root{background:#10261e;color:#ecf4e8}section{background:#18372b;border-color:#73927f}header p,footer{color:#b8cbbd}[role=alert]{color:#ff9ba1}}@media(max-width:500px){main{padding:14px}header{display:block}section{padding:16px}}