.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--sp-6)}.modal-content{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-md);max-width:420px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5) var(--sp-6);border-bottom:1px solid var(--border-accent-faint)}.modal-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin:0}.modal-close{background:none;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:var(--sp-1);line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--sp-6)}