:root{font-family:system-ui,sans-serif;color:#242824;background:#f5f3ee}*{box-sizing:border-box}body{margin:0;padding:32px 16px}main{max-width:780px;margin:auto}h1{font-size:36px;letter-spacing:-1px;margin:8px 0}h2{font-size:20px;margin:0 0 10px}p{line-height:1.6;color:#596159}.eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;color:#856b43}section,details{background:white;border:1px solid #dedfd8;border-radius:18px;padding:24px;margin:18px 0}.status{display:flex;gap:16px;align-items:center;background:#edf4ef}.status p{margin:0}#indicator{width:15px;height:15px;border-radius:50%;background:#969d97}#indicator.online{background:#34804f}.actions{display:flex;gap:12px;flex-wrap:wrap}button,a{font:inherit;border-radius:10px;padding:13px 18px}button{border:1px solid #315e45;background:#315e45;color:white;cursor:pointer;font-weight:650}button.secondary{background:white;color:#2c4836;border-color:#cdd4cd}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a58a59;outline-offset:3px}a{color:#315e45;background:#edf4ef;text-decoration:none}.small{font-size:13px}label{display:block;font-size:14px;font-weight:650}input{display:block;margin:8px 0 16px;padding:12px;border:1px solid #ccd1ca;border-radius:8px;width:100%;font:inherit}#message{padding:14px 18px;border-radius:10px;background:#fff5df}dialog{border:1px solid #d5dbd3;border-radius:18px;max-width:520px;padding:28px}dialog::backdrop{background:#0006}summary{cursor:pointer;font-weight:600}