.modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.8);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:modal-fade-in .2s ease;padding:24px}.modal-box{width:540px;animation:modal-slide-up .25s ease;flex-direction:column;gap:6px;background:transparent;max-height:calc(100vh - 48px)}.modal-box,.modal-topbar{border-radius:30px;display:flex}.modal-topbar{align-items:center;width:100%;padding:6px;gap:12px;height:48px;background:#101010;box-shadow:-6px 0 36px rgba(139,221,250,.24),6px 0 36px rgba(255,188,255,.24);backdrop-filter:blur(12px);box-shadow:-6px 0 36px rgba(139,221,250,.2),6px 0 36px rgba(255,188,255,.2)}.modal-topbar .modal-back,.modal-topbar .modal-close{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;transition:background .15s ease;width:36px;height:36px;background:#191919}.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:rgba(255,255,255,.12)}.modal-topbar .modal-back-placeholder{width:28px;height:28px;flex-shrink:0}.modal-topbar .modal-progress-track{flex:1;display:flex;gap:6px;align-items:center}.modal-topbar .modal-progress-track .modal-progress-seg{flex:1;background:#035978;transition:background .3s ease;height:6px;border-radius:12px}.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)}}