.ck{position:fixed;left:22px;bottom:22px;z-index:70;width:min(420px,calc(100vw - 32px));background:#fff;color:#202425;border-radius:20px;padding:22px;box-shadow:0 24px 60px rgba(32,36,37,.32);border:1px solid #f0e2b0;font:15px/1.55 'DM Sans',system-ui,sans-serif;animation:ck-in .35s cubic-bezier(.22,.61,.36,1)}
.ck[hidden],.ck-fab[hidden],.ck-prefs[hidden]{display:none}
@keyframes ck-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.ck h2{margin:0 0 6px;font:800 18px/1.25 Manrope,'DM Sans',sans-serif;letter-spacing:-.01em}
.ck p{margin:0 0 16px;color:#5d6264;font-size:14px}
.ck p a{color:#202425;font-weight:700;text-decoration:underline}
.ck-prefs{display:grid;gap:10px;margin:0 0 16px;padding:12px;background:#fff8e5;border-radius:14px}
.ck-row{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}
.ck-row b{display:block;font-size:14px}
.ck-row small{display:block;color:#5d6264;font-size:12.5px;line-height:1.4}
.ck-row input{width:20px;height:20px;flex:none;accent-color:#202425;cursor:pointer}
.ck-row input:disabled{cursor:not-allowed;opacity:.6}
.ck-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ck-actions button{font:700 14px 'DM Sans',sans-serif;border-radius:12px;padding:11px 16px;cursor:pointer;border:2px solid #202425;background:#fff;color:#202425;transition:transform .15s,background .15s}
.ck-actions button:hover{transform:translateY(-1px);background:#f4efe0}
.ck-actions .ck-primary{background:#202425;color:#FFC000}
.ck-actions .ck-primary:hover{background:#000}
.ck-actions .ck-link{border-color:transparent;background:transparent;text-decoration:underline;padding-left:6px;padding-right:6px}
.ck button:focus-visible,.ck-fab:focus-visible{outline:3px solid #FFC000;outline-offset:2px}
.ck-fab{position:fixed;left:18px;bottom:18px;z-index:59;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:#202425;color:#FFC000;display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.25);transition:transform .15s}
.ck-fab:hover{transform:scale(1.08)}
@media(max-width:600px){.ck{left:12px;right:12px;bottom:12px;width:auto;padding:18px}.ck-fab{left:12px;bottom:12px}.ck-actions button{flex:1 1 auto}.ck-actions .ck-link{flex:0 0 100%}}
@media(prefers-reduced-motion:reduce){.ck{animation:none}}