#kkp{position:fixed;z-index:99990;left:16px;top:16px;width:360px;max-width:calc(100vw - 32px);background:#fff;color:#1c2430;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.22),0 0 0 1px rgba(0,0,0,.06);padding:14px 14px 12px;font:14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;opacity:0;transform:translateY(-12px);transition:opacity .25s,transform .25s}
#kkp.is-on{opacity:1;transform:none}
.kkp__c{display:flex;gap:12px;align-items:flex-start}
.kkp__i{width:40px;height:40px;border-radius:8px;flex:0 0 40px}
.kkp__b{font-size:26px;line-height:40px;width:40px;text-align:center;flex:0 0 40px}
.kkp__t{display:flex;flex-direction:column;gap:3px}
.kkp__t b{font-size:15px;font-weight:600}
.kkp__t span{color:#5a6674;font-size:13px}
.kkp__a{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.kkp__a button{border:0;border-radius:8px;padding:8px 16px;font:600 14px/1 inherit;cursor:pointer;font-family:inherit}
.kkp__no{background:#eef1f4;color:#3a4550}
.kkp__no:hover{background:#e2e7ec}
.kkp__yes{background:#1a73e8;color:#fff}
.kkp__yes:hover{background:#1765cc}
.kkp__yes:disabled{opacity:.6;cursor:default}
@media (max-width:640px){
  #kkp{left:0;right:0;top:auto;bottom:0;width:auto;max-width:none;border-radius:16px 16px 0 0;padding:16px 16px calc(14px + env(safe-area-inset-bottom));transform:translateY(24px)}
  .kkp__a button{flex:1;padding:12px 16px}
}
@media (prefers-color-scheme:dark){
  #kkp{background:#20262e;color:#eef2f6;box-shadow:0 8px 32px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.08)}
  .kkp__t span{color:#a7b1bc}
  .kkp__no{background:#2f3842;color:#dfe5ec}
  .kkp__no:hover{background:#3a4450}
}