:root{--color-blue-2:#F4FAFF;--color-blue-5:#C2E5FF;--color-slate-11:#60646C;--color-white:#FFFFFF;--modal-overlay-bg:rgba(0,0,0,0.7);--modal-content-bg:linear-gradient(135deg,var(--color-blue-2),var(--color-white));--modal-border:var(--color-blue-5);--modal-shadow:0 8px 32px rgba(0,144,255,0.2);--modal-radius:8px;--modal-padding:8px;--modal-transition:all 0.3s ease}h2{margin:0}.DialogOverlay{background:var(--modal-overlay-bg);position:fixed;inset:0;animation:overlayShow .15s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.DialogContent{background:var(--modal-content-bg);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:400px;max-height:85vh;padding:var(--modal-padding);animation:contentShow .15s cubic-bezier(.16,1,.3,1);overflow-y:auto;-webkit-overflow-scrolling:touch}.DialogContent:focus{outline:none}.DialogTitle{margin:0;font-weight:600;font-size:20px}.DialogDescription,.DialogTitle{color:var(--color-slate-11);line-height:1.5}.DialogDescription{margin:10px 0 20px;font-size:16px}.IconButton{font-family:inherit;border-radius:100%;height:40px;width:40px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-slate-11);position:absolute;top:8px;right:8px;background:var(--color-blue-2);border:2px solid var(--modal-border);transition:var(--modal-transition)}.IconButton:focus{box-shadow:var(--modal-shadow)}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}