/* The final callout contains no widget or reserved form height. */
.application-panel{max-width:720px;margin:42px auto 0;text-align:center;scroll-margin-top:110px}
.application-panel h3{font-family:Unbounded,Manrope,sans-serif;font-size:26px;font-weight:500;line-height:1.4}
.application-panel .application-intro{font-size:20px;line-height:1.6;margin:16px 0 20px}
.application-open,.application-retry{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 22px;border-radius:8px;background:#d1b4ff;color:#211031;font-size:16px;line-height:1.5;font-weight:700}
.application-open:hover,.application-retry:hover{background:#e4d1ff}
.application-dialog{position:fixed;margin:0;left:var(--application-center-x,50%);top:var(--application-center-y,50%);transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:min(740px,calc(var(--application-viewport-width,100vw) - 32px));max-height:calc(100vh - 32px);max-height:calc(var(--application-viewport-height,100dvh) - 32px);padding:0;border:1px solid #c8a5ec55;border-radius:16px;background:#f8f5fc;color:#22162f;overflow:hidden;box-shadow:0 24px 100px #0008}
.application-dialog:not([open]){display:none}
.application-focus-guard{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}
.application-dialog[open]{display:flex;flex-direction:column}
.application-dialog::backdrop{background:#080411d9}
.application-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;padding:20px 24px;border-bottom:1px solid #c8a5ec55;background:#f8f5fc}
.application-dialog-header h2{font-family:Unbounded,Manrope,sans-serif;font-size:22px;line-height:1.4;letter-spacing:-.035em;max-width:400px}
.application-close{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;min-height:48px;padding:10px 14px;border-radius:8px;border:1px solid #8e6bab77;background:#eee6f6;color:#3d2559;font-size:16px;line-height:1.5;font-weight:700}
.application-close span{font-size:24px;line-height:1}
.application-dialog-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:24px;scrollbar-gutter:stable}
.application-widget{width:100%;min-width:0;max-width:100%;overflow:visible!important}
.application-widget iframe{display:block;width:100%!important;max-width:100%;border:0}
.application-dialog p{color:#554266;font-size:20px;line-height:1.6}
.application-error{padding:20px;border-radius:8px;background:#eee6f6}
.application-retry{margin-top:18px;background:#3d2559;color:#fff}
.application-retry:hover{background:#61378c}
.application-close:focus-visible,.application-retry:focus-visible,.application-open:focus-visible{outline:3px solid #753ee1;outline-offset:3px}
@media(max-width:700px){
  .application-panel{margin-top:32px;scroll-margin-top:94px}
  .application-panel h3{font-size:22px}
  .application-panel .application-intro,.application-dialog p{font-size:18px}
  .application-dialog{width:calc(100% - 16px);max-width:calc(var(--application-viewport-width,100vw) - 16px);max-height:calc(100vh - 16px);max-height:calc(var(--application-viewport-height,100dvh) - 16px);border-radius:12px}
  .application-dialog-header{align-items:flex-start;flex-direction:column-reverse;gap:12px;padding:14px 16px}
  .application-dialog-header h2{font-size:20px}
  .application-close{align-self:flex-end;min-height:44px}
  .application-dialog-scroll{padding:14px 12px}
}