@font-face{font-family:Nunito;src:url('assets/nunito.ttf') format('truetype');font-weight:200 1000;font-display:swap}
@font-face{font-family:Caveat;src:url('assets/caveat.ttf') format('truetype');font-weight:400 700;font-display:swap}
:root{--bg:#faeff2;--ink:#39202c;--muted:#775563;--pink:#c73c66;--line:#dfc7d1;--surface:#fff8fa;--panel:#f0dce4;--button:#39202c;--button-text:#fff6f8;color-scheme:light dark;--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--bg);color:var(--ink);font-family:Nunito,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:disabled{cursor:default}a:focus-visible,button:focus-visible{outline:3px solid var(--pink);outline-offset:5px}img{display:block;width:100%;height:auto}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.hand{font-family:Caveat,cursive}.skip{position:fixed;top:-100px;left:20px;background:var(--ink);color:var(--bg);padding:15px;z-index:5}.skip:focus{top:15px}
/* Layer order: sticky scene 1, chapter text 2, modal in the browser top layer. */
.nav{height:108px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:900;letter-spacing:-.7px;white-space:nowrap}.brand img{width:45px;height:45px;border-radius:12px}.nav nav{display:flex;gap:30px;font-size:12px;font-weight:750}.nav nav a{padding-block:12px}.nav-cta{font-size:11px;font-weight:800;border:1px solid var(--line);border-radius:100px;padding:14px 18px;display:flex;gap:20px;align-items:center}.nav-cta>span{font-size:20px}
.story{position:relative;view-timeline-name:--journey;view-timeline-axis:block}.story-stage{height:100svh;position:sticky;top:0;overflow:clip;z-index:1;pointer-events:none}.hero{height:100%;position:relative;display:grid;grid-template-columns:1fr 1.1fr;align-items:center}.hero-copy{position:relative;z-index:2;padding-bottom:85px;pointer-events:auto}.eyebrow,.section-index{font-size:9px;letter-spacing:1.9px;font-weight:850;display:block}.eyebrow{display:flex;align-items:center;gap:8px}.status-dot,.live-dot{width:6px;height:6px;background:var(--pink);border-radius:50%;display:inline-block;flex-shrink:0}h1{font-size:clamp(65px,7.2vw,108px);letter-spacing:-4px;line-height:1.02;font-weight:850;margin:27px 0 23px}h1>span{color:var(--pink);position:relative;padding-left:.04em}h1 i{position:absolute;font-size:31px;right:-50px;top:25px;transform:rotate(15deg);font-style:normal}.hero-copy>p{font-size:17px;line-height:1.75;color:var(--muted)}.store-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-actions{margin-top:31px}.download-button{display:flex;align-items:center;gap:11px;border:1px solid #39202c;background:#39202c;color:#fff8fa;border-radius:16px;padding:13px 15px;text-align:left;min-width:178px;transition:transform .25s,box-shadow .25s;line-height:1.15}.download-button:hover{transform:translateY(-4px);box-shadow:0 10px 20px #39202c20}.download-button>img{width:23px;height:27px;object-fit:contain}.download-button small{font-size:8px;display:block;letter-spacing:.1px;margin-bottom:3px;font-weight:600}.download-button strong{font-size:20px;letter-spacing:-.4px;font-weight:800}.download-arrow{font-size:17px;margin-left:auto;padding-left:8px}.hero-foot{display:flex;gap:13px;align-items:center;margin-top:30px;font-size:10px;line-height:1.6;color:var(--muted)}.tiny-hearts{font-size:21px;letter-spacing:-6px;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;color:var(--pink);padding-right:5px}.hero-art{height:min(620px,85svh);position:relative;align-self:center;margin-bottom:65px;isolation:isolate}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:560px;height:560px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-20deg);z-index:-1}.orbit-two{width:650px;height:410px;transform:translate(-50%,-50%) rotate(-48deg)}.art-label{position:absolute;top:38px;left:20px;font-size:32px;transform:rotate(-12deg);color:var(--pink);font-weight:600}.phone{border:6px solid #46353d;box-shadow:0 2px 0 2px #b1a2a9,0 30px 55px -18px #78495b55;border-radius:40px;overflow:hidden;background:#ebdfe5}.hero-phone{position:absolute;width:min(250px,28svh);top:28px;right:50px;transform:rotate(9deg);z-index:1;transform-origin:center center;will-change:transform}.phone-screens{position:relative;aspect-ratio:1206/2622}.screen{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;opacity:0;transition:opacity .5s;visibility:hidden}.screen.is-active{opacity:1;visibility:visible}.couple{width:490px;position:absolute;bottom:5px;left:-45px;z-index:2;filter:drop-shadow(0 20px 20px #945c6d15);transform-origin:bottom center}.floating-note{position:absolute;bottom:68px;right:0;z-index:3;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;transform:rotate(-6deg);box-shadow:0 15px 35px #79435416;font-size:11px;font-weight:850}.floating-note>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--pink);background:var(--panel);font-size:20px}.floating-note small{display:block;color:var(--muted);font-size:9px;font-weight:600;margin-top:4px}.art-spark{position:absolute;color:var(--pink)}.spark-one{font-size:63px;right:0;top:0;transform:rotate(15deg)}.spark-two{font-size:55px;left:45px;top:183px}.hero-bottom{position:absolute;bottom:27px;left:0;right:0;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px;font-weight:850;pointer-events:auto}.hero-bottom a{display:flex;align-items:center;gap:22px}.hero-bottom a span{font-size:17px}.phone-caption{position:absolute;bottom:-7px;left:50%;transform:translateX(-20%);font-size:12px;font-weight:800;white-space:nowrap;opacity:0;display:flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:300px;justify-content:center}.phone-caption small{flex-basis:100%;text-align:center;font-size:7px;letter-spacing:1.8px;font-weight:700;margin-top:4px;color:var(--muted)}.chapter-dots{position:absolute;right:-28px;top:50%;display:flex;flex-direction:column;gap:18px;opacity:0;pointer-events:none}.chapter-dots a{height:7px;width:7px;border:1px solid var(--pink);border-radius:50%;transition:transform .3s,background .3s;position:relative}.chapter-dots a::before{content:'';position:absolute;inset:-7px}.chapter-dots a[aria-current=step]{background:var(--pink);transform:scale(1.5)}.story.is-reading .chapter-dots{opacity:1;pointer-events:auto}
.chapters{position:relative;margin-top:-100svh;z-index:2;pointer-events:none}.hero-spacer{height:100svh;pointer-events:none}.chapter{min-height:105svh;display:flex;align-items:center;padding-block:50px}.chapter-copy{width:46%;max-width:520px;pointer-events:auto}.chapter h2{font-size:clamp(40px,4.8vw,69px);font-weight:850;line-height:1.06;letter-spacing:-2.7px;margin:23px 0 20px}.chapter h2>span{color:var(--pink)}.chapter-copy>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:405px}.chapter-hand{display:block;font-size:25px;color:var(--pink);margin-top:24px;transform:rotate(-3deg);transform-origin:left}.playground{margin-top:26px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;box-shadow:0 9px 0 -5px #ba7c9220;max-width:420px}.points-top{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.2px;font-weight:850}.demo-label{font-size:7px;font-weight:800;letter-spacing:1px;color:var(--muted)}.points-total{display:flex;gap:12px;align-items:center;position:relative;margin:17px 0 15px}.points-total strong{font-size:56px;line-height:1.15;font-weight:900;letter-spacing:-2px;transition:transform .3s}.points-total>span:not(.coin):not(.points-gain){align-self:flex-end;padding-bottom:8px;font-size:13px;color:var(--muted)}.coin{display:grid;place-items:center;border:2px solid #b77f35;border-radius:50%;height:40px;width:40px;color:#95601c;background:#f6e8bf;font-size:25px;box-shadow:inset 0 0 0 3px #f6e8bf,inset 0 0 0 4px #b77f35}.points-gain{font-size:23px;font-weight:900;color:var(--pink);margin-left:auto;animation:pop .5s both}.points-meter{height:5px;border-radius:100px;background:var(--panel);overflow:hidden;margin-bottom:20px}.points-meter>span{display:block;height:100%;width:61%;background:var(--pink);transition:width .6s;border-radius:inherit}.points-playground.earned .points-meter>span{width:68%}.small-action{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--pink);background:none;border:0;font-size:12px;font-weight:850;padding:0;width:100%;min-height:29px}.small-action>span{font-size:20px;line-height:1}.interaction-status{font-size:10px;line-height:1.65;color:var(--muted);margin-top:12px}.question-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.4px;font-weight:850}.question-top>span:last-child{font-size:26px;line-height:1;color:var(--pink)}.question-box h3{font-size:22px;letter-spacing:-.5px;line-height:1.3;margin:20px 0}.answers{display:grid;grid-template-columns:1fr 1fr;gap:9px}.answers button{border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font-size:11px;font-weight:800;padding:15px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:transform .2s,border-color .2s}.answers button:hover:not(:disabled){transform:translateY(-3px);border-color:var(--pink)}.answers button[aria-pressed=true]{background:var(--button);color:var(--button-text);border-color:var(--button)}.question-result{font-size:10px;line-height:1.7;color:var(--muted);margin-top:16px;min-height:20px}.question-result strong{color:var(--pink);font-weight:900}.retry{font-size:10px;color:var(--pink);border:0;background:none;padding:8px 0;text-decoration:underline;text-underline-offset:4px}.demo-footnote{display:block;font-size:8px;line-height:1.7;color:var(--muted);margin-top:13px}.memory-playground{position:relative;transform:rotate(-2deg);transition:transform .25s}.memory-playground:hover{transform:rotate(0)}.memory-date{font-size:8px;letter-spacing:1px;font-weight:850;color:var(--muted)}.memory-heart{font-size:32px;color:var(--pink);position:absolute;right:22px;top:13px}.memory-playground h3{font-size:23px;line-height:1.3;letter-spacing:-.5px;margin:30px 0 14px;max-width:300px}.memory-playground>p{font-family:Caveat,cursive;font-size:28px;line-height:1.3;color:var(--pink);min-height:40px;margin-bottom:20px}.memory-playground.drawing{animation:pop .35s}.shop-tabs{display:flex;background:var(--panel);padding:4px;border-radius:100px;gap:4px}.shop-tabs button{flex:1;border:0;background:transparent;color:var(--muted);border-radius:100px;padding:9px 12px;font-size:11px;font-weight:850}.shop-tabs button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 6px #79435412}.shop-items{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.shop-item{background:transparent;border:1px solid transparent;border-radius:16px;padding:8px 4px;text-align:center;color:var(--ink);transition:transform .2s,border-color .2s}.shop-item:hover{transform:translateY(-4px)}.shop-item[aria-pressed=true]{border-color:var(--pink)}.reward-art{display:grid;place-items:center;font-size:26px;width:60px;height:60px;border-radius:50%;margin:0 auto 9px;border:5px solid #bb8a4c;background:#f8e6b5;color:#9b6c27;box-shadow:inset 0 0 0 2px #f8efd8}.reward-frame{background:none;border:5px solid var(--reward-color);color:var(--pink);box-shadow:none}.shop-item strong{display:block;font-size:10px;font-weight:850}.shop-item small{display:block;margin-top:4px;font-size:8px;color:var(--muted)}.profile-playground>.demo-label{display:block}.profile-main{display:flex;align-items:center;gap:20px;margin-top:23px}.profile-avatar{width:90px;height:90px;border:5px solid #e68baa;border-radius:50%;padding:3px;position:relative;flex-shrink:0;transition:border-color .3s,transform .3s}.profile-avatar>img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:50%;background:var(--panel)}.profile-badge{position:absolute;bottom:-4px;right:-8px;border-radius:50%;height:29px;width:29px;background:#f8e6b5;border:2px solid #bf8a4a;color:#9b6c27;display:grid;place-items:center;font-size:19px;line-height:1}.profile-main h3{font-size:17px;line-height:1.2;letter-spacing:-.3px}.profile-main p{font-size:10px;color:var(--pink);margin-top:7px}.profile-main div>span:last-child:not(.profile-badge){font-size:10px;color:var(--muted)}.profile-colors{display:flex;justify-content:center;gap:12px;margin:24px 0}.profile-colors button{width:28px;height:28px;border-radius:50%;border:3px solid var(--surface);outline:1px solid var(--line);background:#e68baa}.profile-colors button[data-frame=mint]{background:#6bad98}.profile-colors button[data-frame=sky]{background:#82a9e9}.profile-colors button[aria-pressed=true]{outline:2px solid var(--pink);outline-offset:2px}.profile-themes{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding-top:18px}.profile-themes>span{font-size:10px;color:var(--muted);margin-right:auto}.profile-themes button{background:transparent;border:1px solid var(--line);border-radius:100px;font-size:10px;padding:7px 12px;color:var(--ink)}.profile-themes button[aria-pressed=true]{background:var(--button);color:var(--button-text);border-color:var(--button)}
.privacy{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:65px;display:grid;grid-template-columns:.35fr 1.2fr 1fr;align-items:center;gap:40px}.privacy>span{font-size:100px;color:var(--pink);font-weight:300;line-height:1}.privacy h2{font-size:40px;letter-spacing:-1.5px;font-weight:850;line-height:1.1}.privacy em{font-style:normal;color:var(--pink)}.privacy p{font-size:13px;line-height:1.8;color:var(--muted)}.privacy div>span{display:block;font-size:8px;letter-spacing:1.3px;font-weight:850;margin-top:20px}.closing{margin-top:80px;background:var(--panel);border-radius:var(--radius);padding:50px 60px;position:relative;overflow:hidden}.closing>img{width:70px;height:70px;border-radius:19px;margin-bottom:24px}.closing h2{font-size:clamp(75px,9vw,135px);font-weight:900;letter-spacing:-5px;line-height:1;margin:35px 0 25px;position:relative}.closing h2 span{color:var(--pink)}.closing>p{font-size:15px;color:var(--muted);margin-bottom:28px}.closing-spark{position:absolute;right:120px;top:170px;font-size:250px;color:var(--pink);opacity:.2;line-height:1;transform:rotate(13deg);pointer-events:none}.closing>.store-buttons{position:relative}footer{display:flex;justify-content:space-between;align-items:center;padding-block:45px;gap:25px}footer>.brand{font-size:18px}footer .brand img{width:33px;height:33px;border-radius:9px}footer>span{font-size:9px;color:var(--muted)}footer>a:last-child{font-size:10px}.theme-toggle{border:0;background:none;color:var(--muted);font-size:10px;padding:8px}
dialog{position:fixed;border:1px solid var(--line);border-radius:28px;background:var(--surface);color:var(--ink);width:min(440px,calc(100% - 36px));padding:38px;box-shadow:0 25px 100px #21171d33}dialog::backdrop{background:#21171d66;backdrop-filter:blur(5px)}dialog>img{width:64px;height:64px;border-radius:17px;margin-bottom:27px}dialog .section-index{font-size:7px}dialog h2{font-size:28px;line-height:1.1;letter-spacing:-.7px;margin-top:18px}dialog p{font-size:14px;color:var(--muted);line-height:1.7;margin:20px 0 25px}.dialog-close{position:absolute;right:16px;top:12px;background:none;border:0;color:var(--muted);font-size:27px;padding:4px 8px}
@keyframes phone-forward{0%{transform:translate(0,0) rotate(9deg) scale(1);z-index:1}35%{z-index:1}36%{z-index:4}100%{transform:translate(-65px,22px) rotate(0deg) scale(1.2);z-index:4}}
@keyframes couple-back{to{transform:translateY(170px) scale(.8);opacity:0}}
@keyframes copy-away{to{opacity:0;transform:translateY(-100px);visibility:hidden;pointer-events:none}}
@keyframes note-away{to{opacity:0;transform:translateY(110px) rotate(-12deg);visibility:hidden}}
@keyframes orbit-away{to{opacity:.2}}@keyframes caption-in{from{opacity:0}to{opacity:1}}
@keyframes pop{0%{transform:scale(.94)}60%{transform:scale(1.04)}100%{transform:scale(1)}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.hero-phone{animation:phone-forward linear both;animation-timeline:--journey;animation-range:contain 0% contain 14%}.couple{animation:couple-back linear both;animation-timeline:--journey;animation-range:contain 0% contain 11%}.hero-copy,.hero-bottom,.art-label,.art-spark{animation:copy-away linear both;animation-timeline:--journey;animation-range:contain 0% contain 9%}.floating-note{animation:note-away linear both;animation-timeline:--journey;animation-range:contain 0% contain 9%}.orbit{animation:orbit-away linear both;animation-timeline:--journey;animation-range:contain 0% contain 14%}.phone-caption{animation:caption-in linear both;animation-timeline:--journey;animation-range:contain 10% contain 14%}}}
@supports not (animation-timeline:view()){.hero-phone,.couple,.hero-copy,.floating-note,.hero-bottom,.art-label,.art-spark{transition:transform .7s,opacity .6s,visibility .6s}.story.is-reading .hero-phone{transform:translate(-65px,22px) rotate(0deg) scale(1.2);z-index:4}.story.is-reading .hero-copy,.story.is-reading .couple,.story.is-reading .floating-note,.story.is-reading .hero-bottom,.story.is-reading .art-label,.story.is-reading .art-spark{opacity:0;visibility:hidden;pointer-events:none}.story.is-reading .phone-caption{opacity:1}}
@media(max-width:1150px){.wrap{width:calc(100% - 72px)}.nav nav{gap:20px;font-size:11px}.hero{grid-template-columns:1fr 1fr}h1{font-size:clamp(60px,7.3vw,85px);letter-spacing:-3.5px}.hero-copy>p{font-size:15px}.download-button{min-width:155px;padding:12px;gap:9px}.download-button small{font-size:7px}.download-button strong{font-size:18px}.download-arrow{display:none}.hero-art{height:min(560px,84svh)}.hero-phone{right:20px;width:min(228px,29svh)}.couple{width:430px;left:-45px}.orbit-one{width:440px;height:440px}.orbit-two{width:510px;height:350px}.floating-note{bottom:45px;font-size:10px;padding:13px}.spark-one{font-size:47px}.chapter h2{font-size:51px;letter-spacing:-2px}.chapter-copy>p{font-size:13px}.playground{padding:21px}.chapter-hand{font-size:23px}.phone-caption{left:40%;font-size:11px}.chapter-dots{right:-17px}.privacy{gap:25px}.privacy h2{font-size:34px}.privacy>span{font-size:85px}}
@media(min-width:801px) and (max-height:740px){.hero-copy{padding-bottom:70px}h1{font-size:76px}.hero-phone{width:210px;top:17px}.hero-art{height:550px}.couple{width:425px}.chapter{min-height:112svh;padding-block:30px}.chapter h2{font-size:47px;margin-block:17px}.chapter-copy>p{font-size:12px}.playground{margin-top:18px;padding:18px}.chapter-hand{margin-top:15px;font-size:22px}.question-box h3{font-size:20px;margin:15px 0}.answers button{padding:12px}.demo-footnote{margin-top:9px}.phone-caption{bottom:0}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.nav{height:84px;gap:12px}.brand{font-size:20px;gap:9px}.brand img{width:38px;height:38px;border-radius:11px}.nav nav{display:none}.nav-cta{font-size:8px;padding:10px 12px;gap:9px}.nav-cta>span{font-size:16px}.hero{display:block}.hero-copy{position:absolute;top:30px;left:0;right:0;padding:0;z-index:3}h1{font-size:clamp(57px,11vw,78px);letter-spacing:-2.5px;margin:22px 0 18px}h1 i{right:-35px;font-size:23px;top:15px}.eyebrow{font-size:7px;letter-spacing:1.5px}.hero-copy>p{font-size:14px;line-height:1.7}.hero-actions{margin-top:24px}.store-buttons{gap:9px}.download-button{min-width:0;padding:10px 12px;gap:9px;flex:1;max-width:190px;border-radius:13px}.download-button strong{font-size:17px}.download-button small{font-size:6px;letter-spacing:0}.download-button>img{width:21px;height:25px}.hero-foot{display:none}.hero-art{position:absolute;left:0;right:0;height:100%;margin:0;top:0}.hero-phone{width:min(36vw,23svh);top:auto;bottom:50px;right:10%;border-width:4px;border-radius:29px}.phone-screens{border-radius:23px}.couple{width:min(82vw,350px);max-width:none;left:0;bottom:18px}.orbit-one{width:340px;height:340px;left:57%;top:73%}.orbit-two{width:420px;height:280px;left:57%;top:74%}.art-label{font-size:25px;top:auto;bottom:39%;left:0}.spark-one{top:auto;bottom:41%;font-size:36px;right:8px}.spark-two{left:0;top:auto;bottom:20%;font-size:34px}.floating-note{bottom:20px;right:0;font-size:8px;padding:10px 12px;gap:8px;max-width:210px;border-radius:12px}.floating-note>span{height:26px;width:26px;font-size:16px}.floating-note small{font-size:7px}.hero-bottom{bottom:0;padding-top:13px;font-size:5.5px;letter-spacing:.8px;align-items:center;gap:15px}.hero-bottom>a{max-width:145px;line-height:1.6;gap:10px}.hero-bottom>a>span{font-size:16px}.chapter-dots,.phone-caption{display:none}.hero-spacer{height:105svh}.chapter{min-height:110svh;padding-block:45px;align-items:center}.chapter-copy{width:100%;max-width:none;padding-top:0}.chapter h2{font-size:clamp(35px,7.6vw,54px);letter-spacing:-1.5px;margin:19px 0 15px;max-width:70%}.chapter-copy>.section-index{font-size:7px;letter-spacing:1px;max-width:63%;line-height:1.7}.chapter-copy>p{font-size:12px;line-height:1.75;max-width:63%;min-height:140px}.chapter-hand{font-size:21px;margin-top:20px}.playground{width:100%;max-width:480px;margin-top:20px;padding:22px;position:relative;background:var(--surface)}.points-total strong{font-size:48px}.question-box h3{font-size:23px}.answers button{font-size:11px;padding:16px 12px}.memory-playground h3{font-size:25px;max-width:85%}.memory-playground>p{font-size:29px}.profile-main h3{font-size:18px}.profile-avatar{width:85px;height:85px}.profile-main{gap:18px}.privacy{grid-template-columns:55px 1fr;gap:20px;padding-block:40px}.privacy>span{font-size:63px}.privacy h2{font-size:34px}.privacy>div{grid-column:2}.privacy p{font-size:12px}.privacy div>span{font-size:7px}.closing{margin-top:50px;padding:30px}.closing>img{height:57px;width:57px;border-radius:16px;margin-bottom:20px}.closing>.section-index{font-size:7px;letter-spacing:1.2px}.closing h2{font-size:clamp(65px,12vw,95px);letter-spacing:-3px;margin:28px 0 23px}.closing>p{font-size:12px}.closing-spark{font-size:130px;right:10px;top:170px}.closing .store-buttons{max-width:400px}.closing .download-button{padding:10px}.closing .download-button strong{font-size:15px}.closing .download-button small{font-size:5.5px}footer{flex-wrap:wrap;padding-block:30px;gap:20px}footer>.brand{font-size:16px}footer .brand img{width:30px;height:30px}footer>span{order:3;flex-basis:100%;font-size:8px}footer>a:last-child{font-size:9px;margin-left:auto}.theme-toggle{font-size:9px;margin-left:auto}.hero-phone{--phone-x:10vw;--phone-y:calc(-100svh + 390px)}@keyframes phone-forward{0%{transform:translate(0,0) rotate(9deg) scale(1);z-index:1}35%{z-index:1}36%{z-index:4}100%{transform:translate(var(--phone-x),var(--phone-y)) rotate(0deg) scale(.9);z-index:4}}@keyframes couple-back{to{transform:translateY(100px) scale(.8);opacity:0}}@supports not(animation-timeline:view()){.story.is-reading .hero-phone{transform:translate(var(--phone-x),var(--phone-y)) rotate(0deg) scale(.9)}}}
@media(max-width:375px){.wrap{width:calc(100% - 32px)}.brand{font-size:17px}.brand img{width:33px;height:33px}.nav-cta{font-size:7px;padding:9px;gap:6px}h1{font-size:53px}.download-button{padding:10px;gap:8px}.download-button>img{width:18px}.download-button strong{font-size:15px}.download-button small{font-size:5.5px}.hero-copy>p{font-size:13px}.hero-phone{--phone-y:calc(-100svh + 380px)}.chapter h2{font-size:34px;max-width:75%}.chapter-copy>p{font-size:11px;max-width:62%;min-height:160px}.chapter-copy>.section-index{font-size:6px}.chapter-hand{font-size:19px}.playground{padding:18px}.question-box h3{font-size:21px}.answers button{font-size:10px;padding:14px 10px}.profile-main{gap:13px}.profile-main h3{font-size:15px}.profile-avatar{width:72px;height:72px}.profile-main p{font-size:9px}.profile-main div>span:last-child:not(.profile-badge){font-size:8px}.profile-themes>span{font-size:9px}.profile-themes button{font-size:9px;padding:7px 10px}.closing{padding:24px}.closing .store-buttons{flex-direction:column}.closing .download-button{width:180px;min-height:56px}}
@media(max-width:800px) and (max-height:730px){.hero-copy{top:15px}h1{font-size:52px;margin-block:16px}.hero-copy>p{font-size:12px}.hero-actions{margin-top:18px}.hero-phone{bottom:45px;width:30vw;--phone-y:calc(-100svh + 350px)}.couple{width:66vw;bottom:22px}.floating-note{bottom:30px}.chapter h2{font-size:34px}.chapter-copy>p{min-height:140px}.chapter{min-height:120svh}}
@media(max-width:800px){h1{font-size:clamp(47px,10.5vw,74px)}.chapter h2{max-width:59%;font-size:clamp(32px,7vw,48px)}.chapter-copy>p{max-width:58%}.chapter-copy>.section-index{max-width:58%}.download-button small{font-size:7px;line-height:1.25}}
@media(max-width:375px){h1{font-size:46px}.chapter h2{font-size:30px}.chapter-copy>p{font-size:11px}.download-button small{font-size:6px}}
@media(max-width:800px) and (min-height:750px){.hero-phone{bottom:180px;--phone-y:calc(-100svh + 520px)}.couple{bottom:145px}.floating-note{bottom:130px}.orbit-one{top:57%}.orbit-two{top:58%}.art-label{bottom:53%}.spark-one{bottom:55%}.spark-two{bottom:36%}.hero-bottom{bottom:100px}}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#21171d;--ink:#f7e8ee;--muted:#c5a8b6;--pink:#f18aaa;--line:#60434f;--surface:#34232c;--panel:#402732;--button:#f3dfe8;--button-text:#35202b}}
:root[data-theme=dark]{--bg:#21171d;--ink:#f7e8ee;--muted:#c5a8b6;--pink:#f18aaa;--line:#60434f;--surface:#34232c;--panel:#402732;--button:#f3dfe8;--button-text:#35202b;color-scheme:dark}:root[data-theme=light]{color-scheme:light}
.couple{mask-image:linear-gradient(to bottom,#000 88%,transparent 100%)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.story-stage{position:relative;height:900px}.hero-copy{opacity:1!important;visibility:visible!important;transform:none!important}.chapters{margin-top:0}.hero-spacer{display:none}.chapter{min-height:0;padding-block:60px}.chapter-copy{width:100%;max-width:650px}.chapter-copy>p{max-width:500px;min-height:0}.chapter h2{max-width:none}.chapter-dots{display:none}.hero-phone{transform:rotate(9deg)!important}.phone-caption{display:none}.privacy{margin-top:30px}}