.ck-hl{max-width:720px;margin:24px auto}
.ck-hl-connect,.ck-hl-result{background:#fff;border:2px solid #1F1A14;border-radius:22px;padding:28px;text-align:center;box-shadow:8px 8px 0 #1F1A14}
.ck-hl h3{font-family:Fredoka,sans-serif;font-size:26px;margin:0 0 6px!important}
.ck-hl p{color:#5B4F43}
.ck-hl .ck-hl-btn,.entry-content .ck-hl button.ck-hl-btn{display:inline-block;background:#1F1A14!important;color:#fff!important;border:2px solid #1F1A14!important;border-radius:999px!important;padding:12px 22px!important;font-weight:600!important;cursor:pointer;text-decoration:none!important;margin:4px;font-size:15px}
.ck-hl .ck-hl-alt,.entry-content .ck-hl button.ck-hl-alt{background:#fff!important;color:#1F1A14!important}
.ck-hl-or{color:#5B4F43;margin:12px 0;font-size:14px}
.ck-hl-manual{display:flex;gap:8px;max-width:520px;margin:0 auto}
.ck-hl-manual input{flex:1;min-width:0;border:2px solid #1F1A14!important;border-radius:999px!important;padding:10px 16px!important;font-family:ui-monospace,Menlo,monospace;font-size:13px}
.ck-hl-err{color:#E8452C!important;font-weight:600;min-height:1em;margin:12px 0 0}
.ck-hl-badge{font-size:64px;line-height:1}
.ck-hl-badge b{display:block;font-family:Fredoka,sans-serif;font-size:34px;margin-top:8px;color:#1F1A14}
.ck-hl-bal{font-size:17px}
.ck-hl-next{background:#FFF8E7;border:2px dashed #F0DFB5;border-radius:14px;padding:10px 14px;font-size:14.5px;margin:12px 0}
.ck-hl-perks{text-align:left;margin:18px 0}
.ck-hl-perks h4{font-family:Fredoka,sans-serif;margin:0 0 8px!important}
.ck-hl-perks ul{list-style:none!important;padding:0!important;margin:0!important}
.ck-hl-perks li{padding:8px 0;border-top:1px dashed #F0DFB5}
.ck-hl-perks li.locked{opacity:.45}
@media(max-width:600px){.ck-hl-manual{flex-direction:column}}