.kbc[hidden],.kbc [hidden]{display:none!important}.kbc{position:fixed;left:max(20px,env(safe-area-inset-left));bottom:calc(22px + env(safe-area-inset-bottom));z-index:9990;width:min(380px,calc(100% - 40px));max-height:calc(100dvh - 110px);overflow:auto;background:var(--kbc-bg);color:var(--kbc-text);border:1px solid #ffffff24;border-radius:22px;padding:25px;box-shadow:0 16px 48px #052c3338;font-family:inherit;animation:kbc-in .22s ease-out;isolation:isolate}.kbc::before{content:"";position:absolute;top:0;right:0;width:145px;height:135px;border-radius:0 0 0 100%;background:#ffffff08;pointer-events:none;z-index:-1}.kbc button,.kbc a{font:inherit;cursor:pointer}.kbc button:focus-visible,.kbc a:focus-visible{outline:3px solid var(--kbc-accent);outline-offset:3px}.kbc-close{position:absolute;right:10px;top:10px;width:44px;height:44px;border:0;border-radius:50%;background:#ffffff10;color:var(--kbc-text);font-size:28px!important;line-height:1}.kbc-top{display:flex;align-items:center;gap:12px;margin:2px 34px 18px 0}.kbc-logo{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border-radius:13px;background:#ffffff12}.kbc-logo svg{width:34px;height:34px}.kbc-eyebrow{font-size:13px!important;line-height:1.35!important;font-weight:750!important;color:var(--kbc-accent)!important;margin:0!important}.kbc h2{font-size:25px;line-height:1.17;margin:0 0 14px;color:var(--kbc-text);font-weight:800;letter-spacing:-.025em}.kbc-message{font-size:15px;line-height:1.55;margin:0 0 20px;color:var(--kbc-text)}.kbc-cta{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:50px;border:0;border-radius:12px;background:var(--kbc-accent);color:var(--kbc-on-accent);font-weight:800!important;padding:12px 16px}.kbc-caption{margin:12px 0;font-size:12px;line-height:1.4;text-align:center;color:var(--kbc-text)}.kbc-footer{display:flex;border-top:1px solid #ffffff30;margin-top:18px;padding-top:7px}.kbc-footer button{min-height:44px;width:50%;border:0;background:transparent;color:var(--kbc-text);font-size:13px;font-weight:650}.kbc-footer button+button{border-left:1px solid #ffffff30}.kbc-back{border:0;background:transparent;color:var(--kbc-text);min-height:44px;padding:0 8px 0 0;margin:-8px 0 4px}.kbc-list{max-height:min(340px,44dvh);overflow:auto;overscroll-behavior:contain;padding:3px 4px 3px 0;scrollbar-width:thin;scrollbar-color:var(--kbc-accent) transparent}.kbc-row{border:1px solid #ffffff40;background:#ffffff05;border-radius:13px;padding:11px;margin-bottom:9px}.kbc-row h3{font-size:14px;margin:0 0 8px;line-height:1.3;color:var(--kbc-text)}.kbc-row>div{display:flex;gap:9px}.kbc-row a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:9px;flex:1;border-radius:9px;text-decoration:none;font-size:13px;font-weight:750}.kbc-group{background:var(--kbc-accent);color:var(--kbc-on-accent)!important;border:1px solid var(--kbc-accent)}.kbc-channel{border:1px solid var(--kbc-accent);color:var(--kbc-accent)!important}.kbc a[aria-disabled]{opacity:.6;cursor:default}@keyframes kbc-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:640px){.kbc{left:max(12px,env(safe-area-inset-left));bottom:calc(82px + env(safe-area-inset-bottom));width:calc(100% - 24px);max-height:calc(100dvh - 175px);padding:20px;border-radius:19px}.kbc-top{margin-bottom:14px}.kbc h2{font-size:23px}.kbc-message{font-size:14px;margin-bottom:16px}.kbc-footer{margin-top:13px}.kbc-list{max-height:32dvh}}@media(prefers-reduced-motion:reduce){.kbc{animation:none}}

/* Position applies to both screens; the centered card remains non-modal. */
.kbc[data-kbc-position="right"]{left:auto;right:max(20px,env(safe-area-inset-right))}
.kbc[data-kbc-position="center"]{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);animation:kbc-center-in .22s ease-out}
@keyframes kbc-center-in{from{opacity:0}to{opacity:1}}
@media(max-width:640px){.kbc[data-kbc-position="right"]{left:auto;right:max(12px,env(safe-area-inset-right))}.kbc[data-kbc-position="center"]{left:50%;right:auto;top:50%;bottom:auto;max-height:calc(100dvh - 170px)}}
@media(prefers-reduced-motion:reduce){.kbc[data-kbc-position="center"]{animation:none}}