.modal-host{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;overflow-y:auto}.modal-host>.backdrop{position:fixed;inset:0;background:var(--overlay)}.modal-host>.modal{position:relative;width:100%;max-width:34rem;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.modal-host>.modal>.modal-content{padding:1.5rem}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.modal-header>.title{font-size:1.05rem;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.modal-close{display:inline-flex;flex:none;padding:.3rem;color:var(--muted);background:none;border:0;border-radius:999px;cursor:pointer}.modal-close:hover{color:var(--text);background:var(--surface-alt)}