@font-face{font-family:"Young Serif";src:url(/site/YoungSerif-Regular.woff2?v=daac1821) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:"Karla";src:url(/site/Karla.woff2?v=5c32cea7) format("woff2");font-weight:200 800;font-display:swap}:root{color-scheme:light dark;--ref-brand-50:oklch(0.975 0.012 284.0);--ref-brand-100:oklch(0.950 0.016 284.0);--ref-brand-200:oklch(0.900 0.031 284.0);--ref-brand-300:oklch(0.830 0.051 284.0);--ref-brand-400:oklch(0.740 0.074 284.0);--ref-brand-500:oklch(0.640 0.095 284.0);--ref-brand-600:oklch(0.540 0.113 284.0);--ref-brand-700:oklch(0.450 0.124 284.0);--ref-brand-800:oklch(0.360 0.130 284.0);--ref-brand-900:oklch(0.270 0.124 284.0);--ref-brand-950:oklch(0.200 0.113 284.0);--ref-accent-50:oklch(0.975 0.023 82.1);--ref-accent-100:oklch(0.950 0.043 79.2);--ref-accent-200:oklch(0.900 0.078 73.5);--ref-accent-300:oklch(0.830 0.120 65.4);--ref-accent-400:oklch(0.740 0.128 62.0);--ref-accent-500:oklch(0.640 0.120 62.0);--ref-accent-600:oklch(0.540 0.108 62.0);--ref-accent-700:oklch(0.450 0.095 62.0);--ref-accent-800:oklch(0.360 0.080 62.0);--ref-accent-900:oklch(0.270 0.060 62.0);--ref-accent-950:oklch(0.200 0.044 62.0);--ref-neutral-50:oklch(0.975 0.012 284.0);--ref-neutral-100:oklch(0.950 0.018 284.0);--ref-neutral-200:oklch(0.900 0.018 284.0);--ref-neutral-300:oklch(0.830 0.018 284.0);--ref-neutral-400:oklch(0.740 0.018 284.0);--ref-neutral-500:oklch(0.640 0.018 284.0);--ref-neutral-600:oklch(0.540 0.018 284.0);--ref-neutral-700:oklch(0.450 0.018 284.0);--ref-neutral-800:oklch(0.360 0.018 284.0);--ref-neutral-900:oklch(0.270 0.018 284.0);--ref-neutral-950:oklch(0.200 0.018 284.0);--c-bg:var(--ref-neutral-100);--c-surface:var(--ref-neutral-50);--c-surface-raised:oklch(1 0 0);--c-ink:var(--ref-brand-950);--c-ink-muted:var(--ref-brand-700);--c-line:var(--ref-neutral-300);--c-brand:var(--ref-brand-700);--c-on-brand:var(--ref-accent-100);--c-action:var(--ref-brand-800);--c-on-action:var(--ref-accent-100);--c-keep:oklch(0.47 0.087 175);--c-on-keep:oklch(1 0 0);--c-pass:var(--ref-brand-700);--c-on-pass:oklch(1 0 0);--c-positive:oklch(0.47 0.087 175);--c-warning:oklch(0.5 0.100 70);--c-danger:oklch(0.5 0.170 25);--c-on-danger:oklch(1 0 0);--c-scrim:oklch(0.2 0.060 284 / 0.5);--c-tag-1:oklch(0.48 0.130 45);--c-on-tag-1:oklch(1 0 0);--c-tag-2:oklch(0.46 0.085 175);--c-on-tag-2:oklch(1 0 0);--c-tag-3:oklch(0.45 0.130 310);--c-on-tag-3:oklch(1 0 0);--c-tag-4:oklch(0.8 0.130 85);--c-on-tag-4:var(--ref-brand-950);--c-tag-5:oklch(0.45 0.130 262);--c-on-tag-5:oklch(1 0 0);--c-tag-6:oklch(0.47 0.070 130);--c-on-tag-6:oklch(1 0 0);--x-band-1:oklch(0.91 0.075 88);--x-band-2:oklch(0.83 0.115 66);--x-band-3:oklch(0.76 0.075 315);--x-band-4:oklch(0.5 0.105 293);--x-band-5:oklch(0.36 0.095 285);--x-band-6:oklch(0.24 0.065 280);--x-on-band-dark:oklch(0.2 0.060 284);--x-on-band-light:oklch(0.97 0.020 85);--x-sun:var(--ref-neutral-400);--x-space-green:oklch(0.82 0.210 145);--x-space-green-shade:oklch(0.67 0.190 147);--x-space-green-lit:oklch(0.93 0.130 138);--x-space-suit:oklch(0.99 0.004 290);--x-space-suit-shade:oklch(0.86 0.030 295);--x-space-tile:oklch(0.53 0.110 293);--x-mark:oklch(0.36 0.095 285);--font-display:"Young Serif", Georgia, serif;--font-body:"Karla", system-ui, sans-serif;--weight-display:400;--weight-body:400;--weight-strong:700;--tracking-display:-0.005em;--case-display:none;--radius-card:28px;--radius-control:16px;--radius-sheet:32px;--radius-pill:999px;--border-w:0px;--deck-tilt:9deg;--radius-arch:999px 999px 28px 28px;--app-name:"TwoPax";--shadow-card:0 10px 30px oklch(0.30 0.08 284 / 0.16);--shadow-sheet:0 -2px 12px oklch(0.30 0.08 284 / 0.14)}@media (prefers-color-scheme: dark){:root{--c-bg:oklch(0.19 0.045 284);--c-surface:oklch(0.25 0.060 284);--c-surface-raised:oklch(0.31 0.070 284);--c-ink:var(--ref-accent-50);--c-ink-muted:var(--ref-neutral-300);--c-line:oklch(0.42 0.070 284);--c-brand:var(--x-sun);--c-on-brand:var(--ref-brand-950);--c-action:var(--x-sun);--c-on-action:var(--ref-brand-950);--c-keep:oklch(0.8 0.100 175);--c-on-keep:var(--ref-brand-950);--c-pass:var(--ref-neutral-300);--c-on-pass:var(--ref-brand-950);--c-positive:oklch(0.8 0.100 175);--c-warning:var(--ref-accent-200);--c-danger:oklch(0.76 0.130 25);--c-on-danger:var(--ref-brand-950);--c-scrim:oklch(0.1 0.040 284 / 0.6);--c-tag-1:oklch(0.76 0.120 45);--c-on-tag-1:var(--ref-brand-950);--c-tag-2:oklch(0.78 0.090 175);--c-on-tag-2:var(--ref-brand-950);--c-tag-3:oklch(0.76 0.110 310);--c-on-tag-3:var(--ref-brand-950);--c-tag-4:oklch(0.84 0.120 85);--c-on-tag-4:var(--ref-brand-950);--c-tag-5:oklch(0.76 0.100 262);--c-on-tag-5:var(--ref-brand-950);--c-tag-6:oklch(0.78 0.080 130);--c-on-tag-6:var(--ref-brand-950);--x-band-1:oklch(0.91 0.075 88);--x-band-2:oklch(0.83 0.115 66);--x-band-3:oklch(0.76 0.075 315);--x-band-4:oklch(0.5 0.105 293);--x-band-5:oklch(0.36 0.095 285);--x-band-6:oklch(0.24 0.065 280);--x-on-band-dark:oklch(0.2 0.060 284);--x-on-band-light:oklch(0.97 0.020 85);--x-sun:var(--ref-neutral-400);--x-space-green:oklch(0.82 0.210 145);--x-space-green-shade:oklch(0.67 0.190 147);--x-space-green-lit:oklch(0.93 0.130 138);--x-space-suit:oklch(0.99 0.004 290);--x-space-suit-shade:oklch(0.86 0.030 295);--x-space-tile:oklch(0.53 0.110 293);--x-mark:var(--x-sun);--shadow-card:0 8px 24px oklch(0.10 0.05 284 / 0.45);--shadow-sheet:0 -2px 10px oklch(0.10 0.05 284 / 0.4)}}*, *::before, *::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:var(--font-body);font-weight:var(--weight-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}h1, h2, h3{margin:0;font-family:var(--font-display);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:1.08;text-wrap:balance}p{margin:0;text-wrap:pretty}a{color:var(--c-brand);text-underline-offset:3px}img{display:block;max-width:100%;height:auto}.wrap{width:100%;max-width:1200px;margin-inline:auto;padding-inline:20px}@media (min-width: 768px){.wrap{padding-inline:40px}}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;padding-bottom:20px}.wordmark{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:28px;line-height:1;color:var(--c-ink);text-decoration:none}.mark :where(img){width:36px;height:36px}.top a:not(.wordmark){color:var(--c-ink-muted);font-weight:var(--weight-strong);font-size:15px;text-decoration:none;padding:10px 0}.sub{color:var(--c-ink-muted);font-size:19px;line-height:1.5}@media (min-width: 1024px){.sub{font-size:21px}}.screen{aspect-ratio:402 / 874;border-radius:13.7% / 6.3%;overflow:hidden;background:var(--c-surface);box-shadow:var(--shadow-card);outline:1px solid var(--c-line);outline-offset:-1px}.screen :where(picture, img){display:block;width:100%;height:100%}.screen img{object-fit:cover;object-position:top}.crop{overflow:hidden;border-radius:var(--radius-card);background:var(--c-surface);box-shadow:var(--shadow-card);outline:1px solid var(--c-line);outline-offset:-1px}.crop :where(picture, img){display:block;width:100%;height:100%}.crop img{object-fit:cover;object-position:top}.status{display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-ink);font-size:15px;line-height:1.3;box-shadow:inset 0 0 0 1px var(--c-line)}.status::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--c-positive)}.status strong{font-weight:var(--weight-strong)}.only-dark{display:none}@media (prefers-color-scheme: dark){.only-dark{display:block}.only-light{display:none}}.foot{margin-top:96px;padding:40px 0 48px;border-top:1px solid var(--c-line);color:var(--c-ink-muted);font-size:15px}.foot .wrap{display:flex;flex-direction:column;gap:16px}.foot nav{display:flex;flex-wrap:wrap;column-gap:24px}.foot nav a{display:inline-block;padding:8px 0}.foot .tiny{font-size:13px}.l-draft-1{--x:3.980;--y:50.046;--w:92.040;--h:9.960;--r:7.57% / 32.17%}.l-draft-2{--x:3.980;--y:60.006;--w:92.040;--h:4.119;--r:0.00% / 0.00%}.l-draft-3{--x:3.980;--y:64.125;--w:92.040;--h:9.960;--r:7.57% / 32.17%}.l-draft-4{--x:3.980;--y:74.085;--w:92.040;--h:4.119;--r:0.00% / 0.00%}.l-draft-5{--x:3.980;--y:78.204;--w:92.040;--h:10.521;--r:7.57% / 30.45%}.l-rank-1{--x:9.453;--y:52.746;--w:7.960;--h:3.661;--r:31.25% / 31.25%}.l-rank-2{--x:9.453;--y:45.195;--w:7.960;--h:3.661;--r:31.25% / 31.25%}.l-rank-3{--x:9.453;--y:60.297;--w:7.960;--h:3.661;--r:31.25% / 31.25%}.l-rank-done{--x:6.716;--y:66.819;--w:86.567;--h:5.034;--r:4.60% / 36.36%}.l-meet-mine-1{--x:8.955;--y:18.015;--w:7.960;--h:5.399;--r:0.00% / 0.00%}.l-meet-mine-2{--x:8.955;--y:36.579;--w:7.960;--h:5.399;--r:0.00% / 0.00%}.l-meet-mine-3{--x:8.955;--y:53.513;--w:7.960;--h:5.399;--r:0.00% / 0.00%}.l-meet-theirs-1{--x:18.408;--y:18.015;--w:7.960;--h:5.399;--r:0.00% / 0.00%}.l-meet-theirs-2{--x:18.408;--y:36.579;--w:7.960;--h:5.399;--r:0.00% / 0.00%}.l-meet-theirs-3{--x:18.408;--y:53.513;--w:7.960;--h:5.399;--r:0.00% / 0.00%}.l-meet-pick{--x:6.468;--y:16.871;--w:87.065;--h:17.878;--r:4.57% / 10.24%}.l-meet-state{--x:14.925;--y:13.181;--w:70.149;--h:2.317;--r:0.00% / 0.00%}.l-keep-card{--x:3.980;--y:6.178;--w:92.040;--h:70.075;--r:7.57% / 4.57%}.l-keep-count{--x:3.980;--y:79.457;--w:92.040;--h:2.008;--r:0.00% / 0.00%}:root{--ease-settle:cubic-bezier(0.22, 1, 0.36, 1);--ease-drift:cubic-bezier(0.45, 0, 0.55, 1);--ease-land:linear(0, 0.2 7%, 0.56 16%, 0.86 26%, 1.02 36%, 1.06 45%, 1.04 58%, 1.01 74%, 1);--t-band:1500ms;--t-band-gap:120ms;--t-glow:2600ms;--t-sun:2200ms;--t-planet:1600ms;--at-planet:300ms;--t-hop:1000ms;--at-alien:550ms;--t-float:1800ms;--at-astronaut:750ms;--t-wave:900ms;--at-wave:1900ms;--at-answer:2400ms;--t-rise:1400ms;--at-rise:1300ms;--t-look:1500ms;--at-look:3100ms;--t-words:900ms;--at-words:0ms;--words-gap:120ms}.hero{display:grid;gap:40px;padding-top:24px;padding-bottom:24px}.hero h1{font-size:clamp(44px, 11vw, 88px)}.hero .words{display:flex;flex-direction:column;gap:24px;align-self:center}.sky{position:relative;width:min(100%, 480px);margin:0 auto;aspect-ratio:5 / 6;border-radius:999px 999px var(--radius-card) var(--radius-card);background:var(--x-band-1);overflow:hidden;isolation:isolate}.band{position:absolute;inset:var(--top) 0 -20% 0;background:var(--band)}.band:nth-child(1){--top:16%;--band:var(--x-band-2);--from:55%}.band:nth-child(2){--top:30%;--band:var(--x-band-3);--from:65%}.band:nth-child(3){--top:44%;--band:var(--x-band-4);--from:75%}.band:nth-child(4){--top:60%;--band:var(--x-band-5);--from:85%}.band:nth-child(5){--top:78%;--band:var(--x-band-6);--from:100%}.glow{position:absolute;inset:0;background:linear-gradient(to bottom, transparent 10%, var(--x-band-2) 55%, var(--x-band-1));mix-blend-mode:soft-light;opacity:0;pointer-events:none}.sky .pair-art{position:absolute;left:50%;top:6%;width:56%;translate:-50% 0}.pair-svg{display:block;width:100%;height:auto;overflow:visible;--p-ink:var(--c-ink);--p-a:var(--x-band-4);--p-on-a:var(--x-on-band-light);--p-b:var(--x-sun);--p-on-b:var(--x-on-band-dark);--p-soft:var(--c-line);--p-paper:var(--c-surface-raised);--p-accent:var(--x-sun);--p-rain:var(--c-ink-muted);--p-shade:var(--c-ink);--p-pale:var(--x-band-1);--p-tawny:var(--x-band-2);--p-keyline:none;--p-edge:var(--x-on-band-dark);--p-green:var(--x-space-green);--p-suit:var(--x-space-suit);--p-visor:var(--x-band-6)}@media (prefers-color-scheme: dark){.pair-svg{--p-a:var(--x-band-3);--p-on-a:var(--x-on-band-dark);--p-accent:var(--x-band-1);--p-shade:var(--x-band-1);--p-keyline:var(--x-band-3)}}.pair-svg .planet{--p-ink:var(--x-on-band-dark);--p-accent:var(--x-sun)}.pair-svg .lean[data-who="alien"]{transform-origin:116px 268px}.pair-svg .lean[data-who="astronaut"]{transform-origin:284px 268px}.pair-svg .who-astronaut{transform-origin:284px 190px}.pair-svg .hand-alien{transform-origin:-72px -54px}.pair-svg .hand-astronaut{transform-origin:72px -54px}.pair-svg .shadow-alien{transform-origin:116px 270px}.pair-svg .shadow-astronaut{transform-origin:284px 270px}.pair-svg .planet{transform-origin:200px 46px}.sky .screen{position:absolute;left:50%;bottom:-60%;width:62%;translate:-50% 0;box-shadow:0 -8px 40px oklch(0.1 0.05 284 / 0.35)}@media (min-width: 1024px){.hero{grid-template-columns:1.1fr 1fr;gap:64px;padding-top:48px}.sky{width:100%}}section{margin-top:96px}.eyebrow{color:var(--c-ink-muted);font-weight:var(--weight-strong);font-size:15px;margin-bottom:12px}h2{font-size:clamp(34px, 7vw, 56px)}.steps{display:grid;gap:56px;margin-top:48px;padding:0;list-style:none}.steps li{display:flex;flex-direction:column;gap:12px}.steps .n{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;font-family:var(--font-display);font-size:22px;background:var(--x-band-2);color:var(--x-on-band-dark)}.steps li:nth-child(2) .n{background:var(--x-band-3)}.steps li:nth-child(3) .n{background:var(--x-band-4);color:var(--x-on-band-light)}.steps h3{font-size:28px}.steps p{color:var(--c-ink-muted);max-width:34ch}.steps .screen{width:min(100%, 300px);margin-top:16px}@media (min-width: 900px){.steps{grid-template-columns:repeat(3, 1fr);gap:40px}}.screen{position:relative}.l{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);height:calc(var(--h) * 1%);border-radius:var(--r);background-image:var(--whole);background-repeat:no-repeat;background-size:calc(100% * 100 / var(--w)) calc(100% * 100 / var(--h));background-position:calc(100% * var(--x) / (100 - var(--w))) calc(100% * var(--y) / (100 - var(--h)))}.s-draft{--whole:url(/site/plan-result-space-light.avif?v=c2a79274)}.s-rank{--whole:url(/site/plan-guest-ranked-none-light.avif?v=ce957b6b)}.s-meet{--whole:url(/site/plan-agreed-none-light.avif?v=4b9b9af2)}.s-keep{--whole:url(/site/deck-none-light.avif?v=9fb3e813)}@media (prefers-color-scheme: dark){.s-draft{--whole:url(/site/plan-result-space-dark.avif?v=b2d38c0e)}.s-rank{--whole:url(/site/plan-guest-ranked-none-dark.avif?v=ea2c0054)}.s-meet{--whole:url(/site/plan-agreed-none-dark.avif?v=7331482c)}.s-keep{--whole:url(/site/deck-none-dark.avif?v=fb223a94)}}.features{overflow-x:clip}.feature{display:grid;gap:32px;align-items:center;margin-top:72px}.feature .screen{width:min(100%, 300px);margin:0 auto}.feature .words{display:flex;flex-direction:column;gap:16px;max-width:30em}.feature h3{font-size:clamp(30px, 6vw, 44px)}.feature p{color:var(--c-ink-muted);font-size:19px}@media (min-width: 900px){.feature{grid-template-columns:1fr 1fr;gap:80px}.feature:nth-of-type(even) .screen{order:2}}.not{margin-top:120px;padding:72px 0;background:var(--x-band-5);color:var(--x-on-band-light);overflow:clip}.not h2{font-size:clamp(32px, 6.5vw, 56px);max-width:18ch}.not h2 span{display:inline-block}.not p{margin-top:20px;font-size:19px;max-width:36em;opacity:0.88}.close{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.close h2{max-width:16ch}@media (prefers-reduced-motion: no-preference){.hero .words > *{animation:words-in var(--t-words) var(--ease-settle) both;animation-delay:calc(var(--at-words) + var(--i, 0) * var(--words-gap))}.hero .words > :nth-child(2){--i:1}.hero .words > :nth-child(3){--i:2}.band{animation:band-settle var(--t-band) var(--ease-settle) both;animation-delay:calc(var(--n, 0) * var(--t-band-gap))}.band:nth-child(2){--n:1}.band:nth-child(3){--n:2}.band:nth-child(4){--n:3}.band:nth-child(5){--n:4}.glow{animation:glow-sink var(--t-glow) var(--ease-drift) both}.pair-svg .planet{animation:planet-in var(--t-planet) var(--ease-settle) var(--at-planet) both}.pair-svg .who-alien{animation:hop-in var(--t-hop) var(--ease-land) var(--at-alien) both}.pair-svg .shadow-alien{animation:shadow-in var(--t-hop) var(--ease-land) var(--at-alien) both}.pair-svg .who-astronaut{animation:float-in var(--t-float) var(--ease-drift) var(--at-astronaut) both}.pair-svg .shadow-astronaut{animation:shadow-in var(--t-float) var(--ease-drift) var(--at-astronaut) both}.pair-svg .hand-alien{animation:rock var(--t-wave) var(--ease-drift) var(--at-wave) both}.pair-svg .hand-astronaut{animation:rock var(--t-wave) var(--ease-drift) var(--at-answer) both}.pair-svg .lean[data-who="alien"]{--toward:5deg;animation:look var(--t-look) var(--ease-drift) var(--at-look) both}.pair-svg .lean[data-who="astronaut"]{--toward:-5deg;animation:look var(--t-look) var(--ease-drift) var(--at-look) both}.sky:hover .hand-alien{animation:rock-again var(--t-wave) var(--ease-drift) both}.sky:hover .hand-astronaut{animation:rock-again var(--t-wave) var(--ease-drift) calc(var(--at-answer) - var(--at-wave)) both}.sky .screen{animation:plan-rise var(--t-rise) var(--ease-settle) var(--at-rise) both}@keyframes words-in{from{opacity:0;translate:0 14px}}@keyframes band-settle{from{translate:0 var(--from)}}@keyframes glow-sink{from{opacity:1;translate:0 -12%}}@keyframes planet-in{from{opacity:0;translate:-10px -24px;rotate:-14deg}}@keyframes hop-in{0%{opacity:0;translate:0 46px}35%{opacity:1}55%{translate:0 -14px}}@keyframes float-in{from{opacity:0;translate:6px -40px;rotate:-9deg}60%{opacity:1}}@keyframes shadow-in{from{opacity:0;scale:0.3 1}}@keyframes rock{0%, 100%{rotate:0deg}25%{rotate:16deg}60%{rotate:-10deg}}@keyframes rock-again{0%, 100%{rotate:0deg}25%{rotate:16deg}60%{rotate:-10deg}}@keyframes look{0%, 100%{rotate:0deg}30%, 65%{rotate:var(--toward)}}@keyframes plan-rise{from{translate:-50% 60%}}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.sky .screen{animation:plan-rise var(--t-rise) var(--ease-settle) var(--at-rise) both, plan-onward linear both;animation-timeline:auto, scroll(root);animation-range:normal, 0 90vh}.pair-svg .who-astronaut{animation:float-in var(--t-float) var(--ease-drift) var(--at-astronaut) both, drift-off linear both;animation-timeline:auto, scroll(root);animation-range:normal, 0 90vh}@keyframes plan-onward{to{transform:translateY(-14%)}}@keyframes drift-off{to{transform:translate(-6px, -22px) rotate(-6deg)}}.steps .n, .steps h3, .steps p{animation:rise linear both;animation-timeline:view();animation-range:entry 10% entry 100%}.steps .n{animation-name:number-in}.steps .screen{view-timeline-name:--screen;animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 45%}.steps .l{animation-timeline:--screen;animation-fill-mode:both;animation-timing-function:linear}.l-draft-1, .l-draft-3, .l-draft-5{animation-name:stop-in}.l-draft-2, .l-draft-4{animation-name:fade-in}.l-draft-1{animation-range:entry 80% contain 20%}.l-draft-2{animation-range:entry 95% contain 45%}.l-draft-3{animation-range:contain 20% contain 70%}.l-draft-4{animation-range:contain 55% contain 95%}.l-draft-5{animation-range:contain 80% exit 20%}.l-rank-1, .l-rank-2, .l-rank-3{animation-name:number-in}.l-rank-1{animation-range:entry 80% contain 20%}.l-rank-2{animation-range:contain 15% contain 55%}.l-rank-3{animation-range:contain 50% contain 90%}.l-rank-done{animation-name:fade-in;animation-range:contain 90% exit 20%}.l-meet-mine-1, .l-meet-mine-2, .l-meet-mine-3{animation-name:from-left}.l-meet-theirs-1, .l-meet-theirs-2, .l-meet-theirs-3{animation-name:from-right}.l-meet-mine-1, .l-meet-theirs-1{animation-range:entry 80% contain 30%}.l-meet-mine-2, .l-meet-theirs-2{animation-range:entry 95% contain 50%}.l-meet-mine-3, .l-meet-theirs-3{animation-range:contain 10% contain 70%}.l-meet-pick, .l-meet-state{animation-name:chosen;animation-range:contain 70% exit 20%}.feature .screen, .feature .words{animation:from-side linear both;animation-timeline:view();animation-range:entry 0% entry 60%}.feature .screen{--side:-1}.feature .words{--side:1;animation-range:entry 10% entry 80%}.feature:nth-of-type(even) .screen{--side:1}.feature:nth-of-type(even) .words{--side:-1}.feature .screen.s-keep{view-timeline-name:--deck}.l-keep-card{animation:kept linear both;animation-timeline:--deck;animation-range:contain 15% exit 20%}.l-keep-count{animation:fade-out linear both;animation-timeline:--deck;animation-range:contain 60% exit 20%}.not{view-timeline-name:--not}.not h2 span, .not p{animation:rise linear both;animation-timeline:--not}.not h2 span:nth-child(1){animation-range:entry 10% entry 50%}.not h2 span:nth-child(2){animation-range:entry 35% entry 75%}.not h2 span:nth-child(3){animation-range:entry 60% entry 100%}.not p{animation-range:entry 80% cover 55%}.close{view-timeline-name:--close}.close > *{animation:rise linear both;animation-timeline:--close;animation-range:entry 0% entry 70%}.close .status::before{animation:light-on linear both;animation-timeline:--close;animation-range:entry 60% contain 30%}@keyframes rise{from{opacity:0;translate:0 28px}}@keyframes number-in{0%{opacity:0;scale:0.4}60%{opacity:1;scale:1.12}}@keyframes fade-in{from{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes stop-in{from{opacity:0;translate:0 40%}}@keyframes from-left{from{opacity:0;translate:-70% 0}30%{opacity:1}}@keyframes from-right{from{opacity:0;translate:70% 0}30%{opacity:1}}@keyframes chosen{from{opacity:0;scale:0.96}}@keyframes from-side{from{opacity:0;translate:calc(var(--side) * 56px) 0}}@keyframes kept{to{translate:135% -4%;rotate:var(--deck-tilt)}}@keyframes light-on{from{scale:0.4;opacity:0.3}60%{scale:1.8;opacity:1}}}}