.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:var(--footer-height, 0);max-height:calc(100vh - var(--footer-height, 0));z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:modalFadeIn .2s ease-out;padding:var(--space-4);box-sizing:border-box;overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;width:100%;max-width:500px;max-height:calc(90vh - var(--footer-height, 0));background:var(--color-bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border);display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out;overflow:hidden;z-index:10000}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary);margin:0;line-height:1.3;flex:1}.modal-close-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;padding:0;outline:none}.modal-close-button:hover{background:var(--color-bg-subtle);color:var(--color-text)}.modal-close-button:active{transform:scale(.95)}.modal-close-button:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}.modal-content{color:var(--color-text);font-size:var(--text-base);line-height:var(--leading-relaxed)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border-light);flex-shrink:0;background:var(--color-bg-subtle)}.modal-footer-left{justify-content:flex-start}.modal-footer-center{justify-content:center}.modal-footer-space-between{justify-content:space-between}.modal-container--wide{max-width:900px;height:85vh;max-height:85vh}.modal-body--iframe{padding:0!important;overflow:hidden!important;display:flex;flex-direction:column;position:relative;flex:1;min-height:0}.modal-container.small{max-width:400px}.modal-container.medium{max-width:500px}.modal-container.large{max-width:700px}.modal-container.fullscreen{max-width:95vw;max-height:95vh;width:95vw;height:95vh}.modal-container.info{border-left:4px solid var(--info-500)}.modal-container.success{border-left:4px solid var(--success-500)}.modal-container.warning{border-left:4px solid var(--warning-500)}.modal-container.error{border-left:4px solid var(--error-500)}@media(max-width:640px){.modal-overlay{padding:var(--space-2);align-items:flex-end}.modal-container{max-width:100%;max-height:85vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;animation:modalSlideUp .3s ease-out}.modal-container--wide{height:80vh;max-height:80vh}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:var(--space-4) var(--space-5)}.modal-title{font-size:var(--text-lg)}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-4) var(--space-5);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));flex-direction:column-reverse}.modal-footer .btn-primary,.modal-footer .btn-secondary{width:100%}.modal-footer .modal-footer-btn{flex:unset;width:100%}}@supports (-webkit-touch-callout: none){.modal-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#000000b3}}@media(prefers-reduced-motion:reduce){.modal-overlay,.modal-container{animation:none!important}}.modal-container:focus{outline:none}body.modal-open{overflow:hidden}.modal-overlay--centered{align-items:center!important;padding:var(--space-4)!important}.modal-overlay--centered .modal-container{border-radius:var(--radius-2xl)!important;animation:modalSlideIn .3s ease-out!important;max-height:85vh}.modal-overlay--centered .modal-footer{padding-bottom:var(--space-5)!important}.delete-account-info{margin-bottom:var(--space-4)}.delete-account-description{font-size:var(--text-base);color:var(--color-text);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.delete-account-list{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-loose);padding-left:var(--space-5);margin-bottom:var(--space-4);list-style-type:disc}.delete-account-list li{margin-bottom:var(--space-2)}.reward-modal-container .modal-body{text-align:center}.reward-modal-container .modal-content{display:flex;flex-direction:column;align-items:center}.delete-account-list li:last-child{margin-bottom:0}.delete-account-form-label{margin-bottom:var(--space-2)}.delete-account-confirm-btn,.modal-footer .btn-secondary{flex:1;min-width:0}.modal-footer-btn{flex:1;min-width:0;padding:10px 0;font-size:15px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:none;outline:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}.modal-footer-btn-primary{background:var(--color-primary);color:#fff;font-weight:600;font-size:16px}.modal-footer-btn-primary:hover:not(:disabled){background:var(--primary-700)}.modal-footer-btn-primary:disabled{opacity:.6;cursor:not-allowed}.modal-footer-btn-secondary{background:var(--color-bg-card);color:var(--color-text-muted);border:1px solid var(--color-border);font-size:15px}.modal-footer-btn-secondary:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border-strong)}.modal-footer-btn-secondary:disabled{opacity:.5;cursor:not-allowed}
