.ck{gap:1rem;display:grid}.ck-switch{gap:.4rem;display:flex;overflow-x:auto}.ck-switch button{font:800 .85rem var(--font-display);cursor:pointer;background:#ffffffb3;border:0;border-radius:999px;flex:none;padding:.55rem 1.1rem;transition:background .25s,color .25s}.ck-switch button[aria-selected=true]{background:var(--ink);color:#fff}.ck-stage{align-items:start;gap:1rem;display:grid}.ck-app,.ck-site{border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#fff;overflow:hidden}.ck-app{display:grid}.ck-rail{gap:.35rem;padding:.75rem .75rem 0;display:flex;overflow-x:auto}.ck-rail button{background:var(--soft);color:var(--ink);font:800 .8rem var(--font-display);cursor:pointer;border:0;border-radius:999px;flex:none;align-items:center;gap:.45rem;padding:.55rem .9rem;transition:background .25s,color .25s;display:flex;position:relative}.ck-rail svg,.ck-rail button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.05rem;height:1.05rem}.ck-rail button[aria-selected=true]{background:var(--ink);color:#fff}.ck-rail em{background:var(--pink);color:#fff;min-width:1.2rem;height:1.2rem;font:800 .7rem var(--font-display);border-radius:999px;place-items:center;padding:0 .3rem;font-style:normal;display:grid}.ck-head{justify-content:space-between;align-items:center;padding:1.1rem 1.25rem .5rem;display:flex}.ck-head b{font:800 1.15rem/1.1 var(--font-display);letter-spacing:-.02em;display:block}.ck-head small{color:var(--muted);font-size:.8rem}.ck-live{background:var(--lime-tint);font:800 .72rem var(--font-display);text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .75rem;display:inline-flex}.ck-live i{background:#79a300;border-radius:50%;width:.5rem;height:.5rem;animation:1.8s infinite ck-pulse}.ck-live.saving{background:var(--lilac-tint)}.ck-live.saving i{background:var(--lilac)}@keyframes ck-pulse{50%{opacity:.4;transform:scale(.5)}}.ck-body{padding:.5rem 1.25rem 1.5rem}.ck-fields{gap:.9rem;display:grid}.ck-f{font:800 .8rem var(--font-display);gap:.4rem;display:grid}.ck-f>span{color:var(--muted);letter-spacing:.02em;font-weight:800}.ck-f input[type=text]{background:var(--soft);font:1.02rem var(--font-body);border:2px solid #0000;border-radius:.9rem;padding:.85rem 1rem;transition:background .2s,border-color .2s}.ck-f input[type=text]:focus{border-color:var(--lilac);background:#fff;outline:0}.ck-sw{gap:.6rem;display:flex}.ck-sw button{cursor:pointer;width:4.25rem;height:2.75rem;transition:transform .25s var(--ease);border:0;border-radius:.9rem}.ck-sw button:hover{transform:translateY(-2px)rotate(-2deg)}.ck-sw button[aria-pressed=true]{outline:3px solid var(--ink);outline-offset:2px}.ck-sw .sun{background:linear-gradient(135deg, var(--lime), #f7e04b)}.ck-sw .berry{background:linear-gradient(135deg, var(--pink), var(--lilac))}.ck-sw .night{background:linear-gradient(135deg,#111,#4a3a7a)}.ck-step{background:var(--soft);border-radius:1rem;grid-template-columns:1fr auto;align-items:center;padding:.4rem .4rem .4rem 1rem}.ck-step>span{color:var(--ink)}.ck-step>div{align-items:center;gap:.25rem;display:flex}.ck-step output{min-width:4.4rem;font:800 1.1rem var(--font-display);text-align:center}.ck-step button{width:2.4rem;height:2.4rem;font:800 1.2rem var(--font-display);cursor:pointer;transition:transform .2s var(--ease), background .2s;background:#fff;border:0;border-radius:50%;box-shadow:0 1px 2px #0000001a}.ck-step button:hover{background:var(--lime)}.ck-step button:active{transform:scale(.9)}.ck-tg{background:var(--soft);cursor:pointer;border-radius:1rem;align-items:center;gap:.75rem;padding:.8rem 1rem;display:flex}.ck-tg input{opacity:0;position:absolute}.ck-tg i{background:#d9d9d9;border-radius:999px;flex:none;width:2.8rem;height:1.6rem;transition:background .25s;position:relative}.ck-tg i:after{content:"";aspect-ratio:1;transition:transform .3s var(--ease);background:#fff;border-radius:50%;position:absolute;inset:.2rem auto .2rem .2rem;box-shadow:0 1px 2px #00000040}.ck-tg input:checked+i{background:var(--ink)}.ck-tg input:checked+i:after{background:var(--lime);transform:translate(1.2rem)}.ck-tg input:focus-visible+i{outline:3px solid var(--lilac);outline-offset:2px}.ck-tg span{color:var(--ink);font-weight:800}.ck-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.ck-list li{background:var(--soft);font:.95rem var(--font-body);border-radius:1rem;grid-template-columns:auto auto 1fr;align-items:center;gap:.75rem;padding:.8rem 1rem;display:grid}.ck-list li b{font:800 .9rem var(--font-display)}.ck-list li span{color:var(--muted)}.ck-list li>button:not([data-read]){background:var(--ink);color:#fff;font:800 .75rem var(--font-display);cursor:pointer;border:0;border-radius:999px;grid-column:1/-1;justify-self:start;padding:.4rem .9rem;transition:background .2s}.ck-list li>button:not([data-read]):hover{background:var(--pink)}.ck-list em.ok{color:#4a6b00;font:800 .75rem var(--font-display);grid-column:1/-1;font-style:normal}.ck-list [data-read]{cursor:pointer;background:0 0;border:0;place-items:center;width:1.4rem;height:1.4rem;padding:0;display:grid}.ck-list [data-read] i{background:0 0;border:2px solid #ccc;border-radius:50%;width:.6rem;height:.6rem}.ck-list li.new [data-read] i{border-color:var(--pink);background:var(--pink)}.ck-list li.new span{color:var(--ink)}.ck-log{display:none}.ck-url{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:.6rem;padding:.7rem 1rem;font-size:.85rem;display:flex}.ck-url i{background:var(--pink);border-radius:50%;width:.6rem;height:.6rem}.ck-view{max-height:40dvh;overflow:hidden}.pv{gap:.75rem;padding:1rem;font-size:.95rem;display:grid}.pv-nav{align-items:center;gap:1rem;display:flex}.pv-nav b{font:800 1.05rem var(--font-display);margin-right:auto}.pv-nav span{color:var(--muted);font-size:.85rem}.pv-banner{background:linear-gradient(135deg, var(--lime), #f7e04b);color:var(--ink);border-radius:1.1rem;gap:.5rem;padding:clamp(1.5rem,5vw,2.75rem) 1.25rem;transition:background .5s;display:grid}.pv-h{font:800 clamp(1.6rem, 4.5vw, 2.6rem) / 1 var(--font-display);letter-spacing:-.03em;overflow-wrap:anywhere}.pv[data-theme=berry] .pv-banner{background:linear-gradient(135deg, var(--pink), var(--lilac))}.pv[data-theme=night] .pv-banner{color:#fff;background:linear-gradient(135deg,#111,#4a3a7a)}.pv-row{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.pv-item,.pv-card{background:var(--soft);border-radius:.9rem;gap:.2rem;padding:.8rem;display:grid}.pv-item span,.pv-card span{color:var(--muted);font-size:.8rem}.pv-item b,.pv-card b{font:800 1.15rem var(--font-display)}.pv-item b.bump,.pv-card b.bump{animation:ck-bump .4s var(--ease)}.pv-card i{border-radius:.6rem;height:3.2rem;display:block}.pv-card small{color:var(--muted);font-size:.75rem}.pv-extra{background:var(--soft);border-radius:.9rem;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.8rem 1rem;display:flex}.pv-extra small{color:var(--muted)}.pv-dot{background:#bbb;border-radius:50%;width:.6rem;height:.6rem}.pv-dot.on{background:#79a300}.pv-ribbon{background:var(--lime);text-align:center;animation:ck-bump .5s var(--ease);border-radius:999px;padding:.55rem 1rem;font-size:.85rem}.pv-cta{background:var(--ink);color:#fff;font:800 .85rem var(--font-display);border-radius:999px;justify-self:start;padding:.7rem 1.3rem}@keyframes ck-bump{40%{transform:scale(1.06)}}@media (width<=37.49rem){.ck-site{z-index:5;order:-1;position:sticky;top:3.6rem}.ck-view{max-height:34dvh}.ck-stage{gap:.75rem}}@media (width>=37.5rem){.ck-stage{grid-template-columns:1fr 1fr}.ck-site{position:sticky;top:1rem}.ck-view{max-height:62dvh}.pv-row{grid-template-columns:1fr}}@media (width>=47.5rem){.ck-stage{grid-template-columns:1fr}.ck-site{order:-1;position:static}.ck-view{max-height:24rem}.pv-row{grid-template-columns:repeat(3,1fr)}.ck-app{grid-template-columns:6.5rem 1fr}.ck-rail{border-right:1px solid var(--line);flex-direction:column;padding:1rem .6rem;overflow:visible}.ck-rail button{border-radius:1rem;flex-direction:column;gap:.3rem;padding:.7rem .3rem;font-size:.72rem}.ck-rail button svg{width:1.3rem;height:1.3rem}.ck-rail em{position:absolute;top:.25rem;right:.4rem}}@media (width>=64rem){.ck-stage{grid-template-columns:1fr 1.2fr}.ck-site{order:0;position:sticky;top:5.5rem}.ck-view{max-height:70dvh}.ck-app{grid-template-columns:6rem 1fr}}@media (width>=90rem){.ck-stage{grid-template-columns:1.15fr 1.25fr}.ck-app{grid-template-columns:6.5rem 1fr 13rem}.ck-log{border-left:1px solid var(--line);background:#fafafa;padding:1.25rem 1rem;display:block}.ck-log-h{color:var(--muted);font:800 .72rem var(--font-display);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.ck-log ul{gap:.6rem;margin:0;padding:0;font-size:.85rem;list-style:none;display:grid}.ck-log li{animation:ck-slide .4s var(--ease);gap:.1rem;display:grid}.ck-log li small{color:var(--muted)}.ck-log li:empty{display:none}}@keyframes ck-slide{0%{opacity:0;transform:translateY(-.4rem)}}