.modal-overlay{background:var(--overlay);z-index:100;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-panel{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-sizing:border-box;width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow);padding:1.5rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.modal-title{color:var(--text-h);margin:0}.modal-close{cursor:pointer;color:var(--text);background:0 0;border:none;font-size:1.3rem;line-height:1}.modal-panel:focus{outline:none}