@font-face{font-family:Delius;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/delius-C-xt8lky.woff2)format("woff2")}*{box-sizing:border-box;margin:0;padding:0}:root{--paper:#fdf6e3;--ink:#4a6b8a;--coral:#e8836f;--blue:#3a86b5;--blue-lt:#7fb5d5;--blue-pale:#cfe6f0;--pink:#e8a4b8;--pink-lt:#f7dde5;--pink-deep:#d4708f}html,body{height:100%}body{-webkit-user-select:none;user-select:none;background:var(--paper);color:var(--ink);background-image:radial-gradient(#e8f4f8 1.5px,#0000 1.5px);background-size:28px 28px;font-family:Delius,Segoe Print,Comic Sans MS,cursive;overflow-x:hidden}body.fish-cursor,body.fish-cursor *{cursor:none!important}:is(body.fish-cursor:has(.letter-overlay),body.fish-cursor:has(.letter-overlay) *){cursor:auto!important}body:has(.letter-overlay) .cursor-layer{display:none}.page{z-index:2;pointer-events:none;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.8rem;min-height:100vh;padding:3rem 1.5rem;display:flex;position:relative}.title{color:var(--coral);text-shadow:2px 2px #fce8e3;font-size:clamp(1.8rem,5vw,2.6rem);transform:rotate(-2deg)}.counters{flex-wrap:wrap;justify-content:center;gap:1.8rem;display:flex}.card{color:var(--ink);border:3px solid var(--blue-lt);box-shadow:4px 5px 0 var(--blue-pale);background:#fff;border-radius:60% 40% 55% 45%/45% 55% 40% 60%;padding:1.8rem 2.6rem;position:relative;transform:rotate(1deg)}.card-until{border-color:var(--pink);box-shadow:4px 5px 0 var(--pink-lt);transform:rotate(-1.5deg)}.label{margin-bottom:.4rem;font-size:1rem}.time{color:var(--blue);letter-spacing:1px;font-variant-numeric:tabular-nums;font-size:clamp(1.3rem,4vw,1.9rem);font-weight:700}.card-until .time{color:var(--pink-deep)}.doodle-heart{font-size:1.4rem;animation:3s ease-in-out infinite alternate bob;position:absolute}@keyframes bob{0%{transform:translateY(0)rotate(-8deg)}to{transform:translateY(-10px)rotate(8deg)}}.food-jar{flex-direction:column;align-items:center;gap:.3rem;display:flex}.jar-caption{font-size:1rem;transform:rotate(-1deg)}.jar-caption strong{color:var(--coral);font-size:1.2rem}.hint{color:#9db8cc;font-size:.9rem;transform:rotate(-1deg)}.aquarium{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.rising-bubble{border:2px solid var(--blue-lt);opacity:0;border-radius:50% 50% 48% 52%/52% 48% 50% 50%;animation:linear infinite rise;position:absolute;bottom:-30px}@keyframes rise{0%{opacity:0;transform:translateY(0)translate(0)}8%{opacity:.55}90%{opacity:.45}to{opacity:0;transform:translateY(-105vh)translate(24px)}}.floaty-heart{opacity:.7;animation:3.6s ease-in-out infinite alternate bob;position:absolute}.tank-fish{pointer-events:auto;will-change:transform;position:absolute;top:0;left:0}.fish-flip{display:inline-block}.fish-tail{transform-box:fill-box;transform-origin:0;animation:1.1s ease-in-out infinite alternate tail-wag}.fish-flip.swimming .fish-tail{animation-duration:.45s}@keyframes tail-wag{0%{transform:rotate(-14deg)}to{transform:rotate(14deg)}}.fish-fin{transform-box:fill-box;transform-origin:0;animation:.8s ease-in-out infinite alternate fin-flutter}@keyframes fin-flutter{0%{transform:rotate(-8deg)}to{transform:rotate(10deg)}}.mouth-bubble{border:2px solid var(--blue-lt);opacity:0;border-radius:50% 50% 48% 52%/52% 48% 50% 50%;animation:1.8s ease-out forwards mouth-bubble-up;position:absolute}@keyframes mouth-bubble-up{0%{opacity:0;transform:translateY(0)scale(.4)}15%{opacity:.7}to{opacity:0;transform:translateY(-70px)translate(8px)scale(1.1)}}.fish-btn{font:inherit;color:inherit;background:0 0;border:none;flex-direction:column;align-items:center;display:flex}.fish-btn:active svg{transform:scale(1.12)}.fish-name{margin-top:-4px;font-size:.85rem}.love-note{border:2.5px solid var(--pink);width:max-content;max-width:240px;color:var(--pink-deep);box-shadow:3px 4px 0 var(--pink-lt);background:#fff;border-radius:55% 45% 50% 50%/50% 55% 45% 50%;padding:.7rem 1.1rem;font-size:.9rem;animation:.25s ease-out pop-in;position:absolute;bottom:100%;left:50%;transform:translate(-50%)rotate(-2deg)}@keyframes pop-in{0%{opacity:0;transform:translate(-50%)rotate(-2deg)scale(.5)}to{opacity:1;transform:translate(-50%)rotate(-2deg)scale(1)}}.seaweed-row{position:absolute;bottom:0;left:0;right:0}.seaweed{transform-origin:bottom;animation:ease-in-out infinite alternate sway;position:absolute}@keyframes sway{0%{rotate:-6deg}to{rotate:6deg}}@media (prefers-reduced-motion:reduce){.fish-tail,.fish-fin,.seaweed,.rising-bubble,.floaty-heart,.doodle-heart{animation:none}}.pass-heart{opacity:0;filter:drop-shadow(1px 2px 0 var(--pink-lt));transition:opacity .6s;position:absolute;top:0;left:0}.blub{pointer-events:none;opacity:0;font-size:.8rem;font-weight:700;animation:1.2s ease-out forwards blub-up;position:absolute}.mwah{font-size:1rem}.burst-heart{pointer-events:none;opacity:0;animation:1.5s ease-out forwards heart-burst;position:absolute}@keyframes heart-burst{0%{opacity:0;transform:translateY(0)scale(.3)rotate(-10deg)}20%{opacity:1}to{opacity:0;transform:translateY(-60px)scale(1.2)rotate(12deg)}}@keyframes blub-up{0%{opacity:0;transform:translateY(0)rotate(-6deg)scale(.6)}20%{opacity:.9}to{opacity:0;transform:translateY(-44px)rotate(8deg)scale(1.1)}}.fish-kiss{display:none}.kissing .fish-kiss{display:block}.kissing .fish-smile{display:none}.water-tint{z-index:1;pointer-events:none;transition:background 2s;position:fixed;inset:0}.tint-dawn{background:linear-gradient(#ffd6aa47,#fff0dc14)}.tint-day{background:0 0}.tint-dusk{background:linear-gradient(#faaa824d,#f096a01f)}.tint-night{background:0 0}.doodle-moon{animation:6s ease-in-out infinite alternate bob;position:absolute;top:5%;right:7%}body{transition:background-color 2s,color 2s}body[data-phase=night]{color:#dce9f8;background-color:#14284c;background-image:radial-gradient(#1e3862 1.5px,#0000 1.5px)}body[data-phase=night] .title{color:#ffb39b;text-shadow:2px 2px #0a162ecc}body[data-phase=night] .hint,body[data-phase=night] .clock-time,body[data-phase=night] .jar-caption,body[data-phase=night] .river-caption{color:#a9c4e4}body[data-phase=night] .river-label{fill:#a9c4e4}body[data-phase=night] .clock-name{color:#dce9f8}body[data-phase=night] .jar-caption strong{color:#ffb39b}body[data-phase=night] .rising-bubble,body[data-phase=night] .trail-bubble,body[data-phase=night] .mouth-bubble{border-color:#7ea8d4;box-shadow:0 0 8px #8fd8ff59}body[data-phase=night] .sand{opacity:.55}body[data-phase=night] .seaweed{filter:brightness(.75)saturate(.8)}body[data-phase=night] .clock{opacity:.7}body[data-phase=night] .clock:hover{opacity:.9}body[data-phase=night] .clock-active{opacity:1}body[data-phase=night] .fish-name{text-shadow:1px 1px #0a162e99;color:#cfe2f7!important}.clocks{pointer-events:auto;gap:1.6rem;display:flex}.clock{font:inherit;color:inherit;opacity:.55;background:0 0;border:none;flex-direction:column;align-items:center;transition:opacity .3s,transform .3s;display:flex}.clock:hover{opacity:.85}.clock-active{opacity:1;transform:rotate(-2deg)scale(1.06)}.clock-active svg path:first-child{stroke:#e8836f}.clock-name{margin-top:.1rem;font-size:.85rem}.clock-time{color:#9db8cc;font-size:.8rem}.bottle{z-index:4;background:0 0;border:none;animation:22s linear forwards drift,3s ease-in-out infinite alternate bob;position:fixed;left:-80px}@keyframes drift{0%{left:-80px}to{left:105vw}}.letter-overlay{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:auto;background:#3a5c8061;justify-content:center;align-items:center;animation:.25s ease-out overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.letter{text-align:center;background:#fdf6e3;border:3px solid #d9c98a;border-radius:58% 42% 55% 45%/45% 52% 48% 55%;max-width:420px;margin:1rem;padding:2.4rem 2.8rem;animation:.25s ease-out modal-pop;transform:rotate(-1.5deg);box-shadow:5px 6px #d9c98a66}@keyframes modal-pop{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.letter p{font-size:1.05rem;line-height:1.7}.letter-stamp{margin-bottom:.6rem;font-size:1.6rem;animation:3s ease-in-out infinite alternate bob}.letter-close{border:2.5px solid var(--blue-lt);font:inherit;color:var(--blue);background:#fff;border-radius:50% 45% 55% 48%/48% 55% 45% 52%;margin-top:1.2rem;padding:.4rem 1rem}.letter-close:hover{transform:rotate(2deg)scale(1.05)}.memory-book{border:3px solid var(--pink);text-align:center;max-width:min(560px,94vw);max-height:88vh;box-shadow:6px 7px 0 var(--pink-lt);background:linear-gradient(#fff,#fdf3f6);border-radius:28px;padding:1.8rem 2rem 1.6rem;animation:.25s ease-out modal-pop;overflow-y:auto}.memory-title{color:var(--pink-deep);margin-bottom:1.2rem;transform:rotate(-1.5deg)}.carousel{justify-content:center;align-items:center;gap:.8rem;display:flex}.carousel-arrow{border:2.5px solid var(--pink);color:var(--pink-deep);font:inherit;cursor:pointer;width:44px;height:44px;box-shadow:2px 3px 0 var(--pink-lt);background:#fff;border-radius:50% 45% 55% 48%/48% 55% 45% 52%;flex-shrink:0;font-size:1.6rem;line-height:1;transition:transform .15s}.carousel-arrow:hover{transform:scale(1.12)rotate(-3deg)}.carousel-arrow:active{transform:scale(.95)}.polaroid{background:#fff;border:2px solid #e5ddcf;padding:.6rem .6rem .4rem;box-shadow:3px 4px 10px #4a6b8a33}.polaroid-big{width:min(330px,62vw);animation:.3s ease-out photo-in}@keyframes photo-in{0%{opacity:0;transform:scale(.85)rotate(0)}to{opacity:1}}.polaroid img{object-fit:cover;width:100%;height:min(280px,42vh);display:block}.polaroid-empty{background:var(--blue-pale);justify-content:center;align-items:center;width:100%;height:200px;font-size:2.4rem;display:flex}.polaroid-caption{color:var(--ink);padding:.55rem .2rem .3rem;font-size:.95rem}.carousel-dots{justify-content:center;gap:.5rem;margin-top:1rem;display:flex}.carousel-dot{border:2px solid var(--pink);cursor:pointer;background:#fff;border-radius:55% 45% 50% 50%/50% 55% 45% 50%;width:11px;height:11px;padding:0;transition:background .2s,transform .2s}.carousel-dot:hover{transform:scale(1.25)}.carousel-dot.active{background:var(--pink-deep);border-color:var(--pink-deep);transform:scale(1.15)}.carousel-count{color:#b48a9c;margin-top:.35rem;font-size:.8rem}.jar-lid{pointer-events:auto;cursor:pointer}.jar-lid:hover{fill:#f5d9a2}.food-jar{pointer-events:auto}.river{flex-direction:column;align-items:center;gap:.1rem;display:flex}.river-label{fill:#9db8cc;font-family:inherit;font-size:11px}.river-caption{font-size:.9rem;transform:rotate(-1deg)}.sand{opacity:.9;width:100%;height:52px;position:absolute;bottom:0;left:0}.floor-decor{height:40px;position:absolute;bottom:0;left:0;right:0}.shell{background:0 0;border:none;position:absolute;bottom:5px}.pearl-shell{pointer-events:auto;cursor:pointer}.pearl-shell:hover svg{transform:rotate(-6deg)}.pearl-note{bottom:40px}.cursor-layer{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.cursor-fish{will-change:transform;position:absolute;top:0;left:0}.trail-heart{pointer-events:none;animation:1.2s ease-out forwards bubble-up;position:absolute}.love-ring{pointer-events:none;opacity:0;border:3px solid #f7b8ca;border-radius:52% 48% 50% 50%/50% 52% 48% 50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1.2s ease-out forwards love-ring;position:absolute}@keyframes love-ring{0%{opacity:.9;scale:1}to{opacity:0;scale:40}}.wave-heart{pointer-events:none;opacity:0;animation:1.5s ease-out forwards heart-burst;position:absolute}.love-pulse{animation:.6s ease-out love-pulse}@keyframes love-pulse{0%{filter:none;scale:1}35%{filter:drop-shadow(0 0 12px #f7b8cae6);scale:1.07}to{filter:none;scale:1}}.treat{pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.trail-bubble{border:2px solid var(--blue-lt);border-radius:50% 50% 48% 52%/52% 48% 50% 50%;animation:1.2s ease-out forwards bubble-up;position:absolute}@keyframes bubble-up{0%{opacity:.8;transform:translateY(0)scale(.6)}to{opacity:0;transform:translateY(-46px)scale(1.15)}}