@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--ink:#583349;--muted:#8f7183;--pink:#f28caf;--pink2:#f7b7ca;--blush:#ffe7ee;--lilac:#cbb8f3;--cream:#fff9f6;--paper:#fffdf9;--line:#6e3d5721;--shadow:0 16px 44px #653d5529;color:var(--ink);font-synthesis:none;background:#fff7f7;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#fff7f8 0%,#fdf1f8 30%,#f7f1ff 64%,#fff7f7 100%);min-width:320px;margin:0;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow:hidden}.section-pad{z-index:2;padding:84px 18px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#b56b8d;font-size:.67rem;font-weight:700}.flower-field{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.petal{opacity:.36;filter:blur(.1px);background:linear-gradient(145deg,#ffb7c8,#f078a1);border-radius:70% 25% 65% 35%;animation:linear infinite fall;position:absolute;top:-40px}@keyframes fall{0%{transform:translateY(-10vh)rotate(0)}to{transform:translate3d(var(--drift),110vh,0) rotate(600deg)}}.intro-screen{background:radial-gradient(circle at 50% 10%,#fffffff2,#0000 42%),linear-gradient(145deg,#f8d8e6,#e2d7fb 55%,#ffd7df);place-items:center;min-height:100vh;padding:22px 14px 34px;display:grid;position:relative;overflow:hidden}.intro-blush{filter:blur(30px);opacity:.65;border-radius:50%;position:absolute}.blush-a{background:#ff9dbb;width:220px;height:220px;top:-70px;right:-60px}.blush-b{background:#bca3ff;width:260px;height:260px;bottom:-90px;left:-100px}.cover-phone{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;background:#ffffffad;border:1px solid #fffc;border-radius:38px;width:min(100%,430px);padding:12px;position:relative;box-shadow:0 30px 80px #754c6c40,inset 0 1px #fff}.cover-image{background:#f2d7df;border-radius:29px;height:min(55vh,500px);position:relative;overflow:hidden}.cover-image img{object-fit:cover;width:100%;height:100%;display:block}.cover-image:after{content:"";background:linear-gradient(#0000,#4c213594);height:48%;position:absolute;inset:auto 0 0}.cover-shine{background:linear-gradient(120deg,#0000 25%,#ffffff59 45%,#0000 60%);animation:5s infinite shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes shine{55%,to{transform:translate(120%)}}.cover-copy{text-align:center;padding:24px 18px 16px}.cover-copy h1{margin:5px 0 8px;font-family:Playfair Display,serif;font-size:clamp(2.6rem,13vw,4rem);line-height:.95}.cover-copy h1 i{color:#d76d95;font-weight:600}.cover-copy p{color:#7b5a6d;max-width:330px;margin:12px auto 20px;font-family:Playfair Display,serif;font-style:italic;line-height:1.55}.cover-copy button,.future-button,.open-letter{color:#fff;background:linear-gradient(135deg,#e978a0,#c989da);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 22px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 12px 28px #d6699947}.cover-copy button:active,.future-button:active,.open-letter:active{transform:scale(.97)}.cover-copy button svg{width:18px}.cover-copy small{color:#a88799;margin-top:12px;display:block}.hero{text-align:center;background:radial-gradient(circle at 50% 42%,#fffffffa,#ffecf3cc 42%,#0000 72%);justify-content:center;align-items:center;min-height:720px;display:flex;overflow:hidden}.hero-copy{max-width:620px}.hero h2{margin:12px 0 18px;font-family:Playfair Display,serif;font-size:clamp(3rem,14vw,5.8rem);line-height:.95}.hero h2 em{color:#d86691;font-weight:600}.hero p{max-width:510px;color:var(--muted);margin:0 auto;line-height:1.75}.hero-badge{width:86px;height:86px;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff,#f7d2e0);border:1px solid #fff;border-radius:30px;place-items:center;font-size:.72rem;font-weight:700;display:grid;position:absolute;top:72px;right:24px;transform:rotate(8deg)}.hero-badge svg{color:#df7298;width:24px}.date-chip{letter-spacing:.08em;background:#ffffffb8;border:1px solid #fff;border-radius:999px;align-items:center;gap:13px;margin:24px auto 18px;padding:11px 18px;font-size:.75rem;font-weight:700;display:inline-flex;box-shadow:0 10px 30px #6b3f541a}.date-chip svg{color:#dd7198;width:17px}.soft-link{color:#a66080;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:.8rem;text-decoration:none;display:flex}.soft-link svg{width:15px;animation:1.7s infinite bounce}@keyframes bounce{50%{transform:translateY(5px)}}.hero-orbit{filter:drop-shadow(0 8px 12px #7c4b6326);font-size:2.5rem;animation:4s ease-in-out infinite floaty;position:absolute}.orbit-one{top:29%;left:7%}.orbit-two{animation-delay:-1.8s;bottom:25%;right:8%}@keyframes floaty{50%{transform:translateY(-16px)rotate(6deg)}}.flower-garden{align-items:flex-end;gap:8px;font-size:2rem;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.flower-garden span:nth-child(2n){font-size:2.5rem}.flower-garden span{transform-origin:bottom;animation:3s ease-in-out infinite sway}.flower-garden span:nth-child(2){animation-delay:-1s}.flower-garden span:nth-child(3){animation-delay:-2s}@keyframes sway{50%{transform:rotate(7deg)}}.section-heading{text-align:center;max-width:720px;margin:0 auto 34px}.section-heading h3{margin:10px 0 14px;font-family:Playfair Display,serif;font-size:clamp(2.35rem,9vw,4rem);line-height:1.03}.section-heading p{color:var(--muted);margin:0;line-height:1.75}.story{max-width:900px;margin:auto}.timeline{padding-left:26px;position:relative}.timeline:before{content:"";background:linear-gradient(#ef9bb9,#c9b4ef);width:2px;position:absolute;top:20px;bottom:20px;left:10px}.timeline-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #fff;border-radius:26px;margin:0 0 18px;padding:22px 20px;position:relative;box-shadow:0 14px 38px #6a40551c}.timeline-dot{color:#d6658f;background:#fff;border:2px solid #ef9bb9;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.68rem;display:grid;position:absolute;top:28px;left:-26px}.timeline-year{color:#9a526f;background:#f9d8e5;border-radius:12px;margin-bottom:8px;padding:7px 11px;font-size:.7rem;font-weight:800;display:inline-block}.timeline-card small{color:#b17a92;text-transform:uppercase;letter-spacing:.14em;font-size:.63rem;display:block}.timeline-card h4{margin:7px 0;font-family:Playfair Display,serif;font-size:1.65rem}.timeline-card p{color:#806477;margin:0;line-height:1.7}.postcard{max-width:900px;margin:auto}.postcard-card{background:#fffaf1 repeating-linear-gradient(0deg,#0000 0 31px,#81516609 32px);border:1px solid #fff;border-radius:28px;padding:28px 20px;position:relative;overflow:hidden;box-shadow:0 24px 60px #744a5a2b}.postcard-card:before{content:"";pointer-events:none;border:1px dashed #925f7138;border-radius:22px;position:absolute;inset:8px}.stamp{color:#a95e7c;border:2px dashed #d789a5;padding:8px 10px;font-size:.62rem;font-weight:800;position:absolute;top:18px;right:18px;transform:rotate(5deg)}.tape{background:#e2bcf59e;width:78px;height:20px;position:absolute;top:2px;transform:rotate(-8deg)}.tape-a{left:14%}.tape-b{background:#ffbbcb8c;right:12%;transform:rotate(7deg)}.postcard-top{justify-content:space-between;align-items:end;padding-top:28px;display:flex}.postcard-top small{color:#a97b8f}.postcard-top h3{margin:4px 0;font-family:Playfair Display,serif;font-size:2.1rem}.postcard-top>svg{color:#e0749b;width:38px;height:38px}.route{text-align:center;grid-template-columns:1fr 1.3fr 1fr;align-items:center;margin:30px 0 20px;display:grid}.route>div:first-child,.route>div:last-child{flex-direction:column;display:flex}.flag{font-size:2.2rem}.route strong{margin-top:4px}.route small{color:#ad8094}.route-center{color:#d67799;position:relative}.route-center .dashed{letter-spacing:.15em;display:block}.route-center .plane{font-size:1.6rem;display:block;transform:rotate(8deg)}.route-center svg{width:18px;margin-top:3px}.postcard-card>p{color:#7d6172;line-height:1.8;position:relative}.future-button{width:100%;margin-top:10px}.future-button svg{width:17px}.future-card{text-align:center;padding-top:20px;overflow:hidden}.future-card span{letter-spacing:.2em;color:#b36d8a;font-size:.64rem}.future-card strong{color:#d6638e;margin:5px;font-family:Playfair Display,serif;font-size:2rem;display:block}.future-card p{color:#795c6d;margin:0}.traits{max-width:900px;margin:auto}.trait-pills{scrollbar-width:none;gap:9px;padding:2px 1px 10px;display:flex;overflow-x:auto}.trait-pills::-webkit-scrollbar{display:none}.trait-pills button{white-space:nowrap;color:#7f6073;background:#ffffffb3;border:1px solid #9b678021;border-radius:999px;min-height:44px;padding:10px 14px}.trait-pills button span{margin-right:5px}.trait-pills button.active{color:#fff;background:linear-gradient(135deg,#ef8eae,#cf9de4);box-shadow:0 9px 20px #cd75a038}.trait-note{max-width:620px;box-shadow:var(--shadow);background:#fffaf2;border:1px solid #fff;border-radius:26px;margin:22px auto 0;padding:28px 24px;position:relative;transform:rotate(-.5deg)}.trait-note:before{content:"";background:#ebc6f7a8;width:94px;height:24px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-3deg)}.note-pin{color:#dd7298;position:absolute;top:14px;right:16px}.trait-note p{margin:8px 0 14px;font-family:Playfair Display,serif;font-size:1.3rem;line-height:1.55}.trait-note small{color:#a16b82}.games{max-width:950px;margin:auto}.games-stack{gap:20px;display:grid}.game-card{box-shadow:var(--shadow);background:#ffffffc7;border:1px solid #fff;border-radius:30px;padding:20px;overflow:hidden}.game-head{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.game-head>span{color:#9f617f;background:linear-gradient(145deg,#fad4e1,#e4d6fb);border-radius:15px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.game-head small{color:#b07791;text-transform:uppercase;letter-spacing:.14em;font-size:.62rem}.game-head h4{margin:2px 0;font-family:Playfair Display,serif;font-size:1.45rem}.game-head b{color:#a2778c;font-size:.7rem}.game-card>p{color:#8c6b7d;font-size:.9rem;line-height:1.55}.catch-zone{background:linear-gradient(#ffe9f0,#f1e9ff);border:1px solid #a4728b14;border-radius:24px;height:270px;position:relative;overflow:hidden}.game-overlay{text-align:center;z-index:3;background:#ffffff40;align-content:center;place-items:center;gap:12px;display:grid;position:absolute;inset:0}.game-overlay svg{color:#e16f98;width:42px;height:42px}.game-overlay button,.reset-game{color:#9f5d7b;background:#fff;border:0;border-radius:999px;padding:10px 18px;font-weight:700;box-shadow:0 8px 18px #75495e1f}.floating-heart{color:#e16995;background:0 0;border:0;padding:0;animation:.8s ease-in-out infinite alternate pop;position:absolute}.floating-heart svg{filter:drop-shadow(0 6px 7px #d55c8e38);width:31px;height:31px}.floating-heart.caught{opacity:0;transition:all .2s;transform:scale(1.8)!important}.floating-heart:disabled{pointer-events:none}@keyframes pop{to{transform:translateY(-7px)scale(1.08)}}.timer{background:#fff;border-radius:10px;padding:6px 9px;font-size:.72rem;font-weight:800;position:absolute;bottom:10px;right:12px}.game-reward{color:#855b70;background:#fff0f5;border-radius:16px;align-items:flex-start;gap:8px;margin-top:13px;padding:13px 14px;font-size:.82rem;display:flex}.game-reward svg{color:#db7098;flex:none;width:18px}.memory-board{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px;display:grid}.memory-tile{aspect-ratio:1;transform-style:preserve-3d;background:linear-gradient(145deg,#f7c8d8,#d8c9f5);border:0;border-radius:20px;font-size:2rem;transition:all .45s;position:relative;box-shadow:inset 0 1px #fff,0 8px 18px #70455d1f}.memory-tile.flipped{background:#fff;transform:rotateY(180deg)}.memory-tile span{backface-visibility:hidden;place-items:center;display:grid;position:absolute;inset:0}.tile-back{color:#fff;font-size:1.3rem}.tile-front{transform:rotateY(180deg)}.reset-game{align-items:center;gap:6px;margin:15px auto 0;display:flex}.reset-game svg{width:16px}.worlds{justify-content:space-between;align-items:center;height:200px;padding:20px 2px;display:flex;position:relative}.country{background:#fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:78px;height:94px;transition:all .5s;display:flex;box-shadow:0 10px 24px #6a40551f}.country span{font-size:2rem}.country strong{font-size:.76rem}.connection-heart{z-index:2;color:#fff;background:linear-gradient(145deg,#fa9fbb,#d693dd);border:0;border-radius:50%;place-items:center;width:56px;height:56px;animation:1.5s infinite pulse;display:grid;box-shadow:0 10px 25px #d466994d}.connection-heart.complete{animation:none;transform:scale(1.15)}@keyframes pulse{50%{transform:scale(1.09)}}.connection-line{background:#edddea;border-radius:999px;height:4px;position:absolute;top:50%;left:68px;right:68px;overflow:hidden}.connection-line span{background:linear-gradient(90deg,#f18eaf,#c999e2);height:100%;transition:all .4s;display:block}.tap-hint{text-align:center;color:#a07a8d;display:block}.secret-section{max-width:940px;margin:auto}.secret-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.secret-envelope{color:#805f71;text-align:center;background:linear-gradient(145deg,#fff,#fceaf0);border:1px solid #fff;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:150px;padding:16px;display:flex;box-shadow:0 12px 28px #6c41561a}.secret-envelope:nth-child(2n){background:linear-gradient(145deg,#fff,#eee8ff)}.secret-envelope.open{background:#fffaf6;grid-column:span 2;min-height:180px}.envelope-icon{color:#d96e96;background:#f8d8e5;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.secret-envelope span{font-size:.84rem;line-height:1.5}.secret-envelope small{color:#b18a9c;font-size:.64rem}.promises{max-width:850px;margin:auto}.promise-list{gap:11px;display:grid}.promise{background:#ffffffa6;border:1px solid #fff;border-radius:20px;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:16px;display:grid;box-shadow:0 9px 22px #64405212}.promise>span{color:#c17593;font-family:Playfair Display,serif;font-size:1.1rem}.promise p{color:#765d6c;margin:0;line-height:1.55}.promise svg{color:#dd7a9c;width:20px}.letter-zone{padding-top:130px;padding-bottom:150px}.letter-scene{text-align:center;max-width:680px;margin:auto}.envelope{max-width:520px;height:360px;margin:110px auto 30px;position:relative}.envelope-back{background:linear-gradient(145deg,#efb5c9,#d6b9ef);border-radius:26px;position:absolute;inset:70px 0 0;box-shadow:0 24px 58px #6c3e5833}.envelope-front{clip-path:polygon(0 0,50% 48%,100% 0,100% 100%,0 100%);z-index:3;background:linear-gradient(160deg,#f5bfd0,#d9c2f2);border-radius:0 0 26px 26px;height:220px;position:absolute;bottom:0;left:0;right:0}.letter-paper{z-index:2;text-align:left;background:#fffaf3;border-radius:22px;max-height:520px;padding:26px 20px 34px;position:absolute;top:0;left:7%;right:7%;overflow:auto;box-shadow:0 14px 35px #613a4e24}.letter-paper h3{margin:8px 0;font-family:Playfair Display,serif;font-size:2rem}.letter-paper p{color:#735869;font-family:Playfair Display,serif;font-size:1rem;line-height:1.7}.letter-highlight{text-align:center;color:#7c4d64;background:#fbe6ed;border-radius:18px;padding:18px;font-family:Playfair Display,serif}.signature{text-align:right;margin-top:20px;font-family:Playfair Display,serif;line-height:1.6}.open-letter{margin-top:18px}.open-letter svg{width:18px}.finale{text-align:center;background:radial-gradient(circle,#fff 0%,#ffebf2a6 45%,#0000 72%);flex-direction:column;justify-content:center;align-items:center;min-height:650px;padding-bottom:180px;display:flex}.finale>svg{color:#d9779c;width:34px;height:34px;margin-bottom:15px}.finale h3{color:#6f4057;margin:12px 0;font-family:Playfair Display,serif;font-size:clamp(3.8rem,18vw,7rem);line-height:.9}.finale p{color:#8f6d7e;line-height:1.7}.finale blockquote{color:#c06085;margin:28px auto 16px;font-family:Playfair Display,serif;font-size:1.35rem;font-style:italic}.final-flower{font-size:4rem;animation:3s ease-in-out infinite floaty}.finale small{color:#a98092}.music-player{z-index:30;left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffafce6;border:1px solid #ffffffe6;border-radius:24px;position:fixed;overflow:hidden;box-shadow:0 18px 48px #5c374c33}.player-main{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-height:68px;padding:9px 11px;display:grid}.disc{color:#fff;background:linear-gradient(145deg,#ef87aa,#c791dd);border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.disc span{font-size:1.2rem}.disc .spin{animation:3s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.player-copy{min-width:0}.player-copy small{color:#a4748b;font-size:.62rem;display:block}.player-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;display:block;overflow:hidden}.player-toggle{color:#9b627d;background:#f8e2eb;border:0;border-radius:14px;width:40px;height:40px}.player-toggle svg{width:18px}.player-expanded{padding:0 13px 13px}.progress-row{color:#a2788c;grid-template-columns:32px 1fr 32px;align-items:center;gap:7px;font-size:.62rem;display:grid}.progress-row input,.volume input{accent-color:#d86d97;width:100%}.player-controls{justify-content:center;gap:13px;margin:11px;display:flex}.player-controls button{color:#955c78;background:#f8e2eb;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.player-controls .main-play{color:#fff;background:linear-gradient(145deg,#e878a0,#ca93dd)}.volume{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;display:grid}.volume svg{color:#9d7185;width:16px}.playlist-mini{gap:6px;padding-top:10px;display:flex;overflow-x:auto}.playlist-mini button{white-space:nowrap;color:#8f697b;background:#f6eaf0;border:0;border-radius:999px;padding:7px 10px;font-size:.66rem}.playlist-mini button.active{color:#6f3d55;background:#eab1c5}@media (width>=760px){.section-pad{padding:110px 32px}.timeline{padding-left:0}.timeline:before{left:50%;transform:translate(-50%)}.timeline-card{width:calc(50% - 34px);margin-bottom:28px}.timeline-card:nth-child(2n){margin-left:auto}.timeline-card:nth-child(odd) .timeline-dot{left:auto;right:-46px}.timeline-card:nth-child(2n) .timeline-dot{left:-46px}.games-stack{grid-template-columns:1fr 1fr}.connection-game{grid-column:1/-1}.secret-grid{grid-template-columns:repeat(5,1fr)}.secret-envelope.open{grid-column:span 2}.music-player{width:min(680px,100% - 24px);left:50%;right:auto;transform:translate(-50%)}.postcard-card{padding:42px}.hero-badge{right:12%}}@media (width<=370px){.section-pad{padding-left:14px;padding-right:14px}.cover-phone{border-radius:28px}.cover-image{border-radius:21px}.hero h2{font-size:3rem}.hero-badge{width:76px;height:76px;top:50px;right:12px}.timeline-card{padding:20px 16px}.route{grid-template-columns:1fr .9fr 1fr}.route-center .dashed{display:none}.game-card{padding:16px}.game-head{grid-template-columns:auto 1fr}.game-head b{grid-column:2}.secret-grid{grid-template-columns:1fr}.secret-envelope.open{grid-column:auto}.envelope{height:330px}.letter-paper{padding:22px 16px;left:4%;right:4%}.promise{grid-template-columns:32px 1fr}.promise svg{display:none}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.flower-field{display:none}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden}body{overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;width:100%;max-width:100%}body,button,input{touch-action:manipulation}button{min-height:44px}img,svg{max-width:100%}.app-shell{min-height:100svh;overflow:hidden visible}main{padding-bottom:calc(106px + env(safe-area-inset-bottom))}.section-pad{scroll-margin-top:18px}@media (width<=759px){.section-pad{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}.intro-screen{min-height:100svh;padding-top:max(16px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(22px,env(safe-area-inset-bottom));padding-left:max(12px,env(safe-area-inset-left));align-items:center}.cover-phone{border-radius:clamp(26px,8vw,38px);width:min(100%,420px);padding:10px}.cover-image{aspect-ratio:4/4.55;border-radius:clamp(21px,7vw,29px);height:auto;min-height:0;max-height:56svh}.cover-image img{object-position:center center}.cover-copy{padding:clamp(17px,5vw,24px) 14px 13px}.cover-copy h1{margin-top:4px;font-size:clamp(2.45rem,13vw,3.7rem)}.cover-copy p{margin:10px auto 16px;font-size:clamp(.91rem,4vw,1.03rem);line-height:1.48}.cover-copy button{width:100%;min-height:54px;padding:0 16px;font-size:clamp(.86rem,3.8vw,.98rem)}.cover-copy small{margin-top:9px}.hero{min-height:100svh;padding-top:max(92px,calc(env(safe-area-inset-top) + 72px));padding-bottom:100px}.hero-copy{width:100%;max-width:520px;padding-inline:2px}.hero h2{margin:10px 0 16px;font-size:clamp(2.72rem,13.2vw,4.5rem);line-height:.98}.hero p{font-size:clamp(.92rem,4vw,1rem);line-height:1.65}.hero-badge{top:max(25px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));border-radius:24px;width:72px;height:72px;font-size:.64rem}.hero-badge svg{width:21px}.hero-orbit{opacity:.82;font-size:clamp(1.75rem,8vw,2.4rem)}.orbit-one{top:24%;left:4%}.orbit-two{bottom:22%;right:4%}.flower-garden{justify-content:center;gap:4px;width:100%;font-size:1.65rem;bottom:13px}.flower-garden span:nth-child(2n){font-size:2.05rem}.date-chip{gap:9px;max-width:100%;padding:10px 14px;font-size:.68rem}.section-heading{margin-bottom:26px}.section-heading h3{overflow-wrap:anywhere;margin:8px 0 11px;font-size:clamp(2rem,9.8vw,3rem);line-height:1.06}.section-heading p{font-size:.94rem;line-height:1.62}.eyebrow{letter-spacing:.15em;font-size:.61rem}.timeline{padding-left:25px}.timeline-card{border-radius:23px;margin-bottom:15px;padding:19px 16px}.timeline-card h4{font-size:clamp(1.38rem,6.4vw,1.7rem);line-height:1.12}.timeline-card p{font-size:.92rem;line-height:1.62}.postcard-card{border-radius:25px;padding:25px 16px 21px}.stamp{transform-origin:100% 0;top:13px;right:13px;transform:rotate(4deg)scale(.92)}.postcard-top{align-items:center;gap:8px;padding-top:31px;padding-right:34px}.postcard-top h3{font-size:clamp(1.62rem,7vw,2rem);line-height:1.08}.route{grid-template-columns:minmax(72px,1fr) minmax(58px,.7fr) minmax(72px,1fr);gap:4px;margin:25px 0 17px}.flag{font-size:1.8rem}.route strong{font-size:.82rem}.route small{font-size:.7rem}.route-center .dashed{letter-spacing:.06em;font-size:.7rem}.route-center .plane{font-size:1.25rem}.postcard-card>p{font-size:.92rem;line-height:1.65}.future-button{min-height:52px;padding-inline:14px;font-size:.88rem}.future-card strong{font-size:clamp(1.55rem,7vw,2rem)}.trait-pills{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;margin-inline:-2px;padding-bottom:12px}.trait-pills button{scroll-snap-align:start;flex:none;min-height:46px;padding:10px 15px}.trait-note{border-radius:24px;margin-top:18px;padding:25px 19px}.trait-note p{font-size:clamp(1.12rem,5vw,1.3rem)}.games-stack{gap:16px}.game-card{border-radius:26px;padding:17px}.game-head{grid-template-columns:40px minmax(0,1fr) auto;gap:9px}.game-head>span{border-radius:14px;width:40px;height:40px}.game-head h4{font-size:clamp(1.18rem,5.5vw,1.45rem);line-height:1.08}.game-head b{white-space:nowrap;font-size:.64rem}.game-card>p{margin:11px 0 14px;font-size:.86rem}.catch-zone{border-radius:21px;height:clamp(235px,67vw,285px)}.floating-heart{place-items:center;min-width:44px;min-height:44px;margin:-6px;display:grid}.floating-heart svg{width:29px;height:29px}.game-overlay button,.reset-game{min-height:44px}.memory-board{gap:8px}.memory-tile{border-radius:17px;min-height:72px}.worlds{height:180px;padding:18px 0;overflow:hidden}.country{border-radius:21px;flex:none;width:70px;height:88px}.connection-heart{width:52px;min-width:52px;height:52px;min-height:52px}.connection-line{left:58px;right:58px}.game-reward{font-size:.78rem;line-height:1.45}.secret-grid{gap:10px}.secret-envelope{border-radius:22px;min-height:136px;padding:14px}.secret-envelope span{overflow-wrap:anywhere;font-size:.8rem}.secret-envelope.open{min-height:165px}.promise-list{gap:10px}.promise{border-radius:21px;min-width:0;padding:15px 14px}.promise p{overflow-wrap:anywhere;min-width:0;font-size:.91rem;line-height:1.55}.letter-zone{padding-top:96px;padding-bottom:118px}.letter-scene{width:100%;max-width:100%}.envelope{width:100%;max-width:520px;height:330px;margin:86px auto 24px}.envelope-back{border-radius:23px;inset:64px 0 0}.envelope-front{border-radius:0 0 23px 23px;height:198px}.letter-paper{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:20px;width:auto;max-height:min(500px,67svh);padding:22px 16px 29px;top:0;left:4%;right:4%}.letter-paper h3{font-size:1.75rem}.letter-paper p{font-size:.94rem;line-height:1.62}.letter-highlight{padding:15px 12px}.signature{font-size:.92rem}.open-letter{width:min(100%,360px);min-height:52px;padding-inline:16px}.finale{padding-bottom:138px}.finale h3{font-size:clamp(2.8rem,14vw,4.6rem)}.music-player{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));max-height:calc(100svh - env(safe-area-inset-top) - 18px);border-radius:21px}.player-main{gap:8px;min-height:64px;padding:8px 9px}.disc{width:46px;height:46px;min-height:46px}.player-toggle{width:42px;height:42px;min-height:42px}.player-copy small{font-size:.58rem}.player-copy strong{font-size:.8rem}.player-expanded{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:58svh;padding:1px 11px 12px;overflow-y:auto}.player-controls button{width:44px;height:44px;min-height:44px}.playlist-mini{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;padding-bottom:2px}.playlist-mini button{scroll-snap-align:start;min-height:38px}}@media (width<=359px){.section-pad{padding-left:max(13px,env(safe-area-inset-left));padding-right:max(13px,env(safe-area-inset-right));padding-top:70px;padding-bottom:70px}.intro-screen{padding-inline:max(8px,env(safe-area-inset-left))}.cover-phone{border-radius:25px;padding:8px}.cover-image{border-radius:19px;max-height:52svh}.cover-copy{padding:15px 10px 10px}.cover-copy h1{font-size:2.4rem}.cover-copy p{font-size:.84rem}.hero{padding-top:88px;padding-bottom:92px}.hero h2{font-size:2.62rem}.hero-badge{width:66px;height:66px;right:9px}.hero-orbit{opacity:.5}.timeline{padding-left:23px}.timeline-card{padding:17px 14px}.timeline-dot{left:-24px}.postcard-card{padding:23px 13px 19px}.stamp{padding:6px 7px;font-size:.56rem}.postcard-top{padding-right:27px}.postcard-top>svg{width:29px}.route{grid-template-columns:1fr .58fr 1fr}.route-center .dashed{display:none}.route-center .plane{font-size:1.1rem}.game-card{padding:14px}.game-head{grid-template-columns:37px minmax(0,1fr)}.game-head>span{width:37px;height:37px}.game-head b{grid-column:2;justify-self:start;margin-top:-4px}.memory-tile{min-height:64px;font-size:1.65rem}.country{width:62px;height:82px}.country span{font-size:1.7rem}.connection-heart{width:48px;min-width:48px;height:48px}.connection-line{left:51px;right:51px}.secret-grid{grid-template-columns:1fr}.secret-envelope.open{grid-column:auto}.envelope{height:310px;margin-top:78px}.letter-paper{max-height:64svh;padding-inline:14px;left:2.5%;right:2.5%}.progress-row{grid-template-columns:28px 1fr 28px;gap:5px}}@media (width>=360px) and (width<=430px){.section-pad{padding-top:78px;padding-bottom:78px}.cover-phone{width:min(100%,405px)}.secret-grid{grid-template-columns:1fr 1fr}}@media (width<=430px) and (height>=780px){.cover-image{max-height:58svh}.intro-screen{padding-bottom:max(28px,env(safe-area-inset-bottom))}}@media (width<=900px) and (orientation:landscape) and (height<=520px){.intro-screen{padding:10px max(16px,env(safe-area-inset-right)) 14px max(16px,env(safe-area-inset-left));display:block;overflow:auto}.cover-phone{border-radius:26px;grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);align-items:center;width:min(92%,680px);margin:auto;display:grid}.cover-image{aspect-ratio:auto;border-radius:20px;height:min(82svh,410px)}.cover-copy{padding:14px}.cover-copy h1{font-size:2.45rem}.cover-copy p{margin:7px auto 12px;font-size:.84rem}.cover-copy small{display:none}.hero{min-height:520px;padding-top:72px;padding-bottom:74px}.flower-garden{opacity:.6}.letter-paper{max-height:76svh}.player-expanded{max-height:72svh}}@media (width>=760px) and (width<=1024px){.section-pad{padding-left:38px;padding-right:38px}.cover-phone{width:min(72vw,470px)}.hero{min-height:760px}.games-stack{grid-template-columns:1fr 1fr}.connection-game{grid-column:1/-1}}html,body,#root{width:100%;height:auto;min-height:100%;overflow:hidden auto}html{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}body{overscroll-behavior-y:auto;touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;position:relative}#root,.app-shell,main{height:auto;max-height:none;overflow:hidden visible}.app-shell{touch-action:pan-y pinch-zoom;min-height:100svh}main{touch-action:pan-y pinch-zoom;display:block;position:relative}@media (width<=759px){.cover-image{aspect-ratio:556/669;background:#f6dfe7;justify-content:center;align-items:center;width:100%;height:auto;max-height:none;display:flex}.cover-image img{object-fit:contain;object-position:50% 50%;width:100%;height:100%;margin:auto}.intro-screen{touch-action:pan-y pinch-zoom;-webkit-overflow-scrolling:touch;height:auto;min-height:100svh;overflow:hidden auto}.cover-phone{margin-inline:auto}.trait-pills,.playlist-mini{touch-action:pan-x pan-y}.music-player{touch-action:auto}}@media (width<=430px) and (height<=720px){.cover-phone{width:min(100%,380px)}.cover-image{aspect-ratio:556/669}.cover-copy{padding-top:14px;padding-bottom:10px}.cover-copy h1{font-size:clamp(2.2rem,11.5vw,3rem)}.cover-copy p{margin:7px auto 12px;font-size:.86rem}}