@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Gochi+Hand&family=Parisienne&display=swap";:root{color-scheme:light;font-family:DM Sans,system-ui,sans-serif;color:#fffaf0;background:#8cc9e8;font-synthesis:none;text-rendering:optimizeLegibility;--gold: #ffc21c;--ink: #453211;--cream: #fff9e9;--glass: rgba(39, 64, 44, .18)}*{box-sizing:border-box}html,body,#scene,.experience{width:100%;height:100%;margin:0}body{overflow:hidden;background:linear-gradient(180deg,#72b9df,#c6e4ec 56%,#769d3b)}button,canvas{-webkit-tap-highlight-color:transparent}.experience{position:relative;min-height:100svh;isolation:isolate;overflow:hidden}#scene{position:absolute;inset:0;display:block;cursor:grab;touch-action:none;opacity:0;transition:opacity 1.2s ease}.is-ready #scene{opacity:1}#scene:active{cursor:grabbing}#scene.over-note{cursor:pointer}#scene.over-note:active{cursor:grabbing}.sky-glow{position:absolute;z-index:1;top:-18vmin;right:-12vmin;width:64vmin;height:64vmin;border-radius:50%;background:radial-gradient(circle,rgba(255,246,183,.5),transparent 68%);mix-blend-mode:screen;pointer-events:none}.grain{position:absolute;z-index:2;inset:-80px;opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");animation:grain-shift .22s steps(2) infinite}.vignette{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(13,35,24,.2),transparent 26%,transparent 72%,rgba(26,35,12,.35)),radial-gradient(circle at center,transparent 45%,rgba(18,31,12,.24) 120%);transition:opacity 1.2s ease}.field-mode .vignette{opacity:.68}.story{position:absolute;z-index:5;top:clamp(1.5rem,6vh,5rem);left:50%;width:min(92vw,920px);transform:translate(-50%);text-align:center;pointer-events:none;text-shadow:0 2px 24px rgba(57,41,11,.35)}.eyebrow{margin:0 0 .55rem;font-size:clamp(.65rem,1.1vw,.82rem);font-weight:600;letter-spacing:.42em;text-transform:uppercase;opacity:.78;transform:translateY(0);transition:transform 1s ease,opacity 1s ease}h1{max-width:900px;margin:0 auto;font-family:Parisienne,Brush Script MT,cursive;font-size:clamp(2.45rem,6.4vw,6.5rem);font-weight:400;line-height:.96;letter-spacing:-.035em;text-wrap:balance;transition:opacity .4s ease,transform 1s cubic-bezier(.2,.8,.2,1)}.message-changing h1{opacity:0;transform:translateY(-12px) scale(.98)}.love-note{margin:clamp(.7rem,2vh,1.4rem) 0 0;font-family:Parisienne,Brush Script MT,cursive;font-size:clamp(2rem,4vw,4rem);color:#fff8c7;opacity:0;transform:translateY(24px);filter:blur(8px);transition:opacity 1.1s ease .5s,transform 1.1s cubic-bezier(.2,.8,.2,1) .5s,filter 1.1s ease .5s}.field-mode .love-note{opacity:1;transform:translateY(0);filter:blur(0)}.controls{position:absolute;z-index:6;bottom:max(clamp(.8rem,2.5vh,1.6rem),env(safe-area-inset-bottom));left:50%;display:grid;justify-items:center;gap:.2rem;width:min(92vw,620px);transform:translate(-50%);pointer-events:none}.gesture-cue{display:grid;justify-items:center;gap:.05rem;color:#fffde5f5;text-shadow:0 2px 16px rgba(18,28,10,.72)}.gesture-symbol{position:relative;display:block;width:2.8rem;height:2.8rem}.gesture-dot,.gesture-ring{position:absolute;inset:50% auto auto 50%;border-radius:50%;transform:translate(-50%,-50%)}.gesture-dot{width:.48rem;height:.48rem;background:#ffd230;box-shadow:0 0 .8rem #ffcc24c7}.gesture-ring{width:2.3rem;height:2.3rem;border:1.5px solid rgba(255,252,220,.92);opacity:0;animation:double-tap-pulse 2.25s cubic-bezier(.2,.7,.2,1) infinite}.gesture-ring-two{animation-delay:.34s}.gesture-label{font-size:clamp(.68rem,1.2vw,.78rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase}.experience:focus-visible{outline:none}.experience:focus-visible .gesture-label{text-decoration:underline;text-underline-offset:.28rem}.hint{margin:0;color:#fffff0c7;font-size:clamp(.65rem,1.3vw,.76rem);letter-spacing:.04em;text-align:center;text-shadow:0 2px 12px rgba(18,28,10,.65);transition:opacity .6s ease}.field-mode .pointer-hint{display:none}.loading,.fallback,.noscript{position:absolute;z-index:9;inset:50% auto auto 50%;width:min(80vw,520px);margin:0;transform:translate(-50%,-50%);text-align:center}.loading{font-family:Parisienne,cursive;font-size:clamp(1.8rem,4vw,3rem);color:#fff7ce;transition:opacity .7s ease}.is-ready .loading{opacity:0;pointer-events:none}.fallback,.noscript{padding:1.25rem;border-radius:1rem;color:#4f390d;background:#fffae1e6}.note-overlay{position:fixed;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,2.5rem)}.note-overlay[hidden]{display:none}.note-backdrop{position:absolute;inset:0;background:#261a088c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .45s ease}.note-overlay.is-open .note-backdrop{opacity:1}.note-paper{position:relative;width:100%;max-width:min(92vw,520px);max-height:88svh;padding:clamp(1.7rem,5vw,2.6rem) clamp(1.3rem,4.5vw,2.4rem);overflow:auto;border:1px solid rgba(183,147,85,.5);border-radius:1.1rem;background:linear-gradient(162deg,#fffdf3,#fff7e6 48%,#f6e7c6);box-shadow:0 30px 60px #1c12046b,0 1px #ffffffb8 inset,0 -20px 36px #ad843e29 inset;opacity:0;transform:scaleY(.04) translateY(-14px);transform-origin:top center;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .3s ease}.note-overlay.is-open .note-paper{opacity:1;transform:scaleY(1) translateY(0)}.note-paper:focus{outline:none}.note-close{position:absolute;top:.4rem;right:.4rem;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgba(176,134,67,.42);border-radius:50%;color:#7c5b22;font-family:inherit;font-size:1.3rem;line-height:1;background:#fff9e8e6;box-shadow:0 4px 12px #3f2c0c29;cursor:pointer;transition:background .25s ease,transform .25s ease}.note-close:hover{background:#fff3d3;transform:scale(1.06)}.note-close:focus-visible{outline:2px solid #c48a2c;outline-offset:2px}.note-text,.note-figure{opacity:0;transition:opacity .45s ease .3s}.note-overlay.is-open .note-text,.note-overlay.is-open .note-figure{opacity:1}.note-text{margin:0 0 clamp(1.1rem,3vw,1.6rem);color:var(--ink);font-family:Gochi Hand,Segoe Print,cursive;font-size:clamp(1.2rem,3.9vw,1.85rem);line-height:1.4;text-align:center;text-wrap:balance}.note-figure{margin:0}.note-figure img{display:block;width:auto;max-width:100%;height:auto;max-height:46svh;margin:0 auto;border:5px solid #fffdf4;border-radius:.7rem;object-fit:contain;box-shadow:0 14px 28px #30210842}.note-open .story,.note-open .controls{opacity:0;transition:opacity .35s ease}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(2%,-2%)}50%{transform:translate(-2%,2%)}75%{transform:translate(1%,2%)}to{transform:translate(-1%,-1%)}}@keyframes double-tap-pulse{0%,12%{opacity:0;transform:translate(-50%,-50%) scale(.3)}18%{opacity:.95}44%,to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@media(max-width:680px){.story{top:max(.8rem,env(safe-area-inset-top));width:94vw}h1{font-size:clamp(2.15rem,11.8vw,3.65rem);line-height:1.02}.love-note{margin-top:.4rem;font-size:clamp(1.9rem,10vw,3.2rem)}.controls{bottom:max(.55rem,env(safe-area-inset-bottom))}.gesture-symbol{width:2.35rem;height:2.35rem}.gesture-ring{width:2rem;height:2rem}.gesture-label{font-size:.63rem}.hint{max-width:300px;font-size:.62rem;line-height:1.35}.note-paper{padding:3.3rem 1.15rem 1.3rem;border-radius:.9rem}.note-text{margin-bottom:1rem;font-size:clamp(1.05rem,5.1vw,1.5rem)}.note-figure img{max-height:36svh}}@media(max-width:680px)and (max-height:700px){.hint{display:none}.controls{bottom:max(.35rem,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.grain{display:none}}