.ck01-app{--paper:#f8f3e8;--ink:#243c30;--red:#b8392c;--green:#315c43;--muted:#7e7a68;position:fixed;inset:0;isolation:isolate;overflow:hidden;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.ck01-app *{box-sizing:border-box}.ck01-app [hidden]{display:none!important}.ck01-app a,.ck01-app button,.ck01-app input{-webkit-tap-highlight-color:transparent}.ck01-app button{font:inherit;cursor:pointer;border:0;color:inherit}.ck01-app button.ck01-primary{color:#fff9ed;background:var(--red)}.ck01-app a:focus-visible,.ck01-app button:focus-visible,.ck01-app canvas:focus-visible,.ck01-app input:focus-visible{outline:3px solid #ce8d36;outline-offset:4px}.ck01-app a{color:inherit;text-decoration:none}#ck01-scene{width:100%;height:100%;display:block;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}.ck01-header{position:absolute;left:30px;right:30px;top:max(23px,env(safe-area-inset-top));justify-content:space-between;pointer-events:none}.ck01-brand,.ck01-header{display:flex;align-items:center}.ck01-brand{gap:11px;pointer-events:auto;font-size:11px;line-height:1.3;letter-spacing:2px}.ck01-brand-mark{width:43px;height:43px;border:1px solid #315c4350;border-radius:50%;display:grid;place-items:center;font:italic 34px Georgia,serif;letter-spacing:-3px;padding-right:4px}.ck01-brand b{font-size:12px;letter-spacing:2.7px}.ck01-top-actions{display:flex;gap:6px;align-items:center;pointer-events:auto}.ck01-top-actions button{min-height:44px;background:transparent;font-size:12px;font-weight:600}.ck01-top-actions button span{margin-left:6px;color:var(--muted);font-size:11px}#ck01-pause{font-size:17px}#ck01-audio,#ck01-pause{width:44px;border:1px solid #315c4340;border-radius:50%}#ck01-audio{flex:none;display:grid;place-items:center}.ck01-language{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:3px;min-width:49px;height:44px;padding:0 5px;border:1px solid #315c4340;border-radius:24px;font-size:10px;font-weight:700;cursor:pointer}.ck01-language .langSwitchGlobe{width:14px;height:14px}.ck01-language .langSwitchSelect{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}.ck01-language:focus-within{outline:3px solid #ce8d36;outline-offset:3px}.ck01-book-symbol{display:none}@media(max-width:759px){.ck01-book-label{display:none}.ck01-book-symbol{display:inline}.ck01-brand{gap:8px}.ck01-top-actions button span{margin-left:3px}.ck01-top-actions button .ck01-book-symbol{margin-left:0}}@media(max-width:380px){.ck01-top-actions{gap:5px}}.ck01-heading{position:absolute;top:94px;left:30px;right:30px;pointer-events:none}.ck01-eyebrow{font-size:9px;letter-spacing:2.2px;font-weight:700;margin:0 0 13px;line-height:1.6}.ck01-heading h1{font:normal clamp(32px,5.4vw,52px)/1.07 Georgia,Times New Roman,serif;letter-spacing:-1.7px;margin:0;max-width:650px;text-wrap:balance}.ck01-subtitle{margin:12px 0 0;color:var(--muted);font-size:12px}.ck01-stages{position:absolute;top:230px;left:30px;right:30px;display:flex;gap:0;pointer-events:none;background:#f8f3e8d9}.ck01-stages>span{flex:1 1;display:flex;gap:6px;align-items:center;font-size:10px;color:#a69d87;border-top:1px solid #c9c3b0;padding-top:10px}.ck01-stages b{font-size:9px;font-weight:400}.ck01-stages>span.ck01-active{color:var(--red);border-top:2px solid var(--red);padding-top:9px;font-weight:700}.ck01-stages>span.ck01-complete{color:var(--green);border-top-color:var(--green)}.ck01-scene-label{position:absolute;left:30px;bottom:282px;font-size:8px;letter-spacing:1.7px;pointer-events:none;color:#6f6a59}.ck01-scene-label i{display:inline-block;width:5px;height:5px;background:var(--red);border-radius:50%;margin-right:7px}.ck01-controls,.ck01-intro,.ck01-result{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:30px;right:30px;max-width:580px;margin:auto}.ck01-controls{border-top:1px solid #243c3035;padding-top:14px}.ck01-guidance{display:flex;gap:20px;justify-content:space-between;align-items:center;min-height:45px}#ck01-instruction{font-size:13px;line-height:1.6;max-width:350px}.ck01-metric{flex:none;text-align:center;min-width:56px}.ck01-metric b{display:block;font:32px/1 Georgia,serif;letter-spacing:-1px}.ck01-metric small{display:block;font-size:7px;letter-spacing:1.3px;margin-top:4px}.ck01-tools{min-height:88px;display:grid;align-items:center;margin-top:5px}.ck01-dough-tools{display:flex;align-items:center;gap:16px}.ck01-dough-tools p{margin:0;font-size:12px;line-height:1.6}.ck01-dough-tools small{display:block;color:var(--muted);font-size:10px}.ck01-tool-illustration{display:grid;place-items:center;width:45px;height:45px;font:35px Georgia,serif;color:var(--red)}.ck01-sauce-dot{width:37px;height:37px;margin:0 4px;border-radius:48% 52% 43% 57%;background:#ad3720;box-shadow:inset -5px -4px 0 #8e2c1c,inset 3px 3px 0 #ce4a26}.ck01-bottom-actions{display:flex;gap:10px;align-items:center}.ck01-primary{background:var(--red);color:#fff9ed!important;min-height:54px;padding:16px 23px;border-radius:4px;font-size:13px!important;display:flex;align-items:center;justify-content:space-between;gap:25px;font-weight:600!important}.ck01-primary span{font-size:20px;line-height:16px;font-weight:400}.ck01-bottom-actions .ck01-primary{flex:1 1}.ck01-secondary{background:transparent;min-height:48px;padding:12px 8px;font-size:11px!important;text-decoration:underline;text-underline-offset:4px;-webkit-text-decoration-color:#8a968370;text-decoration-color:#8a968370}.ck01-ingredients{display:flex;align-items:center;justify-content:space-between;gap:5px}.ck01-ingredients button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:62px;height:74px;background:transparent;border-bottom:2px solid transparent;font-size:10px;touch-action:none}.ck01-ingredients b{font-size:10px;font-weight:500}.ck01-ingredients i{width:29px;height:29px;display:block}.ck01-ingredients .ck01-selected{border-color:var(--green);background:#e8e8d860}.ck01-cheese-icon{border-radius:47% 53% 55% 45%;background:#ffedb3;box-shadow:inset -3px -3px #e1cc93}.ck01-tomato-icon{background:radial-gradient(ellipse,#e89c4b 0 10%,#d94228 12% 55%,#b63624 58%);border:3px solid #a83122;border-radius:50%}.ck01-basil-icon{background:#4a7842;border-radius:0 90% 0 90%;transform:rotate(-20deg);border-right:2px solid #2a542d}#ck01-remove{font-size:25px}.ck01-heat-tools{padding:9px 0 6px}.ck01-heat-tools label,.ck01-heat-tools p{display:flex;justify-content:space-between;font-size:10px;align-items:center;margin:0}.ck01-heat-tools input{width:100%;accent-color:var(--red);height:25px;cursor:pointer}.ck01-cook-meter{height:5px;position:relative;background:#dfd7c6;border-radius:3px;overflow:hidden;margin:3px 0 7px}.ck01-cook-meter>span{position:absolute;left:60.71%;width:14.29%;top:0;bottom:0;border-left:2px solid #315c43;border-right:2px solid #315c43;background:#315c4330}.ck01-cook-meter>i{display:block;background:#bc7c2c;height:100%;width:0}.ck01-intro{border-top:1px solid #243c3035;padding-top:18px}.ck01-intro-kicker{font-size:8px;letter-spacing:1.8px;margin:0 0 12px;font-weight:700}.ck01-intro>p:not(.ck01-intro-kicker){font:20px/1.4 Georgia,serif;margin:0 0 20px}.ck01-intro>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ck01-intro .ck01-primary{flex:1 1}.ck01-assist{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:8px;font-size:11px}.ck01-assist button{background:#e5e6d7;min-width:36px;min-height:44px;border-radius:3px}.ck01-assist span{flex:1 1;text-align:center}.ck01-result{padding-top:12px;border-top:1px solid #243c3030}.ck01-result-stars{font-size:17px;letter-spacing:5px;color:#af6c20;margin:0 0 6px}.ck01-result h2{font:30px/1.1 Georgia,serif;letter-spacing:-1px;margin:0}#ck01-result-line{font-size:10px;line-height:1.5;color:var(--muted);margin:6px 0}.ck01-result-stats{display:flex;align-items:center;justify-content:space-between;margin:4px 0 8px}.ck01-result-stats strong{font:32px Georgia,serif}.ck01-result-stats small{font:11px Arial,sans-serif;color:var(--muted)}#ck01-best{font-size:10px;color:var(--green)}.ck01-breakdown{display:flex;gap:10px}.ck01-breakdown>div{flex:1 1;font-size:8px;display:flex;flex-wrap:wrap;justify-content:space-between}.ck01-breakdown i{width:100%;height:3px;background:#e4decc;display:block;margin-top:5px}.ck01-breakdown em{display:block;height:100%;background:var(--green)}.ck01-tip{font-size:10px;color:var(--muted);margin:9px 0 10px;line-height:1.4}.ck01-modal{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:22px;background:#26382c80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ck01-modal-card{position:relative;width:min(100%,410px);max-height:90%;overflow-y:auto;background:var(--paper);padding:30px;border-radius:8px;box-shadow:0 18px 70px #17271a30}.ck01-modal-card h2{font:32px/1.1 Georgia,serif;margin:0 0 14px;letter-spacing:-1px}.ck01-modal-card>p{font-size:13px;line-height:1.6}.ck01-modal-card label{display:flex;align-items:center;gap:10px;font-size:13px;margin:18px 0;min-height:32px}.ck01-modal-card input[type=checkbox]{width:19px;height:19px;accent-color:var(--green)}.ck01-modal-card>.ck01-primary,.ck01-modal-card>.ck01-secondary{width:100%;margin-top:8px}.ck01-close{position:absolute;right:16px;top:12px;background:transparent;font-size:27px!important;min-width:44px;min-height:44px}#ck01-outcomes{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin:20px 0}#ck01-outcomes article{min-height:98px;padding:12px;background:#ece6d6;border-radius:4px}#ck01-outcomes article[data-found=true]{background:#dfe5d4}#ck01-outcomes strong{display:block;font:15px Georgia,serif;margin-bottom:7px}#ck01-outcomes small{font-size:9px;line-height:1.5;display:block;color:#747760}#ck01-outcomes span{font-size:8px;letter-spacing:1px;color:#8a876f;display:block;margin-bottom:6px}.ck01-storage{left:30px;bottom:3px;font-size:9px;color:#8c4b2c;margin:0}#ck01-toast,.ck01-storage{position:absolute;pointer-events:none}#ck01-toast{top:48%;left:50%;transform:translate(-50%,-50%);max-width:80%;padding:10px 16px;border-radius:30px;background:#f8f3e8ef;font-size:12px;opacity:0;transition:opacity .2s;z-index:5;box-shadow:0 3px 15px #2e2e2010}#ck01-toast.ck01-visible{opacity:1}.ck01-ghost{position:absolute;pointer-events:none;display:flex;align-items:center;gap:7px;color:#315c43;font-size:11px;transform:translate(-50%,-50%);animation:ck01-nudge 1.2s ease-in-out infinite}.ck01-ghost>span{flex:none;display:grid;place-items:center;width:38px;height:38px;border:1px dashed #315c43;border-radius:50%;background:#f8f3e8e0;font-size:25px}.ck01-ghost small{flex:none;width:110px;background:#f8f3e8e0;padding:4px}@keyframes ck01-nudge{50%{transform:translate(calc(-50% + 14px),-50%)}}.ck01-app[data-phase=boot] .ck01-controls,.ck01-app[data-phase=menu] .ck01-controls,.ck01-app[data-phase=menu] .ck01-stages,.ck01-app[data-phase=results] .ck01-controls,.ck01-app[data-phase=results] .ck01-scene-label{display:none}.ck01-app[data-phase=bake] .ck01-scene-label{color:#9c4a24}@media(min-width:760px){.ck01-header{left:50px;right:50px;top:30px}.ck01-heading{left:50px;top:125px;max-width:400px}.ck01-heading h1{font-size:56px}.ck01-stages{left:auto;right:50px;top:130px;width:350px}.ck01-controls,.ck01-intro,.ck01-result{bottom:30px;left:0;right:0;background:#f8f3e8ec;padding:16px 24px;border-radius:5px}.ck01-scene-label{left:50px;bottom:40px}.ck01-eyebrow{font-size:9px}}@media(max-height:740px) and (max-width:759px){.ck01-header{top:14px;left:22px;right:22px}.ck01-heading{top:78px;left:22px;right:22px}.ck01-heading h1{font-size:30px}.ck01-eyebrow{font-size:7px;margin-bottom:8px}.ck01-subtitle{display:none}.ck01-stages{top:169px;left:22px;right:22px}.ck01-controls,.ck01-intro,.ck01-result{left:22px;right:22px;bottom:14px}.ck01-tools{min-height:70px;margin-top:0}.ck01-guidance{min-height:38px}#ck01-instruction{font-size:11px}.ck01-metric b{font-size:26px}.ck01-controls{padding-top:10px}.ck01-scene-label{display:none}.ck01-result h2,.ck01-result-stats strong{font-size:25px}.ck01-tip{margin:5px 0}.ck01-intro>p:not(.ck01-intro-kicker){font-size:17px;margin-bottom:13px}}@media(max-height:540px) and (min-width:600px){.ck01-heading{top:85px;left:24px;max-width:250px}.ck01-heading h1{font-size:32px}.ck01-header{top:12px;left:24px;right:24px}.ck01-stages{top:80px;right:24px;width:260px;left:auto}.ck01-controls,.ck01-intro,.ck01-result{left:auto;right:24px;width:300px;bottom:15px;padding:10px}.ck01-tools{min-height:65px}.ck01-scene-label{display:none}}@media(prefers-reduced-motion:reduce){.ck01-app *{transition:none!important;scroll-behavior:auto!important}}