.candyPage{color:#5d4050;background:#fff9ef;min-height:100dvh;padding:20px clamp(16px,4vw,64px) 14px;font-family:system-ui,sans-serif}.candyPage *{box-sizing:border-box}.candyPage button,.candyPage a{touch-action:manipulation}.candyPage button{font:inherit;cursor:pointer;border:0}.candyPage button:focus-visible,.candyPage a:focus-visible{outline-offset:4px;outline:3px solid #7955a5}.candyHeader{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:auto;font-size:14px;display:flex}.candyHeader a,.candyHeader button{color:#674757;background:#fff;border:1px solid #eddcdb;border-radius:24px;padding:10px 16px;text-decoration:none}.candyHeader>span{letter-spacing:3px;color:#a6757c}.candyTitle{text-align:center;margin:20px 0}.candyTitle>span{letter-spacing:4px;color:#b87381;font-size:12px}.candyTitle h1{letter-spacing:8px;color:#89485f;margin:5px 0;font-size:clamp(36px,5vw,54px)}.candyTitle p{color:#997c7b;margin:0}.candySteps{gap:8px;max-width:1100px;margin:22px auto;padding:0;list-style:none;display:flex}.candySteps li{color:#a99693;flex:1;align-items:center;gap:8px;font-size:13px;display:flex}.candySteps b{background:#f1e8de;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.candySteps .active{color:#a44466;font-weight:700}.candySteps .active b{color:#fff;background:#ba5e7b;box-shadow:0 0 0 5px #f8e1e7}.candySteps .done b{color:#427154;background:#dfede1}.candyWorkshop{background:#fffdf9;border:1px solid #ead8cf;border-radius:30px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);max-width:1100px;margin:auto;display:grid;overflow:hidden;box-shadow:0 18px 60px #8b5e5410}.candyScene{background:radial-gradient(at 50% 38%,#fff9f2,#f4eadd);flex-direction:column;justify-content:center;min-width:0;padding:26px 12px 18px;display:flex;position:relative}.candySceneLabel{text-align:center;letter-spacing:3px;color:#aa8580;font-size:11px}.candyScene svg{width:100%;max-height:440px;display:block}.candySceneNote{color:#90726d;background:#fffcf7c9;border-radius:24px;align-self:center;padding:9px 20px;font-size:14px}.candyControls{flex-direction:column;justify-content:center;align-items:stretch;min-width:0;padding:clamp(22px,3vw,42px);display:flex}.candyEyebrow{letter-spacing:3px;color:#bd8695;font-size:11px}.candyControls h2{outline:none;margin:12px 0;font-size:29px}.candyInstruction{color:#967780;min-height:58px;margin:0;line-height:1.9}.candyRead{color:#966578;background:0 0;align-self:flex-start;margin-bottom:18px;padding:10px 0;font-size:13px!important}.candyFlavors{gap:10px;display:flex}.candyFlavors button{color:#7c5964;background:#fff9f3;border:1px solid #eadbce;border-radius:18px;flex:1;min-width:0;padding:14px 4px;font-size:13px}.candyFlavors span{border:4px solid #fff8;border-radius:15px 15px 24px 24px;place-items:center;height:72px;margin:0 5px 12px;font-size:33px;display:grid}.candyPrimary{color:#fff;background:#a94f70;border-radius:16px;width:100%;margin:14px 0;padding:16px 12px;line-height:1.5;box-shadow:0 5px #873f5b;font-weight:650!important}.candyPrimary:active{transform:translateY(2px);box-shadow:0 3px #873f5b}.candyPrimary:disabled{opacity:.6;cursor:wait}.candyScoops{justify-content:center;gap:20px;margin:20px 0;font-size:38px;display:flex}.candyScoops span{opacity:.22}.candyScoops .filled{opacity:1}.candyPage progress{accent-color:#c47291;width:100%;height:13px;margin:12px 0}.candyDial{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background:#fcf1f1;border:2px dashed #d9a7b7;border-radius:50%;align-self:center;place-items:center;width:142px;height:142px;display:grid;position:relative}.candyDialArrow{color:#bd6785;pointer-events:none;width:100px;height:100px}.candyDial b{pointer-events:none;background:0 0;border:0;padding:0;font-size:14px;position:absolute}.candyControls small{text-align:center;color:#a08987;line-height:1.6}.candyDecorations{gap:8px;margin:20px 0;display:flex}.candyDecorations button{color:#795768;background:#faf0e8;border:2px solid #0000;border-radius:12px;flex:1;min-height:58px;font-size:24px}.candyDecorations button:last-child{font-size:14px}.candyDecorations button[aria-pressed=true]{background:#f9e0eb;border-color:#ae5678}.candySuccess{text-align:center}.candySuccess>div{font-size:30px;animation:.6s ease-out candyCelebrate}.candySuccess p{line-height:1.8}.candySuccess a{color:#936071;margin-top:15px;display:inline-block}.candyFooter{text-align:center;color:#ae9890;margin-top:18px;font-size:12px}.candyThreads{transform-origin:300px 231px;animation:2s linear infinite candySpin}.candySpoon{animation:.45s ease-out candyPour}.candyStick{transition:transform .1s linear}@keyframes candySpin{50%{opacity:.4}to{transform:rotate(360deg)}}@keyframes candyPour{0%{opacity:.3;transform:translate(25px,-25px)}to{opacity:1;transform:translate(0)}}@keyframes candyCelebrate{0%{transform:scale(.5)}to{transform:scale(1)}}@media (width<=720px){.candyPage{padding:14px 12px}.candyHeader>span{letter-spacing:1px;font-size:11px}.candyHeader a,.candyHeader button{padding:9px 12px}.candyTitle{margin:18px 0}.candyTitle p{font-size:13px}.candySteps{gap:4px;margin:18px 0}.candySteps li{text-align:center;flex-direction:column;gap:8px;font-size:10px}.candySteps b{width:25px;height:25px}.candyWorkshop{border-radius:22px;grid-template-columns:1fr}.candyScene{padding:18px 8px 12px}.candyScene svg{max-height:300px}.candyControls{padding:24px}.candyControls h2{font-size:26px}.candyInstruction{min-height:0}.candyRead{margin-bottom:6px}.candyDial{width:120px;height:120px}.candySceneLabel{font-size:10px}.candyPrimary{margin-bottom:6px}}@media (prefers-reduced-motion:reduce){.candyPage *{transition:none!important;animation:none!important}}.candyOrder{background:#fff;border:1px dashed #cb9ba6;border-radius:18px;grid-template-columns:1fr auto;gap:10px 20px;max-width:1100px;margin:18px auto;padding:18px 22px;display:grid}.candyOrder>div:first-child{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.candyOrder strong{font-size:19px}.candyOrder span,.candyOrder p{font-size:14px}.candyOrder p{margin:0}.candyRecipe{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.candyRecipe span{background:#faf4ee;border:1px solid #0000;border-radius:10px;padding:8px 12px}.candyRecipe .current{border-color:#c3839a}.candyRecipe .finished{color:#427154;background:#e9f2e9}.candyOrder .candyRead{grid-area:1/2;margin:0;padding:0}.candyChoices{flex-wrap:wrap;gap:8px;margin:10px 0;display:flex}.candyChoices button{color:#795366;background:#fff7f0;border:2px solid #ebdcd7;border-radius:12px;flex:1;min-height:48px;padding:10px;font-size:14px}.candyChoices button[aria-pressed=true]{background:#f7e2ea;border-color:#ad5c7b}.candyChoices button:disabled{opacity:.6;cursor:default}.candyFeedback{color:#8c5c39;margin:0 0 10px;font-size:14px;line-height:1.7}.candyFeedback:empty{display:none}.candyIncident{background:#fff3d8;border:1px solid #e1c798;border-radius:16px;padding:15px}.candyIncident h3{margin:0;font-size:18px}.candyIncident p{font-size:14px;line-height:1.7}.candyIncident .candyChoices button{flex-basis:80px}.candyOptions{border:0;min-width:0;margin:8px 0;padding:0}.candyOptions legend{color:#967780;font-size:14px}.candyOptions .candyDecorations{margin:10px 0}.candyScoops{gap:8px;font-size:30px}.candyScene{overflow:hidden}@media (width<=720px){.candyOrder{grid-template-columns:1fr;padding:16px}.candyOrder .candyRead{grid-area:auto/1}.candyOrder strong{font-size:17px}.candyRecipe{gap:6px}.candyRecipe span{font-size:12px}.candyOrder>div:first-child{gap:6px}.candyControls{padding:20px}.candyScene svg{max-height:250px}}