:root{--bg: #f9fafb;--surface: #ffffff;--text: #1a1a1a;--muted: #616161;--border: #e0e0e0;--accent: #2f6f4f;--accent-contrast: #ffffff;--error: #b00020;--radius: 12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}h1{font-size:1.5rem}h2{font-size:1.25rem;margin:0}h3{font-size:1rem;margin:1.25rem 0 .5rem}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--error)}.prewrap{white-space:pre-wrap}.pad{padding:1rem}.card{max-width:420px;margin:8vh auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.stack{display:flex;flex-direction:column;gap:.9rem;margin-top:1rem}label{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;font-weight:600}input{padding:.6rem .7rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;font-weight:400}input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{padding:.7rem 1rem;font-size:1rem;border:none;border-radius:8px;background:var(--accent);color:var(--accent-contrast);cursor:pointer;min-height:44px}button:disabled{opacity:.6;cursor:default}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.link{background:none;color:var(--accent);min-height:auto;padding:.5rem 0;text-decoration:underline}.divider{text-align:center;color:var(--muted);margin:1.25rem 0 .5rem;font-size:.85rem}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-right{display:flex;align-items:center;gap:1rem}.notice{margin:0;padding:.6rem 1rem;background:#eef5f0;color:var(--muted);font-size:.85rem}.columns{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:0;height:calc(100vh - 96px)}.list-pane{border-right:1px solid var(--border);padding:1rem;overflow-y:auto}.list-pane input[type=search]{width:100%}.detail-pane{overflow-y:auto;padding:1.5rem}.contact-list{list-style:none;margin:1rem 0 0;padding:0}.contact-row{display:flex;align-items:center;gap:.7rem;width:100%;text-align:left;background:none;color:var(--text);border:none;border-radius:8px;padding:.5rem}.contact-row:hover{background:var(--bg)}.contact-row.selected{background:#eef5f0}.contact-row-text{display:flex;flex-direction:column}.contact-name{font-weight:600}.avatar{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-contrast);font-size:.85rem;font-weight:700}.avatar-lg{width:56px;height:56px;font-size:1.2rem}.detail-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.fields{display:grid;grid-template-columns:max-content 1fr;gap:.4rem 1rem;margin:0}.fields dt{color:var(--muted);font-size:.85rem}.fields dd{margin:0}.timeline,.checklist{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.8rem}.timeline li{border-left:2px solid var(--border);padding-left:.8rem}.timeline-meta{display:flex;align-items:center;gap:.6rem}.checklist li.done{color:var(--muted);text-decoration:line-through}.badge{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.1rem .6rem;font-size:.75rem}time{color:var(--muted);font-size:.85rem}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:.4rem}.chip{background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:.15rem .7rem;font-size:.8rem}.plain-list{list-style:none;padding:0;margin:.4rem 0;display:flex;flex-direction:column;gap:.3rem}@media (max-width: 720px){.columns{grid-template-columns:1fr;height:auto}.list-pane{border-right:none;border-bottom:1px solid var(--border)}}