.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(8px) saturate(140%);-webkit-backdrop-filter:blur(8px) saturate(140%);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--sp-6);padding-bottom:calc(var(--sp-6) + env(safe-area-inset-bottom));padding-top:calc(var(--sp-6) + env(safe-area-inset-top))}.modal-content{background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-lg);max-width:420px;width:100%;max-height:calc(100dvh - var(--sp-12));display:flex;flex-direction:column;overflow:hidden}.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-subtle);flex-shrink:0}.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);overflow-y:auto;min-height:0;flex:1 1 auto;-webkit-overflow-scrolling:touch}