html:has(.home-canvas),body:has(.home-canvas){margin:0;width:100%;height:100%;overflow:hidden;background:#fff}.home-canvas{--ink: #2a2624;font-family:Figtree,sans-serif;color:var(--ink)}.home-canvas *{box-sizing:border-box}.home-canvas{box-sizing:border-box;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:max(24px,env(safe-area-inset-top)) max(36px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(36px,env(safe-area-inset-left))}.home-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:44px;position:relative;z-index:10}.brand{grid-column:2;grid-row:1;display:inline-flex;align-items:center;text-decoration:none}.home-nav{grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;gap:18px}.get-app{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;white-space:nowrap;position:relative;margin-top:30px;pointer-events:auto;z-index:6;border:0;border-radius:30px;padding:16px 32px;background:var(--ink);color:#fff;font:500 15px Figtree,sans-serif;cursor:pointer}.get-app svg{flex-shrink:0}.home-main{min-height:0;position:relative}.intro{position:absolute;top:6%;left:0;right:0;text-align:center;z-index:1;pointer-events:none}.intro h1{margin:0;font:400 clamp(26px,3.1vw,46px)/1.2 "Caveat",cursive}.intro p{margin:14px auto 0;color:#77736f;font-size:14px;line-height:1.5;max-width:370px}.people-scene{position:absolute;inset:24% 0 8%;--people-size: clamp(110px, 13vw, 174px)}.moment{--asset-scale: 1;position:absolute;width:calc(var(--people-size) * var(--asset-scale));height:calc(var(--people-size) * var(--asset-scale));transform:translate(-50%,-50%)}.moment--group{--asset-scale: 1.0044;left:19%;top:30%}.moment--pair{left:80%;top:36%}.moment--shopping{--asset-scale: 1.2342;left:49%;top:77%}.people{display:block;width:100%;height:100%;object-fit:contain;user-select:none;filter:drop-shadow(0 5px 4px rgb(42 38 36 / 8%))}.speech{--speech-tail: bottom-left;position:absolute;bottom:82%;left:72%;min-width:58px;width:58px;padding:0;height:42px;border:0;background:transparent;cursor:pointer;color:var(--ink);text-align:left;font-family:inherit;transition:width .25s ease,height .25s ease;z-index:3}.speech-shape{position:absolute;left:-10px;top:-1px;width:calc(100% + 20px);height:calc(100% + 12px);overflow:visible;pointer-events:none}.speech-rest{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;transition:opacity .15s ease}.speech-rest i{width:4px;height:4px;border-radius:50%;background:#979b91}.speech-detail{position:relative;display:flex;flex-direction:column;gap:10px;padding:16px 18px;width:232px;opacity:0;visibility:hidden;transition:opacity .15s ease}.feature-message{font-size:15px;line-height:1.4;font-weight:500}.feature-note{font-size:11px;line-height:1.4;color:#77736f}.speech[aria-expanded=true]{width:232px;height:auto;z-index:5}.speech[aria-expanded=true] .speech-rest{opacity:0}.speech[aria-expanded=true] .speech-detail{opacity:1;visibility:visible;transition-delay:.1s}.moment--pair .speech{--speech-tail: bottom-right;left:auto;right:72%}.home-footer{display:flex;align-items:center;justify-content:space-between;color:#8b8984;font-size:10px;padding-top:18px}.home-footer div{display:flex;gap:22px}.home-footer a{color:inherit;text-decoration:none}.home-footer a:hover{color:var(--ink)}.home-canvas :focus-visible{outline:2px solid #7b8e6c;outline-offset:5px}@media(max-width:640px){.home-canvas{padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.brand img{width:36px;height:36px}.home-nav{gap:8px}.get-app{position:fixed;margin-top:0;left:50%;top:auto;bottom:max(58px,calc(env(safe-area-inset-bottom) + 42px));transform:translate(-50%);padding:16px 34px;font-size:15px}.intro{top:6%}.intro h1{font-size:clamp(25px,6.3vw,36px)}.intro p{font-size:12px;max-width:270px;margin-top:10px}.people-scene{inset:26% 0 18%;--people-size: clamp(76px, 15dvh, 124px)}.moment--group{left:22%;top:18%}.moment--pair{left:78%;top:51%}.moment--shopping{left:25%;top:85%}.speech{--speech-tail: left;left:88%;bottom:48%}.moment--group .speech{left:100%}.moment--pair .speech{--speech-tail: right;right:calc(100% + 4px)}.speech-detail{width:min(206px,52vw);padding:13px 14px;gap:8px}.speech[aria-expanded=true]{width:min(206px,52vw);height:auto;bottom:12%}.feature-message{font-size:13px}.feature-note{font-size:10px}.home-footer{font-size:9px;gap:12px;padding-top:14px}.home-footer div{gap:12px}}@media(max-height:500px)and (min-width:501px){.home-canvas{padding:12px 24px}.intro{top:2%}.get-app{margin-top:18px}.intro h1{font-size:25px}.intro p{font-size:11px;margin-top:6px}.people-scene{inset:29% 0 5%;--people-size: min(110px, 25dvh)}.moment--group{left:19%;top:56%}.moment--pair{left:80%;top:56%}.moment--shopping{left:49%;top:73%}.speech{--speech-tail: bottom-left;left:72%;bottom:82%}.moment--pair .speech{--speech-tail: bottom-right;left:auto;right:72%}.speech[aria-expanded=true]{width:232px;height:auto;bottom:82%}.speech-detail{width:232px;padding:12px 16px;gap:7px}.feature-message{font-size:13px}.home-footer{padding-top:8px}}@media(max-height:600px)and (max-width:640px){.intro{top:3%}.intro p{margin-top:5px}.people-scene{inset:25% 0 20%;--people-size: 74px}.speech[aria-expanded=true]{height:auto}.speech-detail{gap:5px;padding:10px 12px}}@media(prefers-reduced-motion:reduce){.speech,.speech-rest,.speech-detail{transition:none}}