.modal-overlay{background-color:var(--color-overlay);-webkit-backdrop-filter:blur(2px);z-index:100;overscroll-behavior:contain;justify-content:center;align-items:center;padding:24px;animation:.18s modal-fade-in;display:flex;position:fixed;inset:0}.modal{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:calc(100dvh - 48px);box-shadow:var(--shadow-modal);flex-direction:column;animation:.22s cubic-bezier(.22,.8,.24,1) modal-rise;display:flex;overflow:hidden}.modal-wide{max-width:720px}.modal-header{border-bottom:1px solid var(--border-color);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:18px 16px 18px 24px;display:flex}.modal-header h2{min-width:0;color:var(--text-primary);font-size:18px}.modal-close{width:40px;height:40px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.modal-close:hover{background-color:var(--bg-base);color:var(--text-primary)}.modal-body{overscroll-behavior:contain;padding:24px;overflow-y:auto}@keyframes modal-fade-in{0%{opacity:0}}@keyframes modal-rise{0%{opacity:0;transform:translateY(8px)scale(.99)}}@keyframes modal-sheet-up{0%{transform:translateY(100%)}}@media (max-width:600px){.modal-overlay{align-items:flex-end;padding:40px 0 0}.modal,.modal-wide{border-bottom:none;border-radius:20px 20px 0 0;max-width:none;max-height:100%;animation:.28s cubic-bezier(.22,.8,.24,1) modal-sheet-up}.modal:before{content:"";background-color:var(--border-color);border-radius:999px;flex-shrink:0;align-self:center;width:36px;height:4px;margin-top:8px}.modal-header{padding:10px 12px 14px 20px}.modal-body{padding:20px 20px calc(24px + env(safe-area-inset-bottom,0px))}}