.ck-engagement-prompt { position: fixed; right: 1rem; bottom: 1rem; z-index: 100000; width: min(25rem, calc(100vw - 2rem)); overflow: hidden; border: 1px solid rgba(0,0,0,.1); border-radius: 1rem; background: #fff; color: #000; box-shadow: 0 24px 70px rgba(0,0,0,.2); font-family: Manrope,sans-serif; animation: ck-prompt-enter 320ms cubic-bezier(.16,1,.3,1); }
.ck-engagement-prompt.is-closing { animation: ck-prompt-exit 240ms cubic-bezier(.5,0,.75,0) forwards; }
.ck-engagement-inner { position: relative; padding: 1.5rem; }
.ck-engagement-close { position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:999px;background:#fff;color:rgba(0,0,0,.55);cursor:pointer; }
.ck-engagement-close:hover { background:#f5f5f5;color:#000; }
.ck-engagement-close:focus-visible,.ck-engagement-prompt button:focus-visible,.ck-engagement-prompt input:focus-visible { outline:2px solid rgba(0,0,0,.6);outline-offset:2px; }
.ck-engagement-prompt svg { width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.ck-engagement-eyebrow { margin:0;padding-right:2.5rem;color:rgba(0,0,0,.5);font-size:11px;font-weight:700;letter-spacing:.14em;line-height:1.5;text-transform:uppercase; }
.ck-engagement-prompt h2 { margin:.5rem 2rem 0 0;color:#000;font-size:1.25rem;font-weight:600;line-height:1.75rem; }
.ck-engagement-description { margin:.5rem 0 0;color:rgba(0,0,0,.65);font-size:.875rem;line-height:1.5rem; }
.ck-engagement-prompt ul { margin:1rem 0 0;padding:0;list-style:none; }
.ck-engagement-prompt li { display:flex;gap:.5rem;margin-top:.5rem;color:rgba(0,0,0,.75);font-size:.875rem;line-height:1.4; }
.ck-engagement-prompt li svg { flex:0 0 auto;margin-top:.125rem;color:rgba(0,0,0,.65); }
.ck-engagement-prompt form { margin-top:1.25rem; }
.ck-engagement-prompt label { display:block;color:#000;font-size:.875rem;font-weight:600; }
.ck-engagement-form-row { display:flex;gap:.5rem;margin-top:.5rem; }
.ck-engagement-input-wrap { position:relative;flex:1 1 auto;min-width:0; }
.ck-engagement-input-wrap svg { position:absolute;top:50%;left:.75rem;z-index:1;color:rgba(0,0,0,.35);transform:translateY(-50%); }
.ck-engagement-prompt input { width:100%;height:2.75rem;padding:0 .75rem 0 2.25rem;border:1px solid rgba(0,0,0,.2);border-radius:.65rem;background:#fff;color:#000;font:inherit;font-size:.875rem; }
.ck-engagement-prompt form button { min-height:2.75rem;padding:0 1rem;border:1px solid #000;border-radius:.65rem;background:#000;color:#fff;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer; }
.ck-engagement-prompt form button:hover:not(:disabled) { background:#262626;border-color:#262626;color:#fff;transform:none; }
.ck-engagement-prompt form button:disabled { cursor:wait;opacity:.55; }
.ck-engagement-note { margin:.5rem 0 0;color:rgba(0,0,0,.45);font-size:.75rem;line-height:1.4; }
.ck-engagement-note a { color:inherit;text-decoration:underline; }
.ck-engagement-note a:hover { color:#000; }
.ck-engagement-error { margin:.75rem 0 0;color:#dc2626;font-size:.875rem; }
.ck-engagement-success { padding:.5rem 2rem .5rem 0; }
.ck-engagement-success>svg { display:flex;width:2.75rem;height:2.75rem;margin-bottom:1rem;padding:.65rem;border:1px solid rgba(0,0,0,.1);border-radius:999px;color:#000; }
.ck-engagement-success h2 { margin-right:0; }
.ck-engagement-success p { margin:.5rem 0 0;color:rgba(0,0,0,.65);font-size:.875rem;line-height:1.5rem; }
@keyframes ck-prompt-enter { from { opacity:0;transform:translateX(calc(100% + 2rem)); } to { opacity:1;transform:translateX(0); } }
@keyframes ck-prompt-exit { from { opacity:1;transform:translateX(0); } to { opacity:0;transform:translateX(calc(100% + 2rem)); } }
@media (max-width:480px) { .ck-engagement-inner{padding:1.25rem}.ck-engagement-form-row{flex-direction:column}.ck-engagement-prompt form button{width:100%} }
@media (prefers-reduced-motion:reduce) { .ck-engagement-prompt,.ck-engagement-prompt.is-closing{animation:none} }