#overlay-modal{position:fixed;inset:0;background:rgba(10,11,20,.7);backdrop-filter:saturate(140%) blur(2px);display:none;align-items:center;justify-content:center;z-index:9999}
#overlay-modal .box{width:min(980px,92vw);height:min(80vh,760px);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35);display:flex;flex-direction:column}
#overlay-modal header{display:flex;align-items:center;justify-content:space-between;padding:.8rem 1rem;border-bottom:1px solid #eef0f3;background:#fafafa}
#overlay-modal header .title{font-weight:600}
#overlay-modal iframe{flex:1;width:100%;height:100%;border:0}
#overlay-modal .close{appearance:none;border:0;background:#111827;color:#fff;border-radius:10px;padding:.5rem .8rem;font-weight:600;cursor:pointer}
@media (max-width:640px){#overlay-modal .box{height:88vh}}