.ck-banner{--ck-surface:var(--color-surface);--ck-text:var(--color-text);--ck-muted:var(--color-text-muted);--ck-border:var(--color-border);--ck-border-strong:var(--color-border-secondary);--ck-accent:var(--color-accent);--ck-accent-hover:var(--color-accent-hover);--ck-accent-fg:var(--color-text-inverse);--ck-font:var(--font-body);--ck-radius:var(--radius-lg);--ck-btn-radius:var(--radius-md);--ck-shadow:var(--shadow-lg);--ck-ease:var(--ease-reveal);--ck-text-size:var(--text-body-sm);--ck-btn-size:var(--text-btn);z-index:1000;padding:clamp(12px,2.4vw,22px);padding-bottom:max(clamp(12px, 2.4vw, 22px), env(safe-area-inset-bottom));pointer-events:none;justify-content:center;display:flex;position:fixed;inset:auto 0 0}.ck-inner{pointer-events:auto;background:var(--ck-surface);width:100%;max-width:720px;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;align-items:center;gap:clamp(14px,2.5vw,28px);padding:clamp(14px,1.8vw,18px) clamp(16px,2vw,22px);display:flex;position:relative}.ck-text{font-size:var(--ck-text-size);color:var(--ck-muted);flex:1;margin:0;line-height:1.5}.ck-link{color:var(--ck-text);text-underline-offset:2px;white-space:nowrap;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.ck-link:hover{color:var(--ck-accent)}.ck-actions{flex-shrink:0;gap:10px;display:flex}.ck-btn{appearance:none;font:inherit;font-size:var(--ck-btn-size);white-space:nowrap;cursor:pointer;border-radius:var(--ck-btn-radius);transition:background-color .18s var(--ck-ease), color .18s var(--ck-ease), border-color .18s var(--ck-ease);border:1px solid #0000;padding:11px 20px;font-weight:600;line-height:1}.ck-btn--solid{background:var(--ck-accent);color:var(--ck-accent-fg)}.ck-btn--solid:hover{background:var(--ck-accent-hover)}.ck-btn--ghost{color:var(--ck-text);border-color:var(--ck-border-strong);background:0 0}.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{appearance:none;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.ck-close{appearance:none;background:var(--ck-surface);width:30px;height:30px;color:var(--ck-muted);border:1px solid var(--ck-border-strong);cursor:pointer;transition:color .18s var(--ck-ease), border-color .18s var(--ck-ease);border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:.9rem;line-height:1;display:inline-flex;position:absolute;top:-13px;right:-13px;box-shadow:0 4px 14px #0000004d}.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}.ck-settings{cursor:pointer;align-items:center;display:inline-flex}.ck-settings-icon{opacity:0;vertical-align:middle;width:0;transition:width .24s var(--ck-ease,cubic-bezier(.16, 1, .3, 1)), margin-left .24s var(--ck-ease,cubic-bezier(.16, 1, .3, 1)), opacity .24s var(--ck-ease,cubic-bezier(.16, 1, .3, 1)), transform .24s var(--ck-ease,cubic-bezier(.16, 1, .3, 1));justify-content:flex-start;align-items:center;margin-left:0;display:inline-flex;overflow:hidden;transform:translate(-.3em)}.ck-settings-icon svg{flex:none;width:1em;height:1em;display:block}.ck-settings:hover .ck-settings-icon,.ck-settings:focus-visible .ck-settings-icon{opacity:1;width:1em;margin-left:.4em;transform:translate(0)}@media (prefers-reduced-motion:reduce){.ck-settings-icon{transition:none}}