:root{--cream:#fff6ea;--paper:#fffdf8;--pink:#ffd3e0;--pink-soft:#ffe4ec;--blush:#ff9fb8;--hot-pink:#f2688c;--brown:#8a5a44;--brown-dark:#5f3c2c;--green:#a9d29c;--green-dark:#5f9450;--green-soft:#eaf6e2;--yellow:#ffe3a9;--font-pixel:"Pixelify Sans", "Courier New", monospace;--font-body:Verdana, Geneva, "Quicksand", sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--brown-dark);font-family:var(--font-body);background-color:var(--cream);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Crect width='140' height='140' fill='%23fff6ea'/%3E%3Cg opacity='0.55'%3E%3Cg transform='translate(18,14)'%3E%3Cpath d='M6 13 C2.5 10.5 1 7.5 1 5 C1 2.8 3 1.5 6 1.5 C9 1.5 11 2.8 11 5 C11 7.5 9.5 10.5 6 13 Z' fill='%23ffb9c9'/%3E%3Cpath d='M6 0 L3.5 2 L6 3.2 L8.5 2 Z' fill='%23b5d9a5'/%3E%3Ccircle cx='4.2' cy='5' r='0.6' fill='%23fff2d9'/%3E%3Ccircle cx='7.8' cy='5.5' r='0.6' fill='%23fff2d9'/%3E%3Ccircle cx='6' cy='8.5' r='0.6' fill='%23fff2d9'/%3E%3C/g%3E%3Cpath transform='translate(92,36)' d='M5 8 C1.5 5.5 0 3 1.5 1.5 C3 0.2 4.6 1 5 2.2 C5.4 1 7 0.2 8.5 1.5 C10 3 8.5 5.5 5 8 Z' fill='%23ffc2d1'/%3E%3Cpath transform='translate(56,82)' d='M4 0 L5 3 L8 4 L5 5 L4 8 L3 5 L0 4 L3 3 Z' fill='%23ffd98e'/%3E%3Cg transform='translate(114,110)'%3E%3Ccircle cx='0' cy='-3.2' r='2.2' fill='%23ffc9d8'/%3E%3Ccircle cx='3.2' cy='0' r='2.2' fill='%23ffc9d8'/%3E%3Ccircle cx='0' cy='3.2' r='2.2' fill='%23ffc9d8'/%3E%3Ccircle cx='-3.2' cy='0' r='2.2' fill='%23ffc9d8'/%3E%3Ccircle cx='0' cy='0' r='1.6' fill='%23ffe08a'/%3E%3C/g%3E%3Cpath transform='translate(120,66) scale(0.6)' d='M4 0 L5 3 L8 4 L5 5 L4 8 L3 5 L0 4 L3 3 Z' fill='%23c7e3ba'/%3E%3Cpath transform='translate(30,112) scale(0.7)' d='M5 8 C1.5 5.5 0 3 1.5 1.5 C3 0.2 4.6 1 5 2.2 C5.4 1 7 0.2 8.5 1.5 C10 3 8.5 5.5 5 8 Z' fill='%23ffd7b0'/%3E%3C/g%3E%3C/svg%3E");margin:0;font-size:13.5px;line-height:1.6;position:relative}.ascii-wallpaper{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ascii-doodle{white-space:pre;letter-spacing:0;color:#f2688c7a;text-shadow:1px 1px #fffdf8d9;margin:0;font-family:Courier New,monospace;font-weight:700;line-height:1.08;position:absolute}.ascii-teapot{font-size:15px;top:154px;right:max(8px,50vw - 654px);transform:rotate(5deg)}.ascii-coffee{color:#5f945075;font-size:13px;bottom:106px;left:max(18px,50vw - 624px);transform:rotate(-6deg)}.ascii-candy{color:#ff9fb875;font-size:12px;top:112px;left:max(16px,50vw - 628px);transform:rotate(-5deg)}.ascii-chocolate{color:#8a5a446b;font-size:13px;bottom:34px;right:max(18px,50vw - 638px);transform:rotate(3deg)}.ascii-apple{color:#5f94507a;font-size:13px;top:438px;left:max(20px,50vw - 568px);transform:rotate(7deg)}.site{z-index:1;max-width:880px;margin:0 auto;padding:28px 20px 40px;position:relative}.banner{margin-bottom:18px}.banner-inner{background:var(--pink);border:3px solid var(--brown);box-shadow:inset 0 0 0 4px var(--paper), inset 0 0 0 6px var(--blush);border-bottom:none;border-radius:12px 12px 0 0;justify-content:center;align-items:center;gap:22px;padding:24px 20px 16px;display:flex}.banner-scallops{background-image:radial-gradient(circle at 13px -3px, var(--pink) 12px, transparent 13px);height:15px;filter:drop-shadow(0 2px 0 var(--brown));background-repeat:repeat-x;background-size:26px 15px}.banner-text{text-align:center}.site-title{font-family:var(--font-pixel);color:var(--hot-pink);text-shadow:2px 2px #fff,4px 4px #8a5a4440;letter-spacing:1px;margin:0;font-size:clamp(30px,6vw,44px);font-weight:700}.site-subtitle{color:var(--brown);margin:4px 0 0;font-size:12px;font-weight:700}.twinkle{color:var(--yellow);text-shadow:1px 1px 0 var(--brown);animation:1.4s steps(2,end) infinite twinkle;display:inline-block}.twinkle.t2{animation-delay:.7s}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.25}}.blink{animation:1s steps(2,end) infinite blink}@keyframes blink{0%,to{visibility:visible}50%{visibility:hidden}}.bounce{animation:1.8s ease-in-out infinite bounce}.bounce.b2{animation-delay:.9s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.journal{--journal-page-height:405px;background:var(--paper);border:3px solid var(--brown);border-radius:10px;padding:0 0 20px;position:relative;box-shadow:6px 6px #8a5a4440}.journal-scallops{background-image:radial-gradient(circle at 12px 14px, var(--pink) 11px, transparent 12px);background-repeat:repeat-x;background-size:24px 14px;background-color:var(--pink-soft);border-radius:7px 7px 0 0;height:14px}.journal-header{text-align:center;font-family:var(--font-pixel);color:var(--brown-dark);letter-spacing:1px;padding:10px 0 4px;font-size:24px}.new-badge{font-family:var(--font-pixel);color:#fff;background:var(--hot-pink);border:2px solid var(--brown-dark);margin-left:10px;padding:0 6px;font-size:13px;display:inline-block;transform:rotate(-6deg)translateY(-6px)}.corner-icon{width:var(--corner-size,48px);height:var(--corner-size,48px);object-fit:contain;image-rendering:pixelated;filter:drop-shadow(1px 1px #8a5a444d);pointer-events:none;z-index:2;position:absolute}.c-tl{--corner-size:52px;top:-34px;left:-28px;transform:rotate(-12deg)}.c-tr{--corner-size:58px;top:-35px;right:-32px;transform:rotate(12deg)}.c-bl{--corner-size:52px;bottom:-33px;left:-27px;transform:scaleX(-1)rotate(-8deg)}.c-br{--corner-size:58px;bottom:-38px;right:-30px;transform:rotate(-10deg)}.rating-tabs{z-index:4;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px 0;display:flex;position:relative;overflow:visible}.rating-tab{--note-bg:#fff1a8;--note-accent:var(--hot-pink);--note-tilt:-1deg;--tape-tilt:1deg;border:2px solid var(--brown);background:repeating-linear-gradient(transparent 0 15px, #ff9fb847 15px 16px), radial-gradient(circle at calc(100% - 8px) 8px, #fffc 0 2px, transparent 3px), var(--note-bg);min-width:68px;min-height:38px;color:var(--brown-dark);font-family:var(--font-pixel);cursor:pointer;transform-origin:50%;transform:rotate(var(--note-tilt));border-bottom-width:3px;border-radius:6px 6px 4px 4px;flex:none;justify-content:center;align-items:center;gap:6px;padding:6px 10px 5px 11px;font-size:14px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 2px #ffffff73,3px 3px #8a5a442e}.rating-tab:before{content:"";width:30px;height:11px;transform:translateX(-50%) rotate(var(--tape-tilt));background:repeating-linear-gradient(45deg,#ffffff8c 0 5px,#ffb7cb8c 5px 10px);border:1px dashed #8a5a4452;position:absolute;top:-8px;left:50%}.rating-tab:after{content:"♡";color:var(--note-accent);font-family:var(--font-pixel);text-shadow:1px 1px 0 var(--paper);font-size:15px;line-height:1;position:absolute;bottom:-11px;right:6px}.rating-tab:nth-child(3n+1){--note-bg:#fff1a8;--note-accent:var(--hot-pink);--note-tilt:-1.5deg;--tape-tilt:1.5deg}.rating-tab:nth-child(3n+2){--note-bg:#ffdbe8;--note-accent:var(--green-dark);--note-tilt:1.5deg;--tape-tilt:-1.5deg}.rating-tab:nth-child(3n){--note-bg:#e9f6d8;--note-accent:var(--hot-pink);--note-tilt:-1deg;--tape-tilt:1deg}.rating-tab:hover{color:var(--hot-pink);transform:translateY(-2px)rotate(0)}.rating-tab.is-active{--note-bg:var(--paper);color:var(--hot-pink);border-bottom-color:var(--hot-pink);box-shadow:inset 0 0 0 2px var(--pink-soft), 3px 4px 0 #8a5a443d;transform:translateY(-3px)rotate(0)}.rating-tab-berries{color:var(--hot-pink);letter-spacing:0;text-shadow:1px 1px #fffdf8e6;white-space:nowrap;font-size:12px;line-height:1;display:block}@media (width>=960px){.rating-tabs{flex-direction:column;align-items:flex-start;gap:9px;padding:0;position:absolute;top:48px;right:-88px}.rating-tab{transform-origin:0;border-left:0;border-radius:0 6px 6px 0;width:88px;min-width:88px;padding:7px 9px 6px 12px;box-shadow:inset 0 0 0 2px #ffffff73,4px 4px #8a5a4433}.rating-tab:before{width:12px;height:27px;top:7px;left:-10px;transform:rotate(0)}.rating-tab:after{bottom:-8px;right:8px}.rating-tab:hover{transform:translate(4px)rotate(0)}.rating-tab.is-active{transform:translate(7px)rotate(0)}}.page-stage{height:var(--journal-page-height);perspective:1800px;perspective-origin:50% 18%;--flip-duration:.8s;isolation:isolate;position:relative;overflow:visible}.page-stage.is-flipping{z-index:5}.page-base{z-index:1;height:100%;position:relative}.flip-shade{pointer-events:none;background:linear-gradient(#8a5a4459,#8a5a441a 45%,#0000 70%);border-radius:10px;position:absolute;inset:0}.shade-fwd{animation:shade-lift var(--flip-duration) ease forwards}.shade-back{animation:shade-land var(--flip-duration) ease forwards}@keyframes shade-lift{0%{opacity:1}to{opacity:0}}@keyframes shade-land{0%{opacity:0}45%{opacity:.9}to{opacity:0}}.page-leaf{z-index:5;transform-style:preserve-3d;transform-origin:top;pointer-events:none;will-change:transform;position:absolute;inset:0}.page-leaf:before{content:"";z-index:-1;pointer-events:none;filter:blur(12px);opacity:0;background:radial-gradient(at 50% 88%,#5f3c2c57,#0000 66%),linear-gradient(#0000,#5f3c2c29);border-radius:16px;position:absolute;inset:20px 18px -8px;transform:translate3d(0,18px,-28px)scale(.94)}.page-leaf:after{content:"";z-index:4;pointer-events:none;opacity:.58;background:linear-gradient(#5f3c2c33,#fffdf857 42%,#0000);height:26px;position:absolute;top:-1px;left:8px;right:8px;transform:translateZ(10px)}.leaf-face{backface-visibility:hidden;background:var(--paper);border-radius:10px;position:absolute;inset:0;overflow:hidden;box-shadow:0 18px 30px #8a5a4442,inset 0 0 0 1px #8a5a4417}.leaf-face:after{content:"";pointer-events:none;opacity:.75;background:linear-gradient(#5f3c2c29,#0000 15% 72%,#ffffff6b 83%,#5f3c2c2e);position:absolute;inset:0}.leaf-face-back{background:linear-gradient(90deg,#0000 42px,#ff69964d 42px 43px,#0000 43px),repeating-linear-gradient(#0000 0 26px,#ff8caa38 26px 27px),linear-gradient(#fffaf3,#fff2ea);justify-content:center;align-items:center;display:flex;transform:rotateX(180deg)}.leaf-back-doodle{opacity:.35;letter-spacing:8px;font-size:34px;transform:rotate(-8deg)}.leaf-glare{pointer-events:none;opacity:0;background:linear-gradient(105deg,#0000 30%,#ffffff8c 48%,#ffb7cb40 55%,#0000 70%);position:absolute;inset:0}.page-leaf .leaf-glare{animation:glare-sweep var(--flip-duration) ease forwards}.leaf-edge{z-index:3;pointer-events:none;opacity:0;transform-origin:bottom;background:linear-gradient(#fffdf800,#fffdf8db 34%,#ffe4ecc7 58%,#5f3c2c3d);border-radius:0 0 12px 12px;height:22px;position:absolute;bottom:-8px;left:10px;right:10px;transform:translateZ(14px)scaleY(.22);box-shadow:0 8px 15px #5f3c2c29,inset 0 -2px #8a5a442e}.leaf-curl{--curl-size:112px;z-index:4;width:var(--curl-size);height:var(--curl-size);pointer-events:none;clip-path:polygon(100% 100%,12% 100%,20% 78%,32% 60%,48% 43%,66% 26%,100% 0);filter:drop-shadow(-4px -7px 5px #5f3c2c1f);opacity:0;transform-origin:100% 100%;background:radial-gradient(at 90% 90%,#fffffffa 0 18%,#0000 19%),radial-gradient(at 45%,#ffffff94,#0000 56%),linear-gradient(45deg,#fffdf8 0 32%,#fff1f5 46%,#e5b29e 68%,#8a5a44 100%);border-radius:100% 0 10px;position:absolute;bottom:-1px;right:-1px;transform:translate3d(6px,3px,18px)rotate(-2deg)skew(0)scale(.12);box-shadow:-12px -15px 18px #5f3c2c2e,inset -3px -3px #ffffffbd,inset -20px -20px 22px #5f3c2c2e}.leaf-curl:before{content:"";opacity:.75;background:radial-gradient(at 100% 100%,#0000 0 34%,#5f3c2c38 35%,#0000 42%),linear-gradient(45deg,#0000 0 46%,#5f3c2c3d 48%,#0000 54%);border-radius:100% 0 0;width:88%;height:88%;position:absolute;inset:auto 8px 8px auto}.leaf-curl:after{content:"";filter:blur(2px);transform-origin:100%;background:linear-gradient(270deg,#5f3c2c3d,#0000 78%);border-radius:999px;width:104px;height:12px;position:absolute;bottom:18px;right:17px;transform:rotate(43deg)}@keyframes glare-sweep{0%{opacity:0;transform:translate3d(0,32%,2px)}50%{opacity:.55}to{opacity:0;transform:translate3d(0,-32%,2px)}}@keyframes leaf-turn-fwd{0%{opacity:1;transform:rotateX(0)}38%{opacity:1}60%{opacity:0}to{opacity:0;transform:rotateX(180deg)}}.turn-fwd .leaf-face{animation:leaf-fade-out var(--flip-duration) linear forwards}.turn-fwd .leaf-face-front{animation:leaf-fade-out var(--flip-duration) linear forwards, page-corner-flex-fwd var(--flip-duration) ease forwards}@keyframes leaf-fade-out{0%,68%{opacity:1}to{opacity:0}}@keyframes page-corner-flex-fwd{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}14%{clip-path:polygon(0 0,100% 0,100% 98%,93% 100%,0 100%)}38%{clip-path:polygon(0 0,100% 0,100% 94%,84% 100%,0 100%)}68%{clip-path:polygon(0 0,100% 0,100% 98%,92% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes leaf-shadow-fwd{0%,to{opacity:0;transform:translate3d(0,6px,-18px)scale(.96)}50%{opacity:.28;transform:translate3d(0,16px,-18px)scale(1)}}@keyframes leaf-edge-fwd{0%,to{opacity:.24;transform:translateZ(4px)scaleY(.65)}50%{opacity:.62;transform:translate3d(0,2px,5px)scaleY(1)}}@keyframes corner-curl-fwd{0%,to{opacity:0;transform:translate3d(-50%,0,5px)scaleX(.62)scaleY(.28)}46%,58%{opacity:.52;transform:translate3d(-50%,-4px,5px)scaleX(1)scaleY(.92)}}@keyframes leaf-turn-back{0%{opacity:0;transform:rotateX(180deg)}28%{opacity:1}to{opacity:1;transform:rotateX(0)}}.turn-back .leaf-face{animation:leaf-fade-in var(--flip-duration) linear forwards}.turn-back .leaf-face-front{animation:leaf-fade-in var(--flip-duration) linear forwards, page-corner-flex-back var(--flip-duration) ease forwards}@keyframes leaf-fade-in{0%{opacity:0}26%,to{opacity:1}}@keyframes page-corner-flex-back{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}30%{clip-path:polygon(0 0,100% 0,100% 97%,90% 100%,0 100%)}62%{clip-path:polygon(0 0,100% 0,100% 94%,84% 100%,0 100%)}88%{clip-path:polygon(0 0,100% 0,100% 98%,93% 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes leaf-shadow-back{0%,to{opacity:0;transform:translate3d(0,6px,-18px)scale(.96)}50%{opacity:.28;transform:translate3d(0,16px,-18px)scale(1)}}@keyframes leaf-edge-back{0%,to{opacity:.24;transform:translateZ(4px)scaleY(.65)}50%{opacity:.62;transform:translate3d(0,2px,5px)scaleY(1)}}@keyframes corner-curl-back{0%,to{opacity:0;transform:translate3d(-50%,0,5px)scaleX(.62)scaleY(.28)}42%,54%{opacity:.52;transform:translate3d(-50%,-4px,5px)scaleX(1)scaleY(.92)}}.page-stage.is-fast-browsing{--flip-duration:.42s;perspective-origin:50% 3%}.page-leaf{transform-origin:50% 0}.page-leaf:before{filter:blur(10px);background:radial-gradient(at 50% 88%,#5f3c2c3d,#0000 68%),linear-gradient(#0000 38%,#5f3c2c1f);inset:18px 16px -2px;transform:translate3d(0,12px,-24px)scale(.95)}.page-leaf:after{opacity:.54;background:linear-gradient(#5f3c2c38,#fffdf861 38%,#0000);height:18px;top:-1px;left:0;right:0}.leaf-face{box-shadow:0 15px 28px #8a5a4438,inset 0 0 0 1px #8a5a4414}.leaf-glare{background:linear-gradient(#0000 30%,#ffb7cb38 45%,#ffffff7a 52%,#0000 70%)}.leaf-edge{background:linear-gradient(#fffdf833,#fffdf8e6 38%,#ffe4ecbf 68%,#5f3c2c33);border-radius:0 0 10px 10px;height:16px;bottom:-3px;left:0;right:0;transform:translateZ(16px)scaleY(.5);box-shadow:0 7px 12px #5f3c2c1f,inset 0 -1px #8a5a4429}.leaf-curl{--curl-width:min(260px, 54%);--curl-height:54px;width:var(--curl-width);height:var(--curl-height);clip-path:ellipse(50% 78% at 50% 100%);filter:drop-shadow(0 -4px 3px #5f3c2c1a);transform-origin:bottom;background:radial-gradient(at 50% 100%,#fffffffa 0 22%,#0000 23%),radial-gradient(at 50% 22%,#ffffff80,#0000 64%),linear-gradient(0deg,#8a5a44 0,#dca792 26%,#fff1f5 56%,#fffdf8 100%);border-radius:50% 50% 10px 10px/95% 95% 12px 12px;bottom:-2px;left:50%;right:auto;transform:translate3d(-50%,2px,20px)scaleX(.42)scaleY(.18);box-shadow:0 -8px 12px #5f3c2c24,inset 0 -2px #ffffffb8,inset 0 -16px 17px #5f3c2c29}.leaf-curl:before{opacity:.68;background:radial-gradient(at 50% 100%,#0000 0 38%,#5f3c2c2e 40%,#0000 58%);border-radius:999px;width:auto;height:16px;inset:auto 12% 8px}.leaf-curl:after{opacity:.7;background:radial-gradient(#5f3c2c38,#0000 72%);width:auto;height:10px;bottom:14px;left:8%;right:8%;transform:none}.page-stage{perspective:1700px;perspective-origin:50% 0;--flip-duration:.72s}.page-stage.is-fast-browsing{--flip-duration:.32s}.page-leaf{transform-origin:50% 0;transform-style:preserve-3d;will-change:transform}.page-leaf:before{filter:none;will-change:opacity, transform;background:linear-gradient(#0000 42%,#5f3c2c29);border-radius:10px;inset:18px 14px 8px;transform:translate3d(0,8px,-18px)}.page-leaf:after{opacity:.46;background:linear-gradient(#5f3c2c33,#fffdf838,#0000);height:12px;left:0;right:0}.leaf-face{contain:paint;transform:translateZ(0);box-shadow:0 10px 18px #8a5a4433,inset 0 0 0 1px #8a5a4414}.leaf-face:after{opacity:.45;background:linear-gradient(#5f3c2c1a,#0000 18% 76%,#ffffff47 88%,#5f3c2c1f)}.leaf-face-back{transform:rotateX(180deg)translateZ(1px)}.page-leaf .page-title,.page-leaf .twinkle,.page-leaf .blink,.page-leaf .bounce,.page-leaf .rating-berry{transition:none;animation:none}.page-leaf .rating,.page-leaf .rating-berry{backface-visibility:hidden}.leaf-glare{will-change:opacity, transform;background:linear-gradient(#0000 28%,#ffb7cb2e 42%,#ffffff61 50%,#0000 72%)}.leaf-edge{will-change:opacity, transform;background:linear-gradient(#fffdf88c,#ffe4ecb8,#5f3c2c2e);border-radius:0 0 10px 10px;height:10px;bottom:-2px;left:0;right:0;transform:translateZ(4px)scaleY(.65);box-shadow:inset 0 -1px #8a5a4424}.leaf-curl{--curl-width:min(320px, 62%);--curl-height:24px;width:var(--curl-width);height:var(--curl-height);clip-path:none;filter:none;transform-origin:bottom;will-change:opacity, transform;background:radial-gradient(at 50% 100%,#ffffffdb 0 24%,#0000 25%),linear-gradient(#fffdf8f5,#ffe4ecc2 52%,#8a5a445c);border-radius:999px;bottom:-5px;left:50%;right:auto;transform:translate3d(-50%,0,5px)scaleX(.62)scaleY(.28);box-shadow:0 -3px 5px #5f3c2c1a,inset 0 -8px 10px #5f3c2c1f}.leaf-curl:before,.leaf-curl:after{display:none}.turn-fwd{animation:leaf-turn-fwd var(--flip-duration) cubic-bezier(.5, .08, .35, 1) forwards}.turn-back{animation:leaf-turn-back var(--flip-duration) cubic-bezier(.3, .6, .25, 1) forwards}.turn-fwd .leaf-face,.turn-fwd .leaf-face-front,.turn-back .leaf-face,.turn-back .leaf-face-front{animation:none}.turn-fwd:before{animation:leaf-shadow-fwd var(--flip-duration) linear forwards}.turn-back:before{animation:leaf-shadow-back var(--flip-duration) linear forwards}.turn-fwd .leaf-edge{animation:leaf-edge-fwd var(--flip-duration) linear forwards}.turn-back .leaf-edge{animation:leaf-edge-back var(--flip-duration) linear forwards}.turn-fwd .leaf-curl{animation:corner-curl-fwd var(--flip-duration) linear forwards}.turn-back .leaf-curl{animation:corner-curl-back var(--flip-duration) linear forwards}@keyframes mobile-page-fade-out{0%{opacity:1}to{opacity:0}}@keyframes mobile-page-fade-in{0%{opacity:0}to{opacity:1}}.page{grid-template-columns:300px 1fr;align-items:start;gap:26px;height:100%;padding:18px 28px 8px;display:grid;overflow:hidden}.page-empty{text-align:center;grid-template-columns:1fr;place-items:center;min-height:360px}.empty-sticker{font-family:var(--font-pixel);color:var(--blush);text-shadow:2px 2px 0 var(--pink-soft);font-size:48px;display:inline-block;transform:rotate(-8deg)}.photo-side{justify-content:center;display:flex}.polaroid{background:#fff;border:2px solid #ecd9c8;width:100%;max-width:280px;margin:14px 0 0;padding:10px 10px 8px;position:relative;transform:rotate(-2.2deg);box-shadow:3px 4px #8a5a4433}.tape{background:#ffb7cba6;border-left:1px dashed #fffc;border-right:1px dashed #fffc;width:64px;height:22px;position:absolute;top:-12px}.tape-left{left:-18px;transform:rotate(-38deg)}.tape-right{right:-18px;transform:rotate(38deg)}.photo{aspect-ratio:1;background:#fffaf3;border:2px dashed #8a5a444d;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.photo.has-image{background:repeating-linear-gradient(-45deg,#ffd3e04d 0 10px,#eaf6e259 10px 20px),#fffaf3;border-style:solid;border-color:#8a5a4438}.photo.has-image:before{content:"";z-index:0;opacity:0;pointer-events:none;background:linear-gradient(100deg,#0000 22%,#ffffffd1 48%,#0000 74%) 0 0/180% 100%;position:absolute;inset:0;transform:translate(-42%)}.photo.has-image.is-loading:before{opacity:1;animation:1.2s ease-in-out infinite photo-loading-sweep}.photo-loading-label{z-index:1;color:var(--hot-pink);font-family:var(--font-pixel);background:#fffdf8d1;border:2px dashed #f2688c73;align-items:center;gap:6px;padding:6px 10px;font-size:16px;display:inline-flex;position:relative;box-shadow:2px 2px #8a5a441f}.photo-loading-label:before{content:"🍓";animation:.72s steps(2,end) infinite photo-loading-pop;display:inline-block}.photo-empty-label{z-index:1;font-family:var(--font-pixel);color:#8a5a448c;text-align:center;padding:0 8px;font-size:18px;position:relative}.recipe-photo{z-index:2;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .22s,transform .22s;display:block;position:absolute;inset:0;transform:scale(1.02)}.photo.is-loaded .recipe-photo{opacity:1;transform:scale(1)}.photo.is-failed .recipe-photo{display:none}@keyframes photo-loading-sweep{0%{transform:translate(-58%)}to{transform:translate(58%)}}@keyframes photo-loading-pop{0%,to{transform:translateY(0)rotate(-8deg)}50%{transform:translateY(-2px)rotate(8deg)}}.photo-caption{text-align:center;font-family:var(--font-pixel);color:var(--brown);padding-top:6px;font-size:16px}.page-details{flex-direction:column;min-width:0;height:100%;min-height:0;padding-top:6px;padding-right:4px;display:flex;overflow:hidden}.page-heading{flex:none;grid-template-columns:minmax(0,1fr) max-content;align-items:start;gap:10px;display:grid}.page-heading-copy{min-width:0}.page-actions{flex-direction:column;align-items:flex-end;gap:6px;max-width:150px;display:flex}.page-title{font-family:var(--font-pixel);color:var(--hot-pink);text-shadow:1.5px 1.5px 0 var(--pink-soft);transform-origin:0;overflow-wrap:anywhere;margin:0;font-size:30px;animation:2.8s ease-in-out infinite title-float;display:block}.page-date{color:var(--brown);margin:2px 0 0;font-size:11px;font-weight:700}.recipe-link{background:var(--green-soft);border:3px outset var(--green);max-width:100%;color:var(--green-dark);text-align:center;justify-content:center;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;line-height:1.2;text-decoration:underline;display:inline-flex}.recipe-link:hover{background:#f4fbee}.recipe-link:active{border-style:inset}.field{flex:none;margin-top:12px}.field-label{font-family:var(--font-pixel);color:var(--brown);margin-bottom:4px;font-size:16px;display:block}.rating{background:var(--pink-soft);border:2px dashed var(--blush);align-items:center;gap:2px;width:fit-content;padding:6px 12px;display:flex}.rating-berry{cursor:pointer;filter:grayscale()opacity(.35);background:0 0;border:none;justify-content:center;align-items:center;width:1.35em;height:1.35em;padding:0 2px;font-size:24px;line-height:1;display:inline-flex}.rating-berry.is-filled{filter:none}.rating-berry:hover{transform:scale(1.2)}.comment{resize:none;border:2px dashed var(--blush);background-color:var(--paper);background-image:repeating-linear-gradient(transparent 0px, transparent 25px, var(--pink) 25px, var(--pink) 26px);width:100%;height:auto;min-height:86px;line-height:26px;font-family:var(--font-body);color:var(--brown-dark);flex:auto;padding:6px 14px;font-size:13px;overflow:hidden}.field:last-child{flex-direction:column;flex:auto;min-height:0;display:flex}.comment:focus,.rating-berry:focus-visible,.rating-tab:focus-visible,.pager-btn:focus-visible,.scrubber-range:focus-visible,.recipe-link:focus-visible{outline:3px solid var(--blush);outline-offset:2px}.pager{justify-content:center;align-items:center;gap:12px;margin-top:16px;padding:0 20px;display:flex}.pager-btn{border:3px outset var(--blush);background:var(--pink);width:44px;height:40px;color:var(--brown-dark);font-family:var(--font-pixel);cursor:pointer;font-size:22px;line-height:1}.pager-btn:hover{background:var(--pink-soft)}.pager-btn:active{border-style:inset}.pager-btn:disabled{cursor:not-allowed;opacity:.45;border-style:solid}.page-scrubber{border:2px dashed var(--blush);background:#fffaf3;flex:360px;min-width:0;max-width:520px;padding:8px 12px 9px;box-shadow:inset 0 0 0 3px #ffd3e073}.page-scrubber.is-scrubbing{border-color:var(--hot-pink);background:#fff7fb}.scrubber-label{font-family:var(--font-pixel);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.scrubber-label span{color:var(--brown);flex:none;font-size:13px}.scrubber-label strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--hot-pink);font-size:15px;overflow:hidden}.scrubber-range{appearance:none;cursor:grab;background:0 0;width:100%;height:26px;margin:0;display:block}.scrubber-range:active{cursor:grabbing}.scrubber-range:disabled{cursor:not-allowed;opacity:.55}.scrubber-range::-webkit-slider-runnable-track{border:2px solid var(--brown);background:repeating-linear-gradient(90deg, #ffffff80 0 8px, #ff9fb847 8px 16px), var(--pink-soft);height:10px;box-shadow:inset 0 1px #fffc}.scrubber-range::-webkit-slider-thumb{appearance:none;border:2px solid var(--brown);background:radial-gradient(circle at 50% 34%, #fff7fb 0 3px, transparent 4px), linear-gradient(135deg, var(--hot-pink), var(--blush));width:28px;height:28px;margin-top:-11px;box-shadow:2px 3px #8a5a4440}.scrubber-range::-moz-range-track{border:2px solid var(--brown);background:var(--pink-soft);height:10px;box-shadow:inset 0 1px #fffc}.scrubber-range::-moz-range-thumb{border:2px solid var(--brown);background:linear-gradient(135deg, var(--hot-pink), var(--blush));border-radius:0;width:28px;height:28px;box-shadow:2px 3px #8a5a4440}.scrubber-ticks{pointer-events:none;justify-content:space-between;gap:5px;margin-top:-1px;padding:0 9px;display:flex}.scrubber-ticks span{background:var(--paper);border:1px solid #8a5a4473;width:7px;height:7px}.scrubber-ticks span.is-active{background:var(--hot-pink);border-color:var(--brown)}@media (width<=760px){body{font-size:14px}.site{max-width:none;padding:14px 10px 30px}.ascii-doodle{opacity:.3}.ascii-teapot{font-size:10px;top:118px;right:4px}.ascii-candy{font-size:10px;top:18px;left:-34px}.ascii-apple{font-size:10px;top:338px;left:auto;right:-10px}.ascii-coffee{font-size:9px;bottom:58px;left:-32px}.ascii-chocolate{font-size:10px;bottom:12px;right:-38px}.banner{margin-bottom:12px}.banner-inner{box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 5px var(--blush);border-width:2px;border-radius:10px 10px 0 0;gap:8px;padding:16px 10px 10px}.banner-inner>svg{flex:0 0 32px;width:32px;height:32px}.banner-scallops{background-size:22px 12px;background-image:radial-gradient(circle at 11px -3px, var(--pink) 10px, transparent 11px);height:12px}.site-title{letter-spacing:0;text-shadow:1.5px 1.5px #fff,3px 3px #8a5a4438;font-size:30px;line-height:1.05}.journal{--journal-page-height:clamp(520px, 142vw, 590px);border-width:2px;border-radius:8px;flex-direction:column;padding-bottom:14px;display:flex;box-shadow:3px 4px #8a5a4438}.journal-scallops{background-size:22px 12px;background-image:radial-gradient(circle at 11px 12px, var(--pink) 10px, transparent 11px);height:12px}.corner-icon{--corner-size:34px;opacity:.82}.c-tl{top:-22px;left:-8px}.c-tr{top:-22px;right:-8px}.c-bl,.c-br{display:none}.rating-tabs{flex-wrap:wrap;order:3;justify-content:center;gap:7px;padding:14px 10px 0;overflow:visible}.rating-tab{border-width:2px 2px 3px;border-radius:6px;flex:0 auto;min-width:58px;min-height:38px;padding:5px 9px 4px;font-size:13px;transform:rotate(0);box-shadow:inset 0 0 0 2px #ffffff6b,2px 2px #8a5a4429}.rating-tab:before{width:26px;height:9px;top:-6px}.rating-tab:after{display:none}.rating-tab:hover,.rating-tab.is-active{transform:translateY(-1px)rotate(0)}.rating-tab-berries{font-size:11px}.add-page-tab{min-width:92px}.page-stage{perspective:none;--flip-duration:.22s;border-top:1px solid #8a5a441f;order:1;overflow:hidden}.page-stage.is-fast-browsing{--flip-duration:.14s}.page-base{height:100%}.page-leaf{transform-origin:50%;transform-style:flat;will-change:opacity}.page-leaf:before,.page-leaf:after,.leaf-glare,.leaf-edge,.leaf-curl{display:none}.leaf-face{backface-visibility:visible;box-shadow:none;transform:none}.leaf-face-back{display:none}.turn-fwd{animation:mobile-page-fade-out var(--flip-duration) ease-out forwards}.turn-back{animation:mobile-page-fade-in var(--flip-duration) ease-out forwards}.turn-fwd:before,.turn-back:before,.turn-fwd .leaf-face,.turn-fwd .leaf-face-front,.turn-back .leaf-face,.turn-back .leaf-face-front,.turn-fwd .leaf-edge,.turn-back .leaf-edge,.turn-fwd .leaf-curl,.turn-back .leaf-curl{animation:none}.page{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;height:100%;padding:10px 14px 8px;overflow:hidden}.photo-side{order:2;align-items:flex-start;padding-top:16px}.polaroid{width:min(100%,196px);max-width:196px;margin:0 auto;padding:8px 8px 7px;transform:rotate(-1deg);box-shadow:2px 3px #8a5a442e}.tape{width:48px;height:17px;top:-9px}.tape-left{left:-10px;transform:rotate(-32deg)}.tape-right{right:-10px;transform:rotate(32deg)}.polaroid .photo{aspect-ratio:4/3}.photo-empty-label{font-size:15px}.photo-caption{overflow-wrap:anywhere;padding-top:5px;font-size:14px;line-height:1.2}.page-details{order:1;height:auto;min-height:0;padding:0;overflow:hidden}.page-heading{grid-template-columns:1fr;gap:6px}.page-actions{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:6px;max-width:100%}.recipe-link,.page-edit-btn{min-height:36px;padding:6px 10px}.page-title{letter-spacing:0;text-shadow:1.5px 1.5px 0 var(--pink-soft);font-size:26px;line-height:1.05}.page-date{font-size:11px;line-height:1.35}.field{margin-top:10px}.field-label{margin-bottom:3px;font-size:15px}.rating{flex-wrap:wrap;max-width:100%;padding:5px 8px}.rating-berry{width:32px;height:32px;font-size:22px}.comment{background-image:repeating-linear-gradient(transparent 0px, transparent 21px, var(--pink) 21px, var(--pink) 22px);height:72px;min-height:72px;max-height:72px;box-shadow:none;flex:0 0 72px;padding:3px 8px;line-height:22px;overflow:hidden}.field:last-child{flex:none;margin-bottom:0}.page-empty{min-height:100%;padding:18px;overflow:hidden}.pager{order:2;grid-template-columns:44px minmax(0,1fr) 44px;gap:8px;margin-top:12px;padding:0 10px;display:grid}.pager-btn{width:44px;height:44px;min-height:0;font-size:20px}.page-scrubber{flex-basis:auto;max-width:none;padding:7px 9px 8px}.scrubber-label{align-items:start;gap:1px;margin-bottom:2px;display:grid}.scrubber-label span{font-size:12px}.scrubber-label strong{white-space:nowrap;font-size:13px;line-height:1.15}.scrubber-range{height:30px}.scrubber-ticks{gap:3px;padding:0 6px;overflow:hidden}.scrubber-ticks span{flex:5px;width:5px;max-width:7px;height:5px}}@media (prefers-reduced-motion:reduce){.twinkle,.bounce,.blink,.page-title,.photo.has-image.is-loading:before,.photo-loading-label:before{animation:none}}.auth-splash{font-family:var(--font-pixel);color:var(--hot-pink);justify-items:center;gap:10px;padding:80px 20px;font-size:18px;display:grid}.login-gate{justify-content:center;padding:48px 16px 64px;display:flex}.login-card{text-align:center;background:var(--paper);border:3px solid var(--brown);width:100%;max-width:420px;box-shadow:inset 0 0 0 4px var(--pink-soft), 6px 6px 0 #8a5a442e;border-radius:14px;padding:32px 26px 30px}.login-berries{justify-content:center;gap:14px;margin-bottom:10px;display:flex}.login-title{font-family:var(--font-pixel);color:var(--hot-pink);text-shadow:1.5px 1.5px 0 var(--pink-soft);margin:0 0 6px;font-size:26px}.login-text{color:var(--brown);margin:0 0 18px;font-weight:700}.google-btn{background:var(--pink);border:3px outset var(--blush);color:var(--brown-dark);font-family:var(--font-pixel);cursor:pointer;padding:10px 22px;font-size:17px;display:inline-block}.google-btn:hover{background:var(--pink-soft)}.google-btn:active{border-style:inset}.login-error{background:var(--pink-soft);border:2px dashed var(--hot-pink);color:var(--hot-pink);margin:16px 0 0;padding:8px 12px;font-size:12px;font-weight:700}.session-row{justify-content:center;align-items:center;gap:10px;margin:14px 0 0;display:flex}.session-chip{font-family:var(--font-pixel);color:var(--brown);background:var(--paper);border:2px dashed var(--blush);border-radius:999px;padding:3px 14px;font-size:14px}.logout-btn{color:var(--hot-pink);font-family:var(--font-pixel);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:13px;text-decoration:underline}.logout-btn:hover{color:var(--brown-dark)}.add-page-tab{--note-bg:#e3f2ff;--note-accent:var(--hot-pink);color:var(--green-dark)}.page-edit-btn{background:var(--yellow);color:var(--brown-dark);font-family:var(--font-pixel);white-space:nowrap;cursor:pointer;border:2px outset #f0c96a;margin:0;padding:3px 10px;font-size:13px;line-height:1.2;display:inline-block;transform:rotate(2deg)}.page-edit-btn:hover{transform:rotate(0)scale(1.05)}.page-edit-btn:active{border-style:inset}.page-edit-btn-static{cursor:default;pointer-events:none}.page-edit-btn-static:hover{transform:rotate(2deg)}.cooked-by{border:2px solid var(--blush);background:var(--pink-soft);color:var(--hot-pink);border-radius:999px;margin-left:10px;padding:1px 10px;font-size:11px;font-weight:700;display:inline-block}.cooked-by.cook-casper{border-color:var(--green);background:var(--green-soft);color:var(--green-dark)}.modal-overlay{z-index:50;background:#5f3c2c73;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.recipe-form{background:var(--paper);border:3px solid var(--brown);width:100%;max-width:480px;box-shadow:inset 0 0 0 4px var(--pink-soft), 8px 8px 0 #5f3c2c4d;border-radius:14px;padding:22px 24px 20px}.form-title{font-family:var(--font-pixel);color:var(--hot-pink);text-shadow:1.5px 1.5px 0 var(--pink-soft);margin:0 0 14px;font-size:24px}.form-field{min-width:0;margin-bottom:14px}.form-row{flex-wrap:wrap;gap:0 18px;display:flex}.form-row .form-field{flex:180px}.form-input{border:2px dashed var(--blush);background:var(--paper);width:100%;font-family:var(--font-body);color:var(--brown-dark);padding:7px 10px;font-size:13px}.form-input:focus,.photo-input:focus-visible+.photo-upload-label,.cook-option:focus-visible,.form-btn:focus-visible,.google-btn:focus-visible,.logout-btn:focus-visible,.page-edit-btn:focus-visible{outline:3px solid var(--blush);outline-offset:2px}.photo-upload{gap:8px;display:grid}.photo-upload-preview{aspect-ratio:1;background:#fff;border:2px dashed #8a5a444d;justify-content:center;align-items:center;width:min(100%,210px);display:flex;overflow:hidden}.photo-upload-preview img{object-fit:cover;width:100%;height:100%;display:block}.photo-upload-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.photo-input{opacity:0;width:1px;height:1px;position:absolute}.photo-upload-label{display:inline-block}.photo-file-name{color:var(--brown);word-break:break-word;font-size:11px;font-weight:700}.form-error{color:var(--hot-pink);margin:0;font-size:12px;font-weight:700}.cook-toggle{gap:6px;display:flex}.cook-option{background:var(--paper);border:2px dashed var(--blush);color:var(--brown);font-family:var(--font-pixel);cursor:pointer;white-space:nowrap;flex:1;padding:7px 10px;font-size:14px}.cook-option.is-active{background:var(--pink-soft);border-style:solid;border-color:var(--hot-pink);color:var(--hot-pink)}.form-actions{align-items:center;gap:8px;margin-top:18px;display:flex}.form-actions-spacer{flex:1}.form-btn{background:var(--cream);color:var(--brown-dark);font-family:var(--font-pixel);cursor:pointer;border:3px outset #e8d5bd;padding:8px 16px;font-size:15px}.form-btn:hover{background:var(--paper)}.form-btn:active{border-style:inset}.form-btn:disabled{opacity:.5;cursor:not-allowed}.form-btn-primary{background:var(--pink);border-color:var(--blush)}.form-btn-primary:hover{background:var(--pink-soft)}.form-btn-danger{color:var(--hot-pink);background:0 0;border:none;padding:2px 4px;font-size:13px;text-decoration:underline}@media (width<=640px){.cooked-by{vertical-align:baseline;width:auto;margin:0 0 0 6px;display:inline-block}.page-edit-btn{margin:0}}.rating-berry.is-readonly{cursor:default}.rating.is-decorative .rating-berry{cursor:default;transform:none}.rating.is-decorative .rating-berry:hover,.rating-berry.is-readonly:hover{transform:none}.comment[readonly]{cursor:default}.google-btn-small{padding:4px 14px;font-size:14px}.session-row{flex-wrap:wrap}.session-row .login-error{text-align:center;flex-basis:100%;margin:0}@media (width<=760px){.login-gate{padding:24px 10px 42px}.login-card{box-shadow:inset 0 0 0 3px var(--pink-soft), 4px 4px 0 #8a5a442e;border-width:2px;border-radius:10px;padding:24px 18px 22px}.login-title{font-size:23px;line-height:1.1}.google-btn{min-height:44px}.session-row{gap:7px;margin-top:12px;padding:0 6px}.session-chip{text-align:center;border-radius:10px;width:100%;padding:7px 10px;line-height:1.25}.google-btn-small{padding:7px 14px}.modal-overlay{padding:12px 8px max(12px, env(safe-area-inset-bottom));align-items:stretch}.recipe-form{max-width:none;box-shadow:inset 0 0 0 3px var(--pink-soft), 4px 4px 0 #5f3c2c47;border-width:2px;border-radius:10px;padding:18px 14px 16px}.form-title{margin-bottom:12px;font-size:22px;line-height:1.1}.form-field{margin-bottom:12px}.form-row{display:block}.form-input{min-height:44px;font-size:16px}.photo-upload{justify-items:stretch}.photo-upload-preview{justify-self:center;width:min(100%,180px)}.photo-upload-actions{grid-template-columns:1fr;display:grid}.cook-toggle{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.cook-option{white-space:normal;min-height:44px}.form-actions{flex-wrap:wrap;gap:8px}.form-actions-spacer{display:none}.form-actions .form-btn{text-align:center;flex:calc(50% - 4px);min-height:44px}.form-btn-primary{flex-basis:100%;order:-1}.form-btn-danger{flex-basis:100%;order:2;min-height:36px}}@media (width<=380px){.site{padding-inline:7px}.banner-inner{gap:5px;padding-inline:8px}.banner-inner>svg{flex-basis:28px;width:28px;height:28px}.site-title{font-size:26px}.journal{--journal-page-height:520px}.rating-tabs{padding-inline:8px}.rating-tab{min-width:58px;padding-inline:7px}.page{padding:10px 10px 12px}.polaroid{max-width:216px}.page-title{font-size:23px}.pager{grid-template-columns:38px minmax(0,1fr) 38px;padding-inline:8px}.pager-btn{width:38px;height:42px}.scrubber-label strong{white-space:normal}}