@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Patrick+Hand&display=swap";.desktop-icon{background:#fef8ed;border-radius:14px;padding:14px;border:1px solid rgba(74,46,42,.16);box-shadow:0 10px 20px var(--shadow);position:relative;transform-origin:center;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1),border-color .42s ease;animation:card-in .62s ease-out both}.desktop-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;pointer-events:none;box-shadow:inset 0 0 #d4af3759;transition:box-shadow .42s ease}.polaroid-frame{background:#fff;padding:12px 12px 40px;border-radius:4px;box-shadow:0 6px 14px #00000026;overflow:hidden;height:250px}.polaroid-frame img{width:100%;height:100%;object-fit:contain;background:#f7ebdc;display:block;transform:scale(1);transition:transform .52s cubic-bezier(.22,1,.36,1),filter .42s ease}.desktop-icon h2{margin:10px 0 8px;font-size:clamp(1.2rem,2.8vw,2rem)}.play-btn{border:none;background:var(--blush);color:var(--ink);padding:8px 14px;border-radius:8px;min-height:44px;font-size:1.2rem;box-shadow:0 6px 10px var(--shadow)}.play-btn:hover{transform:translateY(-2px)}.desktop-icon:hover{transform:translateY(-8px) rotate(.7deg);border-color:#8b000047;box-shadow:0 20px 34px #482d2142}.desktop-icon:hover:after{box-shadow:inset 0 0 0 2px #d4af3747}.desktop-icon:hover .polaroid-frame img{transform:scale(1.035);filter:saturate(1.06) contrast(1.02)}.stamp{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(-10deg);border:3px solid var(--accent);color:var(--accent);padding:6px 14px;font-weight:700;opacity:.86}.checkmark{position:absolute;top:10px;right:12px;color:var(--accent);font-size:1.7rem}@keyframes card-in{0%{transform:translateY(18px) rotate(0);opacity:0}to{opacity:1}}@media (hover: none){.desktop-icon:hover{transform:none;box-shadow:0 10px 20px var(--shadow);border-color:#4a2e2a29}.desktop-icon:hover:after{box-shadow:none}.desktop-icon:hover .polaroid-frame img{transform:none;filter:none}}@media (max-width: 767px){.desktop-icon{padding:10px}.polaroid-frame{height:190px;padding:8px 8px 28px}.desktop-icon h2{font-size:1.35rem;line-height:1.2}.play-btn{width:100%}}.desktop-spread{min-height:inherit;padding:20px 28px 32px 70px;position:relative}.spiral{position:absolute;left:20px;top:0;bottom:0;width:30px;background:radial-gradient(circle at center,#ab9375 0 4px,transparent 4px) center 14px/18px 28px repeat-y}.cover-title{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.cover-title h1{margin:8px 0 0;font-size:clamp(2rem,5vw,3.4rem);transform:rotate(-2deg)}.cover-title p{margin:8px 0 0;background:var(--sticky-yellow);padding:6px 14px;border-radius:4px;box-shadow:0 8px 16px var(--shadow);transform:rotate(3deg);font-size:1.2rem}.hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:18px}.mini-actions{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}.mini-btn{text-decoration:none;color:var(--ink);background:#fff7e2eb;border:1px dashed rgba(74,46,42,.35);border-radius:999px;padding:4px 10px;font-size:.95rem;min-height:32px;display:inline-flex;align-items:center;justify-content:center}.mini-btn:hover{transform:translateY(-1px)}.mini-bonus{border-style:solid;background:linear-gradient(135deg,#ffd8e2,#ffc0d2)}.doodles{position:absolute;bottom:8px;right:24px;display:flex;gap:14px;font-size:1.6rem;opacity:.7}@media (max-width: 1023px){.hub-grid{grid-template-columns:1fr}}@media (max-width: 767px){.desktop-spread{padding:14px 14px 20px 46px}.cover-title{flex-direction:column}.mini-actions{margin-top:2px}.mini-btn{font-size:.86rem;min-height:30px;padding:3px 9px}.cover-title h1{font-size:clamp(1.8rem,9vw,2.4rem)}.doodles{right:12px;bottom:2px;font-size:1.2rem}}.honesty-page{min-height:inherit;padding:18px 22px 30px;background:repeating-linear-gradient(to bottom,rgba(92,133,188,.2) 0,rgba(92,133,188,.2) 1px,transparent 1px,transparent 30px),linear-gradient(var(--paper),#fff8ee)}.honesty-page h1{margin:12px 0;font-size:clamp(2rem,5vw,3.4rem);transform:rotate(-1.5deg)}.photo-strip{display:flex;gap:14px;flex-wrap:wrap}.tiny-polaroid{width:min(220px,45%);background:#fff;padding:8px 8px 24px;box-shadow:0 8px 16px var(--shadow);transform:rotate(-2deg);min-width:150px}.tiny-polaroid.tilt-right{transform:rotate(2deg)}.tiny-polaroid img{width:100%;height:170px;object-fit:contain;background:#f7ebdc}.thermometer-shell{margin-top:20px;max-width:820px}.thermo-scale{display:flex;justify-content:space-between}.thermo-body{display:flex;align-items:center;gap:10px}.mercury-track{background:#f5d2d2;border:2px solid #ad7171;border-radius:20px;overflow:hidden;width:min(800px,100%);height:28px}.mercury-fill{height:100%;background:linear-gradient(90deg,#f36a6a,#8b0000);transition:width .22s ease-out}.bulb{width:26px;height:26px;border-radius:50%;background:#8b0000;box-shadow:0 0 16px #8b000059}.thermometer-shell input{width:min(820px,100%);margin-top:14px}.meter-value{margin-top:8px;text-align:center;font-family:Caveat,system-ui,sans-serif;font-size:clamp(2rem,5vw,3rem);color:var(--accent)}.thermometer-shell.hot .bulb{animation:pulse 1s ease-out infinite}.sticky-note{margin-top:18px;width:fit-content;padding:10px 14px;box-shadow:0 10px 14px var(--shadow);border-radius:4px;transform:rotate(-2deg);font-size:1.3rem;animation:note-in .46s ease-out both}.sticky-note.yellow{background:var(--sticky-yellow)}.sticky-note.pink{background:var(--sticky-pink)}.continue-btn{border:none;min-height:44px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes note-in{0%{opacity:0;transform:translateY(10px) rotate(0)}to{opacity:1}}@media (max-width: 767px){.honesty-page{padding:12px 12px 18px}.tiny-polaroid{width:calc(50% - 8px);min-width:0}.tiny-polaroid img{height:120px}.sticky-note{width:100%;font-size:1.05rem;transform:none}}.quiz-page{min-height:inherit;padding:18px 20px 24px;background:radial-gradient(circle at 5% 15%,rgba(255,235,225,.7),transparent 25%),linear-gradient(var(--paper),#fff8ee);position:relative;overflow:hidden}.quiz-page h1{margin:10px 0 0;font-size:clamp(2rem,5vw,3.2rem)}.quiz-page h2{margin:0 0 12px;font-size:clamp(1.4rem,3.5vw,2.1rem);transform:rotate(-1deg)}.quiz-collage{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 16px}.collage-photo{background:#fff;padding:6px 6px 20px;box-shadow:0 7px 14px var(--shadow);animation:photo-in .54s ease-out both}.collage-photo:nth-child(odd){transform:rotate(-2deg)}.collage-photo:nth-child(2n){transform:rotate(2deg)}.collage-photo img{width:100%;height:125px;object-fit:contain;background:#f7ebdc}.options{list-style:none;padding:0;margin:0;display:grid;gap:10px}.option{width:100%;border:2px solid rgba(74,46,42,.22);background:#ffffffad;border-radius:12px;min-height:44px;display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:1.28rem}.checkbox{width:22px;height:22px;border:2px solid #4a2e2a;border-radius:5px}.option.disabled{text-decoration:line-through;color:#7f4b4b;cursor:not-allowed}.option.disabled:hover{box-shadow:inset 0 0 0 2px #8b00004d}.option.yes{background:var(--sticky-green);border-color:#668d66}.option.yes .checkbox{border-radius:50%;border-color:#376137}.shake{animation:shake .25s linear}.quiz-success{margin-top:14px;background:var(--sticky-pink);padding:12px;border-radius:4px;width:fit-content;transform:rotate(-2deg);font-size:1.4rem}.quiz-cheeky{margin-top:12px;background:var(--sticky-yellow);padding:10px 12px;border-radius:6px;width:fit-content;box-shadow:0 8px 14px var(--shadow);transform:rotate(-1deg);font-size:1.2rem}.confetti-wrap{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0}.confetti{position:absolute;top:-20px;left:var(--left);width:10px;height:10px;background:hsl(calc(var(--i) * 14),80%,72%);animation:fall 2.6s linear forwards;animation-delay:var(--delay)}@keyframes fall{to{transform:translateY(105vh) rotate(400deg);opacity:0}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes photo-in{0%{opacity:0;transform:translateY(12px) rotate(0)}to{opacity:1}}@media (max-width: 767px){.quiz-collage{grid-template-columns:repeat(2,1fr)}.quiz-page{padding:12px}.option{font-size:1.08rem}.quiz-success,.quiz-cheeky{width:100%;transform:none;font-size:1.05rem}}.negotiation-page{min-height:inherit;padding:18px 20px 28px;position:relative;background:radial-gradient(circle at 20% 24%,rgba(193,151,110,.16),transparent 32%),radial-gradient(circle at 75% 70%,rgba(193,151,110,.16),transparent 30%),linear-gradient(135deg,#f2dfc7,#edd4b7)}.negotiation-page h1{margin:10px 0 14px;font-size:clamp(2rem,5vw,3rem)}.negotiation-photos{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin:8px 0 6px}.photo-pin{position:relative;width:140px;background:#fff;padding:8px 8px 24px;box-shadow:0 8px 18px var(--shadow);flex:0 0 auto}.photo-pin:before{content:"";position:absolute;top:-6px;left:50%;width:14px;height:14px;border-radius:50%;background:#bc2e2e;transform:translate(-50%)}.photo-pin img{width:100%;height:100px;object-fit:contain;background:#f7ebdc}.pin-a{transform:rotate(-4deg)}.pin-b{transform:rotate(5deg)}.sticky-thread{margin-top:12px;display:grid;gap:12px}.msg{max-width:520px;padding:12px 14px;border-radius:6px;box-shadow:0 8px 16px var(--shadow);animation:peel .32s ease-out;font-size:1.35rem;transition:transform .26s ease-out,box-shadow .26s ease-out}.msg.arham{background:var(--sticky-yellow);transform:rotate(-2deg)}.msg.reply{margin-left:auto;background:var(--sticky-pink);transform:rotate(2deg)}.comment-pop{animation:cheeky-pop .34s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.choice-row{margin-top:30px;display:flex;gap:14px;position:relative;min-height:160px}.choice{border:none;min-height:48px;min-width:120px;border-radius:8px;box-shadow:0 8px 14px var(--shadow);font-size:1.4rem;transition:transform .26s ease-out,box-shadow .26s ease-out}.choice.yes{background:var(--sticky-green)}.choice.no{background:var(--sticky-pink)}.choice.no.runaway{box-shadow:0 8px 14px var(--shadow),0 0 22px #8b00002b}.choice:hover{transform:translateY(-3px)}.yes-note{margin-top:18px;background:var(--sticky-green);width:fit-content;padding:10px 14px;transform:rotate(-2deg);font-size:1.3rem}.runaway-note{margin-top:8px;background:#fff9;width:fit-content;padding:8px 12px;border-radius:8px;font-size:1.05rem}.finish-btn{margin-top:12px;border:none;background:var(--blush);border-radius:9px;padding:8px 14px;min-height:44px;font-size:1.2rem}@keyframes peel{0%{transform:translateY(12px) rotate(0);opacity:0}to{opacity:1}}@keyframes cheeky-pop{0%{opacity:0;transform:translateY(12px) scale(.96) rotate(0)}60%{opacity:1;transform:translateY(-2px) scale(1.02) rotate(-1deg)}to{transform:translateY(0) scale(1)}}@media (max-width: 767px){.negotiation-page{padding:12px}.photo-pin{width:min(42vw,130px)}.choice-row{margin-top:16px;min-height:130px}.choice{min-width:44%;font-size:1.15rem}.msg{max-width:100%;font-size:1.1rem;transform:none}.runaway-note{width:100%;font-size:.98rem}}.chaos-page{min-height:inherit;position:relative;overflow:hidden;padding:18px;background:linear-gradient(transparent 31px,#74594614 32px),linear-gradient(90deg,transparent 31px,rgba(116,89,70,.08) 32px),linear-gradient(var(--paper),#fff7eb);background-size:32px 32px,32px 32px,auto}.chaos-page h1{margin:10px 0 0;font-size:clamp(2rem,5vw,3rem)}.chaos-page p{margin-top:4px;font-size:1.3rem}.yes-polaroid{border:none;background:#fff;padding:10px 10px 40px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(320px,76vw);box-shadow:0 12px 24px var(--shadow);animation:yes-pulse 1.7s ease-out infinite}.yes-polaroid img{width:100%;aspect-ratio:1 / 1;object-fit:contain;background:#f7ebdc}.yes-polaroid span{display:block;text-align:center;margin-top:8px;font-size:1.7rem}.no-polaroid{position:absolute;border:none;background:#fff;border-radius:6px;width:110px;height:70px;box-shadow:0 8px 15px var(--shadow);font-size:1rem;transition:box-shadow .24s ease-out;touch-action:manipulation}.no-polaroid:hover{box-shadow:0 12px 20px var(--shadow)}.chaos-page.won .yes-polaroid{animation:none}.chaos-success{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;background:#fff8e7b8}.chaos-success h2{margin:0;font-size:clamp(2rem,4.5vw,3rem)}.hearts{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hearts span{position:absolute;left:calc((var(--i) * 11) % 100%);bottom:-30px;width:14px;height:14px;transform:rotate(45deg);background:#e04b63;animation:heart-rise 2.4s ease-out forwards;animation-delay:calc((var(--i) % 8) * .12s)}.hearts span:before,.hearts span:after{content:"";width:14px;height:14px;border-radius:50%;background:#e04b63;position:absolute}.hearts span:before{left:-7px}.hearts span:after{top:-7px}.finish-btn{border:none;margin-top:14px;min-height:44px;padding:8px 14px;background:var(--sticky-pink);border-radius:9px;font-size:1.2rem}@keyframes yes-pulse{0%,to{box-shadow:0 12px 24px var(--shadow)}50%{box-shadow:0 14px 30px #8b00003d}}@keyframes heart-rise{to{transform:translateY(-110vh) rotate(45deg);opacity:0}}@media (max-width: 767px){.chaos-page{padding:12px}.chaos-page p{font-size:1.02rem}.yes-polaroid{width:min(250px,72vw);padding:8px 8px 28px;top:63%}.no-polaroid{width:86px;height:58px;font-size:.85rem}.chaos-success h2{font-size:1.8rem;padding:0 10px}}.wyr-page{min-height:inherit;padding:18px;background:radial-gradient(circle at 12% 14%,rgba(255,218,218,.55),transparent 28%),radial-gradient(circle at 88% 82%,rgba(255,232,176,.46),transparent 30%),linear-gradient(145deg,#fff4e3,#f6e5ce)}.wyr-header h1{margin:10px 0 2px;font-size:clamp(2.2rem,6vw,3.8rem);transform:rotate(-1.5deg)}.wyr-sub{margin:0 0 12px;font-size:1.2rem}.wyr-board,.wyr-summary{max-width:920px;margin:0 auto;background:repeating-linear-gradient(-12deg,#7859450f 0,#7859450f 2px,#fff8e7c7 2px,#fff8e7c7 16px),#fff8ea;border:1px solid rgba(74,46,42,.2);border-radius:16px;padding:16px;box-shadow:0 16px 28px var(--shadow)}.wyr-board.flash{animation:flash .26s ease-out}.wyr-progress{display:inline-block;margin:0;font-size:1rem;background:#ffdcb7;padding:4px 10px;border-radius:999px;border:1px dashed rgba(74,46,42,.35)}.wyr-board h2,.wyr-summary h2{margin:10px 0 14px;font-size:clamp(1.6rem,3.7vw,2.5rem);line-height:1.15}.wyr-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wyr-choice{border:1px solid rgba(74,46,42,.22);border-radius:14px;min-height:190px;text-align:left;padding:12px;display:grid;align-content:flex-start;gap:8px;font-size:1.18rem;box-shadow:0 10px 16px var(--shadow);transition:transform .26s ease-out,box-shadow .26s ease-out,border-color .26s ease-out}.choice-a{background:linear-gradient(160deg,#fff8ca,#fff2a8);transform:rotate(-1.4deg)}.choice-b{background:linear-gradient(160deg,#ffe3df,#ffd2cb);transform:rotate(1.1deg)}.wyr-choice:hover{transform:translateY(-3px) rotate(0);box-shadow:0 14px 20px #482d213d}.wyr-choice.picked{border-color:#8b00008c;box-shadow:0 14px 22px #482d213d,0 0 0 2px #8b000029 inset}.badge{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:#ffffffb8;border:1px solid rgba(74,46,42,.24);font-weight:700}.wyr-note{margin:12px 0 0;padding:10px 12px;background:var(--sticky-pink);border-radius:8px;width:fit-content;opacity:0;transform:translateY(8px);transition:opacity .22s ease-out,transform .22s ease-out}.wyr-note.show{opacity:1;transform:translateY(0)}.wyr-next{margin-top:12px;border:none;border-radius:10px;min-height:44px;background:linear-gradient(160deg,#f67b94,#e85d79);color:#fff;padding:8px 14px;font-size:1.2rem}.wyr-next:disabled{opacity:.46;cursor:not-allowed}.wyr-next.alt{background:#f5e1c2;color:var(--ink)}.wyr-summary p{font-size:1.2rem;margin:6px 0}.wyr-summary-actions{display:flex;gap:10px;flex-wrap:wrap}@keyframes flash{0%{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 6px #d4af3733}to{box-shadow:0 0 #0000}}@media (max-width: 767px){.wyr-page{padding:12px}.wyr-choices{grid-template-columns:1fr}.wyr-choice{min-height:128px;font-size:1.02rem;transform:none}.wyr-note{width:100%;font-size:.97rem}.wyr-next,.wyr-next.alt{width:100%}}.finale-spread{min-height:inherit;padding:18px;background:radial-gradient(circle at 15% 10%,rgba(255,236,219,.75),transparent 30%),radial-gradient(circle at 86% 86%,rgba(237,213,178,.6),transparent 34%),linear-gradient(var(--paper),#fcedd8)}.finale-grid{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.finale-photo-page,.finale-letter-page{border:1px solid rgba(74,46,42,.2);border-radius:10px;background:#fffbf2e0;padding:16px}.hero-polaroid{background:#fff;padding:12px 12px 40px;box-shadow:0 10px 16px var(--shadow);transform:rotate(-1.8deg);margin:0}.hero-polaroid img{width:100%;max-height:430px;object-fit:contain;background:#f7ebdc}.finale-photo-page p{margin-top:10px;font-size:1.2rem;transform:rotate(-1deg)}.finale-letter-page{font-size:clamp(1.12rem,2.2vw,1.35rem)}.finale-letter-page p{margin:0 0 10px;line-height:1.28}.final-yes{margin-top:10px;border:none;min-height:50px;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,#ff94a8,#f26d85);color:#fff;font-size:clamp(1.05rem,2.6vw,1.5rem);box-shadow:0 10px 18px #b94c6359;transition:transform .25s ease-out,box-shadow .25s ease-out}.final-yes:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 14px 22px #b94c6370}@media (max-width: 1023px){.finale-grid{grid-template-columns:1fr}}@media (max-width: 767px){.finale-spread,.finale-photo-page,.finale-letter-page{padding:12px}.hero-polaroid{padding:8px 8px 26px;transform:none}.finale-letter-page{font-size:1rem}.final-yes{width:100%;min-height:52px;font-size:1.2rem}}.celebration-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2d14126b;z-index:40;display:grid;place-items:center}.celebration-card{width:min(620px,92vw);background:#fff7ea;border-radius:16px;border:1px solid rgba(74,46,42,.2);box-shadow:0 18px 30px #0003;padding:18px;text-align:center;position:relative;z-index:2}.celebration-card h2{margin:6px 0;font-size:clamp(2rem,5vw,3rem)}.celebration-card p{font-size:1.3rem}.celebration-card button{border:none;border-radius:9px;min-height:44px;background:var(--sticky-pink);padding:8px 16px;font-size:1.2rem}.rain{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.bit{position:absolute;top:-20px;left:var(--left);width:12px;height:12px;background:hsl(calc(var(--left) * 3),84%,74%);transform:rotate(45deg);animation:rain var(--dur) linear infinite;animation-delay:var(--delay)}.bit:before,.bit:after{content:"";position:absolute;width:12px;height:12px;background:inherit;border-radius:50%}.bit:before{left:-6px}.bit:after{top:-6px}@keyframes rain{to{transform:translateY(105vh) rotate(360deg);opacity:0}}@media (max-width: 767px){.celebration-card{width:94vw;padding:14px}.celebration-card h2{font-size:2rem}.celebration-card p{font-size:1.05rem}}.app-shell{min-height:100vh;padding:20px;position:relative}.page-surface{width:min(1200px,100%);margin:0 auto;min-height:calc(100vh - 40px);background:var(--paper-texture-url) center/cover no-repeat,linear-gradient(0deg,#fff8e7f5,#fff8e7f5),repeating-linear-gradient(90deg,rgba(151,115,89,.06) 0,rgba(151,115,89,.06) 1px,transparent 1px,transparent 34px);background-blend-mode:multiply,normal,normal;border-radius:18px;border:1px solid rgba(74,46,42,.2);box-shadow:0 14px 35px var(--shadow);position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;isolation:isolate}.page-surface.turning{animation:page-turn var(--page-speed, .9s) ease-out}.page-surface>section{animation:screen-in .56s ease-out}.cherry-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.cherry-layer span{position:absolute;left:calc((var(--i) * 13) + 6%);top:-6vh;font-size:clamp(1rem,2.5vw,1.7rem);opacity:.3;animation:cherry-fall calc(13s + (var(--i) * 1s)) linear infinite;animation-delay:calc(var(--i) * -1.6s)}@keyframes page-turn{0%{transform:perspective(1200px) rotateY(0);opacity:1}40%{transform:perspective(1200px) rotateY(-18deg);opacity:.78}to{transform:perspective(1200px) rotateY(0);opacity:1}}@keyframes screen-in{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cherry-fall{0%{transform:translateY(-8vh) rotate(0)}to{transform:translateY(108vh) rotate(360deg)}}@media (max-width: 767px){.app-shell{padding:8px}.page-surface{min-height:calc(100vh - 16px);border-radius:10px}.cherry-layer span{font-size:1rem;opacity:.2}}:root{--paper: #fff4e3;--paper-dark: #f3dfc7;--ink: #4a2e2a;--accent: #8b0000;--blush: #ffd6d6;--gold: #d4af37;--shadow: rgba(72, 45, 33, .18);--sticky-yellow: #fffacd;--sticky-pink: #ffe4e1;--sticky-green: #e8f5e9;--paper-texture-url: url(/assets/textures/paper-texture.jpeg)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Patrick Hand,system-ui,sans-serif;color:var(--ink);overflow-x:hidden;background:var(--paper-texture-url) center/cover fixed no-repeat,radial-gradient(circle at 14% 12%,rgba(255,255,255,.7),transparent 32%),radial-gradient(circle at 84% 78%,rgba(245,230,207,.65),transparent 34%),linear-gradient(135deg,var(--paper),var(--paper-dark));background-blend-mode:multiply,normal,normal,normal}h1,h2,h3,button{font-family:Caveat,system-ui,sans-serif}button{cursor:pointer;transition:transform .25s ease-out,box-shadow .25s ease-out,filter .25s ease-out}button:focus-visible{outline:3px dashed var(--accent);outline-offset:3px}.back-btn{border:2px solid rgba(74,46,42,.25);background:#ffffffa6;color:var(--ink);border-radius:10px;font-size:1.2rem;padding:8px 14px;min-height:44px;min-width:44px}.photo-fallback{width:100%;height:100%;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#fcead7 0,#fcead7 12px,#f6dfc8 12px,#f6dfc8 24px);color:#6a4b43;font-size:1.4rem}.tutorial-note{margin:8px 0 14px;max-width:760px;background:#fff2bc;border:1px dashed rgba(74,46,42,.35);padding:10px 12px;border-radius:8px;box-shadow:0 8px 14px var(--shadow);transform:rotate(-1.2deg);font-size:1.15rem}.tutorial-note strong{font-family:Caveat,system-ui,sans-serif;font-size:1.35rem}img{image-rendering:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}@media (max-width: 767px){.tutorial-note{transform:none;font-size:1.02rem;line-height:1.35;max-width:100%}}