.ck-banner[hidden],.ck-modal[hidden]{display:none}
.ck-banner{position:fixed;left:16px;right:16px;bottom:16px;max-width:860px;margin:0 auto;z-index:40;background:var(--white);border-radius:16px;padding:18px 22px;box-shadow:0 1px 0 var(--line),0 24px 48px -16px rgba(22,36,31,.35);display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:space-between}
.ck-banner strong{display:block;font-size:1rem;margin-bottom:4px}
.ck-banner p{margin:0;font-size:.9rem;color:#3b4740}
.ck-banner > div:first-child{flex:1 1 420px}
.ck-banner .ck-actions{flex:none}
.ck-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.ck-btn{padding:10px 16px;border-radius:8px;font:600 .9rem Inter,sans-serif;cursor:pointer;border:1px solid var(--moss)}
.ck-btn.solid{background:var(--moss);color:var(--white)}
.ck-btn.solid:hover{background:var(--ink);border-color:var(--ink)}
.ck-btn.ghost{background:transparent;color:var(--moss)}
.ck-btn.ghost:hover{background:#ebe4d4}
.ck-modal{position:fixed;inset:0;z-index:50;background:rgba(22,36,31,.45);display:flex;align-items:center;justify-content:center;padding:20px}
.ck-box{background:var(--white);border-radius:20px;padding:28px;max-width:480px;width:100%;max-height:90vh;overflow:auto}
.ck-box h3{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:1.5rem;margin:0 0 8px}
.ck-box > p{margin:0 0 12px;font-size:.92rem;color:#3b4740}
.ck-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);cursor:pointer}
.ck-row strong{display:block;font-size:.95rem}
.ck-row small{display:block;color:var(--muted);font-size:.85rem}
.ck-row input{width:20px;height:20px;accent-color:var(--moss);margin:0;flex:none}
.ck-always{font-size:.85rem;color:var(--moss);font-weight:600;flex:none}
.ck-box .ck-actions{margin-top:20px}