.ck{--display: var(--font)}.ck{--ckw: min(440px, calc(100vw - 24px) );position:fixed;left:16px;bottom:10px;z-index:70;width:var(--ckw);max-height:calc(100vh - 20px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;filter:drop-shadow(0 18px 26px rgba(90,40,170,.33));transform-origin:25% 100%;opacity:0;transform:translateY(50px) scale(.55) rotate(-7deg);transition:opacity .3s ease,transform .65s cubic-bezier(.34,1.56,.64,1),width .35s ease}.ck.in{opacity:1;transform:none}.ck.out{opacity:0;transform:translateY(70px) scale(.8) rotate(4deg);transition:opacity .3s ease-in,transform .35s ease-in}.ck[hidden]{display:none!important}.ck.in.ck-hned{animation:ck-vjezd .65s cubic-bezier(.34,1.56,.64,1) .15s both}@keyframes ck-vjezd{0%{opacity:0;transform:translateY(50px) scale(.55) rotate(-7deg)}40%{opacity:1}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ck.in.ck-hned{animation:none}}.ck-cake{position:relative;z-index:0;min-height:calc(var(--ckw) * .9571);text-align:center;color:var(--ink);padding:calc(var(--ckw) * .445) calc(var(--ckw) * .1) calc(var(--ckw) * .205);background:url(brand/cookies/cake-top.webp) top center / 100% auto no-repeat,url(brand/cookies/cake-bot.webp) bottom center / 100% auto no-repeat}.ck-cake:before{content:"";position:absolute;z-index:-1;left:0;right:0;top:calc(var(--ckw) * .6714 - 1px);bottom:calc(var(--ckw) * .2226 - 1px);background:url(brand/cookies/cake-mid.webp) top center / 100% auto repeat-y}.ck-flames i{position:absolute;top:calc(var(--ckw) * .012);width:calc(var(--ckw) * .075);height:calc(var(--ckw) * .075);margin-left:calc(var(--ckw) * -.0375);border-radius:50%;background:radial-gradient(circle,rgba(255,214,90,.75),rgba(255,170,40,.25) 45%,transparent 70%);animation:ck-flame 1.6s ease-in-out infinite;pointer-events:none}.ck-flames i:nth-child(1){left:30%}.ck-flames i:nth-child(2){left:40%;animation-delay:-.4s}.ck-flames i:nth-child(3){left:49.7%;animation-delay:-.9s}.ck-flames i:nth-child(4){left:59.2%;animation-delay:-.2s}.ck-flames i:nth-child(5){left:68.9%;animation-delay:-1.2s}@keyframes ck-flame{0%,to{transform:scale(1);opacity:.9}40%{transform:scale(1.25) translateY(-2px);opacity:1}70%{transform:scale(.9);opacity:.75}}.ck-step{display:none}.ck[data-step=main] .ck-step[data-s=main],.ck[data-step=detail] .ck-step[data-s=detail]{display:block;animation:ck-step .35s ease both}@keyframes ck-step{0%{opacity:0;transform:translateY(8px)}}.ck-eyebrow{display:inline-flex;align-items:center;gap:7px;font:800 13px/1 var(--font);letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:var(--tsh);padding:7px 12px;border-radius:99px;background:linear-gradient(135deg,#ef5c98,#9b3fe0);box-shadow:0 6px 14px #be28a04d}.ck-eyebrow .ic{width:17px;height:17px}.ck-title{margin:10px 0 6px;font:900 clamp(21px,5.6vw,24px)/1.18 var(--display);color:#4b1a9e}.ck-text{margin:0;font-size:16px;line-height:1.5;color:#3a3350}.ck-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:10px;white-space:nowrap;border:0;border-radius:16px;cursor:pointer;font:800 17px/1.15 var(--font);color:#fff;text-shadow:var(--tsh);box-shadow:0 8px 18px #5a28aa47,inset 0 1px #ffffff59;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s,filter .2s}.ck-btn .ic{width:20px;height:20px;filter:drop-shadow(var(--tsh));flex:none}.ck-btn:hover{transform:translateY(-2px) scale(1.02);filter:saturate(1.15);box-shadow:0 12px 24px #5a28aa5c,inset 0 1px #ffffff59}.ck-btn:active{transform:translateY(0) scale(.98)}.ck-btn:focus-visible,.ck-more:focus-visible,.ftr-link:focus-visible{outline:3px solid #2d0f73;outline-offset:3px}.ck-btn.yes{background:linear-gradient(135deg,#ef5c98,#d0158f)}.ck-btn.no{background:linear-gradient(135deg,#9b6bff,#e34c89)}.ck-btn.save{width:100%;margin-top:12px;background:linear-gradient(135deg,#00c98d,#0a9e7a)}.ck-more{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;margin-top:6px;padding:6px 12px;border:0;border-radius:12px;background:none;cursor:pointer;font:800 16px/1.2 var(--font);color:#5b21b6;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:#5b21b659;transition:background .2s,color .2s}.ck-more:hover{background:#9b6bff24;color:#3b0f8f}.ck-more .ic{width:18px;height:18px}.ck-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;margin-top:4px}.ck-preview{position:absolute;right:2%;top:calc(var(--ckw) * .06);display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:99px;font:800 13px/1 var(--font);color:#fff;text-shadow:var(--tsh);background:linear-gradient(135deg,#00b3d6,#3d6bff);box-shadow:0 6px 14px #005ac84d;transform:rotate(4deg)}.ck-preview .ic{width:15px;height:15px}.ck[data-step=detail]{--ckw: min(470px, calc(100vw - 24px) )}.ck[data-step=detail] .ck-cake{min-height:0;text-align:left;padding:calc(var(--ckw) * .255) calc(var(--ckw) * .1) 24px;background:none}.ck[data-step=detail] .ck-cake:after{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:calc(var(--ckw) * .2845);background:url(brand/cookies/cake-icing.webp) top center / 100% auto no-repeat;pointer-events:none}.ck[data-step=detail] .ck-eyebrow{display:none}.ck[data-step=detail] .ck-cake:before{left:5.8%;right:5.6%;top:calc(var(--ckw) * .17);bottom:0;border-radius:0 0 30px 30px;background:#fef5f0;border-bottom:12px solid #9b6bd6;box-shadow:inset 0 -6px #fff}.ck[data-step=detail] .ck-flames{display:none}.ck[data-step=detail] .ck-preview{top:4px}.ck-cats{display:grid;gap:8px;margin-top:10px}.ck-cat{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:11px 13px;border-radius:16px;background:#fff;border:2px solid #e6d6ff;box-shadow:0 4px 12px #5a28aa14;cursor:pointer;transition:border-color .2s,box-shadow .2s}.ck-cat:hover{border-color:#b98cff;box-shadow:0 8px 18px #5a28aa24}.ck-cat.locked{cursor:default;border-color:#bfe8d4}.ck-cat b{font:900 18px/1.2 var(--display);color:#4b1a9e}.ck-cat small{grid-column:1 / -1;font-size:15px;line-height:1.45;color:#4a4460}.ck-cat small em{display:block;margin-top:3px;font-style:normal;font-weight:800;color:#7a2fd0}.ck-cat input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.ck-sw{position:relative;width:58px;height:32px;border-radius:99px;background:#c9c0de;box-shadow:inset 0 2px 4px #00000026;transition:background .25s}.ck-sw i{position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000040;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.ck-cat input:checked~.ck-sw{background:linear-gradient(135deg,#ef5c98,#9b3fe0)}.ck-cat input:checked~.ck-sw i{transform:translate(26px)}.ck-cat input:focus-visible~.ck-sw{outline:3px solid #2d0f73;outline-offset:3px}.ck-lock{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:99px;font:800 14px/1 var(--font);color:#fff;text-shadow:var(--tsh);background:linear-gradient(135deg,#00c98d,#0a9e7a)}.ck-lock .ic{width:15px;height:15px}body.ck-on .info-pop,body.ck-on .info-bubble{display:none!important}.ftr-link{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:0;border:0;background:none;cursor:pointer;font:inherit;color:inherit;text-align:left}.ftr-link .ic{width:18px;height:18px}.ftr-link:hover{text-decoration:underline}.art-table-wrap{overflow-x:auto;margin:4px 0 12px}.art-table-wrap .art-table{margin:0;min-width:520px}.ck-live code{font-size:.92em;background:#f1e9ff;color:#5b21b6;padding:2px 6px;border-radius:7px}.ck-yes{color:#0a8a5f}.ck-no{color:#d8417d}.ck-none{display:flex;align-items:center;gap:8px;font-weight:700;color:#0a8a5f}.ck-none .ic{width:20px;height:20px}@media(max-width:480px){.ck{left:12px;bottom:8px}.ck-text{font-size:15.5px}.ck-btn{font-size:16px}.ck-btn .ic{display:none}}@media(prefers-reduced-motion:reduce){.ck,.ck.out{transition:opacity .2s;transform:none}.ck-flames i{animation:none}}@media print{.ck{display:none!important}}
