*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:Space Mono,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:375px){.\!container{max-width:375px!important}.container{max-width:375px}}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.z-10{z-index:10}.z-40{z-index:40}.m-0{margin:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-px{margin-bottom:-1px}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline{display:inline}.flex{display:flex}.h-24{height:6rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-24{width:6rem}.w-full{width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.gap-4{gap:1rem}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-t-2{border-top-width:2px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-\[\#e8e4df\]{--tw-bg-opacity:1;background-color:rgb(232 228 223/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-white\/80{background-color:hsla(0,0%,100%,.8)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-4{padding:1rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-20{padding-bottom:5rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.tracking-tight{letter-spacing:-.025em}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-orange-700{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-stone-600{--tw-text-opacity:1;color:rgb(87 83 78/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--paper:#fdfbf7;--ink:#0f0f0f;--ink-muted:#666;--lined-rule:#a4b0be;--margin-pink:#e8c4c4;--dusty-purple:#9b8ea9;--cardboard-tan:#c2b280;--sage-green:#8fbc8f;--coral-pink:#e8a4a4;--sky-blue:#87ceeb;--sticker-bg:#fff;--sticker-border:#fff;--sticker-shadow:rgba(0,0,0,.15);--sticker-shadow-hover:rgba(0,0,0,.25);--card-red-start:#ffebee;--card-red-end:#ffcdd2;--card-yellow-start:#fffde7;--card-yellow-end:#fff9c4;--card-orange-start:#fff3e0;--card-orange-end:#ffe0b2;--card-mild-start:#f5f5f5;--card-mild-end:#e0e0e0;--card-pink-start:#fce4ec;--card-pink-end:#f8bbd9;--checkbox-border:#a4b0be;--checkbox-bg:#fff;--checkbox-checked-bg:#8fbc8f;--checkbox-checked-border:#6b8e6b;--step-checked-bg:#e8f5e9;--step-timer-bg:#fff3e0;--margin-line:48px;--notebook-pad:14px;--line-height:2rem;--container-max:28rem;--step-font:1.3rem;--checkbox-size:36px;--tab-font:0.7rem;--ink-main:var(--ink);--sticker-bg-hover:#fafafa;--sticker-active-bg:var(--sage-green);--sticker-active-border:var(--sage-green);--night-paper:#202020}[data-theme=night]{--paper:#202020;--ink:#f0f0f0;--ink-muted:#aaa;--lined-rule:#3a3a3a;--margin-pink:#4a3535;--dusty-purple:#7a6b8a;--cardboard-tan:#9a8a60;--sage-green:#6a9a6a;--coral-pink:#b87a7a;--sky-blue:#5a9ab0;--sticker-bg:#2a2a2a;--sticker-border:#e0e0e0;--sticker-shadow:rgba(0,0,0,.5);--sticker-shadow-hover:rgba(0,0,0,.7);--card-red-start:#3a2525;--card-red-end:#4a3030;--card-yellow-start:#3a3525;--card-yellow-end:#4a4530;--card-orange-start:#3a3025;--card-orange-end:#4a3a30;--card-mild-start:#2a2a2a;--card-mild-end:#353535;--card-pink-start:#3a2530;--card-pink-end:#4a3040;--checkbox-border:#555;--checkbox-bg:#2a2a2a;--checkbox-checked-bg:#4a6a4a;--checkbox-checked-border:#6a8a6a;--step-checked-bg:#2a3a2a;--step-timer-bg:#3a3025;--ink-main:var(--ink);--sticker-bg-hover:#333;--sticker-active-bg:var(--sage-green);--sticker-active-border:var(--sage-green);--night-paper:var(--paper)}@media (min-width:768px){:root{--margin-line:70px;--notebook-pad:28px;--line-height:2.25rem;--container-max:40rem;--step-font:1.5rem;--checkbox-size:42px;--tab-font:0.8rem}}@media (min-width:1024px){:root{--margin-line:80px;--notebook-pad:36px;--line-height:2.5rem;--container-max:52rem;--step-font:1.6rem;--checkbox-size:48px;--tab-font:0.85rem}}@media (min-width:1366px){:root{--container-max:60rem}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{-webkit-tap-highlight-color:transparent;touch-action:manipulation;overscroll-behavior-y:none;background-color:var(--paper);color:var(--ink);font-family:Nanum Pen Script,cursive;font-size:1.5rem;line-height:var(--line-height);transition:background-color .3s ease,color .3s ease}.main-content{padding-top:env(safe-area-inset-top,0)}.font-handwriting{font-family:Nanum Pen Script,cursive}.font-sticker{font-family:Gaegu,cursive;font-weight:700}.font-mono{font-family:Space Mono,monospace}.highlight{background:linear-gradient(120deg,rgba(255,255,0,0),rgba(255,255,0,.4));background-repeat:no-repeat;background-size:100% 40%;background-position:0 88%}.highlight-purple{background:linear-gradient(120deg,transparent,rgba(155,142,169,.4));background-repeat:no-repeat;background-size:100% 40%;background-position:0 88%}.highlight-green{background:linear-gradient(120deg,transparent,rgba(143,188,143,.4));background-repeat:no-repeat;background-size:100% 40%;background-position:0 88%}.sticker{display:inline-block;background:#fff;padding:.5rem 1rem;border:3px solid var(--sticker-border);border-radius:10px;box-shadow:2px 3px 6px var(--sticker-shadow);font-family:Gaegu,cursive;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.sticker:hover{transform:scale(1.05) rotate(0deg)!important;box-shadow:4px 6px 12px var(--sticker-shadow-hover);cursor:pointer;z-index:10}.tilt-1{transform:rotate(-2deg)}.tilt-2{transform:rotate(2deg)}.tilt-3{transform:rotate(-4deg)}.tilt-4{transform:rotate(3deg)}.tilt-5{transform:rotate(-1deg)}.responsive-container{width:100%;max-width:var(--container-max);margin:0 auto}.notebook{position:relative;background-color:var(--paper);background-image:linear-gradient(90deg,transparent calc(var(--margin-line) - 1px),var(--margin-pink) calc(var(--margin-line) - 1px),var(--margin-pink) calc(var(--margin-line) + 1px),transparent calc(var(--margin-line) + 1px)),linear-gradient(var(--lined-rule) 1px,transparent 1px);background-size:100% 100%,100% var(--line-height);box-shadow:0 4px 20px var(--sticker-shadow);padding:1.5rem var(--notebook-pad);padding-left:calc(var(--margin-line) + 12px);min-height:70vh;transition:background-color .3s ease,box-shadow .3s ease}@media (min-width:768px){.notebook{padding:2.5rem var(--notebook-pad);padding-left:calc(var(--margin-line) + 20px);min-height:auto}}@media (min-width:1024px){.notebook{padding:3rem var(--notebook-pad);padding-left:calc(var(--margin-line) + 24px)}}.tabs-container{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;gap:.5rem;padding:.5rem;background:var(--paper)}.tabs-container::-webkit-scrollbar{display:none}@media (min-width:768px){.tabs-container{overflow-x:visible;justify-content:center}}.tabs-nav{display:flex;gap:.5rem;padding:0 .25rem;min-width:-moz-max-content;min-width:max-content}@media (min-width:768px){.tabs-nav{gap:.75rem;min-width:0;width:100%;justify-content:center;flex-wrap:wrap}}.tab{padding:10px 14px;background:var(--sticker-bg);border:3px solid var(--sticker-border);border-radius:12px;box-shadow:2px 3px 6px var(--sticker-shadow);font-family:Gaegu,cursive;font-size:var(--tab-font);font-weight:700;color:var(--ink-muted);cursor:pointer;text-align:center;transition:all .2s ease;white-space:nowrap;scroll-snap-align:start;text-transform:uppercase}.tab:first-child{transform:rotate(-1deg)}.tab:nth-child(2){transform:rotate(2deg)}.tab:nth-child(3){transform:rotate(-2deg)}.tab:nth-child(4){transform:rotate(1deg)}.tab:nth-child(5){transform:rotate(-3deg)}.tab:nth-child(6){transform:rotate(2deg)}@media (min-width:768px){.tab{padding:14px 18px;border-radius:14px}}@media (min-width:1024px){.tab{padding:16px 22px}}.tab:active{transform:scale(.95) rotate(0deg)!important}@media (hover:hover){.tab:hover:not(.active){transform:scale(1.05) rotate(0deg)!important;box-shadow:4px 6px 12px var(--sticker-shadow-hover);z-index:5}}.tab.active{background:var(--sage-green);color:var(--ink);border-color:var(--sage-green);transform:scale(1.05) rotate(0deg)!important;box-shadow:3px 4px 8px var(--sticker-shadow-hover);z-index:10}.tab-emoji{font-size:1.25rem;display:block;margin-bottom:.25rem}@media (min-width:768px){.tab-emoji{font-size:1.5rem}}@media (min-width:1024px){.tab-emoji{font-size:1.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.animate-fadeIn{animation:fadeIn .2s ease}.animate-pulse-custom{animation:pulse 1s infinite}.animate-wiggle{animation:wiggle .3s ease}.step{display:flex;align-items:center;background:var(--sticker-bg);padding:14px 12px;min-height:60px;border-radius:12px;border:3px solid var(--sticker-border);box-shadow:2px 3px 6px var(--sticker-shadow);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;font-family:Nanum Pen Script,cursive}.step:nth-child(odd){transform:rotate(-.5deg)}.step:nth-child(2n){transform:rotate(.5deg)}@media (min-width:768px){.step{padding:18px 16px;min-height:70px;border-radius:14px}}@media (min-width:1024px){.step{padding:20px;min-height:80px;border-radius:16px}}.step:active{transform:scale(.98) rotate(0deg)!important;box-shadow:1px 2px 3px var(--sticker-shadow)}@media (hover:hover){.step:hover:not(.checked):not(.locked){transform:scale(1.02) rotate(0deg)!important;box-shadow:4px 6px 12px var(--sticker-shadow-hover);z-index:5}}.step.checked{background:var(--step-checked-bg);border-color:var(--sage-green);box-shadow:1px 2px 4px var(--sticker-shadow);opacity:.8}.step.checked:nth-child(2n),.step.checked:nth-child(odd){transform:rotate(0deg)}.step.timer-active{background:var(--step-timer-bg);border-color:var(--cardboard-tan);box-shadow:3px 4px 8px var(--sticker-shadow-hover),0 0 0 3px hsla(45,35%,63%,.3)}.step.locked{opacity:.4;cursor:not-allowed;pointer-events:none;filter:grayscale(50%)}.big-checkbox{width:var(--checkbox-size);height:var(--checkbox-size);border:3px solid var(--checkbox-border);border-radius:10px;margin-right:12px;display:grid;place-content:center;flex-shrink:0;background:var(--checkbox-bg);font-size:20px;color:transparent;transition:all .15s}@media (min-width:768px){.big-checkbox{margin-right:16px;border-radius:12px;font-size:24px}}@media (min-width:1024px){.big-checkbox{margin-right:20px;border-radius:14px;font-size:28px}}.step.checked .big-checkbox{background:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-border);color:#fff}.step-text{font-family:Nanum Pen Script,cursive;font-size:var(--step-font);color:var(--ink);line-height:1.4;flex:1}.step.checked .step-text{text-decoration:line-through;text-decoration-color:var(--sage-green);text-decoration-thickness:2px;color:var(--ink-muted)}.step-arrow{color:var(--ink-muted);padding:0 .15em}.step-ingredient{font-weight:700;color:var(--highlight-ink,#b8336a);background:var(--highlight-bg,rgba(184,51,106,.1));padding:0 .2em;border-radius:3px}[data-theme=night] .step-ingredient{--highlight-ink:#ff8fab;--highlight-bg:rgba(255,143,171,.15)}.step-amount{font-weight:600;color:var(--amount-color,#2e7d32)}[data-theme=night] .step-amount{--amount-color:#81c784}.step-note{font-size:.85em;color:var(--ink-muted);font-style:italic}.step-endresult{font-family:IBM Plex Mono,monospace;font-size:.75em;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-muted);margin-right:.25em}.step-success{font-size:1.1em}.timer-badge{font-family:Gaegu,cursive;font-weight:700;font-size:.9rem;padding:8px 12px;border-radius:10px;background:var(--coral-pink);color:#8b4040;border:3px solid var(--sticker-border);box-shadow:2px 2px 4px var(--sticker-shadow);margin-left:8px;flex-shrink:0;transform:rotate(2deg)}@media (min-width:768px){.timer-badge{font-size:1rem;padding:10px 16px;margin-left:12px}}@media (min-width:1024px){.timer-badge{font-size:1.1rem;padding:12px 18px}}.timer-badge.running{background:#ff6b6b;color:#fff;border-color:#ff6b6b;animation:pulse 1s infinite;transform:rotate(-1deg)}.timer-badge.done{background:var(--sage-green);color:#fff;border-color:var(--sage-green);transform:rotate(1deg)}.timer-badge.paused{background:var(--cardboard-tan);color:#5d4e37;border-color:var(--cardboard-tan);transform:rotate(-2deg)}.step-progress{position:absolute;bottom:0;left:0;right:0;height:6px;background:rgba(0,0,0,.1);border-radius:0 0 10px 10px;overflow:hidden}@media (min-width:768px){.step-progress{height:7px;border-radius:0 0 12px 12px}}.step-progress-bar{height:100%;background:var(--sage-green);width:0;transition:width .1s linear}.info-card{padding:16px 18px;border-radius:16px;margin-bottom:20px;font-family:Gaegu,cursive;border:3px solid var(--sticker-border);box-shadow:3px 4px 8px var(--sticker-shadow);transform:rotate(-1deg);transition:background .3s ease,border-color .3s ease}@media (min-width:768px){.info-card{padding:20px 24px;border-radius:18px;margin-bottom:24px}}@media (min-width:1024px){.info-card{padding:24px 28px;border-radius:20px;margin-bottom:28px}}.info-card.red,.info-card.spicy{background:linear-gradient(135deg,var(--card-red-start) 0,var(--card-red-end) 100%);border-color:var(--card-red-end)}.info-card.yellow{background:linear-gradient(135deg,var(--card-yellow-start) 0,var(--card-yellow-end) 100%);border-color:var(--card-yellow-end)}.info-card.orange{background:linear-gradient(135deg,var(--card-orange-start) 0,var(--card-orange-end) 100%);border-color:var(--card-orange-end)}.info-card.mild{background:linear-gradient(135deg,var(--card-mild-start) 0,var(--card-mild-end) 100%);border-color:var(--card-mild-end)}.info-card.pink{background:linear-gradient(135deg,var(--card-pink-start) 0,var(--card-pink-end) 100%);border-color:var(--card-pink-end)}.info-card h2{font-family:Gaegu,cursive;font-weight:700;font-size:1.3rem;margin-bottom:.5rem;text-transform:uppercase}@media (min-width:768px){.info-card h2{font-size:1.6rem}}@media (min-width:1024px){.info-card h2{font-size:1.8rem}}.info-card p{font-family:Nanum Pen Script,cursive;font-size:1.2rem;color:var(--ink-muted);line-height:1.4}@media (min-width:768px){.info-card p{font-size:1.4rem}}@media (min-width:1024px){.info-card p{font-size:1.5rem}}.recipe-lab-sheet{width:100%;max-width:100%;height:auto;margin-top:1rem;border-radius:12px;box-shadow:3px 4px 8px var(--sticker-shadow);border:3px solid var(--sticker-border);transform:rotate(1deg)}@media (min-width:768px){.recipe-lab-sheet{margin-top:1.25rem;border-radius:16px}}.prep-lists{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem;padding:1rem;background:var(--sticker-bg);border-radius:12px;border:2px dashed var(--lined-rule)}@media (min-width:640px){.prep-lists{grid-template-columns:1fr 1fr;gap:1.5rem}}.prep-section h3{font-family:IBM Plex Mono,Menlo,monospace;font-size:.7rem;font-weight:600;letter-spacing:.05em;color:var(--ink-muted);margin-bottom:.5rem;text-transform:uppercase}.prep-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.prep-section li{font-family:Gaegu,cursive;font-size:1rem;color:var(--ink);display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem;line-height:1.3}.prep-arrow{color:var(--ink-muted);flex-shrink:0}.prep-amount{font-weight:600}.prep-amount,.prep-item{color:var(--ink)}.prep-alt,.prep-note{font-size:.85rem;color:var(--ink-muted)}.prep-alt{font-style:italic}.timer-hud{position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom, 0px));transform:translateY(100%);transition:transform .3s ease;pointer-events:none;display:flex;justify-content:center}@supports (padding-bottom:env(safe-area-inset-bottom)){.timer-hud{padding-bottom:calc(1.5rem + env(safe-area-inset-bottom, 20px))}}.timer-hud.visible{transform:translateY(0);pointer-events:auto}.timer-hud-inner{background:var(--sticker-bg);border:4px solid var(--sticker-border);border-radius:20px;box-shadow:0 -4px 20px rgba(0,0,0,.15),4px 4px 12px var(--sticker-shadow);padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-family:Gaegu,cursive;width:320px;transition:background .3s ease,border-color .3s ease}@media (min-width:768px){.timer-hud-inner{padding:1.25rem 2rem;border-radius:24px;gap:1.5rem;width:380px}}.timer-hud-time{font-family:Space Mono,monospace;font-size:2.5rem;font-weight:700;color:var(--ink);min-width:100px}@media (min-width:768px){.timer-hud-time{font-size:3rem;min-width:120px}}.timer-hud-buttons{display:flex;flex-direction:row-reverse;gap:.5rem;min-width:140px;justify-content:flex-start}@media (min-width:768px){.timer-hud-buttons{min-width:170px}}.timer-hud-action{background:var(--sage-green);color:#fff;border:3px solid var(--sticker-border);border-radius:12px;padding:.75rem 1.25rem;font-family:Gaegu,cursive;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:2px 2px 4px var(--sticker-shadow);transition:all .15s;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.timer-hud-action:active{transform:scale(.95)}.timer-hud-abort{background:var(--coral-pink);color:#8b4040;border:3px solid var(--sticker-border);border-radius:12px;padding:.75rem 1rem;font-family:Gaegu,cursive;font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:2px 2px 4px var(--sticker-shadow);transition:all .15s;text-transform:uppercase;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.timer-hud-abort:active{transform:scale(.95)}.timer-hud.ready .timer-hud-inner{border-color:var(--sky-blue);background:linear-gradient(135deg,#e3f2fd 0,var(--sticker-bg) 100%)}.timer-hud.running .timer-hud-inner{border-color:#ff6b6b;background:linear-gradient(135deg,#ffebee 0,var(--sticker-bg) 100%)}.timer-hud.running .timer-hud-action{background:#ff6b6b}.timer-hud.paused .timer-hud-inner{border-color:var(--cardboard-tan);background:linear-gradient(135deg,#fff8e1 0,var(--sticker-bg) 100%)}.timer-hud.paused .timer-hud-action{background:var(--cardboard-tan);color:#5d4e37}.timer-hud.done .timer-hud-inner{border-color:var(--sage-green);background:linear-gradient(135deg,#e8f5e9 0,var(--sticker-bg) 100%)}[data-theme=night] .timer-hud.ready .timer-hud-inner{background:linear-gradient(135deg,#1a3a4a 0,var(--sticker-bg) 100%)}[data-theme=night] .timer-hud.running .timer-hud-inner{background:linear-gradient(135deg,#4a2525 0,var(--sticker-bg) 100%)}[data-theme=night] .timer-hud.paused .timer-hud-inner{background:linear-gradient(135deg,#3a3525 0,var(--sticker-bg) 100%)}[data-theme=night] .timer-hud.done .timer-hud-inner{background:linear-gradient(135deg,#253a25 0,var(--sticker-bg) 100%)}.spicy-toggle{position:absolute;top:1rem;right:1rem}@media (min-width:768px){.spicy-toggle{top:1.5rem;right:1.5rem}}.toggle-container{display:flex;align-items:center;gap:8px;background:var(--sticker-bg);padding:8px 12px;border-radius:25px;border:3px solid var(--sticker-border);box-shadow:2px 3px 6px var(--sticker-shadow);font-family:Gaegu,cursive;font-weight:700;font-size:.9rem;color:var(--ink);transform:rotate(2deg);transition:background .3s ease,border-color .3s ease}.toggle-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.toggle-track{width:48px;height:26px;background:#ff6b6b;border-radius:13px;position:relative;cursor:pointer;transition:background .2s;display:block;box-shadow:inset 0 0 0 2px rgba(0,0,0,.08)}.toggle-ball{position:absolute;top:2px;left:2px;width:22px;height:22px;background:var(--sticker-border);border-radius:50%;box-shadow:1px 1px 3px var(--sticker-shadow);transition:transform .2s ease}.toggle-checkbox:checked+.toggle-track{background:var(--sky-blue)}.toggle-checkbox:checked+.toggle-track .toggle-ball{transform:translateX(22px)}.toggle-checkbox:focus-visible+.toggle-track{outline:2px dashed var(--lined-rule);outline-offset:3px}.footer-text{font-family:Nanum Pen Script,cursive;font-size:1.1rem}.footer-text a{transition:color .15s}.footer-text a:hover{color:var(--dusty-purple)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti{position:absolute;width:12px;height:12px;border-radius:2px;animation:fall 3s linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(2turn)}}@keyframes snowFall{0%{top:-5%}to{top:105%}}@keyframes snowSway{0%{transform:translateX(0) rotate(0deg)}50%{transform:translateX(30px) rotate(180deg)}to{transform:translateX(0) rotate(1turn)}}.snowflake{position:fixed;top:-10px;color:#f0f0f0;font-family:Gaegu,cursive;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;z-index:50;opacity:0;animation:snowFall 5s linear forwards,snowSway 3s ease-in-out infinite}[data-theme=night] .snowflake{opacity:.7}@media (max-width:767px){.notebook{border-radius:0;box-shadow:none}.info-card,.step:nth-child(2n),.step:nth-child(odd),.tab:first-child,.tab:nth-child(2),.tab:nth-child(3),.tab:nth-child(4),.tab:nth-child(5),.tab:nth-child(6){transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.header-controls{display:flex;align-items:center;gap:.5rem}@media (min-width:768px){.header-controls{gap:.75rem}}.theme-toggle{background:var(--sticker-bg);border:3px solid var(--sticker-border);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;box-shadow:2px 3px 6px var(--sticker-shadow);cursor:pointer;transition:all .2s ease;font-size:1.25rem;transform:rotate(-5deg);flex-shrink:0}@media (min-width:768px){.theme-toggle{width:52px;height:52px;font-size:1.5rem}}.theme-toggle:hover{transform:scale(1.1) rotate(0deg);box-shadow:4px 6px 12px var(--sticker-shadow-hover)}.theme-toggle:active{transform:scale(.95) rotate(0deg)}.tabs-shelf{background:var(--paper);padding:.15rem 0 .25rem}@media (max-width:767px){.tabs-shelf{position:sticky;top:env(safe-area-inset-top,0);z-index:80;padding-top:.15rem;border-bottom:1px solid var(--lined-rule);box-shadow:0 4px 12px var(--sticker-shadow)}}.category-line{display:flex;justify-content:center;padding:.15rem .75rem .05rem}.category-line-inner{display:flex;align-items:center;gap:.25rem}.category-link{position:relative;z-index:0;border:0;background:transparent;padding:.65rem .35rem;min-height:44px;display:inline-flex;align-items:center;gap:.35rem;font-family:Nanum Pen Script,cursive;font-size:1.05rem;font-weight:400;letter-spacing:0;text-transform:none;color:var(--ink-muted);cursor:pointer;border-radius:10px;transition:transform .15s ease,color .15s ease;-webkit-tap-highlight-color:transparent}@media (min-width:768px){.category-link{font-size:1.15rem}}.category-link:active{transform:scale(.98)}.category-link:focus-visible{outline:2px dashed var(--lined-rule);outline-offset:3px}.category-emoji{font-size:1rem;line-height:1}.category-label{line-height:1}.category-sep{font-family:Nanum Pen Script,cursive;font-size:1.1rem;color:var(--ink-muted);opacity:.45;-webkit-user-select:none;-moz-user-select:none;user-select:none}.category-link:before{content:"";position:absolute;left:.2rem;right:.2rem;bottom:.55rem;height:.75rem;border-radius:8px;opacity:0;z-index:-1;transform:rotate(-1.2deg);transition:opacity .15s ease}.category-link.active{color:var(--ink)}.category-link.active:before{opacity:1}.category-link[data-cat=mains].active:before{background:rgba(143,188,143,.35)}.category-link[data-cat=sides].active:before{background:rgba(155,142,169,.35)}.category-link[data-cat=sweet].active:before{background:hsla(0,60%,78%,.35)}[data-theme=night] .category-link[data-cat=mains].active:before{background:rgba(106,154,106,.25)}[data-theme=night] .category-link[data-cat=sides].active:before{background:rgba(122,107,138,.25)}[data-theme=night] .category-link[data-cat=sweet].active:before{background:hsla(0,30%,60%,.25)}.tabs-shelf .tabs-container{padding-top:.25rem}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.md\:mb-6{margin-bottom:1.5rem}.md\:rounded-2xl{border-radius:1rem}.md\:rounded-b-2xl{border-bottom-right-radius:1rem;border-bottom-left-radius:1rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}}@media (min-width:1024px){.lg\:mb-8{margin-bottom:2rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}}