:root{--text:#1f2328;--muted:#656d76;--border:#d0d7de;--background:#f6f8fa;--surface:#fff;--primary:#0969da;--danger:#cf222e;color:var(--text);background:var(--background);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{margin:0}main{max-width:40rem;margin:0 auto;padding:2rem 1rem}header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-actions{gap:.5rem;display:flex}h1,h2{margin:0}.muted{color:var(--muted)}.error{color:var(--danger)}.persons{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin:1.5rem 0 0;padding:0;list-style:none}.persons li{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.25rem 1rem;padding:.75rem 1rem;display:flex}.persons li+li{border-top:1px solid var(--border)}button{font:inherit;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:6px;padding:.4rem .9rem}button:disabled{opacity:.6;cursor:default}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.danger{color:var(--danger)}button.link{color:var(--primary);background:0 0;border:none;padding:0;font-weight:600}button.link:hover{text-decoration:underline}dialog{border:1px solid var(--border);border-radius:8px;width:min(28rem,100vw - 2rem);padding:1.5rem}dialog::backdrop{background:#0006}dialog form{flex-direction:column;gap:.9rem;display:flex}label{flex-direction:column;gap:.3rem;font-weight:600;display:flex}input,textarea{font:inherit;border:1px solid var(--border);border-radius:6px;padding:.4rem .6rem;font-weight:400}.actions{gap:.5rem;margin-top:.5rem;display:flex}.spacer{flex:1}