*{box-sizing:border-box}body{margin:0;color:#1C1C2E;background:#FAF8F4;font:16px/1.55 'DM Sans',system-ui,sans-serif}header{padding:18px 20px;border-bottom:1px solid #E8E4DC;background:white;font-family:'DM Serif Display',Georgia,serif;font-size:20px}main{max-width:740px;margin:auto;padding:28px 20px}h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400}h1{font-size:32px;line-height:1.2;margin:8px 0 16px}h2{font-size:24px;margin:4px 0 8px}p{margin:14px 0}label{display:block;font-weight:600;margin:18px 0 6px}input,textarea,select{font:inherit;width:100%;padding:11px;border:1px solid #D9D3C7;border-radius:10px;background:white}textarea{min-height:150px}button{font:inherit;font-weight:600;min-height:46px;padding:10px 16px;border:0;border-radius:999px;color:#FAF8F4;background:#1C1C2E;margin:12px 8px 4px 0;cursor:pointer}button.secondary{background:white;color:#1C1C2E;border:1px solid #D9D3C7}button:disabled{opacity:.5;cursor:wait}section,.item{padding:20px;border:0;border-radius:16px;background:white;margin:18px 0;box-shadow:0 6px 24px rgba(28,28,46,.06)}.muted{color:#5E5E72;font-size:14px}.flag{color:#87541c;background:#fff4df;padding:4px 7px;display:inline-block;border-radius:5px;margin:3px;font-size:13px}.error{color:#a12828}dl{display:grid;grid-template-columns:110px 1fr;gap:7px;font-size:14px}dt{color:#53656d}dd{margin:0;overflow-wrap:anywhere}input[type=checkbox]{width:auto;margin-right:8px}.rowhead{display:flex;justify-content:space-between;gap:12px}a{color:#1C1C2E}details>summary{cursor:pointer;font-weight:600}code{overflow-wrap:anywhere}.notice{padding:12px;background:#F2EEE5;border-radius:10px}


.chatlog{display:flex;flex-direction:column;gap:4px;max-height:340px;overflow-y:auto;margin:6px 0 10px}
.chatlog>div{max-width:92%;padding:4px 12px;border-radius:10px}
.chatlog .from-user{align-self:flex-end;background:#1C1C2E;color:#FAF8F4}
.chatlog .from-sec{align-self:flex-start;background:#F2EEE5}
.chatlog p{margin:8px 0}

.chatlog .from-user a{color:#FAF8F4}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #C9A84C;outline-offset:2px}
.connections{background:transparent;box-shadow:none;padding:8px 0}
.conn-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.conn{background:white;border-radius:16px;padding:18px;box-shadow:0 6px 24px rgba(28,28,46,.06);display:flex;flex-direction:column}
.conn p{flex:1;margin:8px 0}
.conn button{margin:4px 0 0;align-self:flex-start}
.conn-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.pill{font-size:12px;font-weight:700;padding:3px 10px;border-radius:999px;background:#F2EEE5;color:#5E5E72;white-space:nowrap}
.pill.on{background:#E3F1E6;color:#2E6B3F}
.pill.off{background:#FCEFE3;color:#9A4F12}
.pill.soon{background:#F2EEE5;color:#9C7F2E}
.rowhead{align-items:center;padding:8px 0;border-bottom:1px solid #F2EEE5}.rowhead:last-child{border-bottom:0}.rowhead button{margin:0;flex:none}.notice input{margin:8px 0}