:root{--accent:#8fcfbf;--second:#f3b4c4;--text:#3d3a4b;--muted:#8e899c;--paper:#fff;--bg:color-mix(in oklch, var(--accent) 16%, #fffbf6);--tint:color-mix(in oklch, var(--accent) 20%, white);--pastel:color-mix(in oklch, var(--accent) 58%, white);--pastel-edge:color-mix(in oklch, var(--accent) 82%, #6e6880);--deep:color-mix(in oklch, var(--accent) 42%, #2c2838);--line:color-mix(in oklch, var(--accent) 14%, #ece9f1);--line-edge:color-mix(in oklch, var(--accent) 22%, #dcd8e4);--second-pastel:color-mix(in oklch, var(--second) 55%, white);--hole:color-mix(in oklch, var(--accent) 22%, #e4e0ea);--coil:color-mix(in oklch, var(--accent) 70%, white);--shadow:color-mix(in oklch, var(--accent) 30%, #3a3150);--display:"Modak", "Fredoka", system-ui, sans-serif;--font:"Fredoka", system-ui, sans-serif;--step--1:.9rem;--step-0:1.05rem;--step-1:1.2rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font);font-size:var(--step-0);margin:0;line-height:1.45;transition:background-color .6s}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--pastel-edge);outline-offset:3px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.slot{border:2px solid var(--line);height:3.3rem;box-shadow:0 3px 0 var(--line);background-color:var(--paper);font-size:var(--step-1);color:var(--text);--reel-h:calc(3.3rem - 6px);border-radius:16px;align-items:center;gap:.6rem;padding:0 .7rem 0 1rem;font-weight:600;transition:background-color .3s,border-color .3s,transform .12s,box-shadow .12s;display:flex}.paper{background:var(--paper);padding:46px 6% 6%;position:relative}.paper:before{content:"";background-image:radial-gradient(circle at 50% 22px, var(--hole) 0 5px, transparent 5.6px);background-repeat:space no-repeat;background-size:30px 44px;height:44px;position:absolute;top:0;left:22px;right:22px}.paper img,.paper svg{border-radius:3px;width:100%;height:auto;display:block}.shackle.svelte-13so817{transform-origin:16px 11px;transition:transform .35s cubic-bezier(.3,1.6,.5,1)}.lock.open.svelte-13so817 .shackle:where(.svelte-13so817){transform:translateY(-2px)rotate(28deg)}.separator.svelte-zxgxct{margin:0 .15rem}.why.svelte-zxgxct{vertical-align:middle;display:inline-flex;position:relative}button.svelte-zxgxct{width:1.3rem;height:1.3rem;color:var(--second);background:0 0;border:none;border-radius:50%;place-items:center;padding:0;transition:transform .25s cubic-bezier(.3,1.6,.5,1),color .2s;display:grid}button.svelte-zxgxct svg{width:.75rem;height:.75rem}.open.svelte-zxgxct button:where(.svelte-zxgxct),button.svelte-zxgxct:focus-visible{color:color-mix(in oklch, var(--second) 75%, #2c2838);transform:scale(1.2)}.tip.svelte-zxgxct{z-index:40;border:2px solid var(--line);background:var(--paper);width:min(18rem,100vw - 32px);box-shadow:0 4px 0 var(--line);color:var(--text);font-size:var(--step--1);text-align:left;opacity:0;visibility:hidden;transform-origin:50% 100%;border-radius:18px;gap:.35rem;padding:.9rem 1rem;line-height:1.4;transition:opacity .2s,transform .25s cubic-bezier(.3,1.4,.5,1),visibility .2s;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,6px)scale(.96)}.love.svelte-zxgxct{color:#e5484d;justify-self:center}.love.svelte-zxgxct svg{width:1rem;height:1rem}.tip.svelte-zxgxct strong:where(.svelte-zxgxct){color:var(--deep)}:is(.why.svelte-zxgxct:has(button:where(.svelte-zxgxct):focus-visible) .tip:where(.svelte-zxgxct),.open.svelte-zxgxct .tip:where(.svelte-zxgxct)){opacity:1;visibility:visible;transform:translate(-50%)scale(1)}@media (hover:hover){button.svelte-zxgxct:hover{color:color-mix(in oklch, var(--second) 75%, #2c2838);transform:scale(1.2)}.why.svelte-zxgxct:hover .tip:where(.svelte-zxgxct){opacity:1;visibility:visible;transform:translate(-50%)scale(1)}}@media (prefers-reduced-motion:reduce){button.svelte-zxgxct,.tip.svelte-zxgxct{transition:opacity .2s}}.logo.svelte-tssf2h{font-family:var(--display);-webkit-user-select:none;user-select:none;font-size:clamp(3.4rem,7vw,5.2rem);font-weight:400;line-height:1;display:inline-flex}.letter.svelte-tssf2h{color:color-mix(in oklch, var(--c) 88%, white);text-shadow:0 .055em 0 color-mix(in oklch, var(--c) 62%, #3b3548);margin-right:.015em;transition:color .5s,text-shadow .5s,transform .35s cubic-bezier(.3,1.6,.5,1);display:inline-block}.letter.svelte-tssf2h:hover{transform:translateY(-.07em) rotate(calc((var(--i) - 3) * 2deg - 4deg))}.hopping.svelte-tssf2h .letter:where(.svelte-tssf2h){animation:svelte-tssf2h-hop .55s calc(var(--i) * 45ms) cubic-bezier(.3, 1.5, .5, 1)}@keyframes svelte-tssf2h-hop{40%{transform:translateY(-.12em)scale(1.04,.96)}70%{transform:translateY(.02em)scale(.98,1.03)}}.fineliner.svelte-1tnf4ck{width:100%;height:auto;display:block}.tray.svelte-xxvxrn{justify-content:center;align-items:flex-end;gap:clamp(8px,1.6vw,16px);margin:0;padding:0;list-style:none;display:flex}li.svelte-xxvxrn{width:var(--marker-w,clamp(24px, 2.7vw, 36px));transform:translateY(var(--nudge)) rotate(var(--tilt));transform-origin:50% 100%;filter:drop-shadow(0 4px 3px #3c373033)drop-shadow(0 1px 1px #3c37302e);animation:svelte-xxvxrn-place .45s var(--delay) cubic-bezier(.25, 1.3, .5, 1) backwards;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}li.svelte-xxvxrn:hover{transform:translateY(calc(var(--nudge) - 12px)) rotate(calc(var(--tilt) * -1.5))}.fineliner.svelte-xxvxrn{width:calc(var(--marker-w,clamp(24px, 2.7vw, 36px)) * .5)}svg.svelte-xxvxrn{width:100%;height:auto;display:block}@keyframes svelte-xxvxrn-place{0%{opacity:0;transform:translateY(calc(var(--nudge) + 28px)) rotate(var(--tilt))}}.cast.svelte-xzwxpg{z-index:6;opacity:0;transform-origin:50% 0;background:linear-gradient(to bottom, color-mix(in srgb, var(--shadow) 6%, transparent), color-mix(in srgb, var(--shadow) 24%, transparent) 70%, transparent);filter:blur(10px);pointer-events:none;will-change:transform, opacity;position:absolute;top:0;left:2%;right:2%}.flip.svelte-xzwxpg{z-index:7;perspective:1700px;perspective-origin:50% 20%;pointer-events:none;position:absolute;inset:0}.still.svelte-xzwxpg{position:absolute;inset:0}.sheet.svelte-xzwxpg{transform-style:preserve-3d;transform-origin:50% var(--hinge);visibility:hidden;position:absolute;inset:0}.sheet.ready.svelte-xzwxpg{visibility:visible}.slice.svelte-xzwxpg{transform-origin:50% 0;width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:absolute;top:100%;left:0}.slice.first.svelte-xzwxpg{height:calc(100% / var(--slices));transform-origin:50% var(--hinge);top:0}.face.svelte-xzwxpg{backface-visibility:hidden;position:absolute;inset:0 0 -1px;overflow:hidden}.back.svelte-xzwxpg{background:#fbfaf7;transform:rotateX(180deg)scaleY(-1)}.content.svelte-xzwxpg{top:calc(var(--index) * -100%);width:100%;height:calc(var(--slices) * 100%);position:absolute;left:0}.content.svelte-xzwxpg>.paper{height:100%}.ghost.svelte-xzwxpg>.paper{background:#fbfaf7}.content.svelte-xzwxpg .strip{display:block;position:absolute}.shade.svelte-xzwxpg{opacity:0;will-change:opacity;background:#2d2540;position:absolute;inset:0}.art.svelte-1s8y1ok svg{border-radius:3px;width:100%;height:auto;display:block}.art.svelte-1s8y1ok .ink{stroke-dasharray:1;stroke-dashoffset:1px;animation:svelte-1s8y1ok-draw 1.2s var(--draw-delay) cubic-bezier(.55, .05, .3, 1) forwards}.art.svelte-1s8y1ok .ink:not([fill=none]),.art.svelte-1s8y1ok .fill{animation:svelte-1s8y1ok-draw 1.2s var(--draw-delay) cubic-bezier(.55, .05, .3, 1) forwards, svelte-1s8y1ok-ink-fill .7s calc(var(--draw-delay) + .5s) ease-out backwards}@keyframes svelte-1s8y1ok-draw{to{stroke-dashoffset:0}}@keyframes svelte-1s8y1ok-ink-fill{0%{fill-opacity:0}}.pad.svelte-13bn82t{isolation:isolate;position:relative}.sheet.svelte-13bn82t{box-shadow:0 1px 2px color-mix(in srgb, var(--shadow) 10%, transparent), 0 14px 30px -16px color-mix(in srgb, var(--shadow) 40%, transparent);border-radius:4px 4px 10px 10px}.top.svelte-13bn82t{z-index:5}.under.svelte-13bn82t{z-index:3;transform-origin:50% 22px;background:#fdfcfa;position:absolute;inset:0;transform:rotate(-1.1deg)translateY(3px)}.under.deeper.svelte-13bn82t{z-index:2;background:#f9f7f4;transform:rotate(1.5deg)translateY(6px)}.under.deepest.svelte-13bn82t{z-index:1;background:#f4f2ee;transform:rotate(-2.3deg)translate(-2px,9px)}.coils.svelte-13bn82t{z-index:10;background:linear-gradient(to bottom, color-mix(in oklch, var(--coil) 80%, white) 30%, var(--coil) 55%, var(--pastel-edge));pointer-events:none;height:40px;transition:background .5s;position:absolute;top:-12px;left:22px;right:22px;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='40'%3E%3Crect x='10.5' y='1' width='9' height='33' rx='4.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='40'%3E%3Crect x='10.5' y='1' width='9' height='33' rx='4.5'/%3E%3C/svg%3E");-webkit-mask-size:30px 40px;mask-size:30px 40px;-webkit-mask-repeat:space no-repeat;mask-repeat:space no-repeat}.coils.svelte-13bn82t:after{content:"";background:#ffffffbf;position:absolute;inset:0;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='40'%3E%3Crect x='12.6' y='4' width='2.6' height='13' rx='1.3'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='40'%3E%3Crect x='12.6' y='4' width='2.6' height='13' rx='1.3'/%3E%3C/svg%3E");-webkit-mask-size:30px 40px;mask-size:30px 40px;-webkit-mask-repeat:space no-repeat;mask-repeat:space no-repeat}.picker.svelte-83xk1q{position:relative}.trigger.svelte-83xk1q{text-align:left;width:100%}.trigger.svelte-83xk1q:hover,.trigger[aria-expanded=true].svelte-83xk1q{border-color:var(--pastel)}.trigger.svelte-83xk1q:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.current.svelte-83xk1q{flex:1;min-width:0;display:flex}.chevron.svelte-83xk1q{background:var(--tint);width:1.7rem;height:1.7rem;color:var(--deep);border-radius:50%;flex:none;place-items:center;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:grid}.chevron.svelte-83xk1q svg{width:.95rem;height:.95rem}.chevron.flipped.svelte-83xk1q{transform:rotate(180deg)}.panel.svelte-83xk1q{z-index:20;grid-template-columns:repeat(var(--columns), minmax(0, 1fr));border:2px solid var(--line);background:var(--paper);width:min(30rem,100vw - 2.5rem);max-height:min(26rem,60vh);box-shadow:0 20px 44px -18px color-mix(in srgb, var(--shadow) 45%, transparent);transform-origin:2rem 0;overscroll-behavior:contain;border-radius:24px;gap:.6rem;padding:.75rem;display:grid;position:absolute;top:calc(100% + .5rem);left:0;overflow-y:auto}.option.svelte-83xk1q{border:2px solid var(--line);box-shadow:0 3px 0 var(--line);background:var(--paper);text-align:left;color:var(--text);animation:svelte-83xk1q-option-in .32s calc(var(--i) * 18ms) cubic-bezier(.3, 1.4, .5, 1) backwards;border-radius:16px;flex-direction:column;align-items:stretch;gap:.35rem;padding:.45rem;font-weight:500;transition:transform .12s,box-shadow .12s,border-color .2s,background-color .2s;display:flex;position:relative}.option.svelte-83xk1q:hover,.option.svelte-83xk1q:focus-visible{border-color:var(--pastel);background:color-mix(in oklch, var(--tint) 50%, white)}.option.svelte-83xk1q:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.option[aria-selected=true].svelte-83xk1q{border-color:var(--pastel-edge);box-shadow:0 3px 0 var(--pastel-edge);background:var(--tint)}.random.svelte-83xk1q{flex-direction:row;grid-column:1/-1;align-items:center;gap:.6rem;padding:.5rem .7rem;font-weight:600}.random-badge.svelte-83xk1q{background:var(--second-pastel);width:2.1rem;height:2.1rem;color:var(--deep);border-radius:12px;place-items:center;display:grid}.random-badge.svelte-83xk1q svg{width:1.15rem;height:1.15rem}.random.svelte-83xk1q:hover .random-badge:where(.svelte-83xk1q){animation:.6s cubic-bezier(.3,1.4,.5,1) svelte-83xk1q-spin}.tick.svelte-83xk1q{border:2px solid var(--paper);background:var(--pastel-edge);width:1.6rem;height:1.6rem;color:var(--paper);border-radius:50%;place-items:center;animation:.35s cubic-bezier(.3,1.8,.5,1) svelte-83xk1q-pop;display:grid;position:absolute;top:-.55rem;right:-.55rem}.tick.svelte-83xk1q svg{width:.9rem;height:.9rem}@keyframes svelte-83xk1q-option-in{0%{opacity:0;transform:translateY(8px)scale(.94)}}@keyframes svelte-83xk1q-pop{0%{transform:scale(0)}}@keyframes svelte-83xk1q-spin{to{transform:rotate(360deg)}}li.svelte-eq3fwy{grid-template-columns:minmax(0,1fr);gap:.4rem;display:grid}h3.svelte-eq3fwy{font-size:var(--step--1);color:var(--muted);margin:0;padding-left:.25rem;font-weight:600}.line.svelte-eq3fwy{align-items:center;gap:.6rem;display:flex}.slot-area.svelte-eq3fwy{flex:1;min-width:0}.lock.svelte-eq3fwy{border:2px solid var(--line);width:3.3rem;height:3.3rem;box-shadow:0 3px 0 var(--line);background:var(--paper);color:var(--muted);--icon-hole:var(--paper);border-radius:16px;flex:none;place-items:center;transition:transform .12s,box-shadow .12s,border-color .3s,background-color .3s,color .3s;display:grid}.lock.svelte-eq3fwy:hover{background:var(--tint)}.lock.svelte-eq3fwy:active{box-shadow:0 0 0 var(--line);transform:translateY(3px)}.lock.bumping.svelte-eq3fwy{animation:.45s cubic-bezier(.3,1.6,.5,1) svelte-eq3fwy-bump}.lock.svelte-eq3fwy svg{width:1.35rem;height:1.35rem}.locked.svelte-eq3fwy .lock:where(.svelte-eq3fwy){border-color:var(--pastel-edge);box-shadow:0 3px 0 var(--pastel-edge);background:var(--pastel);color:var(--deep);--icon-hole:var(--pastel)}.locked.svelte-eq3fwy .slot{border-color:var(--pastel);box-shadow:0 3px 0 var(--pastel);background-color:var(--tint)}@keyframes svelte-eq3fwy-bump{35%{transform:scale(1.12)rotate(-8deg)}65%{transform:scale(.95)rotate(4deg)}}.reel.svelte-1ksn3w8{min-width:0;height:var(--reel-h,1.5em);line-height:var(--reel-h,1.5em);flex:1;display:block;position:relative;overflow:hidden}.strip.svelte-1ksn3w8,.value.svelte-1ksn3w8{display:block}.strip.svelte-1ksn3w8 span:where(.svelte-1ksn3w8),.value.svelte-1ksn3w8{height:var(--reel-h,1.5em);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.strip.svelte-1ksn3w8{animation:svelte-1ksn3w8-spin .75s var(--delay) cubic-bezier(.25, .8, .3, 1.18) both}.value.svelte-1ksn3w8{animation:.32s cubic-bezier(.3,1.6,.5,1) svelte-1ksn3w8-land}.sr.svelte-1ksn3w8{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}@keyframes svelte-1ksn3w8-spin{0%{filter:blur();transform:translateY(0)}40%{filter:blur(1.4px)}85%{filter:blur()}to{transform:translateY(calc(var(--steps) * var(--reel-h,1.5em) * -1))}}@keyframes svelte-1ksn3w8-land{0%{transform:translateY(-35%)}}.app.svelte-1n46o8q{--pad-w:clamp(320px, min(46vw, (100svh - 210px) * .72), 540px);place-content:center;min-height:100svh;padding:clamp(1rem,3vh,2rem) clamp(16px,3vw,2.4rem);display:grid}header.svelte-1n46o8q{justify-content:space-between;align-items:center;gap:1rem;margin:0 0 clamp(.8rem,2.5vw,1.6rem);display:flex}h1.svelte-1n46o8q{margin:0;line-height:1}.lang.svelte-1n46o8q{background:var(--tint);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.lang-thumb.svelte-1n46o8q{background:var(--paper);width:calc(50% - 4px);box-shadow:0 2px 0 var(--line-edge);border-radius:999px;transition:transform .35s cubic-bezier(.3,1.4,.5,1);position:absolute;top:4px;bottom:4px;left:4px}.lang.en.svelte-1n46o8q .lang-thumb:where(.svelte-1n46o8q){transform:translate(100%)}.lang.svelte-1n46o8q button:where(.svelte-1n46o8q){color:var(--muted);background:0 0;border:none;padding:.2rem .9rem;font-weight:600;transition:color .3s;position:relative}.lang.svelte-1n46o8q button[aria-pressed=true]:where(.svelte-1n46o8q){color:var(--deep)}main.svelte-1n46o8q{grid-template-columns:minmax(0, 380px) var(--pad-w);justify-content:center;align-items:start;gap:clamp(2rem,5vw,4.5rem);display:grid}.side.svelte-1n46o8q{flex-direction:column;align-self:stretch;gap:1.4rem;display:flex}.recipe.svelte-1n46o8q{border:2px solid var(--line);background:var(--paper);box-shadow:0 4px 0 var(--line);border-radius:28px;flex-direction:column;gap:1.3rem;padding:1.6rem;display:flex}.stage.svelte-1n46o8q{padding-top:14px}.pens.svelte-1n46o8q{--marker-w:min(36px, 2.7vw, 16cqh);flex:1;align-items:center;min-height:0;display:grid;container-type:size}.rows.svelte-1n46o8q{grid-template-columns:minmax(0,1fr);gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.thumb.svelte-1n46o8q{aspect-ratio:3/4;background:#fff;border-radius:10px;display:block;overflow:hidden}.thumb.svelte-1n46o8q svg{width:100%;height:100%;display:block}.option-name.svelte-1n46o8q{font-size:var(--step--1);line-height:1.15}.mini-swatches.svelte-1n46o8q{gap:4px;display:flex}.mini-swatches.svelte-1n46o8q span:where(.svelte-1n46o8q){border-radius:50%;width:1.1rem;height:1.1rem;box-shadow:inset 0 0 0 1.5px #00000014}.outline-switch.svelte-1n46o8q{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.outline-label.svelte-1n46o8q{font-size:var(--step--1);color:var(--muted);padding-left:.25rem;font-weight:600}.toggle.svelte-1n46o8q{background:var(--tint);border-radius:999px;grid-template-columns:repeat(3,1fr);padding:4px;display:grid;position:relative}.toggle-thumb.svelte-1n46o8q{background:var(--paper);width:calc(33.3333% - 2.66667px);box-shadow:0 2px 0 var(--line-edge);transform:translateX(calc(var(--choice) * 100%));border-radius:999px;transition:transform .35s cubic-bezier(.3,1.4,.5,1);position:absolute;top:4px;bottom:4px;left:4px}.toggle.svelte-1n46o8q button:where(.svelte-1n46o8q){min-width:4rem;color:var(--muted);background:0 0;border:none;padding:.25rem .6rem;font-weight:600;transition:color .3s;position:relative}.toggle.svelte-1n46o8q button[aria-pressed=true]:where(.svelte-1n46o8q){color:var(--deep)}.roll-bar.svelte-1n46o8q{justify-items:center;gap:.6rem;padding-top:.3rem;display:grid}.roll.svelte-1n46o8q{background:var(--pastel);width:100%;color:var(--deep);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 5px 0 var(--pastel-edge);border:none;border-radius:18px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-size:1.3rem;font-weight:700;transition:transform .12s,box-shadow .12s,background-color .5s,filter .2s;display:inline-flex}.roll.svelte-1n46o8q:hover{filter:brightness(1.04)saturate(1.08)}.roll.svelte-1n46o8q:active{box-shadow:0 0 0 var(--pastel-edge);transform:translateY(5px)}.roll.squeezing.svelte-1n46o8q{animation:.5s cubic-bezier(.3,1.4,.5,1) svelte-1n46o8q-squeeze}.roll.squeezing.svelte-1n46o8q .die:where(.svelte-1n46o8q){animation:.55s cubic-bezier(.3,1.4,.5,1) svelte-1n46o8q-tumble}.die.svelte-1n46o8q{--icon-fill:var(--paper);display:inline-grid}.die.svelte-1n46o8q svg{width:1.7rem;height:1.7rem}.roll-hint.svelte-1n46o8q{font-size:var(--step--1);color:var(--muted);text-align:center;margin:0}kbd.svelte-1n46o8q{border:2px solid var(--line);background:var(--paper);box-shadow:0 2px 0 var(--line);font:inherit;color:var(--text);border-radius:8px;padding:0 .5rem;font-weight:600;display:inline-block}@keyframes svelte-1n46o8q-squeeze{25%{transform:translateY(3px)scale(1.03,.94)}55%{transform:scale(.99,1.03)}}@keyframes svelte-1n46o8q-tumble{0%{transform:rotate(-260deg)scale(.6)}}.credit.svelte-1n46o8q{text-align:center;font-size:var(--step--1);color:var(--muted);margin-top:clamp(2.5rem,6vh,4rem)}.credit.svelte-1n46o8q a:where(.svelte-1n46o8q){color:var(--deep);text-decoration-line:underline;text-decoration-style:wavy;-webkit-text-decoration-color:var(--pastel-edge);text-decoration-color:var(--pastel-edge);text-underline-offset:3px;font-weight:600;text-decoration-thickness:1px;transition:text-decoration-color .2s}.credit.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{-webkit-text-decoration-color:var(--deep);text-decoration-color:var(--deep)}@media (width<=899px){.app.svelte-1n46o8q{max-width:520px;min-height:0;padding-bottom:calc(7.5rem + env(safe-area-inset-bottom));margin:0 auto;display:block}main.svelte-1n46o8q{grid-template-columns:minmax(0,1fr);gap:2rem}.stage.svelte-1n46o8q{order:-1;padding:14px 4px 0}.side.svelte-1n46o8q{gap:2rem}.pens.svelte-1n46o8q{--marker-w:clamp(24px, 6vw, 32px);flex:none;order:-1;container-type:normal}.recipe.svelte-1n46o8q{padding:1.2rem}.roll-bar.svelte-1n46o8q{left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:30;max-width:488px;margin:0 auto;padding:0;position:fixed}.roll-bar.svelte-1n46o8q:before{content:"";inset:-18px -16px calc(-14px - env(safe-area-inset-bottom));z-index:-1;background:linear-gradient(transparent, var(--bg) 40%);pointer-events:none;position:absolute}.roll-hint.svelte-1n46o8q{display:none}}