.gate{position:relative;min-height:100dvh;display:flex;flex-direction:column;align-items:center;overflow:hidden}.gate-head{position:relative;z-index:2;text-align:center;margin-top:max(34px,env(safe-area-inset-top))}.gate-head h1{font-family:var(--font-family-display);font-size:clamp(2rem,8vw,2.6rem);font-weight:var(--font-weight-bold);color:var(--raw-white-card);text-shadow:0 3px 8px rgba(0,0,0,.5);transform:rotate(-1deg);line-height:var(--line-height-tight)}.gate-head p{color:#e5d8c0;text-shadow:0 2px 5px rgba(0,0,0,.5);font-size:var(--font-size-sm);margin-top:var(--space-2)}.gate-fridge{position:relative;z-index:1;width:min(230px,60vw);height:min(330px,42dvh);margin-top:20px;background:linear-gradient(175deg,#ffffff80,#fff0 12%),linear-gradient(100deg,#fff0 55%,#ffffff38 62%,#fff0 70%),linear-gradient(90deg,var(--fridge-edge) 0%,var(--fridge-mid) 6%,var(--fridge-hi) 26%,var(--fridge-top) 48%,var(--fridge-hi) 72%,var(--fridge-mid) 93%,var(--fridge-edge) 100%);border-radius:24px;box-shadow:inset 0 2px #ffffffa6,inset 0 -10px 14px #5c3a202e,inset -6px 0 12px #5c3a201f,0 20px 40px #1e160c80;filter:brightness(.72);transition:filter .9s ease}.gate-fridge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:url(/textures/brushed-alum.png);opacity:.5;pointer-events:none}.gate-fridge:after{content:"";position:absolute;bottom:-16px;left:5%;right:5%;height:26px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(0,0,0,.45),transparent 72%);filter:blur(5px);z-index:-1}.gate-fridge.lit{filter:brightness(1)}.gf-badge{position:absolute;top:14px;left:20px;font-family:var(--font-family-utility);font-size:.58rem;letter-spacing:2px;color:var(--raw-chrome-dark);border:1.5px solid var(--raw-chrome-dark);border-radius:var(--border-radius-full);padding:2px 8px}.gf-split{position:absolute;top:118px;left:8px;right:8px;height:3px;background:var(--raw-fridge-deep);border-radius:2px}.gf-handle{position:absolute;right:13px;top:132px;width:10px;height:130px;background:linear-gradient(90deg,var(--raw-chrome),#e8e4d8 40%,var(--raw-chrome-dark));border-radius:8px;box-shadow:var(--shadow-sm)}.gf-souv{position:absolute;text-align:center;font-size:1.6rem;filter:drop-shadow(0 3px 3px rgba(0,0,0,.3))}.gf-souv small{display:block;font-family:var(--font-family-utility);font-size:.48rem;letter-spacing:1px;color:var(--color-text-secondary);background:#fff;border-radius:4px;padding:1px 4px;margin-top:2px;box-shadow:var(--shadow-sm)}.gf-pol{position:absolute;top:150px;left:50%;translate:-50% 0;rotate:-5deg;background:#fff;padding:6px 6px 16px;width:92px;box-shadow:var(--shadow-sm);display:block}.gf-pol .ph{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;font-size:1.8rem;background:linear-gradient(135deg,#d8c9ae,#c2ad8d)}.gf-pol .cap{display:block;text-align:center;font-family:var(--font-family-display);font-size:.85rem;margin-top:2px}.pwnote{position:relative;z-index:2;margin:26px 0 calc(24px + env(safe-area-inset-bottom));width:min(250px,74vw);background:#fdf3d7;border-radius:4px;padding:14px 18px 12px;box-shadow:var(--shadow-md);rotate:-2deg;text-align:center}.pwnote.wrong{animation:pw-shake .5s ease}@keyframes pw-shake{0%,to{translate:0 0}20%{translate:-8px 0}40%{translate:7px 0}60%{translate:-5px 0}80%{translate:4px 0}}.pwnote label{font-family:var(--font-family-display);font-size:var(--font-size-base);display:block;line-height:var(--line-height-tight)}.pwnote input{width:100%;margin-top:var(--space-4);background:transparent;border:none;border-bottom:2px dashed var(--color-text-tertiary);text-align:center;font-size:1.1rem;letter-spacing:5px;padding:6px 4px;color:var(--color-text-primary)}.pwnote input:focus-visible{box-shadow:none;border-bottom-color:var(--color-border-focus)}.pwnote button{margin-top:var(--space-5);background:var(--color-accent-primary);color:#fff;border-radius:var(--border-radius-full);padding:9px 28px;font-size:var(--font-size-sm);box-shadow:0 4px 0 var(--color-accent-primary-active);min-height:44px}.pwnote button:active{translate:0 2px;box-shadow:0 2px 0 var(--color-accent-primary-active)}.pwnote .hint{margin-top:var(--space-4);font-family:var(--font-family-annot);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.door-page{position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) 0 max(18px,env(safe-area-inset-bottom))}.fridge-door{position:relative;z-index:1;width:min(320px,88vw);height:min(660px,calc(100dvh - 44px));background:linear-gradient(175deg,#ffffff80,#fff0 12%),linear-gradient(100deg,#fff0 55%,#ffffff38 62%,#fff0 70%),linear-gradient(90deg,var(--fridge-edge) 0%,var(--fridge-mid) 6%,var(--fridge-hi) 26%,var(--fridge-top) 48%,var(--fridge-hi) 72%,var(--fridge-mid) 93%,var(--fridge-edge) 100%);border-radius:26px;box-shadow:inset 0 2px #ffffffa6,inset 0 -10px 14px #5c3a202e,inset 4px 0 8px #ffffff4d,inset -6px 0 12px #5c3a201f,0 24px 48px #3a2c1e61,0 6px 14px #3a2c1e40;transform:perspective(1400px) rotateX(1.4deg);transform-origin:2% 50%;transition:transform var(--duration-slower) var(--easing-default);will-change:transform;backface-visibility:hidden}.door-page{will-change:transform,filter;transform-origin:58% 42%}.door-page.opening{animation:door-dive var(--duration-slower) var(--easing-default) forwards;pointer-events:none}.door-page.opening .fridge-door{transform:perspective(1400px) rotateX(.6deg) rotateY(-82deg)}.door-page.opening .kitchen{filter:brightness(1.06)}.door-page.opening .pull-hint{opacity:0}.pull-hint{transition:opacity var(--duration-fast)}@keyframes door-dive{0%{transform:none;filter:blur(0);opacity:1}45%{filter:blur(0)}to{transform:scale(1.55);filter:blur(10px);opacity:.5}}@keyframes lmag-land{0%{translate:0 -46px;opacity:0;scale:1.4}70%{translate:0 3px;opacity:1}to{translate:0 0;scale:1}}.door-page.first .lmag{animation:lmag-land .5s var(--easing-bounce) backwards}@keyframes env-nudge{0%,to{scale:1}50%{scale:1.07}}.envmag.nudge{animation:env-nudge 1.7s ease-in-out infinite;box-shadow:0 6px 12px #3a2c1e52,0 2px 3px #3a2c1e33,0 0 0 4px #a944562e}@keyframes hint-urge{0%,to{translate:0 0}50%{translate:-4px 0}}.pull-hint.urging{animation:hint-urge 1.2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.door-page.opening{animation:none}.fridge-door{transition:none}.door-page.first .lmag,.envmag.nudge,.pull-hint.urging{animation:none}}.fridge-door:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:url(/textures/brushed-alum.png),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");opacity:.55;pointer-events:none}.fridge-door:after{content:"";position:absolute;bottom:-20px;left:4%;right:4%;height:34px;background:radial-gradient(ellipse 50% 50% at 50% 50%,rgba(40,28,16,.4),transparent 72%);filter:blur(5px);z-index:-1}.fd-badge{position:absolute;top:14px;left:20px;font-family:var(--font-family-utility);font-size:.6rem;letter-spacing:2px;color:var(--fridge-badge);border:1.5px solid var(--fridge-badge);border-radius:var(--border-radius-full);padding:2px 8px}.fd-freezer{position:absolute;top:34px;left:0;right:0;height:26%;padding:0 14px}.fd-happy{margin-left:4px}.lmag{display:inline-block;font-family:var(--font-family-utility);font-weight:800;font-size:clamp(.95rem,4.4vw,1.15rem);width:1.55em;height:1.65em;line-height:1.65em;text-align:center;border-radius:6px;color:#fff;text-shadow:0 -1px 1px rgba(0,0,0,.3);background-image:linear-gradient(165deg,#ffffff80,#ffffff14 45%,#0000001f);box-shadow:inset 0 1px 1px #ffffff73,inset 0 -2px 3px #00000047,0 3px 5px #00000052;margin:1px}.lm1{background:var(--raw-red);rotate:-6deg}.lm2{background:var(--raw-blue);rotate:4deg}.lm3{background:var(--raw-green);rotate:-2deg}.lm4{background:var(--raw-brass);rotate:7deg}.lm5{background:var(--color-author-her);rotate:-4deg}.fd-souvs{display:flex;justify-content:space-between;align-items:flex-start;margin-top:12px;padding:0 2px}.souv{text-align:center;font-size:clamp(1.6rem,7vw,2rem);filter:drop-shadow(0 3px 3px rgba(0,0,0,.3));min-width:44px;min-height:44px}.souv .e{display:block;line-height:1}.souv small{display:block;font-family:var(--font-family-utility);font-size:.5rem;letter-spacing:1px;color:var(--color-text-secondary);background:#fff;border-radius:4px;padding:1px 4px;margin-top:3px;box-shadow:var(--shadow-sm)}.souv.next{opacity:.55}.souv.next small{background:transparent;border:1.5px dashed var(--color-text-tertiary);box-shadow:none;line-height:1.15}.fridge-door{--freezer-h: clamp(180px, 29%, 218px)}.fd-split{position:absolute;top:var(--freezer-h);left:8px;right:8px;height:3px;background:var(--raw-fridge-deep);border-radius:2px}.fd-handle{position:absolute;right:14px;top:calc(var(--freezer-h) + 24px);width:26px;height:190px;border-radius:10px;background:transparent;z-index:6}.fd-handle:before{content:"";position:absolute;right:4px;top:0;bottom:0;width:12px;background:linear-gradient(90deg,#8f8a7c,#d9d4c6 22%,#fbf8ef 42%,#b5afa0 68%,#767162);border-radius:8px;box-shadow:inset 0 2px 2px #ffffffb3,inset 0 -2px 3px #00000059,5px 4px 8px #3a2c1e59}.fd-handle:after{content:"";position:absolute;right:2px;top:-6px;width:16px;height:10px;border-radius:4px;background:linear-gradient(#cfcaba,#8f8a7c);box-shadow:0 202px #a19c8d,0 2px 3px #0000004d,0 204px 3px #0000004d}.fd-handle:hover:before,.fd-handle:active:before{box-shadow:var(--shadow-md)}.pull-hint{position:absolute;right:22px;top:-26px;white-space:nowrap;font-family:var(--font-family-annot);font-size:.8rem;color:var(--color-text-primary);background:var(--raw-tape-yellow);padding:3px 8px;rotate:-5deg;box-shadow:var(--shadow-sm)}.fd-main{position:absolute;top:calc(var(--freezer-h) + 16px);left:0;right:0;bottom:0}.pin{position:absolute;box-shadow:0 7px 14px #3a2c1e47,0 2px 4px #3a2c1e2e}.envmag{top:6%;left:9%;width:96px;height:62px;background:linear-gradient(170deg,#d4ae6a,#c19a52 70%,#b18c48);border-radius:5px;rotate:-3deg;box-shadow:0 6px 12px #3a2c1e52,0 2px 3px #3a2c1e33}.envmag:before{content:"";position:absolute;top:0;left:0;right:0;border-left:48px solid transparent;border-right:48px solid transparent;border-top:33px solid #b18a48}.envmag .seal{position:absolute;top:22px;left:50%;translate:-50% 0;width:22px;height:22px;background:var(--raw-red);border-radius:50%;color:#fff;font-size:.7rem;display:flex;align-items:center;justify-content:center;z-index:2}.envmag .env-note{position:absolute;left:0;right:0;bottom:-24px;font-family:var(--font-family-annot);font-size:.78rem;color:var(--color-text-secondary);white-space:nowrap}.polmag{top:4%;right:9%;background:#fff;padding:6px 6px 16px;width:84px;rotate:4deg}.polmag .ph{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;font-size:1.7rem;background:linear-gradient(135deg,#d8c9ae,#c2ad8d)}.polmag .cap{display:block;text-align:center;font-family:var(--font-family-display);font-size:.9rem;margin-top:2px}.cassmag{top:34%;left:9%;background:var(--color-bg-inverse);border-radius:6px;padding:10px 12px 8px;rotate:2deg;display:flex;align-items:center;gap:8px;min-height:44px}.cassmag .w{width:17px;height:17px;border:4px solid var(--raw-brass);border-radius:50%;display:inline-block}.cassmag .cass-label{color:#e8c07a;font-family:var(--font-family-utility);font-size:.6rem;letter-spacing:1px}.cassmag .cass-note{position:absolute;left:4px;bottom:-24px;font-family:var(--font-family-annot);font-size:.78rem;color:var(--color-text-secondary);white-space:nowrap}.notepad{top:33%;right:8%;background:#fdf3d7;padding:8px 10px;border-radius:3px;rotate:-2deg;text-align:center}.notepad b{font-family:var(--font-family-display);font-size:1rem;display:block}.np-opts{display:flex;gap:4px;margin-top:5px}.np-opts button{flex:1;font-size:.8rem;padding:5px 10px;border-radius:var(--border-radius-full);color:var(--color-text-secondary);min-height:30px}.np-opts button.on.her{background:var(--color-author-her);color:#fff}.np-opts button.on.him{background:var(--color-author-him);color:#fff}@media (min-height: 760px){.envmag{top:9%}.polmag{top:7%}.cassmag{top:38%}.notepad{top:37%}}.cake-zone{text-align:center;padding:34px 12px 14px;background:radial-gradient(ellipse at 50% 0%,rgba(255,240,214,.9),transparent 70%)}.cake-banner{display:inline-block;font-family:var(--font-family-display);font-size:1.45rem;font-weight:700;background:var(--raw-tape-yellow);padding:3px 14px;rotate:-2deg;box-shadow:var(--shadow-sm);margin-bottom:18px}.cake{position:relative;width:190px;height:148px;margin:0 auto}.cake .tier{position:absolute;left:50%;translate:-50% 0;background:linear-gradient(#ffffff80,#fff0 40%),linear-gradient(#f6dfe1,#eccdd1);border:2px solid #d8b3b8;border-radius:10px}.cake .tier.top{width:110px;height:46px;bottom:62px}.cake .tier.bottom{width:160px;height:54px;bottom:12px}.cake .tier:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;height:14px;background:#fffdf5;border:2px solid #e8dcc8;border-radius:10px 10px 40% 40%}.cake .plate{position:absolute;bottom:0;left:50%;translate:-50% 0;width:185px;height:12px;background:linear-gradient(#fffdf5,#d8cdb2);border-radius:50%;box-shadow:0 4px 8px #3a2c1e40;z-index:-1}.candle{position:absolute;bottom:106px;width:44px;height:74px;z-index:2}.candle.her{left:32px}.candle.him{right:32px}.candle .stick{position:absolute;bottom:0;left:50%;translate:-50% 0;width:10px;height:34px;border-radius:3px}.candle.her .stick{background:repeating-linear-gradient(-45deg,#d4708a 0,#d4708a 5px,#fbe3ea 5px,#fbe3ea 10px)}.candle.him .stick{background:repeating-linear-gradient(-45deg,#3f7fae 0,#3f7fae 5px,#dbeaf5 5px,#dbeaf5 10px)}.candle .wick{position:absolute;bottom:33px;left:50%;translate:-50% 0;width:2px;height:6px;background:#4a3b2f}.candle .flame{position:absolute;bottom:38px;left:50%;translate:-50% 0;width:14px;height:20px;background:radial-gradient(ellipse at 50% 75%,#fff5c0,#f8c964 55%,#e88f3a 85%,transparent);border-radius:50% 50% 45% 45%/62% 62% 38% 38%;transform-origin:50% 90%;animation:flicker .38s ease-in-out infinite alternate;filter:drop-shadow(0 0 8px rgba(248,201,100,.75))}@keyframes flicker{0%{scale:1 1;rotate:-3deg}to{scale:.92 1.08;rotate:3deg}}.candle.out{opacity:.85}.candle .smoke{position:absolute;bottom:40px;left:50%;translate:-50% 0;color:#7a6a58b3;font-size:1rem;animation:smoke-rise 1.6s ease-out forwards}@keyframes smoke-rise{0%{translate:-50% 0;opacity:.9}to{translate:-50% -26px;opacity:0}}.cake-note{margin-top:12px;font-family:var(--font-family-annot);font-size:.9rem;color:var(--color-text-secondary)}.occasion-note{margin:14px 20px 0;background:var(--raw-tape-yellow);padding:10px 14px;rotate:-1.5deg;box-shadow:var(--shadow-sm);font-family:var(--font-family-display);font-size:1.15rem;text-align:center}.occasion-note.anniv{background:var(--raw-tape-pink)}@media (prefers-reduced-motion: reduce){.candle .flame{animation:none}.candle .smoke{animation:none;opacity:0}}.fridge-scene{position:relative;height:100dvh;max-width:430px;margin:0 auto}.door-sliver{position:absolute;left:6px;top:max(14px,env(safe-area-inset-top));bottom:max(14px,env(safe-area-inset-bottom));width:34px;background:linear-gradient(90deg,var(--fridge-edge),var(--raw-fridge-shade) 55%,var(--raw-fridge));border-radius:16px 5px 5px 16px;box-shadow:var(--shadow-lg);z-index:4}.door-sliver:after{content:"";position:absolute;top:8px;bottom:8px;right:4px;width:3px;border-radius:2px;background:#ffffff80}.cavity{position:absolute;left:38px;right:10px;top:max(14px,env(safe-area-inset-top));bottom:max(14px,env(safe-area-inset-bottom));background:var(--raw-interior);border-radius:6px 20px 20px 6px;box-shadow:inset 0 0 40px #4a3b2f33,0 18px 40px #3a2c1e4d;overflow:hidden;display:flex;flex-direction:column;animation:cavity-in var(--duration-slow) var(--easing-out)}.cavity.cool{background:var(--raw-freezer)}.cavity.dark{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.cavity.dark .glow{background:radial-gradient(ellipse at 28% 10%,rgba(255,226,170,.16),transparent 62%)}@keyframes cavity-in{0%{opacity:0;transform:scale(1.05);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}.glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 28% 10%,var(--raw-glow),transparent 62%);pointer-events:none;z-index:1}.cavity.cool .glow{background:radial-gradient(ellipse at 28% 10%,rgba(222,240,252,.8),transparent 62%)}.cav-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;position:relative;z-index:2;scrollbar-width:none}.cav-scroll::-webkit-scrollbar{display:none}.backmag{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 10px);left:48px;background:#fdf3d7;border-radius:5px;padding:7px 12px;font-size:.9rem;font-family:var(--font-family-body);box-shadow:var(--shadow-md);rotate:-4deg;z-index:9;min-height:36px}.backmag:before{content:"⟵ "}.whochip{position:absolute;top:calc(max(14px,env(safe-area-inset-top)) + 10px);right:18px;background:var(--color-bg-secondary);border-radius:var(--border-radius-full);padding:3px 4px;display:flex;gap:3px;box-shadow:var(--shadow-md);z-index:9;font-size:.8rem}.whochip button{padding:4px 10px;border-radius:var(--border-radius-full);color:var(--color-text-secondary);min-height:28px}.whochip button.on.her{background:var(--color-author-her);color:#fff}.whochip button.on.him{background:var(--color-author-him);color:#fff}.secthead{text-align:center;padding:50px 14px 8px;position:relative;z-index:2;flex-shrink:0}.secthead h2{font-family:var(--font-family-display);font-size:1.9rem;font-weight:700;transform:rotate(-1deg);line-height:1.1}.secthead small{color:var(--color-text-secondary);font-size:.85rem;font-family:var(--font-family-body)}.shelfline{height:6px;background:var(--raw-shelf);box-shadow:0 3px 5px #0000001f;flex-shrink:0}.zone-label{font-family:var(--font-family-annot);font-size:.78rem;color:var(--color-text-tertiary);letter-spacing:1px}@media (prefers-reduced-motion: reduce){.cavity{animation:none}}.pint{display:inline-block;width:68px;text-align:center;margin:4px 3px 0;vertical-align:top}.pint .tub{display:inline-block;width:56px;height:46px;background:linear-gradient(#fff 30%,#f3e6ee 31%);border:2px solid #c9b8c2;border-radius:6px 6px 10px 10px;position:relative;box-shadow:var(--shadow-sm)}.pint .lid{position:absolute;top:-8px;left:-4px;right:-4px;height:12px;background:#e8d8e2;border:2px solid #c9b8c2;border-radius:8px}.pint .t{display:block;font-family:var(--font-family-display);font-size:.85rem;font-weight:600;line-height:1.05;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pint small{display:block;font-size:.6rem;color:var(--color-text-secondary);font-family:var(--font-family-body)}.pint.empty .tub{background:repeating-linear-gradient(45deg,#f2eef4 0,#f2eef4 6px,#e6dfe9 6px,#e6dfe9 12px);border-style:dashed}.pint.add .tub{background:none;border:2px dashed var(--color-text-tertiary);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);font-size:1.3rem}.pint.big{width:100px;margin:10px 2px}.pint.big .tub{width:78px;height:64px}.pint.big .t{font-size:1.05rem;margin-top:10px;white-space:normal}.pint.sel .tub{translate:0 -4px;box-shadow:var(--shadow-md),var(--shadow-focus)}.pintgrid{display:flex;flex-wrap:wrap;justify-content:center;padding:6px 8px}.pintcard{background:var(--color-bg-secondary);margin:8px 22px 20px;padding:12px 14px;border-radius:4px;box-shadow:var(--shadow-md);transform:rotate(-1deg);text-align:center}.pintcard>b{font-family:var(--font-family-display);font-size:1.3rem;display:block;margin-bottom:4px}.tub2{background:var(--color-bg-secondary);border:2px solid var(--color-border-secondary);border-radius:8px;box-shadow:var(--shadow-sm);padding:8px 10px;display:flex;align-items:center;gap:8px;margin:10px 14px 4px;position:relative}.tub2:before{content:"";position:absolute;top:-6px;left:8px;right:8px;height:8px;background:var(--raw-fridge-shade);border:1.5px solid rgba(92,58,32,.15);border-radius:6px 6px 0 0}.tub2 .who{width:6px;align-self:stretch;border-radius:4px;flex-shrink:0;min-height:34px}.tub2 .t{flex:1;min-width:0;text-align:left}.tub2 .t b{display:block;font-family:var(--font-family-display);font-size:1.15rem;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tub2 .t small{color:var(--color-text-secondary);font-size:.72rem}.tub2 .tubmain{flex:1;display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;text-align:left}.stampbox{width:48px;height:48px;border:2px dashed var(--color-text-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.45rem;line-height:1.25;color:var(--color-text-tertiary);text-align:center;font-family:var(--font-family-utility);letter-spacing:.5px;flex-shrink:0}.stampbox.stamped{border:2.5px double var(--color-status-success);color:var(--color-status-success);font-weight:700;font-size:.5rem;transform:rotate(-12deg);animation:stamp-in var(--duration-normal) var(--easing-bounce)}@keyframes stamp-in{0%{transform:rotate(-30deg) scale(1.9);opacity:0}to{transform:rotate(-12deg) scale(1);opacity:1}}.notesbox{margin:2px 22px 10px 40px}.snote{font-size:.78rem;padding:3px 8px;border-radius:2px;box-shadow:var(--shadow-sm);width:fit-content;max-width:100%;margin:5px 0;text-align:left}.snote.him{background:var(--raw-tape-yellow);rotate:-.6deg}.snote.her{background:var(--raw-tape-pink);rotate:.8deg;margin-left:18px}.noterow{display:flex;gap:6px;margin-top:6px}.noterow input{flex:1;min-width:0;background:var(--color-bg-secondary);border:1.5px dashed var(--color-text-tertiary);border-radius:6px;padding:6px 10px;font-size:.85rem;color:var(--color-text-primary)}.noterow button{font-size:.8rem;padding:4px 12px;border-radius:var(--border-radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);min-height:32px}.addrow{display:flex;gap:8px;margin:10px 18px;position:relative;z-index:2}.addrow input{flex:1;min-width:0;background:var(--color-bg-secondary);border:2px dashed var(--color-text-tertiary);border-radius:8px;padding:10px 12px;font-size:1rem;color:var(--color-text-primary)}.addrow input::placeholder{color:var(--color-text-tertiary)}.addrow button{background:var(--color-accent-primary);color:#fff;border-radius:8px;padding:0 16px;font-size:1.3rem;box-shadow:0 3px 0 var(--color-accent-primary-active);min-width:44px}.addrow button:active{translate:0 2px;box-shadow:0 1px 0 var(--color-accent-primary-active)}.seg{display:flex;margin:0 18px 6px;background:#5c3a2014;border-radius:var(--border-radius-full);padding:3px;font-size:.9rem;position:relative;z-index:2}.seg button{flex:1;text-align:center;padding:6px 4px;border-radius:var(--border-radius-full);color:var(--color-text-secondary);min-height:36px}.seg button.on{background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.btn{background:var(--color-accent-primary);color:#fff;border-radius:var(--border-radius-full);padding:10px 26px;font-family:var(--font-family-body);font-size:1.05rem;box-shadow:0 4px 0 var(--color-accent-primary-active);display:inline-block}.btn:active{translate:0 2px;box-shadow:0 2px 0 var(--color-accent-primary-active)}.btn.ghost{background:transparent;color:var(--color-text-secondary);box-shadow:none;border:2px dashed var(--color-text-tertiary);padding:8px 20px;font-size:.95rem}.list-empty{text-align:center;padding:44px 24px;font-family:var(--font-family-display);font-size:1.25rem;color:var(--color-text-secondary);transform:rotate(-1deg)}.jarshape{position:relative;display:block;background:linear-gradient(#ffffff8c,#ffffff40),var(--raw-interior);border:3px solid rgba(122,106,88,.45);border-radius:14px 14px 18px 18px;box-shadow:var(--shadow-md),inset 0 0 18px #ffffff80}.jarshape.datejar{width:76px;height:92px}.jarshape.memjar{width:90px;height:112px}.jarshape.big.datejar{width:170px;height:200px;margin:6px auto 0}.jarshape.big.memjar{width:190px;height:230px;margin:10px auto 0}.jlid{position:absolute;top:-13px;left:-5px;right:-5px;height:17px;border-radius:8px;box-shadow:var(--shadow-sm)}.jlid.brass{background:var(--raw-brass);border:2px solid #a87c2c}.jlid.steel{background:#8a8478;border:2px solid #6d675c}.jlid.off{transform:rotate(9deg) translate(34px,-18px)}.jlabel{position:absolute;left:5px;right:5px;bottom:7px;background:var(--color-bg-secondary);border-radius:4px;padding:3px 4px;font-family:var(--font-family-display);font-size:.82rem;line-height:1;box-shadow:var(--shadow-sm)}.big .jlabel{bottom:10px;left:10px;right:10px;font-size:1rem;padding:5px 6px}.jlabel small{display:block;font-family:var(--font-family-body);font-size:.58rem;color:var(--color-text-secondary);margin-top:2px}.big .jlabel small{font-size:.72rem}.slip{position:absolute;background:#fff;border:1px solid #e0d6bd;width:26px;height:12px;box-shadow:0 1px 2px #0000001f}.big .slip{width:46px;height:18px}@keyframes jar-shake{0%,to{transform:translate(0) rotate(0)}15%{transform:translate(-7px) rotate(-4deg)}30%{transform:translate(6px) rotate(3deg)}45%{transform:translate(-6px) rotate(-3deg)}60%{transform:translate(5px) rotate(2.5deg)}75%{transform:translate(-3px) rotate(-1.5deg)}}.jarshape.shaking{animation:jar-shake .7s var(--easing-default)}.jarshape.shaking .slip{animation:jar-shake .7s var(--easing-default) reverse}@keyframes plink-drop{0%{translate:0 -46px;opacity:0;rotate:12deg}35%{opacity:1}to{translate:0 0;opacity:1;rotate:-6deg}}.plink-slip{position:absolute;left:50%;bottom:40%;margin-left:-23px;animation:plink-drop .6s var(--easing-bounce) forwards}.slipcard{background:var(--color-bg-secondary);margin:16px 24px;padding:14px;border-radius:4px;box-shadow:var(--shadow-md);transform:rotate(-1.5deg);text-align:center;animation:cavity-in var(--duration-normal) var(--easing-out)}.slipcard .from{font-family:var(--font-family-annot);font-size:.8rem;color:var(--color-text-secondary)}.slipcard .big-line{font-family:var(--font-family-display);font-size:1.5rem;font-weight:700;line-height:1.2;margin:4px 0 2px}.slipcard .byline{font-size:.78rem;color:var(--color-text-secondary)}.slipcard .actions{margin-top:12px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.minijar{position:relative;display:block;width:56px;height:58px;background:linear-gradient(#ffffff80,#fff3),#e8c8b8;border:2.5px solid rgba(122,106,88,.4);border-radius:10px 10px 14px 14px;box-shadow:var(--shadow-sm)}.minijar.big2{width:72px;height:74px;margin:0 auto}.minijar .mcap{position:absolute;top:-9px;left:-3px;right:-3px;height:12px;background:var(--raw-red);border:2px solid var(--raw-red-deep);border-radius:6px;transition:transform var(--duration-slow) var(--easing-bounce),background var(--duration-slow)}.minijar.opened .mcap{transform:rotate(14deg) translate(26px,-12px);background:var(--raw-brass);border-color:#a87c2c}.minijar.arming{animation:jar-shake .5s var(--easing-default)}@keyframes cap-pop{0%{transform:none}30%{transform:translateY(-4px) rotate(-18deg)}60%{transform:translate(14px,-30px) rotate(30deg)}to{transform:rotate(14deg) translate(26px,-12px)}}.minijar.pop .mcap{animation:cap-pop .8s var(--easing-bounce)}@media (prefers-reduced-motion: reduce){.minijar.pop .mcap{animation:none}}.mlabel{font-family:var(--font-family-display);font-size:.85rem;line-height:1}.preserve-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 10px;padding:14px 10px 4px}.preserve{width:104px;text-align:center;padding:12px 2px 8px}.preserve>button{width:100%;text-align:center}.preserve .mlabel{display:block;margin-top:8px;font-size:.95rem;line-height:1.1}.preserve small{font-size:.6rem;color:var(--color-text-secondary)}.twistrow{display:flex;gap:6px;justify-content:center;margin-top:6px}.twistrow button{font-size:.72rem;padding:4px 10px;border-radius:var(--border-radius-full);min-height:30px}.twistrow .yes{background:var(--color-accent-primary);color:#fff}.twistrow .no{border:1.5px dashed var(--color-text-tertiary);color:var(--color-text-secondary)}.annotline{text-align:center;font-family:var(--font-family-annot);font-size:.85rem;color:var(--color-text-tertiary);margin:10px 16px}@media (prefers-reduced-motion: reduce){.jarshape.shaking,.jarshape.shaking .slip,.minijar.arming,.plink-slip,.slipcard{animation:none}}.inside-page .freezer{position:relative;z-index:2;flex-shrink:0;text-align:left;background:linear-gradient(var(--raw-freezer),#e9e4ec);padding:12px 12px 10px;min-height:118px}.fz-tag{margin-left:92px;font-family:var(--font-family-utility);font-size:.6rem;letter-spacing:2px;color:#8a7f96;border:1.5px solid #b3a8bf;border-radius:var(--border-radius-full);padding:2px 8px;display:inline-block;background:#ffffff8c}.fz-pints{margin-top:6px;white-space:nowrap;overflow:hidden}.fz-empty{display:inline-block;font-family:var(--font-family-annot);font-size:.8rem;color:#8a7f96;margin:14px 0 0 8px;vertical-align:top}.jars-shelf{display:flex;align-items:flex-end;justify-content:center;gap:8px;padding:30px 8px 10px}.jarwrap{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:44px}.jarwrap>small{font-size:.62rem;color:var(--color-text-secondary);font-family:var(--font-family-body)}.makan-shelf{display:block;width:100%;text-align:left;padding:10px 14px 12px}.makan-shelf .zone-label{display:block;margin-bottom:4px}.makan-shelf .zone-label.center{text-align:center;margin:6px 0 0}.mk-empty{display:block;font-family:var(--font-family-display);font-size:1.05rem;color:var(--color-text-secondary);padding:8px 0;text-align:center}.makan-shelf .tub2{margin:10px 2px 4px}.snack-shelf{display:flex;gap:6px;align-items:flex-end;justify-content:space-evenly;padding:26px 12px 18px}.sk{position:relative;display:inline-block;flex-shrink:0}.sk i{position:absolute;display:block}.sk.milk{width:26px;height:54px;background:linear-gradient(100deg,#fffdf5,#efe9da 70%);border:1.5px solid rgba(122,106,88,.3);border-radius:8px 8px 5px 5px;rotate:-1deg;box-shadow:var(--shadow-sm)}.sk.milk .mcap2{top:-6px;left:5px;right:5px;height:7px;background:#a8c4d8;border-radius:3px 3px 0 0}.sk.milk .band{top:22px;left:-1px;right:-1px;height:12px;background:#cfe0ec}.sk.eggs{width:54px;height:20px;background:linear-gradient(#e8d8c2,#d4bfa4);border:1.5px solid rgba(122,106,88,.3);border-radius:3px 3px 6px 6px;rotate:1deg;box-shadow:var(--shadow-sm)}.sk.eggs:before{content:"";position:absolute;top:-7px;left:3px;right:3px;height:10px;background:radial-gradient(circle 6px at 8px 6px,#fbf6ea 60%,#e4d9c4 68%,transparent 70%),radial-gradient(circle 6px at 24px 6px,#fbf6ea 60%,#e4d9c4 68%,transparent 70%),radial-gradient(circle 6px at 40px 6px,#fbf6ea 60%,#e4d9c4 68%,transparent 70%)}.sk.boba{width:38px;height:52px}.sk.boba .tea{position:absolute;top:6px;right:0;bottom:0;left:0;background:linear-gradient(#f0d9bd,#ddba92 70%);border:2px solid rgba(122,106,88,.4);border-radius:6px 6px 12px 12px;clip-path:polygon(0 0,100% 0,88% 100%,12% 100%)}.sk.boba .pearls{position:absolute;left:7px;right:7px;bottom:3px;height:12px;background:radial-gradient(circle 3px at 4px 4px,#4a3b2f 95%,transparent),radial-gradient(circle 3px at 12px 8px,#4a3b2f 95%,transparent),radial-gradient(circle 3px at 20px 4px,#4a3b2f 95%,transparent)}.sk.boba .straw{position:absolute;top:-8px;left:50%;width:6px;height:26px;background:var(--color-author-her);border-radius:3px;rotate:8deg;z-index:2}.sk.jam{width:32px;height:38px;background:linear-gradient(#fff6,#ffffff1a 40%),#b95d68;border:2px solid rgba(122,106,88,.4);border-radius:7px 7px 10px 10px;rotate:-2deg;box-shadow:var(--shadow-sm)}.sk.jam .jlid2{top:-8px;left:-3px;right:-3px;height:10px;background:var(--raw-brass);border:1.5px solid #a87c2c;border-radius:5px}.sk.jam .jlbl{top:12px;left:3px;right:3px;height:13px;background:var(--color-bg-secondary);border-radius:2px;opacity:.9}.sk.choco{width:54px;height:34px;translate:0 2px;rotate:-4deg}.sk.choco .foil{position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,#5a4032 0,#5a4032 12px,#6b4d3c 12px,#6b4d3c 14px);border-radius:4px;box-shadow:var(--shadow-sm),inset 0 2px 2px #ffffff2e}.sk.choco .wrap{position:absolute;top:7px;left:-3px;right:22px;background:var(--raw-red);color:#fff;font-family:var(--font-family-utility);font-size:.42rem;letter-spacing:1px;padding:4px 2px;border-radius:2px;rotate:-2deg;text-align:center}.sk.cloche{width:56px;height:48px}.sk.cloche .dome{position:absolute;bottom:6px;left:4px;right:4px;height:36px;background:linear-gradient(120deg,#cfcaba,#f5f2e8 45%,#b5afa0);border-radius:50px 50px 6px 6px;box-shadow:inset 0 2px 3px #ffffffb3,var(--shadow-sm)}.sk.cloche .knob{position:absolute;top:0;left:50%;translate:-50% 0;width:10px;height:10px;border-radius:50%;background:linear-gradient(#f5f2e8,#a19c8d);z-index:2}.sk.cloche .tray{position:absolute;bottom:2px;left:0;right:0;height:6px;background:linear-gradient(#e8e2d2,#a19c8d);border-radius:50%}.inside-page .cav-scroll{display:flex;flex-direction:column}.inside-page .bottomline{margin-top:auto}.bottom-shelf{display:flex;gap:10px;align-items:flex-end;justify-content:space-evenly;padding:22px 14px 14px}.bk{position:relative;display:inline-block;flex-shrink:0}.bk i{position:absolute;display:block}.bk.pitcher{width:46px;height:68px;background:linear-gradient(#ffffffa6,#ffffff40);border:2px solid rgba(122,106,88,.35);border-radius:8px 8px 12px 12px}.bk.pitcher .pwater{left:2px;right:2px;bottom:2px;height:60%;background:linear-gradient(#cfe4ef,#b3d2e4);border-radius:4px 4px 9px 9px}.bk.pitcher .plid{top:-7px;left:-2px;right:-2px;height:9px;background:linear-gradient(#f5f2e8,#b5afa0);border-radius:5px}.bk.pitcher .phandle{top:12px;right:-11px;width:12px;height:30px;border:4px solid rgba(122,106,88,.4);border-left:none;border-radius:0 10px 10px 0}.bk.pot{width:76px;height:44px;background:linear-gradient(115deg,#d8cdb2,#efe8d4 45%,#c4b795);border:2px solid rgba(122,106,88,.35);border-radius:6px 6px 14px 14px}.bk.pot .potlid{top:-9px;left:-4px;right:-4px;height:12px;background:linear-gradient(#f5f2e8,#b5afa0);border-radius:50%}.bk.pot .potknob{top:-15px;left:50%;translate:-50% 0;width:12px;height:9px;background:linear-gradient(#f5f2e8,#a19c8d);border-radius:50%}.bk.pot .ear{top:8px;width:10px;height:14px;border:3.5px solid rgba(122,106,88,.4);border-radius:6px}.bk.pot .earl{left:-10px;border-right:none;border-radius:6px 0 0 6px}.bk.pot .earr{right:-10px;border-left:none;border-radius:0 6px 6px 0}.bk.juice{width:34px;height:58px;background:linear-gradient(100deg,#fbf6ea,#eadfc9 75%);border:1.5px solid rgba(122,106,88,.3);border-radius:3px;rotate:1.5deg;clip-path:polygon(0 14%,18% 0,82% 0,100% 14%,100% 100%,0 100%)}.bk.juice .jband{top:42%;left:0;right:0;height:16px;background:#e8a25c}.bk.yakult{width:20px;height:30px;background:linear-gradient(#fbf6ea,#f0e2cc);border:1.5px solid rgba(122,106,88,.3);border-radius:7px 7px 5px 5px;rotate:-2deg}.bk.yakult:before{content:"";position:absolute;top:-5px;left:1px;right:1px;height:6px;background:#d88a4a;border-radius:3px 3px 0 0}.bk.yakult.y2{margin-left:-6px;rotate:3deg;translate:0 1px}.inside-page .drawer{position:relative;z-index:3;flex-shrink:0;text-align:left;background:linear-gradient(var(--raw-shelf),var(--raw-shelf-deep));border-top:3px solid var(--raw-shelf-deep);padding:20px 16px 12px;min-height:72px}.inside-page .drawer .handlebar{position:absolute;top:7px;left:50%;translate:-50% 0;width:90px;height:8px;background:#b39683;border-radius:6px}.inside-page .drawer .dl{font-family:var(--font-family-display);font-size:1.2rem;font-weight:600;display:block;line-height:1.1}.inside-page .drawer small{color:var(--color-text-secondary);font-size:.75rem}.letter-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;gap:20px;padding:24px 18px;text-align:center}.letter-scene h2{font-family:var(--font-family-display);font-size:2rem;font-weight:700;transform:rotate(-1deg)}.lsub{color:var(--color-text-secondary);margin-top:-16px;font-size:.95rem}.env{width:min(280px,78vw);height:180px;background:#c8a35f;border-radius:10px;position:relative;box-shadow:var(--shadow-lg)}.env:before{content:"";position:absolute;top:0;left:0;right:0;border-left:calc(min(280px,78vw)/2) solid transparent;border-right:calc(min(280px,78vw)/2) solid transparent;border-top:95px solid #b18a48;transform-origin:top;transition:transform .6s var(--easing-default) .25s}.env .seal{position:absolute;top:58px;left:50%;translate:-50% 0;width:56px;height:56px;background:var(--color-accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;box-shadow:0 4px 8px #0000004d,inset 0 2px 3px #ffffff59,inset 0 -3px 4px #00000040;z-index:2}.env .to{position:absolute;bottom:10px;left:0;right:0;font-family:var(--font-family-display);font-size:1.15rem;line-height:1.1;color:var(--raw-leather-deep);padding:0 14px}.waxhint{color:var(--color-text-tertiary);font-size:.9rem;font-family:var(--font-family-annot);line-height:1.5}@keyframes seal-crack{0%{transform:scale(1) rotate(0);opacity:1}30%{transform:scale(1.15) rotate(-6deg)}60%{transform:scale(.95) rotate(5deg);opacity:1}to{transform:scale(.4) rotate(24deg);opacity:0}}.env.breaking .seal{animation:seal-crack .7s var(--easing-default) forwards;pointer-events:none}.env.breaking:before{transform:rotateX(160deg)}.letter-paper{padding:46px 18px 30px}.broke-note{text-align:center;font-family:var(--font-family-annot);font-size:.8rem;color:var(--color-text-tertiary);margin-bottom:10px}.paper{background:var(--color-bg-secondary);border-radius:4px;box-shadow:var(--shadow-md);padding:26px 20px 20px;transform:rotate(-.8deg);animation:cavity-in var(--duration-slow) var(--easing-out)}.paper .to-line{font-family:var(--font-family-display);font-size:1.5rem;font-weight:700;margin-bottom:14px}.paper p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:12px}.paper .sign{font-family:var(--font-family-display);font-size:1.6rem;text-align:right;margin-top:18px}@media (prefers-reduced-motion: reduce){.env.breaking .seal{animation:none;opacity:0}.env.breaking:before{transition:none}.paper{animation:none}}.mix{text-align:center;padding:52px 18px 24px;min-height:100%}.mixlab{display:inline-block;font-family:var(--font-family-annot);font-size:.85rem;letter-spacing:2px;color:var(--raw-brass);border:1px solid var(--raw-brass);border-radius:var(--border-radius-full);padding:3px 12px}.cassette{background:#241d1b;border:3px solid #57453f;border-radius:14px;margin:18px auto;padding:16px;max-width:290px;box-shadow:var(--shadow-lg)}.cassette .paperlab{background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:6px;padding:8px;font-family:var(--font-family-display);font-size:1.3rem;transform:rotate(-.5deg)}.cassette .paperlab small{display:block;font-family:var(--font-family-annot);font-size:.8rem;color:var(--color-text-secondary)}.cassette .wheels{display:flex;justify-content:space-between;padding:16px 28px 2px}.cassette .w{width:52px;height:52px;border:11px solid var(--raw-brass);border-radius:50%;position:relative}.cassette .w:after{content:"";position:absolute;top:-11px;left:50%;width:4px;height:11px;margin-left:-2px;background:#a87c2c}@keyframes reel-spin{to{transform:rotate(360deg)}}.cassette .w.spin{animation:reel-spin 1.8s linear infinite}.playbtn{width:74px;height:74px;border-radius:50%;background:var(--color-accent-primary);margin:10px auto 0;display:flex;align-items:center;justify-content:center;font-size:1.7rem;color:#fff;box-shadow:0 5px 0 var(--color-accent-primary-active)}.playbtn:active{translate:0 3px;box-shadow:0 2px 0 var(--color-accent-primary-active)}.scrub{display:flex;align-items:center;gap:8px;margin:14px auto 0;max-width:300px;font-family:var(--font-family-utility);font-size:.7rem;color:#cbb9a8}.scrub input{flex:1;accent-color:var(--raw-brass)}.flip{margin-top:16px;display:inline-block;border:2px dashed var(--raw-brass);color:var(--raw-brass);border-radius:10px;padding:9px 20px;font-size:.95rem;min-height:44px}.mixnote{margin-top:14px;color:#cbb9a8;font-size:.85rem;line-height:1.5}.mixnote.missing{background:#ffffff0f;border:1.5px dashed #57453f;border-radius:10px;padding:14px;margin:16px auto 0;max-width:300px}.prompter{margin:16px auto 0;max-width:320px;height:200px;overflow-y:auto;background:#0000004d;border:1px solid #57453f;border-radius:10px;padding:16px 14px;text-align:center;scrollbar-width:none}.prompter::-webkit-scrollbar{display:none}.prompter p{font-family:var(--font-family-display);font-size:1.35rem;line-height:1.5;color:#f6efe0}.prompter-end{margin:26px 0 90px;font-family:var(--font-family-annot);color:var(--raw-brass);font-size:.9rem}.polcard{position:relative;background:#fff;padding:8px 8px 18px;box-shadow:var(--shadow-md);width:150px;display:inline-block;margin:6px}.polcard.big{width:min(280px,76vw);padding-bottom:22px}.polcard .ph{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#e8dcc8,#d8c8b0);display:flex;align-items:center;justify-content:center;overflow:hidden}.polcard .ph img{width:100%;height:100%;object-fit:cover}.polcard .ph-empty{font-size:2.4rem;opacity:.6}.polcard figcaption{font-family:var(--font-family-display);font-size:1.05rem;text-align:center;margin-top:6px;min-height:1em;line-height:1.1}.polcard.big figcaption{font-size:1.25rem}.unpin{position:absolute;top:2px;right:2px;min-width:30px;height:30px;border-radius:var(--border-radius-full);background:#ffffffe6;color:var(--color-text-secondary);font-size:.8rem;box-shadow:var(--shadow-sm);z-index:2}.unpin.armed{padding:0 12px;background:var(--color-accent-primary);color:#fff;font-size:.78rem}.uploader{text-align:center;padding:8px 16px 20px}.upform{background:var(--color-bg-secondary);border-radius:8px;box-shadow:var(--shadow-md);padding:12px;max-width:300px;margin:0 auto;display:flex;flex-direction:column;gap:8px;transform:rotate(-.5deg)}.upform img{width:100%;max-height:200px;object-fit:cover;border-radius:4px}.upform input{background:var(--color-bg-tertiary);border:1.5px dashed var(--color-text-tertiary);border-radius:6px;padding:8px 10px;font-size:.9rem;color:var(--color-text-primary)}.upacts{display:flex;gap:8px;justify-content:center}.album-stage{position:relative;text-align:center;padding:10px 0 4px;min-height:340px}.album-stage .behind{position:absolute;left:50%;top:24px;translate:-50% 0;opacity:.55;pointer-events:none}.album-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:2px}.album-nav button{min-width:44px;min-height:44px;font-size:1.2rem;border-radius:50%;background:var(--color-bg-secondary);box-shadow:var(--shadow-sm)}.album-nav .idx{font-family:var(--font-family-utility);font-size:.72rem;letter-spacing:1px;color:var(--color-text-secondary)}.album-byline{text-align:center;font-size:.75rem;color:var(--color-text-tertiary);margin-top:4px}.spread-hero{background:var(--color-bg-secondary);margin:54px 16px 10px;padding:14px;box-shadow:var(--shadow-md);transform:rotate(-.6deg);position:relative}.spread-hero .tape{position:absolute;width:70px;height:20px;background:var(--raw-tape-yellow);top:-10px;left:50%;transform:translate(-50%) rotate(-2deg);box-shadow:0 1px 3px #0000001a}.spread-hero h2{font-family:var(--font-family-display);font-size:2rem;font-weight:700;color:var(--color-text-accent);line-height:1.05}.spread-annot{font-family:var(--font-family-annot);color:var(--color-text-secondary);font-size:.95rem}.polrow{text-align:center;padding:6px 8px}.boarding{background:#fff;margin:10px 22px;border-radius:8px;box-shadow:var(--shadow-sm);display:flex;overflow:hidden;transform:rotate(-1deg);font-family:var(--font-family-utility)}.boarding .bp{background:var(--color-accent-primary);color:#fff;font-size:.55rem;padding:8px;display:flex;align-items:center;letter-spacing:1px}.boarding .bi{padding:7px 12px;font-size:.72rem;color:var(--color-text-secondary)}.boarding .bi b{display:block;color:var(--color-text-primary);font-size:.95rem;letter-spacing:2px}.pocket{margin:18px 14px 20px;padding:14px 6px 6px;border:2px dashed var(--color-text-tertiary);border-radius:12px}:root{--raw-paper: #f6efe0;--raw-paper-deep: #efe5cf;--raw-lining: #f2e2c4;--raw-white-card: #fffdf5;--raw-ink: #4a3b2f;--raw-ink-soft: #7a6a58;--raw-ink-faint: #a5977f;--raw-leather: #a5714a;--raw-leather-dark: #8a5a38;--raw-leather-deep: #5c3a20;--raw-brass: #d9a94e;--raw-red: #a94456;--raw-red-deep: #7f3240;--raw-green: #4a7d5c;--raw-blue: #3f7fae;--raw-tape-yellow: rgba(246, 220, 130, .8);--raw-tape-pink: rgba(240, 170, 180, .75);--raw-tape-blue: rgba(160, 200, 220, .75);--raw-fridge: #f6dfe1;--raw-fridge-shade: #eccdd1;--raw-fridge-deep: #c9a0a5;--raw-chrome: #b8b2a4;--raw-chrome-dark: #8a8478;--raw-wall: #f5ecdd;--raw-floor: #cbab84;--raw-freezer: #f0eef2;--raw-interior: #faf1ec;--raw-glow: rgba(255, 240, 214, .8);--raw-shelf: #e9d4c6;--raw-shelf-deep: #d4b8a6;--fridge-edge: #a8797f;--fridge-mid: #e4c3c7;--fridge-hi: #f6dfe1;--fridge-top: #fcecee;--fridge-badge: #a97b81;--color-bg-primary: var(--raw-paper);--color-bg-secondary: var(--raw-white-card);--color-bg-tertiary: var(--raw-lining);--color-bg-inverse: #3d3230;--color-text-primary: var(--raw-ink);--color-text-secondary: var(--raw-ink-soft);--color-text-tertiary: var(--raw-ink-faint);--color-text-inverse: #f6efe0;--color-text-accent: var(--raw-red);--color-border-primary: var(--raw-leather-deep);--color-border-secondary: rgba(92, 58, 32, .18);--color-border-focus: var(--raw-blue);--color-accent-primary: var(--raw-red);--color-accent-primary-hover: #983d4d;--color-accent-primary-active: var(--raw-red-deep);--color-accent-secondary: var(--raw-brass);--color-status-success: var(--raw-green);--color-status-error: var(--raw-red-deep);--color-status-info: var(--raw-blue);--color-surface-overlay: rgba(74, 59, 47, .45);--color-author-him: var(--raw-blue);--color-author-her: #d4708a;--font-family-display: "Caveat", cursive;--font-family-body: "Patrick Hand", cursive;--font-family-annot: "Shadows Into Light", cursive;--font-family-utility: system-ui, sans-serif;--font-size-xs: .85rem;--font-size-sm: 1rem;--font-size-base: 1.15rem;--font-size-md: 1.35rem;--font-size-lg: 1.7rem;--font-size-xl: 2.1rem;--font-size-2xl: 2.6rem;--font-size-3xl: 3.2rem;--font-size-4xl: 4rem;--font-weight-normal: 400;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.15;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--letter-spacing-normal: 0;--letter-spacing-wide: .08em;--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 24px;--space-8: 32px;--space-9: 48px;--space-10: 64px;--space-11: 96px;--space-12: 128px;--max-width-content: 640px;--max-width-wide: 880px;--max-width-page: 1080px;--border-radius-sm: 6px;--border-radius-md: 10px;--border-radius-lg: 16px;--border-radius-full: 999px;--shadow-sm: 0 3px 8px rgba(74, 59, 47, .15);--shadow-md: 0 6px 18px rgba(74, 59, 47, .18);--shadow-lg: 0 18px 40px rgba(74, 59, 47, .3);--shadow-focus: 0 0 0 3px rgba(63, 127, 174, .45);--tilt-1: -2.5deg;--tilt-2: 1.5deg;--tilt-3: -1deg;--tilt-4: 3deg;--duration-instant: 50ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .7s;--duration-theatrical: 1.1s;--easing-default: cubic-bezier(.4, 0, .2, 1);--easing-out: cubic-bezier(0, 0, .2, 1);--easing-bounce: cubic-bezier(.34, 1.56, .64, 1);--breakpoint-sm: 375px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}@media (prefers-reduced-motion: reduce){:root{--duration-slower: 0ms;--duration-theatrical: 0ms;--easing-bounce: ease}}[data-theme=night]{--color-bg-primary: #2e2620;--color-bg-secondary: #3b322a;--color-bg-tertiary: #352c24;--color-text-primary: #eadfc9;--color-text-secondary: #b3a68e;--color-surface-overlay: rgba(0, 0, 0, .55);--shadow-md: 0 6px 18px rgba(0, 0, 0, .45);--shadow-lg: 0 18px 40px rgba(0, 0, 0, .6)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family-body);color:var(--color-text-primary);background:var(--raw-wall);overflow-x:hidden;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input{font-family:inherit}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--border-radius-sm)}.kitchen{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 60% at 50% -5%,rgba(255,246,214,.55),transparent 60%),linear-gradient(var(--raw-wall) 80%,var(--raw-floor) 80.2%);transition:filter .9s ease}.kitchen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 90% 80% at 50% 45%,transparent 55%,rgba(58,44,30,.22));pointer-events:none}.kitchen.dim{filter:brightness(.5) saturate(.8)}.kitchen .tiles{position:absolute;left:0;right:0;top:0;height:80%;background-image:url(/textures/stucco.png),linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:auto,40px 40px,40px 40px;opacity:.55}.kitchen .floor{position:absolute;left:0;right:0;bottom:0;height:20%;background-image:url(/textures/wood-pattern.png);opacity:.5}.magdot{position:absolute;width:16px;height:16px;border-radius:50%;box-shadow:inset -2px -3px 4px #00000040,0 2px 3px #0000004d;z-index:3;pointer-events:none}@keyframes wobble{0%{rotate:0deg}25%{rotate:-3deg}50%{rotate:2.5deg}75%{rotate:-1.5deg}to{rotate:0deg}}.wobbly:active,.wobbly:hover{animation:wobble var(--duration-slow) ease}@media (prefers-reduced-motion: reduce){.wobbly:active,.wobbly:hover{animation:none}.kitchen{transition:none}}.couple-art{display:block;width:100%;height:100%}