:root{color-scheme:light;--ink:#232823;--muted:#616960;--border:#d5dbd3;--paper:#f6f7f3;--accent:#455b49}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 system-ui,-apple-system,sans-serif}header{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 24px;border-bottom:1px solid var(--border);background:white;font:14px ui-monospace,monospace}header span{flex:1;color:var(--muted)}a{color:var(--accent);text-underline-offset:3px}main{max-width:1050px;margin:40px auto;padding:0 24px 50px}h1,h2{font-family:ui-monospace,monospace;line-height:1.25}h1{font-size:clamp(25px,5vw,36px);margin-bottom:12px}h2{font-size:22px}.intro,.muted,small{color:var(--muted)}section,.family,details{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;margin:20px 0}section{max-width:550px}label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}input,select,button{font:inherit;min-height:44px;border:1px solid var(--border);border-radius:6px;padding:10px 12px;max-width:100%;min-width:0;background:white;color:var(--ink)}input,select{width:100%}button{cursor:pointer}button:hover{border-color:var(--accent);background:#f1f4ee}button.primary{background:var(--accent);color:white}button:disabled{opacity:.55;cursor:wait}:focus-visible{outline:3px solid #738d73;outline-offset:3px}form{display:grid;gap:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.wide{grid-column:1/-1}.toolbar,.family-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.family-top h2{margin:0}.family-top a{overflow-wrap:anywhere}.badge{background:#e7eee3;border-radius:30px;padding:4px 10px;font-size:13px}.badge.paused{background:#fae9d9}.stats{display:flex;gap:20px;flex-wrap:wrap;margin:16px 0;color:var(--muted)}.stats b{color:var(--ink)}.family details{padding:16px;background:var(--paper);margin-bottom:0}summary{cursor:pointer;font-weight:600;min-height:28px}small{font-weight:400}.search{margin:24px 0 12px;max-width:450px}#message{white-space:pre-line;overflow-wrap:anywhere}#message:not(:empty){border-left:4px solid var(--accent);padding:12px;background:#eaf0e6}#message.error{border-color:#a33434;background:#fff0ed;color:#7c2626}#mfa-qr{display:block;width:210px;max-width:100%;background:white}#mfa-secret{overflow-wrap:anywhere;user-select:all}#audit{padding-left:22px;font-size:14px}#audit li{margin:12px 0}#audit small{display:block}[hidden]{display:none!important}
.family h2,.family p{overflow-wrap:anywhere}
@media(max-width:600px){main{margin:24px auto;padding:0 14px 30px}header{padding:12px 14px;gap:10px}section,.family,details{padding:16px}.grid{grid-template-columns:1fr}.toolbar{align-items:stretch}.family-top{align-items:flex-start}.stats{gap:10px 20px}}