.ck{position:fixed;inset:auto 0 0 0;z-index:9999;padding:16px;display:flex;justify-content:center;pointer-events:none;font-family:Nunito,system-ui,sans-serif}
.ck-card{pointer-events:auto;max-width:720px;width:100%;background:#fffaf0;color:#1d3a4a;border:4px solid #1d3a4a;border-radius:24px;padding:20px 22px;box-shadow:0 8px 0 #1d3a4a,0 18px 40px rgba(0,0,0,.25);animation:ckin .3s ease-out}
.ck h2{font:800 22px/1.1 'Baloo 2',system-ui;margin:0 0 6px;color:#1d3a4a}
.ck p{margin:0 0 14px;font-weight:700;font-size:15px;line-height:1.45}
.ck a{color:#1d3a4a;text-decoration:underline}
.ck-row{display:flex;gap:10px;flex-wrap:wrap}
.ck-b{flex:1 1 140px;min-height:48px;padding:12px 18px;border:3px solid #1d3a4a;border-radius:999px;background:#ffe000;color:#1d3a4a;font:800 16px Nunito,system-ui;cursor:pointer;box-shadow:0 4px 0 #1d3a4a}
.ck-b:hover{transform:translateY(-1px)}.ck-b:active{transform:translateY(3px);box-shadow:0 1px 0 #1d3a4a}
.ck-b:focus-visible,.ck-sw input:focus-visible+i{outline:3px solid #2d9cf2;outline-offset:3px}
.ck-modal{inset:0;align-items:center;background:rgba(29,58,74,.55);pointer-events:auto;overflow:auto}
.ck-wide{max-width:560px;max-height:calc(100vh - 32px);overflow:auto}
.ck-cat{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 0;border-top:2px solid #e8dfc8}
.ck-cat p{margin:4px 0 0;font-weight:600;font-size:14px}
.ck-sw{position:relative;flex:none;width:56px;height:32px}
.ck-sw input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.ck-sw i{position:absolute;inset:0;border-radius:999px;border:3px solid #1d3a4a;background:#fff;transition:background .15s}
.ck-sw i:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#1d3a4a;transition:transform .15s}
.ck-sw input:checked+i{background:#2dc26b}.ck-sw input:checked+i:after{transform:translateX(24px);background:#fff}
.ck-sw input:disabled{cursor:not-allowed}.ck-sw input:disabled+i{opacity:.6}
@keyframes ckin{from{transform:translateY(24px);opacity:0}}
@media(prefers-reduced-motion:reduce){.ck-card{animation:none}.ck-sw i,.ck-sw i:after{transition:none}}
@media(max-width:520px){.ck{padding:8px}.ck-card{padding:16px}}