.ck-banner{--ck-surface:var(--color-surface);--ck-text:var(--color-fg);--ck-muted:var(--color-muted);--ck-border:var(--color-border);--ck-border-strong:var(--color-border-strong);--ck-accent:var(--color-accent);--ck-accent-hover:var(--color-accent-strong);--ck-accent-fg:var(--color-on-accent);--ck-font:var(--font-sans);--ck-radius:var(--card-radius);--ck-btn-radius:999px;--ck-shadow:0 14px 44px rgba(0,0,0,0.5);--ck-ease:var(--ease-out);--ck-text-size:var(--text-small);--ck-btn-size:var(--text-small);position:fixed;inset:auto 0 0 0;z-index:1000;display:flex;justify-content:center;padding:clamp(12px,2.4vw,22px) clamp(12px,2.4vw,22px) max(clamp(12px,2.4vw,22px),env(safe-area-inset-bottom));pointer-events:none}.ck-inner{pointer-events:auto;position:relative;display:flex;align-items:center;gap:clamp(14px,2.5vw,28px);width:100%;max-width:720px;padding:clamp(14px,1.8vw,18px) clamp(16px,2vw,22px);background:var(--ck-surface);color:var(--ck-text);border:1px solid var(--ck-border);border-radius:var(--ck-radius);box-shadow:var(--ck-shadow);font-family:var(--ck-font);animation:ck-rise .45s var(--ck-ease) both}.ck-text{flex:1;margin:0;font-size:var(--ck-text-size);line-height:1.5;color:var(--ck-muted)}.ck-link{color:var(--ck-text);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px;white-space:nowrap}.ck-link:hover{color:var(--ck-accent)}.ck-actions{display:flex;flex-shrink:0;gap:10px}.ck-btn{appearance:none;font:inherit;font-size:var(--ck-btn-size);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;padding:11px 20px;border:1px solid transparent;border-radius:var(--ck-btn-radius);transition:background-color .18s var(--ck-ease),color .18s var(--ck-ease),border-color .18s var(--ck-ease)}.ck-btn--solid{background:var(--ck-accent);color:var(--ck-accent-fg)}.ck-btn--solid:hover{background:var(--ck-accent-hover)}.ck-btn--ghost{background:transparent;color:var(--ck-text);border-color:var(--ck-border-strong)}.ck-btn--ghost:hover{border-color:var(--ck-text)}.ck-btn:focus-visible{outline:2px solid var(--ck-accent);outline-offset:2px}@media (max-width:560px){.ck-inner{flex-direction:column;align-items:stretch;gap:12px}.ck-actions{width:100%}.ck-btn{flex:1}}@keyframes ck-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.ck-inner{animation:none}}.ck-reopen{-webkit-appearance:none;background:none;border:0;margin:0}.ck-close,.ck-reopen{appearance:none;padding:0;cursor:pointer}.ck-close{position:absolute;top:-13px;right:-13px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--ck-surface);color:var(--ck-muted);border:1px solid var(--ck-border-strong);border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.3);font-size:.9rem;line-height:1;transition:color .18s var(--ck-ease),border-color .18s var(--ck-ease)}.ck-close:hover{color:var(--ck-text);border-color:var(--ck-text)}.ck-close:focus-visible{outline:2px solid var(--ck-accent);outline-offset:2px}