:root{--paper: #FBF9F4;--fridge: #DDEAE3;--fridge-2:#CFE0D7;--ink: #1E2B3A;--ink-2: #4F5D6C;--tomato: #E0533B;--butter: #F2C94C;--sky: #8FBCD4;--line: rgba(30,43,58,.12);--field: #FFFFFF;--frame: #FFFEFB;--frame-ink:#1E2B3A;--tiles: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='48'%3E%3Cpath d='M0 .75H96M0 24.75H96M.75 0V24M48.75 24V48' stroke='%231E2B3A' stroke-opacity='.06' stroke-width='1.5'/%3E%3C/svg%3E");--rim: rgba(255,255,255,.6);--sheen: rgba(255,255,255,.4);--shade: rgba(20,30,40,.13);--gap: #8FA59A;--emboss: rgba(255,255,255,.8);--chrome-dim: none;--desk: #EFEBE2;--serif: "Lora", Georgia, serif;--hand: "Caveat", "Bradley Hand", "Segoe Print", cursive;--sans: "Karla", system-ui, sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--paper:#121820;--fridge:#1B2A25;--fridge-2:#22332D;--ink:#E9EEF2;--ink-2:#A5B1BC;--tomato:#EE6A52;--butter:#E9C25A;--sky:#5D8BA3;--line:rgba(233,238,242,.11);--field:#18202A;--frame:#EEEBE3;--frame-ink:#1E2B3A;--tiles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='48'%3E%3Cpath d='M0 .75H96M0 24.75H96M.75 0V24M48.75 24V48' stroke='%23E9EEF2' stroke-opacity='.045' stroke-width='1.5'/%3E%3C/svg%3E");--rim:rgba(255,255,255,.1);--sheen:rgba(255,255,255,.06);--shade:rgba(0,0,0,.35);--gap:#0A1210;--emboss:rgba(0,0,0,.6);--chrome-dim:brightness(.72);--desk:#0D1319;color-scheme:dark}}:root[data-theme=dark]{--paper:#121820;--fridge:#1B2A25;--fridge-2:#22332D;--ink:#E9EEF2;--ink-2:#A5B1BC;--tomato:#EE6A52;--butter:#E9C25A;--sky:#5D8BA3;--line:rgba(233,238,242,.11);--field:#18202A;--frame:#EEEBE3;--frame-ink:#1E2B3A;--tiles:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='48'%3E%3Cpath d='M0 .75H96M0 24.75H96M.75 0V24M48.75 24V48' stroke='%23E9EEF2' stroke-opacity='.045' stroke-width='1.5'/%3E%3C/svg%3E");--rim:rgba(255,255,255,.1);--sheen:rgba(255,255,255,.06);--shade:rgba(0,0,0,.35);--gap:#0A1210;--emboss:rgba(0,0,0,.6);--chrome-dim:brightness(.72);--desk:#0D1319;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1.0625rem;line-height:1.75}.col,.wide{margin:0 auto;padding-left:max(22px,env(safe-area-inset-left,0px));padding-right:max(22px,env(safe-area-inset-right,0px))}.col{max-width:620px}.wide{max-width:1080px}.fridge{background:var(--tiles),var(--paper);border-bottom:1px solid var(--line);padding:2.25rem max(12px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));overflow:hidden}.appliance{position:relative;max-width:1160px;margin:0 auto;border-radius:52px 52px 0 0;background:var(--gap);box-shadow:-18px 0 30px -22px #141e2873,18px 0 30px -22px #141e2873,0 -10px 30px -20px #141e2859}.appliance .wide{max-width:none;padding-left:40px;padding-right:64px}.freezer,.door{position:relative;background:linear-gradient(180deg,var(--rim),transparent 46px),linear-gradient(90deg,var(--shade) 0,var(--rim) 7px,transparent 34px,transparent 57%,var(--sheen) 60%,transparent 63.5%,transparent 66%,color-mix(in srgb,var(--sheen) 55%,transparent) 67.5%,transparent 69.5%,transparent calc(100% - 72px),var(--shade) calc(100% - 3px)),var(--fridge)}.freezer{border-radius:52px 52px 10px 10px;box-shadow:inset 0 -5px 6px -4px var(--shade)}.door{margin-top:7px;border-radius:10px 10px 0 0;box-shadow:inset 0 3px 3px -2px var(--rim)}.door:before{content:"";position:absolute;left:34px;top:-12px;width:44px;height:17px;border-radius:4px;background:linear-gradient(180deg,#fdfefe,#b9c2ca 45%,#8a949d 55%,#dfe4e8);box-shadow:0 3px 4px -1px #141e2859;filter:var(--chrome-dim)}.handle{position:absolute;z-index:1;right:30px;top:50%;bottom:-40px;width:16px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent 26px),linear-gradient(90deg,#5f6a74,#b8c1c9 14%,#fff,#a3adb6 46%,#dfe4e8 60%,#fff 68%,#8a949d 86%,#59636c);box-shadow:8px 10px 10px -4px #141e2859;filter:var(--chrome-dim)}.handle:before{content:"";position:absolute;top:-5px;left:-4px;right:-4px;height:20px;border-radius:10px;background:linear-gradient(90deg,#6d7781,#d3d9de 25%,#fff 40%,#aab3bb 60%,#7b858e);box-shadow:0 3px 4px -1px #141e2859}header{padding-block:2rem 2.6rem}.logo{display:inline-block;font-family:"Shrikhand",var(--serif);font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.05;color:#1e2b3a;padding:.4rem 1rem .5rem;border-radius:14px;background:linear-gradient(180deg,#fffefa,#efebe1);box-shadow:inset 0 1px #fff,0 0 0 2px #d5dbe0,0 0 0 3.5px #8a949d,0 4px 8px -2px #141e2859;transform:rotate(-2deg)}.logo b{color:#e0533b;font-weight:400}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center;padding-block:3.5rem 4.5rem}.hero-copy{min-width:0}.scribble{font-family:var(--hand);font-size:1.55rem;color:var(--tomato);line-height:1.2;transform:rotate(-2deg);display:inline-block;margin:0 0 1.1rem}h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.15;letter-spacing:-.01em;margin:0 0 1.4rem;text-wrap:balance}h1 em{font-style:italic;background:linear-gradient(transparent 62%,var(--butter) 62% 92%,transparent 92%);padding:0 3px}.lead{color:var(--ink-2);margin:0 0 1.75rem;max-width:32em;text-wrap:pretty}.cta-link{display:inline-flex;align-items:center;gap:.5rem;background:var(--ink);color:var(--paper);font-weight:600;text-decoration:none;padding:.8rem 1.3rem;border-radius:999px}.cta-link:hover{background:var(--tomato)}.cta-link:focus-visible{outline:2px solid var(--tomato);outline-offset:3px}.board{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1.4rem;padding:1rem .5rem;min-width:0}.polaroid{background:var(--frame);padding:10px 10px 0;box-shadow:0 1px 2px #0000001f,0 12px 24px -12px #141e2873;position:relative;max-width:100%;transition:transform .3s ease}.polaroid:before{content:"";position:absolute;top:-9px;left:50%;width:24px;height:24px;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),transparent 45%),var(--m, var(--tomato));box-shadow:0 3px 5px #00000040;z-index:2}.p1{transform:rotate(-4deg) translateY(6px);--m: var(--tomato)}.p2{transform:rotate(3deg) translateY(-14px);--m: var(--butter)}.p3{transform:rotate(2.5deg) translateY(2px);--m: var(--sky)}.p4{transform:rotate(-3deg) translateY(-8px);--m: var(--tomato)}@media (hover: hover) and (prefers-reduced-motion: no-preference){.polaroid:hover{transform:rotate(0) scale(1.04);z-index:3}}.photo{aspect-ratio:1 / 1;overflow:hidden;background:#e8e4da}.photo svg,.photo img{display:block;width:100%;height:100%;object-fit:cover}.photo picture{display:block;height:100%}.cap{font-family:var(--hand);font-size:1.2rem;line-height:1.2;color:var(--frame-ink);text-align:center;padding:.55rem .25rem .8rem}.tally-wrap{padding-block:3.5rem 1.5rem}.kicker{font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);margin:0 0 1rem}.chalkboard{--chalk: rgba(244,243,236,.92);--chalk-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='1' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 -1.6 1.55'/%3E%3C/filter%3E%3Crect width='90' height='90' filter='url(%23g)'/%3E%3C/svg%3E");position:relative;padding:1.5rem 1.6rem 1.4rem;border:13px solid transparent;border-bottom-width:17px;border-radius:7px;color:var(--chalk);background:radial-gradient(ellipse at 25% 15%,rgba(255,255,255,.07),transparent 55%) padding-box,radial-gradient(ellipse at 85% 85%,rgba(255,255,255,.05),transparent 45%) padding-box,linear-gradient(#2d3a35,#2d3a35) padding-box,linear-gradient(135deg,#c4935f,#a87445 45%,#b9864f 70%,#9a6a3e) border-box;box-shadow:inset 0 0 0 1px #00000059,inset 0 3px 14px #0006,0 16px 30px -18px #141e288c}.chalkboard>*{-webkit-mask:var(--chalk-grain) 0 0 / 90px 90px;mask:var(--chalk-grain) 0 0 / 90px 90px}.chalkboard .kicker{font-family:var(--hand);font-size:1.7rem;font-weight:700;letter-spacing:0;text-transform:none;color:var(--chalk);margin:0 0 .9rem;transform:rotate(-1.5deg);transform-origin:left}.chalkboard:after{content:"";position:absolute;right:18%;bottom:-14px;width:38px;height:8px;border-radius:3px;background:linear-gradient(#fff,#e4e2da);box-shadow:0 1px 1px #00000059;transform:rotate(-4deg)}.tally{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:flex-end}.group{position:relative;display:flex;gap:5px;height:34px;align-items:flex-end}.mark{width:3px;height:30px;background:var(--chalk);border-radius:2px;opacity:.55}.slash{position:absolute;left:-4px;right:-4px;top:50%;height:3px;background:var(--chalk);border-radius:2px;opacity:.55}.group.done .mark,.group.done .slash{background:#f59a8a;opacity:1}.hundred{font-family:var(--hand);font-size:1.6rem;font-weight:700;color:#f6d76e;line-height:1;border:2.5px solid #F6D76E;border-radius:50%;padding:.35rem .5rem .2rem;transform:rotate(-6deg)}.tally-cap{font-family:var(--hand);font-size:1.4rem;color:var(--chalk);margin:1.1rem 0 0;line-height:1.3}.letter{padding-block:3rem 1rem}.sheet{--ink: #1E2B3A;--ink-2: #4F5D6C;--butter: #F2C94C;position:relative;padding:2.6rem 2.2rem 2.2rem;color:var(--ink);background:linear-gradient(180deg,transparent 33.1%,rgba(30,43,58,.05) 33.3%,rgba(255,255,255,.9) 33.6%,transparent 34.2%),linear-gradient(180deg,transparent 66.4%,rgba(30,43,58,.05) 66.6%,rgba(255,255,255,.9) 66.9%,transparent 67.5%),#fffefa;border-radius:2px;box-shadow:0 1px 2px #141e281f,0 16px 32px -20px #141e2873;transform:rotate(.6deg)}.clip{position:absolute;top:-22px;left:34px;width:22px;height:64px;transform:rotate(-9deg);filter:drop-shadow(1px 2px 1px rgba(20,30,40,.3)) var(--chrome-dim)}.letter p{margin:0 0 1.3rem;text-wrap:pretty}.letter .big{font-family:var(--serif);font-size:1.3rem;line-height:1.55}.letter mark{background:linear-gradient(transparent 58%,var(--butter) 58% 94%,transparent 94%);color:inherit;padding:0 2px}.sign{font-family:var(--hand);font-size:1.7rem;line-height:1.2;margin-top:1.75rem;color:var(--ink)}.sign small{display:block;font-size:1.15rem;color:var(--ink-2)}.journal{margin-top:3.5rem;padding-block:3.25rem 3.5rem;border-block:1px solid var(--line);background:var(--desk);overflow-x:clip}.journal h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.5rem,4.4vw,1.95rem);line-height:1.25;margin:0 0 2rem;text-wrap:balance}.book{--rule: 30px;--rule-shift: 1px;--head: 96px;--margin: 58px;--hole: 14px;--pen: #2A4A80;--pencil: #5E6670;position:relative;width:min(540px,100% - 44px);margin:0 auto;perspective:2400px;perspective-origin:10% 40%;touch-action:pan-y}.leaves{display:grid;gap:1.5rem}.leaf{position:relative;min-width:0}.journal:not(.is-ready) .page,.journal:not(.is-ready) .cover{aspect-ratio:4 / 5}.face.back,.spiral,.corner,.hint{display:none}.page{position:relative;padding:0 26px calc(var(--rule) * 1.5) calc(var(--margin) + 16px);border-radius:3px 8px 8px 3px;color:#1e2b3a;font-family:var(--hand);font-size:23px;font-weight:500;line-height:var(--rule);background:radial-gradient(circle at var(--hole) 15px,rgba(43,51,59,.72) 0 4.5px,transparent 5.2px) 0 0 / 100% 26px repeat-y,linear-gradient(90deg,transparent var(--margin),rgba(224,83,59,.5) var(--margin) calc(var(--margin) + 1.5px),transparent 0),linear-gradient(#fffefb,#fffefb) 0 0 / 100% var(--head) no-repeat,repeating-linear-gradient(180deg,transparent 0 calc(var(--rule) - 1.5px),rgba(143,188,212,.65) 0 var(--rule)) 0 var(--rule-shift) / 100% calc(var(--rule) * 1000) no-repeat,#fffefb;box-shadow:inset -5px 0 #fffefb,0 0 0 .5px #1e2b3a29,0 1px 2px #141e281f,0 12px 26px -16px #141e2866}.page-head{position:relative;height:var(--head);display:flex;align-items:flex-end;padding-bottom:6px}.page-head .no{font-size:46px;font-weight:700;line-height:1;color:#e0533b;transform:rotate(-3deg)}.page-head .no.ringed{border:2.5px solid #E0533B;border-radius:50%;padding:6px 10px 2px}.page-head .head-note{position:absolute;right:0;top:26px;transform:rotate(3deg)}.page h3{font:inherit;font-weight:700;margin:0}.page.last h3{color:#e0533b}.page p{margin:0}.notes{margin-top:var(--rule);color:var(--pen)}.kid{color:var(--pencil);font-weight:700;letter-spacing:.02em;transform:rotate(-1.2deg);transform-origin:left}.code{letter-spacing:.12em}.doodle{position:absolute;right:2px;top:16px;width:66px;height:66px;fill:none;stroke-linecap:round;stroke-linejoin:round}.page s,.recipe s{position:relative;text-decoration:none;white-space:nowrap}.page s:after,.recipe s:after{content:"";position:absolute;left:-3px;right:-3px;top:46%;height:.36em;background:currentColor;transform:rotate(-2deg);-webkit-mask:var(--x-once) 0 0 / 100% 100% no-repeat;mask:var(--x-once) 0 0 / 100% 100% no-repeat}.page s.twice:after,.recipe s.twice:after{top:38%;height:.5em;-webkit-mask-image:var(--x-twice);mask-image:var(--x-twice)}.page s.scratch:after,.recipe s.scratch:after{top:30%;height:.62em;transform:rotate(-1deg);-webkit-mask-image:var(--x-scratch);mask-image:var(--x-scratch)}.book,.recipe{--x-once: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 12' preserveAspectRatio='none'%3E%3Cpath d='M2 7C18 4 30 9 48 6S80 4 98 6' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--x-twice: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 14' preserveAspectRatio='none'%3E%3Cpath d='M2 5C20 3 34 7 52 4S82 3 98 5M3 10C22 8 40 12 58 9S86 8 97 10' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--x-scratch: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20' preserveAspectRatio='none'%3E%3Cpath d='M2 14L8 4L13 16L19 3L24 16L30 3L35 16L41 3L46 16L52 3L57 16L63 3L68 16L74 3L79 16L85 3L90 16L96 4L98 12' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");--tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 13C6 15 8 18 9 21C12 13 16 7 22 2' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E")}.check{display:inline-block;margin-right:22px;white-space:nowrap}.box{position:relative;display:inline-block;width:.72em;height:.72em;margin-right:7px;border:2px solid currentColor;border-radius:3px 5px 2px 4px;transform:rotate(-4deg)}.check.is-on .box:after{content:"";position:absolute;left:-3px;right:-9px;top:-11px;bottom:-2px;background:#e0533b;-webkit-mask:var(--tick) 0 0 / 100% 100% no-repeat;mask:var(--tick) 0 0 / 100% 100% no-repeat}.torn{position:absolute;inset:0 auto 0 0;width:44px;filter:drop-shadow(1px 1px 0 rgba(20,30,40,.14));pointer-events:none}.torn i{position:absolute;inset:0 auto 0 0;width:38px;background:radial-gradient(circle at var(--hole) 15px,rgba(43,51,59,.72) 0 4.5px,transparent 5.2px) 0 0 / 100% 26px repeat-y,#f7f3e8;clip-path:polygon(0 0,72% 0,94% 2%,66% 6%,88% 10%,61% 14%,83% 19%,70% 23%,97% 28%,64% 32%,86% 37%,60% 41%,92% 46%,69% 51%,87% 56%,59% 60%,90% 65%,70% 69%,95% 74%,63% 79%,85% 84%,67% 88%,91% 93%,72% 97%,80% 100%,0 100%)}.torn i+i{width:31px;background-color:#fbf8ef;clip-path:polygon(0 0,80% 0,62% 4%,90% 9%,70% 13%,95% 18%,64% 22%,85% 27%,58% 31%,88% 36%,72% 41%,96% 45%,61% 50%,84% 55%,66% 59%,93% 64%,60% 68%,87% 73%,69% 78%,94% 82%,62% 87%,86% 92%,70% 96%,90% 100%,0 100%)}.snap{position:relative;width:clamp(136px,46%,214px);margin:30px auto 0;padding:9px 9px 0;background:#fff;box-shadow:0 0 0 .5px #1e2b3a24,0 1px 2px #141e2829,0 7px 12px -7px #141e2861;translate:var(--nudge, 0);rotate:var(--tilt, 0deg)}.snap:before{content:"";position:absolute;top:-11px;left:50%;width:46%;height:22px;translate:-50% 0;rotate:var(--tape-turn, -3deg);background:color-mix(in srgb,var(--tape, #F2C94C) 62%,transparent);clip-path:polygon(0 0,100% 0,97% 25%,100% 50%,97% 75%,100% 100%,0 100%,3% 75%,0 50%,3% 25%)}#play-1 .snap{--tilt: 3deg;--nudge: 34%;--tape: #E0533B;--tape-turn: -4deg}#play-5 .snap{--tilt: -2.5deg;--nudge: -20%;--tape: #8FBCD4;--tape-turn: 3deg}#play-12 .snap{--tilt: -3.5deg;--nudge: 30%;--tape: #F2C94C;--tape-turn: 5deg}#play-23 .snap{--tilt: 2deg;--nudge: 6%;--tape: #E0533B;--tape-turn: -2deg}#play-50 .snap{--tilt: -2deg;--nudge: 28%;--tape: #8FBCD4;--tape-turn: -5deg}#play-100 .snap{--tilt: 1.5deg;--tape: #F2C94C;--tape-turn: 3deg}.snap.is-empty{padding-bottom:2.79rem}.snap.is-empty .photo{display:grid;place-items:center}.snap .todo{position:relative;font-size:32px;font-weight:700;line-height:1;color:var(--pen);rotate:-4deg}.snap .todo svg{position:absolute;left:-24px;top:-17px;width:calc(100% + 46px);height:calc(100% + 32px);fill:none;stroke:#e0533b;stroke-width:2.6;stroke-linecap:round;overflow:visible;rotate:6deg}.snap .todo path{vector-effect:non-scaling-stroke}.cover{position:relative;display:grid;place-items:center;border-radius:4px 12px 12px 4px;color:#1e2b3a;font-family:var(--hand);background:radial-gradient(circle at var(--hole) 15px,rgba(30,22,14,.75) 0 4.5px,transparent 5.2px) 0 0 / 100% 26px repeat-y,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25 0 0 0 0 .17 0 0 0 0 .08 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(160deg,#d4b58e,#c29e74 55%,#b8936a);box-shadow:inset 0 0 0 1px #3c28142e,inset -3px -4px #3c281424,0 16px 30px -18px #141e288c}.cover-label{position:relative;padding:26px 38px 20px;text-align:center;background:#fffefb;transform:rotate(-2.5deg);box-shadow:0 2px 5px #28190a40}.cover-label:before{content:"";position:absolute;top:-12px;left:50%;width:92px;height:24px;transform:translate(-50%) rotate(3deg);background:color-mix(in srgb,#F2C94C 70%,transparent)}.cover-label p{margin:0}.cover-title{font-size:54px;font-weight:700;line-height:1}.cover-sub{font-size:25px;color:#4f5d6c;margin-top:8px!important}.sticker{position:absolute;right:30px;bottom:34px;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;transform:rotate(-12deg);background:#e0533b;color:#fffefb;font-size:30px;font-weight:700;box-shadow:inset 0 0 0 3px #ffffff59,0 2px 3px #28190a4d}.journal.is-ready .leaves{gap:0;transform-style:preserve-3d;aspect-ratio:4 / 5}.journal.is-ready .leaf{grid-area:1 / 1;display:grid;transform-style:preserve-3d;transform-origin:var(--hole) 50%;transform:translate3d(calc(var(--d, 0) * 1px),calc(var(--d, 0) * 1.6px),calc(var(--z, 0) * 1px)) rotateY(var(--turn, 0deg));transition:transform 1.1s cubic-bezier(.45,.05,.4,.95)}.journal.is-ready .leaf.is-turned{--turn: -360deg}.journal.is-ready .face{grid-area:1 / 1;align-self:stretch;-webkit-backface-visibility:hidden;backface-visibility:hidden}.journal.is-ready .face.back{display:block;transform:rotateY(180deg);border-radius:8px 3px 3px 8px;background:radial-gradient(circle at calc(100% - var(--hole)) 15px,rgba(43,51,59,.72) 0 4.5px,transparent 5.2px) 0 0 / 100% 26px repeat-y,repeating-linear-gradient(180deg,transparent 0 calc(var(--rule) - 1.5px),rgba(143,188,212,.35) 0 var(--rule)) 0 calc(var(--head) + var(--rule-shift)),#f6f3ec}.journal.is-ready .face.back.inside-cover{background:radial-gradient(circle at calc(100% - var(--hole)) 15px,rgba(30,22,14,.75) 0 4.5px,transparent 5.2px) 0 0 / 100% 26px repeat-y,linear-gradient(160deg,#d9be9a,#c9a880)}.journal.no-anim .leaf{transition:none}.journal.is-ready .spiral{display:block;position:absolute;z-index:2;top:0;bottom:0;left:calc(var(--hole) - 30px);width:36px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='26'%3E%3ClinearGradient id='w' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='.4' stop-color='%23C3CAD1'/%3E%3Cstop offset='.75' stop-color='%237A848E'/%3E%3Cstop offset='1' stop-color='%234C555E'/%3E%3C/linearGradient%3E%3Cpath d='M7 13C4.5 8 10 4 17 4' fill='none' stroke='%2359626B' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M31 17.5C23 22 11 20 8 15' fill='none' stroke='%23000' stroke-opacity='.18' stroke-width='3.6' stroke-linecap='round'/%3E%3Cpath d='M30 15C22 19.5 10 18 7 13' fill='none' stroke='url(%23w)' stroke-width='3.4' stroke-linecap='round'/%3E%3C/svg%3E") 0 0 / 36px 26px repeat-y}.journal.is-ready .corner{display:block;position:absolute;right:0;bottom:0;width:44px;height:44px;cursor:pointer;border-radius:0 0 8px;background:linear-gradient(to top left,var(--desk) 0 50%,#E9E4D6 50% 100%);box-shadow:-3px -3px 6px -3px #141e2840;transition:width .2s,height .2s}.journal.is-ready .corner:hover{width:54px;height:54px}.journal.is-ready .cover{cursor:pointer}.journal.is-ready .hint{display:block;position:absolute;left:50%;bottom:40px;transform:translate(-50%) rotate(-3deg);font-size:26px;font-weight:700;color:#3e2c1a}.journal-nav{display:none}.journal.is-ready .journal-nav{display:flex;justify-content:center;align-items:center;gap:1.25rem;margin-top:1.75rem;font-family:var(--hand);font-size:1.5rem}.journal-nav button{font:inherit;font-weight:700;margin:0;padding:.15rem .6rem;border-radius:8px;background:none;color:var(--ink);white-space:nowrap}.journal-nav button:hover{background:none;color:var(--tomato)}.journal-nav button:disabled{opacity:.35;cursor:default;color:var(--ink)}.journal-count{min-width:6.5em;text-align:center;color:var(--ink-2)}@media (prefers-reduced-motion: reduce){.journal.is-ready .leaf{transition:none}}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.plain{padding-block:3.5rem 1rem;overflow-x:clip}.plain .col{max-width:764px}.plain h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.4rem,4vw,1.75rem);margin:0 0 1.75rem;line-height:1.3}.recipe{--rule: 30px;--rule-shift: 25px;--pen: #2A4A80;--print: #C2412D;position:relative;width:min(720px,100% - 32px);margin:0 auto;padding:28px 34px 30px;border-radius:4px;color:#1e2b3a;background:#fffdf7;box-shadow:0 1px 2px #141e281f,0 16px 32px -20px #141e2873;transform:rotate(-.7deg)}.recipe:before,.recipe:after{content:"";position:absolute;top:-10px;width:84px;height:22px;background:color-mix(in srgb,#8FBCD4 60%,transparent)}.recipe:before{left:-16px;transform:rotate(-28deg)}.recipe:after{right:-16px;transform:rotate(26deg)}.recipe .label{font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--print)}.recipe-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;margin:0 0 22px;padding-bottom:18px;border-bottom:4px double color-mix(in srgb,var(--print) 60%,transparent)}.recipe-meta div{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid rgba(30,43,58,.22);min-width:0}.recipe-meta dt{white-space:nowrap}.recipe-meta dd{margin:0;font:700 25px/1.35 var(--hand);color:var(--pen)}.recipe-meta .first dd{color:#1e2b3a}.recipe-body{font:500 22px/var(--rule) var(--hand);background:repeating-linear-gradient(180deg,transparent 0 calc(var(--rule) - 1.5px),rgba(143,188,212,.55) 0 var(--rule)) 0 var(--rule-shift)}.recipe-body .label{margin:0;line-height:var(--rule)}.ingredients,.method{list-style:none;margin:0;padding:0}.ingredients li{display:grid;grid-template-columns:4.4em minmax(0,1fr)}.ingredients .qty{color:#e0533b;font-weight:700}.ingredients strong{display:block;font-weight:700}.ingredients .desc{display:block;color:var(--pen)}.method{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;counter-reset:step}.recipe-body .method-label{margin-top:var(--rule)}.method li{counter-increment:step;display:grid;grid-template-columns:1.5em minmax(0,1fr);color:var(--pen)}.method li:before{content:counter(step) ".";color:#e0533b;font-weight:700}.stain{position:absolute;right:18px;bottom:8px;width:118px;height:118px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 0 55%,rgba(139,94,52,.13) 57%,rgba(139,94,52,.05) 61%,transparent 64%),radial-gradient(circle at 46% 54%,transparent 0 58%,rgba(139,94,52,.07) 60%,transparent 63%)}.join{padding-block:4.5rem 5.5rem;background:var(--tiles),var(--paper);border-top:1px solid var(--line)}.card{--ink: #1E2B3A;--ink-2: #46525F;--paper: #FFFDF2;--line: rgba(30,43,58,.3);--tomato: #E0533B;color-scheme:light;position:relative;max-width:540px;margin:0 auto;padding:2.4rem 1.7rem 1.7rem;color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 30%),linear-gradient(180deg,transparent 88%,rgba(120,90,0,.07)),#fff09a;border-radius:2px 2px 3px 14px/2px 2px 3px 6px;box-shadow:0 1px 1px #503c0026,6px 20px 22px -14px #3c2d0073,-4px 14px 18px -16px #3c2d004d;transform:rotate(-2.4deg)}.card:before{content:"";position:absolute;top:-19px;left:50%;width:150px;height:38px;transform:translate(-50%) rotate(-4deg);background:linear-gradient(180deg,rgba(0,0,0,.09) 0 1px,transparent 1px calc(100% - 1px),rgba(0,0,0,.12) calc(100% - 1px)),linear-gradient(180deg,transparent 18%,rgba(255,255,255,.55) 20% 25%,transparent 27%),linear-gradient(180deg,#e6e6dddb,#d2d2c7cc);clip-path:polygon(0 4%,4% 0,7% 9%,96% 0,100% 12%,97% 30%,100% 52%,96% 74%,100% 100%,5% 96%,0 100%,3% 76%,0 54%,4% 31%)}.card h2{font-family:var(--hand);font-weight:700;font-size:2.3rem;line-height:1.1;margin:0 0 .5rem;text-wrap:balance;transform:rotate(-1deg);transform-origin:left}.card>div>p{color:var(--ink-2);margin:0 0 1.25rem;font-size:.98rem}form{display:grid;gap:.75rem}label{font-family:var(--hand);font-size:1.3rem;line-height:1.1;color:var(--ink);display:grid;gap:.35rem}input,select{font:inherit;font-family:var(--sans);font-size:1rem;color:var(--ink);background:#ffffffb3;border:1.5px solid var(--line);border-radius:5px;padding:.7rem .85rem;width:100%;min-width:0}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--tomato);outline-offset:2px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:end}select:invalid{color:#6b7480}select option{color:#1e2b3a}button{font:inherit;font-weight:600;font-size:1rem;background:var(--ink);color:var(--paper);border:0;border-radius:999px;padding:.85rem 1rem;cursor:pointer;margin-top:.25rem}button:hover{background:var(--tomato)}button:disabled{opacity:.7;cursor:progress}.err{color:#a8321f;font-size:.9rem;margin:-.35rem 0 0}.consent{display:flex;align-items:flex-start;gap:.6rem;margin-top:.2rem;font-family:var(--sans);font-size:.86rem;line-height:1.45;color:var(--ink-2)}.consent input{width:1.15rem;height:1.15rem;margin:.12rem 0 0;padding:0;flex:none;accent-color:#1E2B3A}.fine{margin:-.35rem 0 0;padding-left:1.75rem;font-size:.86rem;line-height:1.45}.fine a{color:var(--ink-2);text-underline-offset:3px}.fine a:hover{color:#a8321f}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.turnstile:empty{display:none}.text-btn{background:none;color:var(--ink);padding:0;margin:0 1.2rem 0 0;border-radius:4px;font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.text-btn:hover{background:none;color:var(--tomato)}.done-msg h2{margin-bottom:.5rem;outline:none}.done-msg p{margin:0 0 .75rem;color:var(--ink-2)}.done-msg .note{font-size:.9rem;min-height:1.3em}.done-msg .hand{font-family:var(--hand);font-size:1.45rem;color:var(--ink);line-height:1.3}footer{border-top:1px solid var(--line);padding-block:1.75rem 2.25rem}footer p{margin:0;font-size:.82rem;color:var(--ink-2)}footer a{color:var(--ink);text-decoration-color:color-mix(in srgb,currentColor 30%,transparent);text-underline-offset:3px}footer a:hover{color:var(--tomato);text-decoration-color:currentColor}footer a:focus-visible,.fine a:focus-visible{outline:2px solid var(--tomato);outline-offset:2px;border-radius:2px}.wordmark{font-family:"Shrikhand",var(--serif);font-size:1.05rem;color:var(--ink)}.wordmark b{color:var(--tomato);font-weight:400}@media (max-width: 820px){.hero{grid-template-columns:1fr;gap:2.25rem;padding-block:2.5rem 3.5rem}.board{max-width:440px}.fridge{padding-top:1.25rem;padding-inline:max(10px,env(safe-area-inset-left,0px)) max(10px,env(safe-area-inset-right,0px))}.appliance{border-radius:36px 36px 0 0}.freezer{border-radius:36px 36px 8px 8px}.appliance .wide{padding-left:20px;padding-right:40px}.handle{right:14px;width:12px}.handle:before{left:-3px;right:-3px;height:16px}.door:before{left:22px;width:34px}header{padding-block:1.6rem 2.2rem}}@media (max-width: 460px){.row2{grid-template-columns:1fr}.board{gap:1.3rem 1rem}.book{--rule: 28px;--rule-shift: 24px;--head: 84px;--margin: 44px;--hole: 12px;width:calc(100% - 36px)}.page{font-size:21px;padding-left:calc(var(--margin) + 12px);padding-right:16px}.page-head .no{font-size:38px}.doodle{width:50px;height:50px}.journal .snap{translate:none;margin-top:24px}.snap.is-empty{padding-bottom:2.55rem}.snap .todo{font-size:26px}.cover-title{font-size:44px}.cover-label{padding:22px 28px 16px}.sticker{width:60px;height:60px;font-size:25px;right:22px;bottom:26px}.journal.is-ready .journal-nav{gap:.25rem;font-size:1.3rem}.recipe{--rule: 28px;--rule-shift: 23px;padding:24px 18px 26px;transform:none}.recipe-meta{grid-template-columns:1fr;gap:8px}.recipe-meta dd{font-size:23px}.recipe-body{font-size:20px}.ingredients li{grid-template-columns:3.9em minmax(0,1fr)}.method{grid-template-columns:1fr}.stain{width:92px;height:92px;right:8px;bottom:6px}.recipe:before,.recipe:after{width:60px;height:20px;top:-9px}.recipe:before{left:-8px}.recipe:after{right:-8px}.journal-count{min-width:0}.cap{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-inline:0}.card{transform:rotate(-1.4deg);padding-inline:1.3rem}.card h2{font-size:2rem}.book{width:auto;margin-inline:32px 18px}.chalkboard{padding:1.2rem 1.1rem 1.1rem;border-width:10px 10px 14px}.sheet{padding:2.2rem 1.4rem 1.8rem}}