:root{--text: #1f1f24;--muted: #5b5b66;--border: #d9d9e0;--accent: #2f5bd3;--error: #b3261e;font-family:system-ui,sans-serif;color:var(--text);line-height:1.5}body{margin:0}.panel{max-width:32rem;margin:2rem auto}.error{color:var(--error)}.button,button{display:inline-block;padding:.5rem 1rem;border:1px solid var(--accent);border-radius:.375rem;background:var(--accent);color:#fff;font:inherit;text-decoration:none;cursor:pointer}button:disabled{opacity:.6;cursor:default}dt{color:var(--muted)}dd{margin:0 0 .75rem}button.secondary{background:transparent;color:var(--accent)}.hint{color:var(--muted)}.name-form{display:flex;flex-direction:column;gap:.75rem}.name-form label{display:flex;flex-direction:column;gap:.25rem}input,select{padding:.5rem;border:1px solid var(--border);border-radius:.375rem;font:inherit}.actions{display:flex;gap:.5rem}.people{padding-left:1.25rem}.name-form fieldset{display:flex;flex-direction:column;gap:.25rem;margin:0;border:1px solid var(--border);border-radius:.375rem}.name-form fieldset label{flex-direction:row;align-items:center;gap:.5rem}.links{display:flex;flex-direction:column;gap:1rem;padding-left:1.25rem}.links .actions{margin-top:.25rem}button.link-button{margin-left:.5rem;padding:0;border:none;background:none;color:var(--accent);font-size:.875rem;text-decoration:underline}.graph-panel{max-width:64rem;padding:0 1rem}.name-form fieldset.choices{max-height:16rem;overflow-y:auto}.name-form fieldset.choices p{margin:.25rem 0 0}.name-form fieldset.choices .link-button{margin-left:0}.dialog{width:min(28rem,calc(100vw - 2rem));padding:1.5rem;border:1px solid var(--border);border-radius:.5rem;color:var(--text)}.dialog::backdrop{background:#0006}.dialog h2{margin-top:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
