.contact-page{display:grid;gap:16px;min-width:0}.contact-page h1{margin:0;font-size:clamp(1.6rem,3vw,2.2rem)}.contact-note,.contact-meta{color:var(--text-secondary,#526176)}.contact-search,.contact-rename{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.contact-search label,.contact-rename label{display:grid;gap:6px;min-width:min(100%,260px);font-weight:600}.contact-search input,.contact-rename input{min-height:44px;padding:9px 11px;border:1px solid var(--border-strong,#b8c4d4);border-radius:8px;background:var(--surface,#fff);color:var(--text-primary,#142033);font:inherit}.contact-list{display:grid;gap:12px}.contact-card{display:grid;gap:8px;min-width:0;padding:16px;border:1px solid var(--border,#dbe2eb);border-radius:12px;background:var(--surface,#fff)}.contact-card h2,.contact-card p{margin:0;overflow-wrap:anywhere}.contact-button{min-height:44px;padding:8px 13px;border:1px solid var(--border-strong,#b8c4d4);border-radius:8px;background:var(--surface,#fff);color:var(--text-primary,#142033);font:inherit;cursor:pointer}.contact-button:focus-visible,.contact-search input:focus-visible,.contact-rename input:focus-visible{outline:3px solid var(--focus-ring,#315cf5);outline-offset:2px}