/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer theme;@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components,utilities;@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/assets/instrument-sans-latin-ext-wdth-normal-C5E2Gvlv.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;font-stretch:75% 100%;src:url(/assets/instrument-sans-latin-wdth-normal-BVScPF0l.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--forest:#06110c;--charcoal:#171717;--crimson:#a31c1b;--crimson-light:#e5484d;--mint:#e6f2ec;--e0:#06110c;--e2:#0f1915;--e3:#171717;--e4:#1f2321;--bg:var(--e0);--surface:var(--e3);--raised:var(--e4);--panel:var(--e3);--glass:#171717f0;--ink:var(--mint);--muted:#9db3a8;--line:#e6f2ec1f;--accent:var(--crimson);--accent-ink:#fff;--btn:var(--crimson);--btn-ink:#fff;--btn-hover:var(--mint);--btn-hover-ink:var(--forest);--display:"Instrument Sans Variable", system-ui, sans-serif;--text:"Instrument Sans Variable", system-ui, sans-serif;--narrow:82%;--track-display:-.04em;--track-head:-.03em;--track-lead:-.015em;--track-body:0em;--track-small:.012em;--step-small:.875rem;--step-body:clamp(1.0625rem, 1.01rem + .25vw, 1.1875rem);--step-lead:clamp(1.3125rem, 1.1rem + .8vw, 1.75rem);--step-head:clamp(2.25rem, 1.4rem + 3.2vw, 4rem);--step-display:clamp(3.5rem, 2rem + 9vw, 6rem);--margin:clamp(16px, 3vw, 32px);--gap-section:clamp(96px, 11vw, 176px);--header:64px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in:cubic-bezier(.64, 0, .78, 0);--spring:linear(0, .0719, .2184, .3776, .5221, .6424, .7374, .81, .8641, .9037, .9323, .9528, .9672, .9773, .9844, .9893, .9927, 1);--spring-time:.45s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.field{background:var(--e3);--panel:var(--e4)}html{background:var(--e0);color:var(--ink);font-family:var(--text);-webkit-text-size-adjust:100%;font-optical-sizing:auto;-webkit-tap-highlight-color:transparent;scroll-padding-top:16px;font-size:100%}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-size:var(--step-body);letter-spacing:var(--track-body);overflow-wrap:break-word;text-rendering:optimizelegibility;margin:0;line-height:1.55}h1,h2,h3{font-family:var(--display);font-weight:500;font-stretch:var(--narrow);letter-spacing:var(--track-head);text-wrap:balance;margin:0;line-height:.98}p{text-wrap:pretty}.accent{color:var(--crimson-light)}a{color:inherit;text-underline-offset:.2em}img{max-width:100%;height:auto;display:block}:focus-visible{outline:3px solid var(--mint);outline-offset:3px}::selection{background:var(--crimson);color:#fff}a,button,summary{touch-action:manipulation}a:active,summary:active{opacity:.72}.frame{padding-inline:var(--margin);box-sizing:border-box;max-width:1440px;margin-inline:auto}.skip{left:var(--margin);z-index:70;background:var(--mint);color:var(--forest);padding:12px 16px;position:absolute;top:-100px}.skip:focus{top:12px}.button{box-sizing:border-box;background:var(--btn);min-height:52px;color:var(--btn-ink);text-align:center;font:inherit;cursor:pointer;transition:transform var(--spring-time) var(--spring), background-color .16s var(--ease-out), color .16s var(--ease-out);border:0;justify-content:center;align-items:center;padding:0 26px;font-weight:500;text-decoration:none;display:inline-flex}@media (hover:hover){.button:hover{background:var(--btn-hover);color:var(--btn-hover-ink)}}.button:active{opacity:1;transition-duration:70ms;transform:scale(.965)}.button-quiet{background:var(--panel);color:var(--ink)}@media (hover:hover){.button-quiet:hover{background:var(--mint);color:var(--forest)}}.page{padding-block:clamp(32px,5vw,64px) 0}.page-back{flex-wrap:wrap;gap:24px;margin:0;padding-block:40px 0;display:flex}.page-back a{background:var(--glass);align-items:center;min-height:44px;padding-inline:14px;display:inline-flex}.crumbs{font-size:var(--step-small);letter-spacing:var(--track-small);color:var(--muted);margin:0 auto;padding-block:clamp(16px,2.5vw,32px) 0}.crumbs ol{background:var(--glass);flex-wrap:wrap;gap:0 10px;width:fit-content;margin:0;padding:0 12px;list-style:none;display:flex}.crumbs li{align-items:center;gap:10px;display:inline-flex}.crumbs li+li:before{content:"/";opacity:.5}.crumbs a{align-items:center;min-height:44px;display:inline-flex}.crumbs [aria-current=page]{color:var(--ink)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-property:opacity,color,background-color,border-color!important;transition-duration:.14s!important;transition-delay:0s!important;animation:none!important}.button:active{transform:none}}@media (prefers-contrast:more){:root{--muted:#c4d4cc;--line:#e6f2ec80}.button,.button-quiet{box-shadow:inset 0 0 0 2px var(--mint)}}.site-header{color:var(--ink);z-index:20;position:relative}.bar{min-height:var(--header);justify-content:space-between;align-items:center;gap:16px;display:flex}.wordmark{font-family:var(--display);font-stretch:var(--narrow);letter-spacing:var(--track-lead);align-items:center;min-height:44px;font-size:1.375rem;font-weight:500;text-decoration:none;display:inline-flex}.bar-links{font-size:var(--step-small);letter-spacing:var(--track-small);background:var(--glass);gap:4px 22px;margin-left:auto;padding-inline:14px;display:none}.bar-links a,.lang-switch{min-height:44px;color:var(--muted);transition:color .16s var(--ease-out);align-items:center;text-decoration:none;display:inline-flex;position:relative}.bar-links a[aria-current=page]{color:var(--ink)}@media (hover:hover){.bar-links a:hover,.lang-switch:hover{color:var(--ink)}}.bar-links a:after,.lang-switch:after{content:"";background:var(--crimson);transform-origin:0;height:3px;transition:transform .2s var(--ease-out);position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0)}.bar-links a[aria-current=page]:after{transform:scaleX(1)}@media (hover:hover){.bar-links a:hover:after,.lang-switch:hover:after{transform:scaleX(.4)}}.bar-end{font-size:var(--step-small);letter-spacing:var(--track-small);align-items:center;gap:4px;display:flex}.lang-switch{background:var(--glass);padding-inline:10px;font-weight:500}.menu summary{background:var(--btn);min-height:44px;color:var(--btn-ink);font-weight:500;font-size:var(--step-small);cursor:pointer;transition:transform var(--spring-time) var(--spring), background-color .16s var(--ease-out), color .16s var(--ease-out);align-items:center;padding:0 16px;list-style:none;display:inline-flex}.menu summary::-webkit-details-marker{display:none}.menu summary:active{opacity:1;transition-duration:70ms;transform:scale(.95)}.menu[open] summary{background:var(--btn-hover);color:var(--btn-hover-ink)}.menu-sheet a{min-height:56px;font-size:var(--step-lead);font-stretch:var(--narrow);letter-spacing:var(--track-lead);align-items:center;text-decoration:none;display:flex}.menu-sheet a[aria-current=page]{-webkit-text-decoration:underline 4px var(--crimson);-webkit-text-decoration:underline 4px var(--crimson);-webkit-text-decoration:underline 4px var(--crimson);text-decoration:underline 4px var(--crimson);text-underline-offset:8px}@media (width>=900px){.bar-links{display:flex}.menu{display:none}.bar-end{margin-left:8px}}.menu-sheet,.app-bar .app-bar-more ul{-webkit-backdrop-filter:blur(22px)saturate(1.3);backdrop-filter:blur(22px)saturate(1.3);padding:8px var(--margin) 24px;background:#0f1915f0;margin:0;list-style:none}.menu-sheet{display:grid}.menu-sheet,.app-bar .app-bar-more ul{position:absolute;top:100%;left:0;right:0}@supports selector(::details-content){.menu-sheet,.app-bar .app-bar-more ul{position:static}.menu::details-content{z-index:5;opacity:0;transform-origin:calc(100% - var(--margin) - 36px) 0;transition:opacity .17s var(--ease-in), transform .17s var(--ease-in), content-visibility .17s allow-discrete;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)scale(.97)}.app-bar-more::details-content{z-index:5;opacity:0;transform-origin:calc(100% - var(--margin) - 36px) 0;transition:opacity .17s var(--ease-in), transform .17s var(--ease-in), content-visibility .17s allow-discrete;position:absolute;top:100%;left:0;right:0;transform:translateY(-10px)scale(.97)}.menu[open]::details-content{opacity:1;transition:opacity .2s var(--ease-out), transform var(--spring-time) var(--spring), content-visibility .2s allow-discrete;transform:none}.app-bar-more[open]::details-content{opacity:1;transition:opacity .2s var(--ease-out), transform var(--spring-time) var(--spring), content-visibility .2s allow-discrete;transform:none}@starting-style{.menu[open]::details-content{opacity:0;transform:translateY(-10px)scale(.97)}.app-bar-more[open]::details-content{opacity:0;transform:translateY(-10px)scale(.97)}}}@media (prefers-reduced-motion:reduce){.menu::details-content{transition-duration:.14s!important;transform:none!important}.app-bar-more::details-content{transition-duration:.14s!important;transform:none!important}}@media (prefers-reduced-transparency:reduce){.menu-sheet,.app-bar-more ul{background:var(--e2);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast:more){.menu-sheet,.app-bar-more ul{background:var(--e2);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:2px solid var(--mint)}}.hub-posts{padding-block:clamp(120px,26svh,280px) clamp(64px,8vw,112px)}.hub-posts .frame{pointer-events:auto}.hub-posts-head{background:var(--glass);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px 24px;margin-bottom:40px;padding:16px 20px;display:flex}.hub-posts h2{font-size:var(--step-head)}@media (width>=900px){.hub-posts .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.letter-ground{box-sizing:border-box;min-height:100svh;padding:24px var(--margin) 40px;align-items:flex-end;display:flex}.letter{background:var(--glass);pointer-events:auto;width:min(560px,100%);padding:clamp(24px,4vw,48px)}.letter h2{font-size:var(--step-head);margin:0 0 32px}.letter p{line-height:1.55;font-size:var(--step-body);margin:0 0 1.3em}.letter mark{color:var(--crimson-light);background:0 0}.letter-sign{font-stretch:var(--narrow);letter-spacing:var(--track-lead);font-weight:500;margin:1.6em 0 1.2em!important;font-size:1.375rem!important}.letter-mail{background:var(--crimson);color:#fff;min-height:56px;font-size:var(--step-lead);font-weight:500;font-stretch:var(--narrow);letter-spacing:var(--track-lead);transition:background-color .16s var(--ease-out), color .16s var(--ease-out), transform var(--spring-time) var(--spring);box-sizing:border-box;overflow-wrap:anywhere;align-items:center;max-width:100%;padding:0 20px;text-decoration:none;display:inline-flex}@media (hover:hover){.letter-mail:hover{background:var(--mint);color:var(--forest)}}.letter-mail:active{opacity:1;transition-duration:70ms;transform:scale(.97)}@media (width>=900px){.letter-ground{padding-left:max(var(--margin), calc((100vw - 1440px) / 2 + var(--margin)));align-items:center}}.hub{pointer-events:none}.step{box-sizing:border-box;align-items:flex-end;min-height:100svh;display:flex}.step-hero{min-height:calc(100svh - var(--header))}.hero-card,.chapter{pointer-events:auto;box-sizing:border-box;background:#06110ce6;width:100%}.hero-card{padding:24px var(--margin) 40px;flex-direction:column;justify-content:center;gap:16px;display:flex}.hero-card h1{letter-spacing:var(--track-display);font-size:clamp(2.75rem,1.2rem + 7.6vw,4.25rem);line-height:.9;font-stretch:var(--narrow);max-width:13ch}.hero-lead{max-width:34ch;letter-spacing:var(--track-lead);margin:0}.hero-actions{flex-wrap:wrap;align-items:center;gap:8px 24px;margin:0;display:flex}.hero-help{align-items:center;min-height:44px;display:inline-flex}.hero-hint{font-size:var(--step-small);letter-spacing:var(--track-small);margin:0}.chapter{padding:24px var(--margin) 40px;align-content:end;gap:12px;display:grid}.chapter>*{margin:0}.chapter-top{align-items:center;gap:16px;display:flex}.chapter-top img{border-radius:22%;width:56px;height:56px}.chapter h2{font-size:var(--step-head);line-height:.95}.chapter h2 a{text-decoration:none}.chapter-category{font-weight:600}.chapter-summary{max-width:34ch;line-height:1.45}.chapter-actions{flex-wrap:wrap;gap:8px;display:flex}.stage-nav{z-index:1;left:0;right:0;top:calc(var(--header) + 4px);pointer-events:none;transition:opacity .25s var(--ease-out);display:none;position:fixed}.stage-nav[data-off]{opacity:0;visibility:hidden}.stage-index{padding:0 var(--margin);pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:0 18px;margin:0;list-style:none;display:flex}.stage-index a{min-height:44px;color:var(--muted);letter-spacing:var(--track-small);white-space:nowrap;text-overflow:ellipsis;max-width:16ch;transition:color .2s var(--ease-out);align-items:center;padding-inline:6px;font-size:1rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.stage-index a:after{content:"";background:var(--crimson);transform-origin:0;height:4px;transition:transform .3s var(--ease-out);position:absolute;bottom:4px;left:6px;right:6px;transform:scaleX(0)}.stage-index a[data-active]{color:var(--ink)}.stage-index a[data-active]:after{transform:scaleX(1)}@media (hover:hover){.stage-index a:hover{color:var(--ink)}}@media (width>=900px){.step{align-items:center}.hero-card{max-width:min(52vw,780px);padding:24px 0 64px max(var(--margin), calc((100vw - 1440px) / 2 + var(--margin)));background:0 0;gap:28px}.hero-card h1{max-width:none;font-size:clamp(3.5rem,5.9vw,6rem);line-height:.88}.hero-hint{max-width:40ch}.chapter{max-width:min(38vw,560px);margin-left:max(var(--margin), calc((100vw - 1440px) / 2 + var(--margin)));background:var(--glass);align-content:center;gap:20px;padding:44px 40px 48px;position:relative}.chapter:before{content:"";background:var(--crimson);transform-origin:0;width:72px;height:4px;transition:transform .5s var(--ease-out);position:absolute;top:0;left:0;transform:scaleX(0)}html[data-world] .step[data-current] .chapter:before{transform:scaleX(1)}.chapter-top img{width:72px;height:72px}.chapter-summary{max-width:28ch;font-size:clamp(1.125rem,.9rem + .7vw,1.5rem)}.chapter h2{font-size:clamp(3rem,5vw,5rem)}.stage-nav{width:58%;margin-left:42%;display:block;position:sticky;inset:auto auto 28px}html[data-world] .step:not([data-current]) .chapter>*{opacity:.55;transform:translateY(14px)}html[data-world] .chapter>*{transition:opacity .5s var(--ease-out), transform .6s var(--ease-out)}html[data-world] .step[data-current] .chapter>:nth-child(2){transition-delay:60ms}html[data-world] .step[data-current] .chapter>:nth-child(3){transition-delay:.12s}html[data-world] .step[data-current] .chapter>:nth-child(4){transition-delay:.18s}}.world{z-index:0;background:var(--e0);contain:strict;pointer-events:none;position:fixed;inset:0;overflow:hidden}.world-canvas{opacity:0;transition:opacity .45s var(--ease-out);inset:0;pointer-events:none!important;position:absolute!important}.world[data-ready] .world-canvas{opacity:1}.world canvas{touch-action:pan-y;display:block}.site-footer,main,.app-page,.crumbs{z-index:1;position:relative}.world-box{transition:opacity .45s var(--ease-out);position:absolute;inset:0;container-type:size}.world[data-box=window] .world-box{left:42%}@media (width<=899px){.world[data-box=window] .world-box{bottom:42%;left:0}}.world[data-ready] .world-box{opacity:0}.world[data-place=gallery] .poster{opacity:.8}.world[data-place=backstage] .poster,.world[data-place=office] .poster{opacity:.5}.world[data-place=lost] .poster{opacity:.15}.poster,.pp{pointer-events:auto}.poster{--u:calc(100cqh / 2.894);--k:1;--y:.1;--sp:1;perspective:calc(var(--u) * 5.4);margin:0;padding:0;list-style:none;position:absolute;inset:0}@container (aspect-ratio<=1.0499){.poster{--sp:.78}}@container (aspect-ratio<=.8999){.poster{--k:1.08;--sp:.55}}@container (aspect-ratio<=.7799){.poster{--k:.95;--y:.12;--sp:.45}}.pp{--x:calc(var(--fx,0) * var(--sp));width:calc(var(--u) * .78);height:calc(var(--u) * 1.42);margin:calc(var(--u) * -.71) 0 0 calc(var(--u) * -.39);transform:translate3d(calc(var(--u) * var(--x) * var(--k)), calc(var(--u) * var(--y) * -1), calc(var(--u) * var(--z) * var(--k))) rotateY(calc(var(--r) * 57.2958deg)) scale(calc(var(--s) * var(--k)));transform-style:preserve-3d;transition:transform .7s var(--ease-out);position:absolute;top:50%;left:50%}.pp-body{border-radius:calc(var(--u) * .075);padding:calc(var(--u) * .0875) calc(var(--u) * .04);box-sizing:border-box;background:#0c0c0d;display:block;position:absolute;inset:0}.pp-body img{object-fit:cover;border-radius:calc(var(--u) * .03);width:100%;height:100%}.pp-plinth{left:calc(var(--u) * -.13);top:calc(var(--u) * .955);width:calc(var(--u) * 1.04);height:calc(var(--u) * 1.04);box-sizing:border-box;border:calc(var(--u) * .03) solid var(--crimson);transform-style:preserve-3d;background:#1c1c1c;border-radius:50%;position:absolute;transform:rotateX(82deg)}.pp-plinth:before{content:"";inset:calc(var(--u) * -.016);transform:translateZ(calc(var(--u) * -.07));background:#141414;border-radius:50%;position:absolute}.poster:before{content:"";width:calc(var(--u) * 4 * var(--k));height:calc(var(--u) * 4 * var(--k));margin:calc(var(--u) * -2 * var(--k)) 0 0 calc(var(--u) * -2 * var(--k));box-sizing:border-box;border:calc(var(--u) * .03) solid var(--crimson);transform:translateY(calc(var(--u) * (.9 * var(--k) - var(--y)))) rotateX(90deg);background:#101010;border-radius:50%;position:absolute;top:50%;left:50%}.poster[data-driven] .pp{transition:none}@media (prefers-reduced-motion:reduce){.pp{transition:none}.world-canvas,.world-box{transition-duration:.14s}}.stage-hit{z-index:-1;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;position:fixed;inset:0}.stage-hit:active{cursor:grabbing}html[data-world=live] .app-devices li{opacity:0;animation:none}html[data-world=live] .app-devices{pointer-events:none}.still{transition:opacity .45s var(--ease-out);display:block;position:absolute;inset:0}.still img{object-fit:cover;width:100%;height:100%;display:block}.world[data-ready] .still,.world-box[data-still]{opacity:0}html[data-fallback] .world-box[data-still]{opacity:1}html[data-fallback] .still{display:none}@media (prefers-reduced-motion:reduce){.still{transition-duration:.14s}}.help{padding-block:clamp(120px,30svh,300px) 0}.help .frame{pointer-events:auto}.help-inner{grid-template-columns:minmax(0,1fr);gap:40px;display:grid}.help-intro{align-content:start;gap:24px;display:grid}.help-word{font-size:var(--step-display);letter-spacing:var(--track-display);background:var(--glass);width:fit-content;padding:.1em .2em .16em;line-height:.82}.help-intro p{background:var(--glass);max-width:40ch;font-size:var(--step-lead);letter-spacing:var(--track-lead);margin:0;padding:12px 16px;line-height:1.35}.sheet{--edge:url(/scallop.svg);background:var(--e3);color:var(--ink);--panel:var(--e4);margin-block:14px;position:relative}.sheet:before,.sheet:after{content:"";background:var(--e3);height:14px;-webkit-mask:var(--edge) repeat-x;-webkit-mask:var(--edge) repeat-x;-webkit-mask:var(--edge) repeat-x;-webkit-mask:var(--edge) repeat-x;mask:var(--edge) repeat-x;position:absolute;left:0;right:0}.sheet:before{top:-14px;transform:scaleY(-1)}.sheet:after{bottom:-14px}.sheet-body{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:48px 40px;padding:clamp(28px,5vw,64px) clamp(20px,5vw,64px);display:grid}.sheet-group h3{font-size:var(--step-lead);text-align:center;margin-bottom:16px}.sheet-group ul{margin:0;padding:0;list-style:none;display:grid}.sheet-group a{min-height:52px;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);justify-content:space-between;align-items:center;padding-inline:12px;text-decoration:none;display:flex}@media (hover:hover){.sheet-group a:hover{background:var(--mint);color:var(--forest)}.sheet-group a:hover span{color:var(--forest)}}.sheet-group a:active{background:var(--mint);color:var(--forest);opacity:1}.sheet-group a:active span{color:var(--forest)}.sheet-group a span{color:var(--muted)}@media (width>=900px){.help-inner{gap:40px}.help-intro{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:end;gap:24px 48px}.help-intro p{max-width:36ch}}.site-footer{min-height:70svh;padding-block:0 calc(24px + env(safe-area-inset-bottom,0px));color:var(--ink);flex-direction:column;justify-content:flex-end;margin-top:clamp(96px,16svh,200px);display:flex;overflow:hidden}.footer-name{font-family:var(--display);font-stretch:var(--narrow);font-weight:500;font-size:min(calc((100vw - 2 * var(--margin)) / 4.2), 21rem);letter-spacing:var(--track-display);white-space:nowrap;transform-origin:0 100%;padding-block:0 .16em;line-height:.82;text-decoration:none;display:block}.footer-line{letter-spacing:var(--track-small);background:var(--glass);gap:28px;margin-top:40px;padding:20px;font-size:1rem;display:grid}.footer-line p{margin:0}.footer-made{color:var(--muted)}.footer-made a{color:var(--ink);padding-block:13px;text-decoration:underline;text-decoration-thickness:1px;display:inline-block}.footer-nav{flex-wrap:wrap;gap:0 22px;display:flex}.footer-nav a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex;position:relative}.footer-nav a:after{content:"";background:var(--crimson);transform-origin:0;height:3px;transition:transform .22s var(--ease-out);position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0)}@media (hover:hover){.footer-nav a:hover:after{transform:scaleX(1)}}.footer-nav a:active:after{transform:scaleX(1)}@media (width>=900px){.footer-line{grid-template-columns:1fr auto 1fr;align-items:start;gap:40px}.footer-nav{justify-content:center;max-width:520px}.footer-legal{justify-content:flex-end;max-width:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.footer-name{animation:linear both footer-grow;animation-timeline:view();animation-range:entry}@keyframes footer-grow{0%{transform:scale(.94)}to{transform:scale(1)}}}}.app-page{position:relative}.app-page .prose a{color:var(--ink)}.app-bar{z-index:10;background:var(--glass);position:relative}.app-bar-inner{flex-wrap:wrap;align-items:center;gap:4px 20px;min-height:64px;display:flex}.app-bar-name{min-height:44px;font-family:var(--display);font-stretch:var(--narrow);letter-spacing:var(--track-lead);align-items:center;gap:12px;margin-right:auto;font-size:1.25rem;text-decoration:none;display:inline-flex}.app-bar-name img{border-radius:22%}.app-bar a{text-decoration:none}.app-bar-back,.app-bar-links a,.app-bar-more summary{min-height:44px;font-size:var(--step-small);letter-spacing:var(--track-small);align-items:center;display:inline-flex}.app-bar-back{color:var(--muted)}@media (hover:hover){.app-bar-back:hover{color:var(--ink)}}.app-bar a[aria-current=page]{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--crimson);-webkit-text-decoration-color:var(--crimson);-webkit-text-decoration-color:var(--crimson);text-decoration-color:var(--crimson)}@media (hover:hover){.app-bar-links a:hover,.app-bar-more a:hover{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--crimson);-webkit-text-decoration-color:var(--crimson);-webkit-text-decoration-color:var(--crimson);text-decoration-color:var(--crimson)}}.app-bar ul{margin:0;padding:0;list-style:none}.app-bar-links{gap:2px 20px;display:none}.app-bar-more summary{cursor:pointer;background:var(--e4);color:var(--ink);transition:transform var(--spring-time) var(--spring), background-color .16s var(--ease-out);padding:0 14px;font-weight:500;list-style:none}.app-bar-more summary:active{opacity:1;transition-duration:70ms;transform:scale(.95)}.app-bar-more[open] summary{background:var(--mint);color:var(--forest)}.app-bar-more summary::-webkit-details-marker{display:none}.app-bar-more a{min-height:52px;font-size:var(--step-body);align-items:center;display:flex}@media (width>=900px){.app-bar-links{flex-wrap:wrap;display:flex}.app-bar-more{display:none}.app-bar-name{margin-right:0}.app-bar-back{margin-right:auto}}.app-band{padding-block:clamp(56px,8vw,120px);position:relative}.app-band[data-tone=surface]{--panel:var(--e4)}.app-hero+.app-band{padding-top:24px}.app-section{grid-template-columns:minmax(0,1fr);gap:20px;display:grid}.app-section h2{font-size:var(--step-head);line-height:.98}.app-section>h2{background:var(--glass);place-self:start;padding:14px 20px}.app-section>:not(h2){background:var(--glass);box-sizing:border-box;max-width:none;padding:clamp(20px,3vw,40px)}.app-section>.post-grid{background:0 0;padding:0}.app-links{max-width:none}.app-band[data-intro] .prose p{font-size:var(--step-lead);letter-spacing:var(--track-lead);max-width:36ch;line-height:1.38}.app-links{gap:6px;max-width:640px;margin:0;padding:0;list-style:none;display:grid}.app-links a{background:var(--panel);min-height:56px;transition:background-color .16s var(--ease-out), color .16s var(--ease-out), transform var(--spring-time) var(--spring);justify-content:space-between;align-items:center;padding:0 18px;text-decoration:none;display:flex}@media (hover:hover){.app-links a:hover{background:var(--mint);color:var(--forest)}}.app-links a:active{background:var(--mint);color:var(--forest);opacity:1;transition-duration:70ms;transform:scale(.985)}@media (width>=900px){.app-section{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:48px}.app-section>.prose:only-child,.app-section>.app-links,.app-section>.post-grid{grid-column:2}.app-section>h2{position:sticky;top:24px}}.app-hero{grid-template-columns:minmax(0,1fr);align-items:center;gap:40px;padding-block:40px 56px;display:grid}.app-hero h1{letter-spacing:var(--track-display);font-size:clamp(2rem,1.2rem + 2.2vw,3.25rem);line-height:.95}.app-hero .lead{font-size:var(--step-lead);letter-spacing:var(--track-lead);max-width:34ch;margin:24px 0 32px;line-height:1.35}.app-hero-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;margin:0;display:flex}.app-site{align-items:center;min-height:44px;display:inline-flex}.device{background:var(--e4);box-sizing:border-box;aspect-ratio:78/142;border-radius:10%/5.4%;padding:2.6% 3.4%;display:block}.device img{object-fit:cover;border-radius:6%/3.4%;width:100%;height:100%}.app-devices{padding:0 var(--margin) 8px;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;margin-inline:calc(var(--margin) * -1);overscroll-behavior-x:contain;gap:14px;list-style:none;display:flex;overflow-x:auto}.app-devices li{scroll-snap-align:center;flex:0 0 min(66vw,300px)}@media (width>=900px){.app-hero{grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:32px;min-height:calc(100svh - 128px);padding-block:56px 96px}.app-devices{perspective:1800px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-inline:0;padding:0;display:grid;overflow:visible}.app-devices li{transition:transform .7s var(--ease-out), opacity .45s var(--ease-out);flex:none}.app-devices li:first-child{transform:translate(10%)translateZ(-90px)rotateY(19deg)}.app-devices li:nth-child(2){z-index:1;transform:translateZ(40px)scale(1.05)}.app-devices li:nth-child(3){transform:translate(-10%)translateZ(-90px)rotateY(-19deg)}.app-devices:hover li:first-child{transform:translate(0)translateZ(-30px)rotateY(8deg)}.app-devices:hover li:nth-child(3){transform:translate(0)translateZ(-30px)rotateY(-8deg)}}@media (prefers-reduced-motion:reduce){.app-devices li{transition:none}}@media (width<=899px){.app-hero{flex-direction:column-reverse;align-items:stretch;gap:0;min-height:calc(100svh - 128px);padding-block:0 32px;display:flex}.app-devices{min-height:calc(58svh - 128px)}.app-hero-text{background:var(--glass);padding:20px var(--margin);margin-inline:calc(var(--margin) * -1)}}.app-hero-text{background:var(--glass);max-width:620px;padding:clamp(20px,3vw,40px)}.scene{flex-direction:column;justify-content:center;min-height:100svh;padding-block:8svh;display:flex;position:relative}.scene-gap{display:none}.scene-body{width:100%}.scene-panel{background:var(--glass);box-sizing:border-box;max-width:560px;padding:clamp(20px,3vw,44px)}.scene-panel h2{font-size:var(--step-head);letter-spacing:var(--track-head);margin:0 0 20px;line-height:.98}.scene[data-intro] .prose p{font-size:var(--step-lead);letter-spacing:var(--track-lead);max-width:36ch;line-height:1.38}.scene-panel .prose>:last-child{margin-bottom:0}@media (width<=899px){.scene{justify-content:flex-start;min-height:0;padding-block:0 56px}.scene-gap{height:52svh;display:block}.scene-panel{max-width:none;margin-inline:calc(var(--margin) * -1)}}.prose{max-width:68ch}.prose a{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.prose h1{margin:0 0 32px;font-size:clamp(2.25rem,1.4rem + 3.2vw,3.75rem);line-height:1}.prose h2{font-size:var(--step-lead);margin:48px 0 16px;line-height:1.12}.prose h3{font-size:var(--step-body);font-family:var(--text);letter-spacing:var(--track-body);margin:32px 0 8px;font-weight:600;font-stretch:100%;line-height:1.3}.prose p,.prose ul,.prose ol{margin:0 0 16px}.prose h1{letter-spacing:var(--track-display)}.prose h2{letter-spacing:var(--track-lead)}.prose ul,.prose ol{padding-left:1.25em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{margin-bottom:8px}.prose li::marker{color:var(--muted)}.prose ul:has(>li>b:first-child){gap:8px;padding:0;list-style:none;display:grid}.prose ul:has(>li>b:first-child) li{background:var(--panel);margin:0;padding:14px 18px}.prose table{border-collapse:collapse;width:100%;font-size:var(--step-small)}.prose th,.prose td{text-align:left;vertical-align:top;border-bottom:1px solid;padding:8px 12px 8px 0}@supports (color:color-mix(in lab, red, red)){.prose th,.prose td{border-bottom:1px solid color-mix(in srgb, currentColor 25%, transparent)}}.legal{background:var(--e3);max-width:72ch;padding:clamp(20px,4vw,56px)}.legal-plate{background:var(--e3);border-bottom:4px solid var(--crimson);min-height:56px;font-family:var(--display);font-stretch:var(--narrow);letter-spacing:var(--track-lead);align-items:center;gap:12px;margin-bottom:8px;padding:8px 20px 8px 12px;font-size:1.25rem;text-decoration:none;display:inline-flex}.legal-plate img{border-radius:22%}@media (hover:hover){.legal-plate:hover{background:var(--mint);color:var(--forest)}}@media (width>=900px){.legal-page .page{margin-left:clamp(0px,4vw,64px);margin-right:auto}}.legal-page .page{padding-top:8px}.legal h1{font-size:clamp(1.875rem,1.2rem + 2.4vw,3rem)}@media print{.site-header,.site-footer,.app-bar,.store-bar,.skip,.page-back{display:none!important}html,body,.app-page{color:#000!important;background:#fff!important}.prose a{text-decoration:underline}}.app-section .prose h3,.post-body h3{border-top:1px solid var(--line);font-size:var(--step-lead);letter-spacing:var(--track-lead);margin:28px 0 8px;padding-top:20px;line-height:1.15}.app-section .prose h3:first-child,.post-body h2+h3{border-top:0;margin-top:12px;padding-top:0}.app-section .prose h3+p,.post-body h3+p{color:var(--ink);max-width:60ch}.blog,.post{padding-block:clamp(32px,5vw,64px) 0}.blog-head{gap:16px 48px;margin-bottom:clamp(40px,6vw,80px);display:grid}.blog-head h1{font-size:var(--step-display);letter-spacing:var(--track-display);background:var(--glass);align-self:start;width:fit-content;padding:.08em .2em .14em;line-height:.88}.blog-head p{background:var(--glass);font-size:var(--step-lead);letter-spacing:var(--track-lead);align-self:end;max-width:32ch;margin:0;padding:12px 16px;line-height:1.35}.post-grid{grid-template-columns:minmax(0,1fr);gap:56px 32px;display:grid}.post-card{background:var(--glass);flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.post-card>:is(h2,h3),.post-card>p{padding-inline:16px}.post-card-link{display:block}.post-card img{aspect-ratio:16/9;object-fit:cover;background:var(--surface);width:100%}.post-card-link{transition:transform var(--spring-time) var(--spring), filter .16s var(--ease-out)}.post-card-link:active{filter:brightness(.9);opacity:1;transition-duration:70ms;transform:scale(.985)}.post-cover{aspect-ratio:16/9;background:var(--e4);display:block;overflow:hidden}.post-cover img{aspect-ratio:9/16;object-fit:cover;box-sizing:border-box;background:#0c0c0d;border-radius:6%/3.4%;width:46%;height:auto;margin:12% auto 0;padding:1.6%}.post-card :is(h2,h3){letter-spacing:var(--track-head);margin:8px 0 0;font-size:1.5rem;line-height:1.1}.post-card :is(h2,h3) a{text-decoration:none}@media (hover:hover){.post-card :is(h2,h3) a:hover{text-decoration:underline;text-decoration-thickness:3px;-webkit-text-decoration-color:var(--crimson);-webkit-text-decoration-color:var(--crimson);-webkit-text-decoration-color:var(--crimson);text-decoration-color:var(--crimson);text-underline-offset:6px}}.post-card p{max-width:60ch;margin:0}.post-meta{font-variant-numeric:tabular-nums;color:var(--muted);font-size:var(--step-small);letter-spacing:var(--track-small)}.post-meta a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:2px}.post-meta a,.footer-made a{padding-block:13px;display:inline-block}.blog-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 24px;margin:72px 0 0;display:flex}.blog-pager a{background:var(--panel);align-items:center;min-height:48px;padding:0 24px;text-decoration:none;display:inline-flex}@media (hover:hover){.blog-pager a:hover{background:var(--mint);color:var(--forest)}}.blog-status{text-align:center;color:var(--muted);font-size:var(--step-small);letter-spacing:var(--track-small);flex-basis:100%;min-height:1.5em;margin:0}.post-head{align-items:end;gap:40px;margin-bottom:48px;display:grid}.post-head-text{background:var(--glass);padding:clamp(16px,3vw,32px)}.post-head h1{letter-spacing:var(--track-head);font-size:clamp(1.75rem,.9rem + 4vw,4.25rem);font-stretch:75%;line-height:1}.post-lead{font-size:var(--step-lead);letter-spacing:var(--track-lead);max-width:38ch;margin:24px 0 20px;line-height:1.4}.post-head>img{aspect-ratio:16/9;object-fit:cover;width:100%}.post-trio{background:var(--panel);padding:0;grid-template-columns:repeat(3,minmax(0,1fr));align-self:stretch;gap:10px;margin:0;padding:8% 6% 0;list-style:none;display:grid;overflow:hidden}.post-trio li:nth-child(2){margin-top:-6%}.post-trio .device{aspect-ratio:78/160}.post-body{background:var(--glass);max-width:66ch;padding:clamp(20px,4vw,48px);font-size:1.1875rem;line-height:1.65}.post-apps{background:var(--panel);box-sizing:border-box;flex-wrap:wrap;align-items:center;gap:20px;max-width:66ch;margin:56px 0 0;padding:24px;display:flex}.post-apps .post-cover{aspect-ratio:16/9;background:var(--e4);display:block;overflow:hidden}.post-apps .post-cover img{width:70%;margin-top:10%}.post-apps ul{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.post-related{padding-top:var(--gap-section)}.post-related h2{font-size:var(--step-head);margin:0 0 48px}@media (width>=900px){.post-head{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px}.blog-head{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-card[data-lead]{grid-column:1/-1;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:12px 32px;display:grid}.post-card[data-lead] .post-card-link{grid-row:1/span 3}.post-card[data-lead] :is(h2,h3){align-self:end;font-size:clamp(1.75rem,1rem + 2.2vw,2.5rem)}.post-card[data-lead] :is(h2,h3)+p{align-self:start}}@media (width>=1200px){.blog .post-grid,.app-section .post-grid,.post-related .post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.post-card-link:hover{transform:translateY(-4px)}}.empty{justify-items:start;gap:24px;max-width:560px;padding-block:24px 40px;display:grid}.empty-actions{flex-wrap:wrap;gap:8px;display:flex}.empty>p{font-size:var(--step-lead);letter-spacing:var(--track-lead);margin:0;line-height:1.3}.not-found{padding-block:clamp(32px,6vw,96px) 0}.not-found-panel{background:var(--glass);box-sizing:border-box;max-width:640px;padding:clamp(20px,4vw,48px)}.not-found-code{font-family:var(--display);font-stretch:var(--narrow);font-size:var(--step-display);letter-spacing:var(--track-display);color:var(--crimson-light);margin:0 0 8px;line-height:.8}.not-found h1{font-size:var(--step-display);letter-spacing:var(--track-display);max-width:12ch;line-height:.88;font-size:var(--step-head);margin-bottom:20px}.not-found-panel>p:not(.not-found-code){font-size:var(--step-lead);letter-spacing:var(--track-lead);max-width:32ch;margin:24px 0 32px;line-height:1.35}.not-found-links{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.not-found-links a{background:var(--e4);min-height:52px;transition:background-color .16s var(--ease-out), color .16s var(--ease-out);align-items:center;padding:0 22px;text-decoration:none;display:inline-flex}@media (hover:hover){.not-found-links a:hover{background:var(--btn);color:var(--btn-ink)}}.not-found-links a:active{background:var(--btn);color:var(--btn-ink);opacity:1}.not-found-lang{margin-top:40px}.not-found-lang a{align-items:center;min-height:44px;display:inline-flex}.store-bar:not([data-show]){transition-duration:.17s;transition-timing-function:var(--ease-in)}@media (prefers-reduced-transparency:reduce),(prefers-contrast:more){.store-bar{background:var(--e2);-webkit-backdrop-filter:none;backdrop-filter:none}}.store-bar{z-index:30;min-height:56px;padding:calc(4px + env(safe-area-inset-top,0px)) max(var(--margin), env(safe-area-inset-right,0px)) 4px max(var(--margin), env(safe-area-inset-left,0px));box-sizing:border-box;background:var(--e2);color:var(--ink);transition:transform var(--spring-time) var(--spring);align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-100%)}.store-bar[data-show]{transform:none}.store-bar img{border-radius:22%}.store-bar span{font-family:var(--display);font-stretch:var(--narrow);letter-spacing:var(--track-lead);margin-right:auto;font-size:1.125rem}.store-bar .button{min-height:48px;padding-inline:18px}@media (width>=900px){.store-bar{display:none}}@media (prefers-reduced-motion:no-preference){@keyframes rise{0%{translate:0 24px}to{translate:0}}@keyframes rise-fade{0%{opacity:0;translate:0 32px}to{opacity:1;translate:0}}.hero-card>*,.app-hero-text>*,.blog-head>*,.post-head>*,.empty>*,.not-found>*{animation:rise .76s var(--ease-out) both}.hero-card>:nth-child(2),.app-hero-text>:nth-child(2),.blog-head>:nth-child(2),.post-head>:nth-child(2),.not-found>:nth-child(2){animation-delay:90ms}.hero-card>:nth-child(3),.app-hero-text>:nth-child(3),.post-head>:nth-child(3),.not-found>:nth-child(3){animation-delay:.18s}.hero-card>:nth-child(4),.post-head>:nth-child(4){animation-delay:.27s}.app-devices li{animation:rise-fade .9s var(--ease-out) .2s both}.app-devices li:nth-child(2){animation-delay:.3s}.app-devices li:nth-child(3){animation-delay:.4s}@supports (animation-timeline:view()){.app-section>*,.scene-panel,.hub-posts-head,.help-intro>*,.sheet-group,.letter>*,.post-card,.post-apps,.post-related h2{animation:linear both rise;animation-timeline:view();animation-range:entry entry 45%}.blog .post-card:first-child{animation:rise .76s var(--ease-out) .18s both;animation-timeline:auto}}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.chapter-top img{transition:transform var(--spring-time) var(--spring)}.chapter:hover .chapter-top img{transform:rotate(-6deg)scale(1.08)}}.world{view-transition-name:world}.site-header{view-transition-name:header}::view-transition-group(world){animation:none}::view-transition-group(header){animation:none}::view-transition-old(world){display:none}::view-transition-new(world){animation:none}::view-transition-old(header){display:none}::view-transition-new(header){animation:none}@media (prefers-reduced-motion:no-preference){@keyframes page-out{to{opacity:0;translate:0 -12px}}@keyframes page-in{0%{opacity:0;translate:0 20px}}::view-transition-old(root){animation:page-out .18s var(--ease-in) both}::view-transition-new(root){animation:page-in .42s var(--ease-out) .12s both}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){opacity:0;animation:none}::view-transition-new(root){animation:none}}