@keyframes m-rise{0%{opacity:0;transform:translateY(var(--rise,16px)) scale(var(--sc,1))}}@keyframes m-fade{0%{opacity:0}}@keyframes m-out{0%{opacity:1}to{opacity:0}}@keyframes m-settle{0%{transform:scale(1.04)}}@keyframes m-shown{0%,to{opacity:1}}@keyframes m-wipe{0%{clip-path:inset(0 100% 0 0);transform:translateY(4px)}}@media (prefers-reduced-motion:no-preference){.hero-in .backdrop{transform-origin:50% 30%;animation:1.4s cubic-bezier(.22,1,.36,1) both m-settle}.hero-in [data-hero=window]{animation:.72s cubic-bezier(.22,1,.36,1) .12s both m-rise}@media (max-width:639px){.hero-in [data-hero=window]{--rise:10px}}.hero-in [data-hero=actions]{--rise:0px;animation:.42s cubic-bezier(.22,1,.36,1) .24s both m-fade}[data-arm] .r{animation-name:var(--anim,m-rise);animation-duration:var(--dur,.42s);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-delay:calc(var(--d,0s) + var(--i,0) * var(--st,60ms));animation-fill-mode:both}@media (max-width:639px){[data-arm] .r{animation-delay:calc(var(--d,0s) + var(--i,0) * var(--st,45ms))}}.typed{--per-x:var(--per)}[data-arm] .tc{animation:1ms step-start both m-fade;animation-delay:calc(var(--d0) + var(--c) * var(--per-x));position:relative}[data-arm] .tc:after{content:"";opacity:0;width:1px;height:1.05em;animation:m-shown var(--per-x) step-end;animation-delay:calc(var(--d0) + var(--c) * var(--per-x));background:currentColor;position:absolute;top:.08em;right:-1px}[data-arm] .tc-plain:after{content:none}[data-arm] .tc-end:after{animation:1.5s linear forwards m-caret-end;animation-delay:calc(var(--d0) + var(--c) * var(--per-x))}[data-arm]:not([data-in]) :is(.r,.tc),[data-arm]:not([data-in]) .tc:after{animation-play-state:paused}}@media (max-width:639px){.typed{--per-x:var(--per-n)}}@keyframes m-caret-end{0%,33%{opacity:1}34%,66%{opacity:0}67%,80%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:no-preference) and (min-height:480px){@supports (animation-timeline:view()) and (animation-range:cover 0% cover 100%){[data-scroll][data-live]{view-timeline-name:var(--tl);view-timeline-axis:block}[data-scroll][data-live] [data-s]{animation-name:var(--anim);animation-duration:auto;animation-timing-function:var(--ease,cubic-bezier(.65, 0, .35, 1));animation-fill-mode:both;animation-timeline:var(--tl);animation-range:cover calc(var(--a0) + (var(--a1) - var(--a0)) * var(--s0,0)) cover calc(var(--a0) + (var(--a1) - var(--a0)) * (var(--s0,0) + var(--sl,1)))}}[data-scroll][data-scrub] [data-s]{animation-name:var(--anim);animation-duration:1s;animation-timing-function:var(--ease,cubic-bezier(.65, 0, .35, 1));animation-play-state:paused;animation-fill-mode:both;animation-delay:calc(clamp(0, (var(--p,1) - var(--s0,0)) / var(--sl,1), 1) * -1s)}}[data-save-button].demo-hint{box-shadow:0 0 0 2px var(--ig-bg), 0 0 0 4px var(--ig-text)}@media (prefers-reduced-motion:no-preference){.save-pop{animation:.18s cubic-bezier(.22,1,.36,1) both save-pop}}@keyframes save-pop{0%{transform:scale(.9)}}.gone-pic{filter:grayscale()brightness(1.1);opacity:.15;--anim:gone-pic;--s0:0;--sl:.5}@keyframes gone-pic{0%{filter:none;opacity:1}}.gone-note{--anim:m-fade;--s0:.15;--sl:.35}.gone-card{--anim:gone-card;--s0:.5;--sl:.3;transform:translateY(12px)}@keyframes gone-card{0%{transform:none}}.gone-shadow{opacity:0;--anim:m-out;--s0:.5;--sl:.3;box-shadow:0 16px 40px #00000024,0 2px 8px #00000014}.kept-mark{--anim:m-fade;--s0:.5;--sl:.3}@media (prefers-reduced-motion:no-preference) and (min-height:480px){[data-arm]:not([data-in]) [data-px] .wall-tile>img{opacity:0}}.wall-tile>img[data-pixeling],[data-px-wait] .wall-tile>img{opacity:0}.wall-tile>img[data-pixeling]+canvas:not([data-on])~.kept-mark,[data-px-wait] .kept-mark{visibility:hidden}[data-arm] .wall-tile{--anim:wall-tile;--dur:.64s;--st:45ms}@keyframes wall-tile{0%{opacity:0;transform:scale(.94)}}.wall-row{--wv:12}.wall-row:nth-child(2){--wv:9}.wall-row:nth-child(3){--wv:10.5}@media (max-width:639px){.wall-row{--wv:6.5}.wall-row:nth-child(2){--wv:5}}.wall-pause{display:none}@media (prefers-reduced-motion:no-preference) and (min-height:480px){.wall-loop{animation:1s linear infinite paused wall-flow;animation-duration:calc(var(--wl,3000) / var(--wv) * 1s)}.wall-r{animation-direction:reverse}.wall-sway{animation:10s cubic-bezier(.45,0,.55,1) -5s infinite alternate paused wall-sway}@media (max-width:639px){.wall-sway{animation-name:wall-sway-n}}[data-flow] :is(.wall-loop,.wall-sway){will-change:transform;animation-play-state:running}[data-paused] [data-flow] :is(.wall-loop,.wall-sway){will-change:auto;animation-play-state:paused}.wall-pause{display:flex}}@keyframes wall-flow{to{transform:translate(-100%)}}@keyframes wall-sway{0%{transform:translate(40px)}to{transform:translate(-40px)}}@keyframes wall-sway-n{0%{transform:translate(24px)}to{transform:translate(-24px)}}@media (max-height:479px){[data-arm] .wall-tile{--anim:none}}[data-arm] .find-tag{--rise:4px;--d:1.4s}@media (prefers-reduced-motion:no-preference){[data-arm] .mark-pick rect{transform-box:fill-box;transform-origin:50%;animation:.48s cubic-bezier(.65,0,.35,1) both mark-ring}[data-arm] .mark-pick rect:nth-child(9){animation-name:mark-fill;animation-timing-function:cubic-bezier(.22,1,.36,1)}[data-arm]:not([data-in]) .mark-pick rect{animation-play-state:paused}}.mark-pick rect:first-child{--dx:0px;--dy:2px}.mark-pick rect:nth-child(2){--dx:-1.4px;--dy:1.4px}.mark-pick rect:nth-child(3){--dx:-2px;--dy:0px}.mark-pick rect:nth-child(4){--dx:-1.4px;--dy:-1.4px}.mark-pick rect:nth-child(5){--dx:0px;--dy:-2px}.mark-pick rect:nth-child(6){--dx:1.4px;--dy:-1.4px}.mark-pick rect:nth-child(7){--dx:2px;--dy:0px}.mark-pick rect:nth-child(8){--dx:1.4px;--dy:1.4px}@keyframes mark-ring{50%{transform:translate(var(--dx,0px), var(--dy,0px));opacity:.4}}@keyframes mark-fill{0%{transform:scale(0)}}.app-device{--dev:var(--dev-wide,40px);--anim:app-device;--ease:cubic-bezier(.3, .55, .45, 1)}@keyframes app-device{0%{transform:translateY(var(--dev,40px))}}.app-ground{--anim:app-ground;--ease:linear}@keyframes app-ground{0%{transform:scale(1.06)translateY(-10px)}}@media (max-width:1023px){.app-device{--dev:24px}.app-ground{--anim:none}}.find-moment{--find-t:1.1s;--find-notes:calc(var(--find-t) + .3s)}@media (max-width:639px){.find-moment{--find-t:.9s;--find-notes:.15s}}@keyframes find-draw{0%{clip-path:inset(0 100% 0 0)}}.ask-stage{border-block:1px solid var(--line);background-color:var(--window);background-image:radial-gradient(circle at 1px 1px, var(--line) 1px, transparent 0);background-size:24px 24px;height:calc(100vh - 52px);min-height:560px;position:relative;overflow:clip;container-type:size}.ask-frame{--k:max(.88, min(tan(atan2(100cqw, 1440px)), tan(atan2(100cqh, 848px))));top:max(0px, calc((100cqh - 848px * var(--k)) / 2));transform-origin:0 0;transform:translateX(calc(-720px * var(--k))) scale(var(--k));position:absolute;left:50%}@media (prefers-reduced-motion:no-preference) and (min-height:480px){.ask-wrap:is([data-live],[data-scrub]){height:200vh}.ask-wrap:is([data-live],[data-scrub]) .ask-stage{position:sticky;top:52px}.ask-wrap:is([data-live],[data-scrub]) [data-s]:not(span){will-change:transform, opacity}}@keyframes ask-gather{0%{transform:translate(var(--dx), var(--dy)) scale(var(--ds))}}@keyframes ask-dim{0%{opacity:1;transform:translate(var(--dx), var(--dy))}}.yai-step{--anim:m-wipe;--ease:cubic-bezier(.22, 1, .36, 1)}.yai-tile{--anim:yai-land;--ease:cubic-bezier(.22, 1, .36, 1);--tx:160px;--ty:0px}@media (max-width:1023px){.yai-tile{--tx:0px;--ty:16px}}@keyframes yai-land{0%{opacity:0;transform:translate(var(--tx), var(--ty)) scale(.92)}}.sample-tile{view-transition-class:sample}::view-transition-group(.sample){animation-duration:.46s;animation-timing-function:var(--ease-morph)}.magpie-toast{color:#111;letter-spacing:.1px;-webkit-font-smoothing:antialiased;opacity:0;background:#f4f4f2;border:1px solid #1111111f;align-items:flex-start;gap:9px;max-width:320px;padding:9px 14px 9px 12px;font:500 13px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Helvetica Neue,sans-serif;transition:opacity .18s ease-out,transform .18s ease-out;display:flex;transform:translateY(6px)}.magpie-toast.in{opacity:1;transform:none}.magpie-toast .dot{background:#ff5b03;flex:none;width:8px;height:8px;margin-top:5px}@media (prefers-color-scheme:dark){.magpie-toast{color:#f5f5f5;background:#0e0e0d;border-color:#f5f5f524}}@media (prefers-reduced-motion:reduce){.magpie-toast{transition:opacity .12s linear;transform:none}}.backdrop{filter:saturate(.85)contrast(.92)}@media (prefers-color-scheme:dark){.backdrop{filter:brightness(.62)saturate(.85)}}.morph-name{view-transition-class:morph}.mac-edge{border-color:#c4c4bf}.ext{--x-bg:#fff;--x-super:#111;--x-primary:#111111e6;--x-secondary:#11111180;--x-tertiary:#1111114d;--x-tint:#1111110a;--x-tint-strong:#11111114;--x-ok:#1a7f37;background:var(--x-bg);color:var(--x-primary);border:1px solid #1111111f}.ext-dark{--x-bg:#161616;--x-super:#f5f5f5;--x-primary:#f5f5f5e6;--x-secondary:#f5f5f580;--x-tertiary:#f5f5f54d;--x-tint:#f5f5f50d;--x-ok:#3fb950;border-color:#f5f5f524}@media (prefers-color-scheme:dark){.mac-edge{border-color:#3a3a37}.ext{--x-bg:#161616;--x-super:#f5f5f5;--x-primary:#f5f5f5e6;--x-secondary:#f5f5f580;--x-tertiary:#f5f5f54d;--x-tint:#f5f5f50d;--x-tint-strong:#f5f5f51a;--x-ok:#3fb950;border-color:#f5f5f524}}.ext-bar{animation:1.2s ease-in-out infinite ext-slide}@keyframes ext-slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media (prefers-reduced-motion:reduce){.ext-bar{animation:none;transform:translate(80%)}}.site{--dia-frame:#ebebebb8;--dia-frame-solid:#ebebeb;--dia-chip:#0000000b;--dia-edge:#ffffff8c;--dia-edge-strong:#0000001f;--dia-card:#f6f6f6;--dia-text:#1d1d1d;--dia-icon:#4a4a4a;--dia-dim:#00000073;--dia-btn:#0000000f;--dia-btn-strong:#0000001a;--dia-chat:#1a8cff;--dia-line:#0000000d;--ig-bg:#fff;--ig-text:#000;--ig-muted:#737373;--ig-line:#dbdbdb;--xx-bg:#fff;--xx-text:#0f1419;--xx-muted:#536471;--xx-line:#eff3f4;--mm-bg:#f6f6f6db;--mm-text:#000000db;--mm-dim:#0006;--mm-line:#0000001a;--mm-hold:#ffffff73}@media (prefers-color-scheme:dark){.site{--dia-frame:#1e1e1ecc;--dia-frame-solid:#1e1e1e;--dia-chip:#ffffff0f;--dia-edge:#ffffff0f;--dia-edge-strong:#ffffff24;--dia-card:#202020;--dia-text:#ececec;--dia-icon:#c4c4c4;--dia-dim:#ffffff73;--dia-btn:#ffffff14;--dia-btn-strong:#ffffff24;--dia-chat:#1a8cff;--dia-line:#ffffff0f;--ig-bg:#000;--ig-text:#f5f5f5;--ig-muted:#a8a8a8;--ig-line:#262626;--xx-bg:#000;--xx-text:#e7e9ea;--xx-muted:#71767b;--xx-line:#2f3336;--mm-bg:#2a2a2adb;--mm-text:#ffffffe0;--mm-dim:#fff6;--mm-line:#ffffff1f;--mm-hold:#ffffff2e}}.dia{background:var(--dia-frame-solid)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dia{background:var(--dia-frame);-webkit-backdrop-filter:blur(30px)saturate(1.6);backdrop-filter:blur(30px)saturate(1.6)}}.landing{--panel:#eeede9;--button-2:#e4e3de;--t-60:#0009}@media (prefers-color-scheme:dark){.landing{--panel:#171716;--button-2:#252523;--t-60:#fff9}}.stage-window{box-shadow:0 16px 40px #00000012,0 2px 8px #0000000d}@media (prefers-color-scheme:dark){.stage-window{box-shadow:0 16px 40px #0000004d,0 2px 8px #00000038}}.mac-window{border-radius:0}.stage-shape{filter:drop-shadow(0 12px 20px #00000012)drop-shadow(0 2px 4px #0000000d)}@media (prefers-color-scheme:dark){.stage-shape{filter:drop-shadow(0 12px 20px #0000004d)drop-shadow(0 2px 4px #00000038)}}.demo-in{animation:.46s cubic-bezier(.2,.7,.2,1) both demo-rise}.demo-fade{animation:.36s ease-out both demo-fade}.demo-open{animation:.38s cubic-bezier(.2,.7,.2,1) both demo-open}.demo-leave{pointer-events:none;animation:.22s ease-out both demo-leave}@keyframes demo-rise{0%{opacity:0;transform:translateY(6px)}}@keyframes demo-leave{to{opacity:0}}@keyframes demo-fade{0%{opacity:0}}@keyframes demo-open{0%{opacity:0;transform:scale(.985)}}.demo-hint{transition:background-color .22s ease-out,color .22s ease-out,box-shadow .22s ease-out}[data-index-row].demo-hint,[role=radio].demo-hint,.demo-field.demo-hint,.demo-word.demo-hint{background-color:var(--tint-strong);color:var(--t-super)}.sample-tile.demo-hint,[data-swatch].demo-hint{box-shadow:0 0 0 2px var(--window), 0 0 0 4px var(--t-super)}.demo-caret{vertical-align:-.15em;background:var(--t-super);width:1px;height:1.05em;margin-left:1px;animation:1s step-end infinite demo-blink;display:inline-block}@keyframes demo-blink{50%{opacity:0}}.demo-scroll{transition:transform .82s cubic-bezier(.25,.1,.15,1)}@media (prefers-reduced-motion:reduce){.demo-in,.demo-fade,.demo-open,.demo-leave,.demo-caret{animation:none}.demo-scroll{transition:none}}.funnel-icon-dark{display:none}@media (prefers-color-scheme:dark){.funnel-icon-light{display:none}.funnel-icon-dark{display:block}}.arc-mark{--arc-name:arc-mark;--arc-ease:cubic-bezier(.22, .61, .36, 1)}.arc-line{--arc-name:arc-line;--arc-ease:cubic-bezier(.22, .61, .36, 1)}.arc-spark{--arc-name:arc-spark;--arc-ease:cubic-bezier(.5, 0, .75, 1);opacity:0;background:linear-gradient(var(--t-super) 0 14px, transparent 14px)}.arc-icon{--arc-name:arc-icon;--arc-ease:ease-in-out}@media (max-width:639px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()) and (animation-range:cover 0% cover 100%){.arc:not([data-scrub]){view-timeline:--arc block}.arc:not([data-scrub]) :is(.arc-mark,.arc-line,.arc-spark,.arc-icon){animation-name:var(--arc-name);animation-timing-function:var(--arc-ease);animation-fill-mode:both;animation-duration:auto;animation-timeline:--arc;animation-range:cover calc(15vh + (50% - 15vh) * var(--s0)) cover calc(15vh + (50% - 15vh) * (var(--s0) + var(--sl)))}}.arc[data-scrub] :is(.arc-mark,.arc-line,.arc-spark,.arc-icon){animation-name:var(--arc-name);animation-timing-function:var(--arc-ease);animation-duration:1s;animation-play-state:paused;animation-fill-mode:both;animation-delay:calc(clamp(0, (var(--p,1) - var(--s0)) / var(--sl), 1) * -1s)}}@keyframes arc-mark{0%{opacity:.15;transform:translate(calc(cos(var(--a)) * 20px), calc(sin(var(--a)) * -20px)) scale(.88)}}@keyframes arc-line{0%{scale:1 0}}@keyframes arc-spark{0%{opacity:0;translate:0 -14px}15%,70%{opacity:1}to{opacity:0;translate:0 100%}}@keyframes arc-icon{0%{scale:.9}70%{scale:.92}90%{scale:1.045}to{scale:1}}.film-chip{background:var(--window);white-space:nowrap;align-items:center;gap:8px;height:28px;padding:0 10px;font-size:13px;line-height:1;display:inline-flex}.sample-video{width:min(100%, calc(300px * var(--ratio)))}@media (min-width:768px){.sample-video-box{container-type:size}.sample-video{width:min(100%, calc((100cqh - 56px) * var(--ratio)))}}@media (max-width:639px){.sample-tile .text-tile{gap:6px;padding:8px}.sample-tile .text-tile>:first-child{-webkit-line-clamp:4;font-size:12px;line-height:1.3}.sample-tile .text-tile>:last-child{font-size:11px}}.row-fade{-webkit-mask-image:linear-gradient(90deg,#000 82%,#0000);mask-image:linear-gradient(90deg,#000 82%,#0000)}.landing [id]{scroll-margin-top:64px}.phone-fit{container-type:inline-size}.phone-zoom{zoom:.72;zoom:min(.8, tan(atan2(100cqw, 450px)))}