.modal-overlay{z-index:1200;-webkit-overflow-scrolling:touch;padding:max(16px,env(safe-area-inset-top))max(16px,env(safe-area-inset-right))max(16px,env(safe-area-inset-bottom))max(16px,env(safe-area-inset-left));box-sizing:border-box;background:#00000073;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow:auto}.modal-container{width:var(--modal-width,min(640px,92vw));background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-sizing:border-box;border-radius:16px;margin:0 auto;overflow:hidden;box-shadow:0 20px 60px #00000040}.modal-body{-webkit-overflow-scrolling:touch;max-height:min(var(--modal-max-h,85vh),calc(100svh - 32px));overscroll-behavior:contain;box-sizing:border-box;padding:16px;overflow:auto}.modal-content{min-width:var(--modal-content-min-w,auto)}.modal-container input,.modal-container select,.modal-container textarea{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.modal-container input::placeholder,.modal-container textarea::placeholder{color:var(--color-muted)}