@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;0,800;1,400;1,700&display=swap";:root{--navy: #080F1E;--navy-mid: #0D1B35;--navy-card: rgba(13, 27, 53, .75);--navy-border: rgba(255, 255, 255, .09);--blue: #3B82F6;--blue-vivid: #2563EB;--sky: #93C5FD;--gold: #F0B429;--gold-light: #FCD34D;--white: #FFFFFF;--off-white: #F1F5F9;--muted: #64748B;--red-flash: #EF4444;--paper: #F5F0E8;--paper-text: #1E293B;--font: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Playfair Display", Georgia, serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 20px;--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);background:var(--navy);color:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch}.chapter,#zip-section{background:radial-gradient(ellipse 85% 65% at 20% 12%,rgba(59,130,246,.24) 0%,transparent 60%),radial-gradient(ellipse 65% 55% at 82% 88%,rgba(240,180,41,.16) 0%,transparent 55%),radial-gradient(ellipse 55% 45% at 58% 48%,rgba(99,102,241,.1) 0%,transparent 65%),var(--navy)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.028;pointer-events:none;z-index:9998}button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}#zip-section,.chapter{padding-bottom:env(safe-area-inset-bottom)}#zip-canvas{touch-action:none}.chapter{min-height:100svh;position:relative}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reveal{opacity:0;transform:translateY(20px)}.label{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.scroll-hint{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);color:var(--white);opacity:.35;font-size:24px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.story-card{position:fixed;bottom:80px;left:16px;right:16px;background:#080f1ecc;border:1px solid rgba(255,255,255,.16);border-top-color:#f0b42933;border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);display:flex;gap:var(--space-md);align-items:flex-start;z-index:100;transform:translate(110%);transition:transform .35s var(--ease-spring);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 8px 40px #00000080,inset 0 1px #ffffff14,0 0 0 1px #3b82f60a}.story-card.visible{transform:translate(0)}.story-card__photo{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0}.story-card__body{flex:1;min-width:0}.story-card__year{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-xs)}.story-card__text{font-size:15px;font-weight:400;color:var(--white);line-height:1.5}.zip-progress{position:fixed;top:var(--space-lg);right:var(--space-lg);font-size:14px;font-weight:600;color:var(--sky);z-index:100;letter-spacing:.02em}.zip-hint{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:44px;height:44px;background:#080f1eb3;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 4px 16px #0000004d;transition:transform .15s var(--ease-spring),border-color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.zip-hint:hover,.zip-hint:active{transform:scale(1.1);border-color:#f0b42980;box-shadow:0 4px 20px #f0b42933}.zip-skip{position:fixed;bottom:var(--space-lg);left:var(--space-lg);background:none;border:none;color:#ffffff4d;font-family:var(--font);font-size:13px;font-weight:500;letter-spacing:.06em;cursor:pointer;z-index:100;padding:var(--space-sm) var(--space-md);transition:color .25s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.zip-skip:hover,.zip-skip:active{color:#ffffffa6}.zip-complete{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);z-index:200;opacity:0;pointer-events:none;transition:opacity .6s var(--ease-out)}.zip-complete.visible{opacity:1;pointer-events:all}.zip-complete__line1{font-family:var(--font-display);font-size:clamp(22px,6vw,32px);font-weight:700;text-align:center;line-height:1.3;background:linear-gradient(145deg,#fff 20%,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.zip-complete__line2{font-family:var(--font-display);font-size:clamp(22px,6vw,32px);font-weight:700;font-style:italic;text-align:center;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 50%,#ffffff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(240,180,41,.35)}.zip-complete__birthday{font-size:18px;font-weight:300;color:var(--sky);text-align:center;opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease-out) .8s,transform .6s var(--ease-out) .8s}.zip-complete.visible .zip-complete__birthday{opacity:1;transform:translateY(0)}.chapter__inner{max-width:420px;margin:0 auto;padding:var(--space-3xl) var(--space-lg)}.beat{min-height:50svh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) var(--space-lg);max-width:420px;margin:0 auto}.beat__label{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-md);opacity:.9;text-shadow:0 0 20px rgba(240,180,41,.45)}.beat__heading{font-family:var(--font-display);font-size:clamp(30px,7.5vw,52px);font-weight:800;line-height:1.08;letter-spacing:-.01em;margin-bottom:var(--space-md);background:linear-gradient(145deg,#fff 10%,#bfdbfe 90%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.beat__heading--display{font-family:var(--font-display);font-size:clamp(72px,22vw,128px);line-height:1.1;padding-top:.05em;letter-spacing:-.02em;background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 45%,#ffffff 92%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 80px rgba(240,180,41,.3),0 0 140px rgba(59,130,246,.18)}.beat__sub{font-size:18px;font-weight:400;color:var(--sky);line-height:1.6}.beat__sub--italic{font-style:italic}.beat__body{font-size:17px;font-weight:400;color:var(--white);line-height:1.7;opacity:.85}.photo-card{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;margin:var(--space-xl) 0}.photo-card img{width:100%;height:280px;object-fit:cover;display:block}.photo-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(8,15,30,.96) 0%,rgba(8,15,30,.6) 45%,rgba(8,15,30,.1) 70%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-lg)}.photo-card__label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-xs);text-shadow:0 1px 6px rgba(0,0,0,.9)}.photo-card__title{font-family:var(--font-display);font-size:24px;font-weight:700;color:var(--white);line-height:1.2;letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.85),0 1px 3px rgba(0,0,0,.95)}.timeline-entry{padding:var(--space-xl) var(--space-lg);border-top:1px solid rgba(255,255,255,.07);max-width:420px;margin:0 auto;position:relative;transition:border-color .2s}.timeline-entry__year{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-sm)}.timeline-entry__title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--white);line-height:1.25;margin-bottom:var(--space-sm);letter-spacing:-.01em}.timeline-entry__sub{font-size:16px;font-weight:400;color:var(--sky);font-style:italic}.timeline-entry--star .timeline-entry__title{cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-sm)}.star-trigger{display:inline-block;transition:transform .2s var(--ease-spring)}.star-trigger:hover{transform:scale(1.3)}.deans-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);z-index:300;opacity:0;pointer-events:none;transition:opacity .3s}.deans-overlay.visible{opacity:1;pointer-events:all}.deans-overlay__title{font-family:var(--font-display);font-size:clamp(36px,10vw,64px);font-weight:800;color:var(--white);text-align:center;line-height:1.1;letter-spacing:-.02em}.deans-overlay__star{font-size:64px;animation:star-pulse .6s var(--ease-spring)}@keyframes star-pulse{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.chat-scene{display:flex;flex-direction:column;padding:var(--space-3xl) var(--space-lg);min-height:60svh;justify-content:center;gap:var(--space-sm)}.chat-platform-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-md);text-align:center}.chat-timestamp-label{font-size:11px;color:var(--muted);text-align:center;margin:var(--space-md) 0 var(--space-sm);letter-spacing:.04em}.chat-bubble{background:#0084ff;color:#fff;border-radius:20px 20px 4px;padding:12px 18px;font-size:16px;font-weight:400;max-width:78%;align-self:flex-end;box-shadow:0 4px 20px #0084ff4d;opacity:0;transform:translateY(10px) scale(.96);transition:opacity .35s var(--ease-spring),transform .35s var(--ease-spring)}.chat-bubble--received{background:#ffffff1a;color:var(--off-white);border-radius:20px 20px 20px 4px;padding:12px 18px;font-size:16px;font-weight:400;max-width:78%;align-self:flex-start;border:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(10px) scale(.96);transition:opacity .35s var(--ease-spring),transform .35s var(--ease-spring)}.chat-bubble.visible,.chat-bubble--received.visible{opacity:1;transform:translateY(0) scale(1)}.chat-typing{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#ffffff14;border-radius:20px 20px 20px 4px;align-self:flex-start;opacity:0;transition:opacity .3s}.chat-typing.visible{opacity:1}.chat-typing span{width:6px;height:6px;background:var(--muted);border-radius:50%;animation:typing-dot 1.2s ease-in-out infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes typing-dot{0%,60%,to{opacity:.3;transform:scale(1)}30%{opacity:1;transform:scale(1.2)}}.envelope-scene{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100svh;gap:var(--space-xl)}.envelope-wrap{position:relative;width:280px;height:190px;cursor:pointer;-webkit-tap-highlight-color:transparent}.envelope-body{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,#f5f0e8,#ede8dc);border-radius:8px;box-shadow:0 16px 60px #00000080,0 4px 12px #0000004d;transform:rotate(-1.5deg);overflow:hidden}.envelope-flap{position:absolute;top:0;left:0;right:0;height:50%;background:#e8e3d8;clip-path:polygon(0 0,100% 0,50% 70%);transform-origin:top center;transition:transform .4s var(--ease-spring)}.envelope-wrap.open .envelope-flap{transform:rotateX(180deg)}.envelope-name{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:22px;font-style:italic;font-weight:400;color:var(--paper-text);padding-top:40px}.envelope-tap-hint{font-size:14px;font-style:italic;color:var(--sky);text-align:center;animation:pulse-opacity 1.5s ease-in-out infinite}@keyframes pulse-opacity{0%,to{opacity:.5}50%{opacity:1}}.letter-scroll{display:none;max-width:420px;margin:0 auto;padding:var(--space-2xl) var(--space-lg)}.letter-scroll.visible{display:block}.letter-paper{background:linear-gradient(160deg,#f5f0e8,#ede8dc);color:var(--paper-text);border-radius:var(--radius-md);padding:var(--space-xl) var(--space-xl);font-size:18px;font-weight:400;line-height:1.9;box-shadow:0 20px 60px #0006,0 4px 16px #0003}.letter-paper p+p{margin-top:var(--space-md)}.letter-signoff{margin-top:var(--space-xl);font-style:italic;font-weight:500}.final-screen{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);text-align:center;padding:var(--space-xl);position:relative;overflow:hidden}.final-screen__main{font-family:var(--font-display);font-size:clamp(28px,7vw,40px);font-weight:700;line-height:1.3;background:linear-gradient(145deg,#fff 15%,#bfdbfe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-screen__date{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.final-screen__tagline{font-size:18px;font-weight:600;font-style:italic;color:var(--sky);opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease-out) .8s,transform .6s var(--ease-out) .8s}.final-screen__tagline.visible{opacity:1;transform:translateY(0)}.kangaroo{position:fixed;bottom:22vh;left:-80px;font-size:36px;pointer-events:none;z-index:50;opacity:0;transform:scaleX(-1)}.kangaroo.running{opacity:1;animation:roo-move 5s linear forwards,roo-hop .78s ease-in-out infinite}@keyframes roo-move{0%{left:-80px}to{left:calc(100vw + 80px)}}@keyframes roo-hop{0%,to{transform:scaleX(-1) translateY(0)}45%{transform:scaleX(-1) translateY(-22px)}}#confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:500}#homes-map{width:100%;height:520px;border-radius:var(--radius-md);box-shadow:0 4px 32px #0006}.map-card{position:fixed;bottom:0;left:0;right:0;background:#080f1ee0;border-top:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:var(--space-lg) var(--space-xl) calc(var(--space-lg) + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .35s var(--ease-spring);z-index:1000;max-width:480px;margin:0 auto;backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);box-shadow:0 -4px 40px #00000080,inset 0 1px #ffffff0f}.map-card.visible{transform:translateY(0)}.map-card__label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--space-xs)}.map-card__suburb{font-family:var(--font-display);font-size:28px;font-weight:700;color:var(--white);margin-bottom:4px;letter-spacing:-.01em}.map-card__duration{font-size:14px;color:var(--sky);margin-bottom:var(--space-md)}.map-card__note{font-size:16px;color:var(--white);opacity:.85;line-height:1.5}.map-card__close{position:absolute;top:var(--space-md);right:var(--space-md);background:none;border:none;color:var(--muted);font-size:20px;cursor:pointer;padding:var(--space-sm);line-height:1}