/* 2026-10-09 handoff: only the new invitation components; existing page geometry stays unchanged. */
.kf-app-band,.kf-app-menu,.kf-app-footer{display:none}
.kf-app-band,.kf-app-sheet,.kf-app-menu,.kf-app-footer{font-family:'Pretendard Variable',Pretendard,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;word-break:keep-all;box-sizing:border-box}
.kf-app-band *,.kf-app-sheet *,.kf-app-menu *{box-sizing:border-box}
@media(max-width:767px){
 html.kf-app-band-on .kf-app-band{display:flex}
 html.kf-app-nudge-mobile .kf-app-menu{display:flex}
 html.kf-app-nudge-mobile .kf-app-footer{display:inline-flex}
}
.kf-app-band{align-items:center;gap:10px;min-height:56px;padding:0 0 0 16px;background:#1b64da;position:relative;z-index:1}
.kf-app-band__icon{display:block;width:28px;height:28px;flex:none;border-radius:8px;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.kf-app-band .kf-app-band__text{flex:1;min-width:0;margin:0;padding:8px 0;color:#fff;font-size:14px;line-height:20px;font-weight:600;text-wrap:pretty;letter-spacing:normal}
[data-kf-band-copy="B"]{display:none}
.kf-app-band-b [data-kf-band-copy="A"]{display:none}
.kf-app-band-b [data-kf-band-copy="B"]{display:inline}
.kf-app-band .kf-app-band__cta{flex:none;height:32px;padding:0 12px;border-radius:8px;background:#fff;color:#1b64da;font-size:13px;line-height:20px;font-weight:700;display:flex;align-items:center;position:relative;text-decoration:none;white-space:nowrap;border:0}
.kf-app-band__cta::after{content:"";position:absolute;inset:-6px 0}
.kf-app-band .kf-app-band__close{flex:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:none;color:#fff;border:0;padding:0;cursor:pointer;border-radius:0;box-shadow:none}
.kf-app-menu{min-height:64px;align-items:center;gap:14px;padding:6px 16px 6px 20px;text-decoration:none;color:#191f28}
.kf-app-menu>img{flex:none;width:40px;height:40px;border-radius:11px;display:block}
.kf-app-menu__text{flex:1;min-width:0}
.kf-app-menu .kf-app-menu__text b{display:block;font-size:16px;line-height:23px;font-weight:700;color:#191f28}
.kf-app-menu .kf-app-menu__text small{display:block;margin-top:2px;font-size:13px;line-height:19px;font-weight:400;color:#6b7684}
.kf-app-menu>svg{flex:none;width:14px;height:14px;color:#b0b8c1}
.kf-app-footer{flex-wrap:wrap;gap:8px 20px;align-items:center;min-height:44px}
.kfr-foot .kf-app-footer a{position:relative;font-size:14px;line-height:21px;font-weight:600;color:#4e5968;text-decoration:none}
.kf-app-footer a::after{content:"";position:absolute;inset:-11.5px 0}
.kf-app-sheet[hidden]{display:none!important}
.kf-app-sheet{position:fixed;inset:0;z-index:12000;color:#191f28}
.kf-app-sheet__dim{position:absolute;inset:0;background:rgba(0,23,51,.42)}
.kf-app-sheet__panel{position:absolute;bottom:0;left:0;width:100%;max-height:calc(100dvh - 24px);overflow-y:auto;background:#fff;border-radius:20px 20px 0 0;padding:12px 20px max(20px,env(safe-area-inset-bottom));outline:0;animation:kfSheet .3s var(--ease-spring,cubic-bezier(.2,.8,.2,1));overscroll-behavior:contain}
.kf-app-sheet__handle{display:block;width:36px;height:4px;border-radius:2px;margin:0 auto 22px;background:#d1d6db;touch-action:pan-x}
.kf-app-sheet__icon{display:block;width:52px;height:52px;border-radius:14px;margin:0 0 16px}
.kf-app-sheet .kf-app-sheet__panel h2{margin:0;color:#191f28;font-size:22px;line-height:31px;letter-spacing:-.015em;font-weight:700;text-wrap:pretty}
.kf-app-sheet .kf-app-sheet__panel p{margin:6px 0 24px;color:#4e5968;font-size:16px;line-height:24px;font-weight:400;text-wrap:pretty}
.kf-app-sheet .kf-app-sheet__cta,.kf-app-sheet .kf-app-sheet__continue{display:flex;align-items:center;justify-content:center;width:100%;height:56px;border-radius:14px;text-decoration:none;border:0;padding:0 12px;font-family:inherit;font-size:17px;line-height:24px;letter-spacing:normal;cursor:pointer}
.kf-app-sheet .kf-app-sheet__cta{background:#3182f6;color:#fff;font-weight:700}
.kf-app-sheet .kf-app-sheet__continue{margin-top:4px;background:none;color:#4e5968;font-weight:600;box-shadow:none}
.kf-app-sheet.is-closing .kf-app-sheet__panel{animation:kfAppSheetOut .2s ease forwards}
.kf-app-band a:focus-visible,.kf-app-band button:focus-visible,.kf-app-menu:focus-visible,.kf-app-sheet a:focus-visible,.kf-app-sheet button:focus-visible{outline:2px solid #191f28;outline-offset:3px}
@keyframes kfAppSheetOut{to{transform:translateY(100%)}}
@media(prefers-reduced-motion:reduce){.kf-app-sheet__panel,.kf-app-sheet.is-closing .kf-app-sheet__panel{animation:none}}