:root{color:#202820;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f5f0;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:0 auto;padding:64px 24px 32px}h1{letter-spacing:-.06em;margin:16px 0;font-size:clamp(2.5rem,8vw,4rem)}h2{margin:0;font-size:1.3rem}h3{font-size:1rem}p{line-height:1.6}.eyebrow{letter-spacing:.15em;font-size:.75rem;font-weight:700}.intro,.muted,footer{color:#5f685f}.connection{align-items:center;gap:10px;font-size:.9rem;display:flex}.status-dot{background:#a96a30;border-radius:50%;width:8px;height:8px}.status-dot.online{background:#34744c}section{background:#fff;border:1px solid #dce1d7;border-radius:16px;margin-top:36px;padding:28px}.section-heading,.list-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.badge{color:#526340;background:#edf1e8;border-radius:20px;padding:5px 10px;font-size:.7rem}form{gap:10px;margin:24px 0 32px;display:grid}label{font-size:.85rem;font-weight:600}input,select,button{font:inherit;border-radius:8px;min-height:44px}input,select{color:inherit;background:#fff;border:1px solid #cdd4c7;padding:10px 12px}select{margin-bottom:8px}button{color:#fff;cursor:pointer;background:#2d5037;border:0;padding:10px 16px}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline-offset:3px;outline:3px solid #729754}.text-button{color:#2d5037;background:0 0;padding:4px 0;font-size:.85rem;text-decoration:underline}.error{color:#a32f28;margin:0}.empty{color:#5f685f;padding:20px 0}ul{margin:0;padding:0;list-style:none}li{overflow-wrap:anywhere;border-top:1px solid #e9ece5;justify-content:space-between;gap:16px;padding:16px 0;display:flex}li .muted{flex-shrink:0;font-size:.85rem}footer{text-align:center;padding-top:24px;font-size:.8rem}@media (width<=480px){main{padding:32px 16px}section{padding:20px}}