.ckc{box-sizing:border-box;background:#f6f9f7;border:1px solid #dce7e1;border-radius:16px;padding:24px;margin:20px 0;color:#1d3630;font:15px/1.55 system-ui,sans-serif;max-width:850px}.ckc *{box-sizing:border-box}.ckc .ckc-top{display:flex;align-items:center;gap:14px}.ckc-logo{background:#176853;color:#fff;border-radius:12px;padding:12px;font-weight:800}.ckc small{font-size:10px;letter-spacing:1.4px;color:#176853}.ckc h2{font:700 22px/1.2 system-ui,sans-serif;margin:4px 0}.ckc-details{color:#536c62;font-size:13px}.ckc-consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0}.ckc-consent input{width:18px;height:18px;margin-top:3px;flex-shrink:0}.ckc-actions{display:flex;gap:10px;flex-wrap:wrap}.ckc button,.ckc-badge{font:600 14px/1.3 system-ui,sans-serif;border:0;border-radius:9px;padding:12px 18px;background:#176853;color:white;cursor:pointer}.ckc .ckc-stop{background:#dde9e2;color:#234a3b}.ckc button:disabled{opacity:.5;cursor:default}.ckc button:focus-visible,.ckc input:focus-visible,.ckc-badge:focus-visible{outline:3px solid #dcae55;outline-offset:3px}.ckc-status{font-weight:600;font-size:13px}.ckc video{width:100%;max-width:400px;border-radius:12px;background:#14261e;transform:scaleX(-1)}.ckc video[hidden],.ckc-badge[hidden]{display:none!important}.ckc-last{font-size:12px;color:#536c62}.ckc-badge{position:fixed;left:16px;bottom:16px;z-index:999999;box-shadow:0 3px 18px #0003}@media(max-width:480px){.ckc{padding:16px}.ckc h2{font-size:19px}.ckc-badge{font-size:12px;padding:10px;max-width:calc(100vw - 32px)}}

.ckc-gate{margin:0;background:#eef3f0;color:#1d3630;font:16px/1.5 system-ui,sans-serif}.ckc-gate main{max-width:1400px;margin:auto;padding:24px}.ckc-gate-heading{max-width:850px}.ckc-gate-heading h1{font-size:28px;line-height:1.2}.ckc-gate .ckc{margin:20px auto}.ckc-gate-heading{margin:auto}#ckc-lesson{display:block;background:white;width:100%;height:85vh;border:1px solid #dce7e1;border-radius:12px}#ckc-lesson[hidden]{display:none!important}.ckc-learning .ckc{max-width:none;padding:16px;display:flex;flex-wrap:wrap;align-items:center;gap:12px}.ckc-learning .ckc>p:not(.ckc-status):not(.ckc-last),.ckc-learning .ckc-consent,.ckc-learning .ckc-top,.ckc-learning .ckc-start{display:none}.ckc-learning .ckc video{width:100px}.ckc-learning .ckc-status,.ckc-learning .ckc-last{margin:0}.ckc-learning .ckc-gate-heading p{display:none}@media(max-width:600px){.ckc-gate main{padding:12px}.ckc-gate-heading h1{font-size:22px}}