.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;justify-content:center;align-items:center;padding:24px;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}.modal-box{background:0 0;border-radius:30px;flex-direction:column;gap:6px;width:540px;max-height:calc(100vh - 48px);animation:.25s modal-slide-up;display:flex}.modal-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#101010;border-radius:30px;align-items:center;gap:12px;width:100%;height:48px;padding:6px;display:flex;box-shadow:-6px 0 36px #8bddfa33,6px 0 36px #ffbcff33}.modal-topbar .modal-back,.modal-topbar .modal-close{cursor:pointer;background:#191919;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.modal-topbar .modal-back svg path,.modal-topbar .modal-close svg path{stroke:#fff}.modal-topbar .modal-back:hover,.modal-topbar .modal-close:hover{background:#ffffff1f}.modal-topbar .modal-back-placeholder{flex-shrink:0;width:28px;height:28px}.modal-topbar .modal-progress-track{flex:1;align-items:center;gap:6px;display:flex}.modal-topbar .modal-progress-track .modal-progress-seg{background:#035978;border-radius:12px;flex:1;height:6px;transition:background .3s}.modal-topbar .modal-progress-track .modal-progress-seg.filled{background:#bdeeff}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}