@font-face{font-family:Google Sans Flex;src:url(../assets/google-sans-flex.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f8f9ff;--surface:#fff;--surface-soft:#f0f2fa;--text:#20232d;--muted:#555c6e;--outline:#d3d8e5;--primary:#4c5e8b;--on-primary:#fff;--on-primary-fixed:#23365f;--primary-fixed:#b1c2f2;--blue-surface:#e7ecfc;--mint-surface:#e4f3ed;--peach-surface:#faf0e8;--lilac-surface:#eeeafa;--hero-panel:#e0e8fc;--glass:#ffffffe0;--shadow:0 24px 70px -30px #28355f47;--popover-shadow:0 0 20px #28355f29, 0 18px 48px -12px #28355f47;--ease-expressive:cubic-bezier(.2, .8, .2, 1);--ease-spring:cubic-bezier(.2, 1.3, .35, 1);--shape-corner-extra-small:4px;--shape-corner-small:8px;--shape-corner-medium:12px;--motion-shape:.25s linear(0, .0616, .1912, .3374, .4751, .594, .6916, .7689, .8288, .8743, .9084, .9337, .9523, .9658, .9756, .9826, .9877, .9913, .9939, .9957, .997, .9979, .9985, .999, .9993, 1);--motion-spatial:.4s linear(0, .0356, .1259, .2492, .3876, .5274, .6588, .7754, .8736, .952, 1.0111, 1.0524, 1.0783, 1.0915, 1.0947, 1.0906, 1.0816, 1.0697, 1.0565, 1.0433, 1.031, 1.0201, 1.011, 1.0038, .9984, .9947, .9924, .9912, .991, .9915, .9924, .9935, .9948, .996, .9972, .9982, .999, .9997, 1.0002, 1.0005, 1);--motion-color:.2s cubic-bezier(.2, 0, 0, 1);--content-width:1200px;--panel-radius:40px;--gutter:clamp(24px, 5vw, 72px);--header-clearance:96px;font-variation-settings:"ROND" 100;font-synthesis:none;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;font-family:Google Sans Flex,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#15171c;--surface:#202329;--surface-soft:#272a32;--text:#e9ebf4;--muted:#b4bbcd;--outline:#454b5b;--primary:#b1c2f2;--on-primary:#25375f;--blue-surface:#282f43;--mint-surface:#243b33;--peach-surface:#3e302a;--lilac-surface:#332d42;--hero-panel:#282f44;--glass:#202329e6;--shadow:0 24px 70px -30px #000000a6;--popover-shadow:0 0 20px #0000005c, 0 18px 48px -12px #0009}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#15171c;--surface:#202329;--surface-soft:#272a32;--text:#e9ebf4;--muted:#b4bbcd;--outline:#454b5b;--primary:#b1c2f2;--on-primary:#25375f;--blue-surface:#282f43;--mint-surface:#243b33;--peach-surface:#3e302a;--lilac-surface:#332d42;--hero-panel:#282f44;--glass:#202329e6;--shadow:0 24px 70px -30px #000000a6;--popover-shadow:0 0 20px #0000005c, 0 18px 48px -12px #0009}}*{box-sizing:border-box}html{scroll-padding-top:var(--header-clearance)}body{background:var(--page);color:var(--text);margin:0}body:has(dialog[open]){overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;font-variation-settings:inherit;color:inherit;cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0}img{max-width:100%;display:block}h1,h2,h3,p,figure{margin:0}[hidden]{display:none!important}button:disabled{cursor:default;opacity:.38}::selection{background:var(--primary-fixed);color:var(--on-primary-fixed)}:focus-visible{outline:3px solid var(--primary);outline-offset:5px}.icon{fill:currentColor;vertical-align:middle;flex:none;width:24px;height:24px;display:inline-block}.icon.small{width:18px;height:18px}.section-shell{width:min(calc(100% - var(--gutter) * 2), var(--content-width));margin-inline:auto}.skip-link{z-index:100;color:var(--on-primary-fixed);background:var(--primary-fixed);border-radius:20px;padding:14px 24px;position:fixed;top:12px;left:20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.reading-progress{z-index:60;background:var(--primary);transform-origin:0;height:3px;position:fixed;inset:0 0 auto;transform:scaleX(0)}.site-header{z-index:30;width:min(calc(100% - var(--gutter) * 2), 1280px);border:1px solid color-mix(in srgb, var(--outline) 40%, transparent);background:var(--glass);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:40px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin:0;padding:12px 20px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.brand{letter-spacing:.005em;flex-shrink:0;align-items:center;gap:10px;font-size:1.625rem;font-weight:650;display:inline-flex}.brand img{background:#fff;border-radius:12px}.main-nav{gap:8px;display:flex}.main-nav a{--button-shape:22px;--button-pressed-shape:var(--shape-corner-medium);border-radius:var(--button-current-shape);place-items:center;min-width:70px;min-height:44px;padding:10px 18px;font-size:.9375rem;font-weight:550;display:grid}@media (hover:hover){.main-nav a:hover{background:color-mix(in srgb, var(--primary) 8%, transparent);color:var(--primary)}}.main-nav a[data-pressed]{background:color-mix(in srgb, var(--primary) 12%, transparent);color:var(--primary)}.main-nav a[aria-current=location]{background:var(--blue-surface);color:var(--primary)}.header-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.expressive-button{--button-current-shape:var(--button-shape,24px);border-radius:var(--button-current-shape);-webkit-user-select:none;user-select:none;transition:border-radius var(--motion-shape), background-color var(--motion-color), color var(--motion-color)}.expressive-button[data-pressed]{--button-current-shape:var(--button-pressed-shape,var(--shape-corner-small))}.connected-button-group{--button-height:44px;--group-outer-radius:calc(var(--button-height) / 2);--group-inner-radius:var(--shape-corner-small);transition:grid-template-columns var(--motion-spatial);grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:2px;display:grid}.connected-button-group>.expressive-button{--button-shape:var(--group-inner-radius);--button-pressed-shape:var(--shape-corner-extra-small);min-width:0;min-height:var(--button-height);white-space:nowrap}.connected-button-group>:first-child{--button-pressed-shape:var(--group-outer-radius) var(--shape-corner-extra-small) var(--shape-corner-extra-small) var(--group-outer-radius);--button-shape:var(--group-outer-radius) var(--group-inner-radius) var(--group-inner-radius) var(--group-outer-radius)}.connected-button-group>:last-child{--button-pressed-shape:var(--shape-corner-extra-small) var(--group-outer-radius) var(--group-outer-radius) var(--shape-corner-extra-small);--button-shape:var(--group-inner-radius) var(--group-outer-radius) var(--group-outer-radius) var(--group-inner-radius)}.connected-button-group>:is([aria-selected=true],[aria-checked=true]){--button-shape:var(--group-outer-radius)}.connected-button-group:has(>:first-child[data-pressed]){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1fr)}.connected-button-group:has(>:nth-child(2)[data-pressed]){grid-template-columns:minmax(0,.925fr) minmax(0,1.15fr) minmax(0,.925fr)}.connected-button-group:has(>:last-child[data-pressed]){grid-template-columns:minmax(0,1fr) minmax(0,.85fr) minmax(0,1.15fr)}.icon-button,.palette-list button{--button-pressed-shape:var(--shape-corner-medium)}.icon-button{--button-shape:22px;background:var(--surface-soft);place-items:center;min-width:44px;min-height:44px;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--blue-surface)}.header-github{justify-content:center;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:8px;font-size:.9375rem;font-weight:550;display:inline-flex}.theme-sun{display:none}#smooth-content{padding-top:var(--header-clearance)}.eyebrow{color:var(--primary);letter-spacing:.04em;font-size:.875rem;font-weight:550;line-height:1.7}h1,h2,h3,h4{font-weight:600}h1,h2,.story-copy h3{letter-spacing:.015em;text-wrap:balance}h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.5}.hero{min-height:calc(100svh - var(--header-clearance));grid-template-rows:minmax(min-content,1fr) auto;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:12px clamp(20px,3vw,40px);padding-block:clamp(12px,2svh,24px) 12px;display:grid;position:relative}.hero-copy{min-width:0}.hero .eyebrow{align-items:center;gap:9px;margin-bottom:clamp(8px,1.6svh,20px);font-size:clamp(.75rem,1.3vw,.875rem);display:flex}.status-dot{background:#43816b;border-radius:50%;width:7px;height:7px}.hero-wordmark{letter-spacing:0;margin-bottom:clamp(10px,2svh,24px);font-size:clamp(3rem,min(7vw,10svh),6.25rem);font-weight:600;line-height:1.08}.hero h1{font-size:clamp(1.875rem,min(4.25vw,6.2svh),3.75rem);line-height:1.3}.title-accent{color:var(--primary);display:inline-block;position:relative}.title-accent svg{stroke:#9bd9c3;stroke-width:7px;stroke-linecap:round;width:108%;height:14px;position:absolute;bottom:-5px;left:-4%}.hero-description{color:var(--muted);margin-top:clamp(12px,2.5svh,26px);font-size:clamp(.875rem,1.3vw,1rem);line-height:1.75}.hero-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:clamp(14px,2.5svh,28px);display:flex}.button{min-height:60px;transition:transform .3s var(--ease-expressive), border-radius .3s var(--ease-expressive), background .2s;border-radius:32px;justify-content:center;align-items:center;gap:12px;padding:18px 27px;font-size:1rem;font-weight:550;display:inline-flex}.button-primary{background:var(--primary-fixed);color:var(--on-primary-fixed)}.button-primary:hover{background:#c3d1f8;border-radius:20px;transform:translateY(-2px)}.button:active{transform:scale(.97)}.button-text{color:var(--primary);padding-inline:14px}.button-text:hover{background:var(--blue-surface)}.button-text .icon{transition:transform .3s var(--ease-expressive)}.button-text:hover .icon{transform:translate(4px)}.hero-requirement{color:var(--muted);margin-top:clamp(8px,1.8svh,18px);font-size:.8125rem;line-height:1.8}.hero-requirement span{margin-inline:7px}.hero-visual{width:min(100%, calc((100svh - var(--header-clearance) - 100px) * 1.12));aspect-ratio:1.12;isolation:isolate;grid-area:1/2;justify-self:end;min-width:0;position:relative}.hero-visual .phone{border-width:4px;border-radius:clamp(16px,2vw,28px);width:33%;position:absolute}.hero-phone-series{z-index:1;top:0;left:0;transform:rotate(-7deg)}.hero-phone-options{z-index:2;top:14%;left:33.5%}.hero-phone-download{z-index:1;top:3%;right:0;transform:rotate(7deg)}.hero-backdrop{background:radial-gradient(ellipse, var(--hero-panel), transparent 70%);z-index:-2;position:absolute;inset:40px -8px 55px}.phone{border:5px solid var(--surface);outline:1px solid color-mix(in srgb, var(--outline) 85%, transparent);background:var(--surface-soft);border-radius:30px;overflow:hidden;box-shadow:0 24px 55px -28px #25325540}.phone img{width:100%;height:auto}.phone picture{display:block}.scroll-cue{min-height:44px;color:var(--muted);grid-area:2/1/auto/-1;justify-self:start;align-items:center;gap:10px;font-size:.8125rem;display:flex}.scroll-cue .icon{width:18px;height:18px}.section-heading{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px;display:flex}.section-eyebrow{margin-bottom:16px}.section-heading>p,.gallery-heading-actions>p{color:var(--muted);font-size:1rem;line-height:1.9}.story-section{padding-block:32px 80px}.story-stage{--story-inset:56px;padding:var(--story-inset);background:var(--surface-soft);border-radius:var(--panel-radius);position:relative}.story-intro{margin-bottom:44px}.story-intro h2{text-wrap:pretty;font-size:clamp(1.875rem,2.5vw,2.5rem);line-height:1.5}.story-intro p{color:var(--muted);margin-top:12px;font-size:1rem;line-height:1.9}.story-chapter{grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:620px;padding-block:30px;display:grid}.story-chapter+.story-chapter{margin-top:40px}.story-copy{padding-bottom:24px}.story-kicker{color:var(--primary);align-items:center;gap:12px;margin-bottom:16px;font-size:.875rem;font-weight:550;display:flex}.story-kicker span{font-variant-numeric:tabular-nums;font-size:1.125rem;font-weight:550}.story-copy h3{font-size:clamp(1.5rem,2vw,1.875rem);line-height:1.5}.story-description{max-width:30em;color:var(--muted);margin-top:18px;font-size:1rem;line-height:1.95}.story-details{border-top:1px solid var(--outline);gap:16px;margin:28px 0 0;padding:26px 0 0;list-style:none;display:grid}.story-details li{align-items:flex-start;gap:12px;font-size:.9375rem;line-height:1.8;display:flex}.story-details .icon{width:22px;height:22px;color:var(--primary);margin-top:2px}.story-note{color:var(--muted);margin-top:18px;font-size:.8125rem;line-height:1.8}.story-media{isolation:isolate;place-items:center;padding:20px 0 45px;display:grid;position:relative}.story-phone{z-index:1;width:230px}.story-tabs{--button-height:50px;gap:4px;margin-bottom:30px}.story-tabs button{background:var(--blue-surface);color:var(--muted);white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.9375rem;font-weight:550;display:flex;position:relative}.story-tabs button span{font-variant-numeric:tabular-nums;opacity:.7;font-size:.8125rem}.story-tabs button[aria-selected=true]{color:var(--on-primary-fixed);background:var(--primary-fixed)}.story-tabs button:not([aria-selected=true]):hover{background:var(--blue-surface);color:var(--primary)}.story-interactive .story-stage{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:64px;min-height:610px;display:grid}.story-interactive .story-intro{grid-column:1;margin-bottom:30px}.story-interactive .story-intro h2{font-size:clamp(1.75rem,2.6vw,2.25rem)}.story-interactive .story-tabs{grid-column:1}.story-interactive .story-panels{grid-column:1;align-content:start;display:grid}.story-interactive .story-chapter{grid-area:1/1;min-width:0;min-height:0;margin:0;padding:0;display:block}.story-interactive .story-kicker,.story-interactive .story-media{display:none}.story-interactive .story-copy{padding:0}.story-interactive .story-details{border:0;gap:12px;margin-top:24px;padding:0}.story-screen{aspect-ratio:730/1610;grid-area:1/2/4;place-self:center;height:min(540px,100svh - 230px);min-height:390px;position:relative}.story-screen picture{position:absolute;inset:0}.story-screen img{object-fit:cover;width:100%;height:100%}.detail-strip{border-top:1px solid var(--outline);grid-template-columns:1fr 1fr;gap:80px;margin-top:65px;padding-top:65px;display:grid}.detail-value{color:var(--primary);font-size:clamp(3.5rem,6vw,5rem);font-weight:550;line-height:1.25;display:block}.detail-value>span{white-space:nowrap;font-size:.55em}.detail-strip h3{margin-top:14px;font-size:1.125rem}.detail-strip>div>p:first-child{margin-bottom:18px;font-size:1.125rem;font-weight:550}.detail-description{color:var(--muted);font-size:1rem;line-height:1.95}.file-types{color:var(--primary);margin-top:22px;font-size:1.5rem}.file-types span{color:var(--outline);margin-inline:10px}.screenshots-section{padding-block:32px 90px}.gallery-heading-actions{align-items:center;gap:28px;padding-bottom:5px;display:flex}.gallery-controls{gap:8px;display:flex}.gallery-controls .icon-button{background:var(--blue-surface);color:var(--primary)}.screenshot-gallery{padding-block:22px 28px;padding-inline:max(var(--gutter), calc((100% - var(--content-width)) / 2));scroll-padding-inline:max(var(--gutter), calc((100% - var(--content-width)) / 2));scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:30px;display:flex;overflow-x:auto}.screenshot-gallery::-webkit-scrollbar{display:none}.screenshot-card{scroll-snap-align:start;flex:0 0 242px}.screenshot-link{transition:transform .35s var(--ease-expressive), border-color .2s;display:block}.screenshot-link:hover{border-color:var(--primary);transform:translateY(-7px)}.screenshot-card figcaption{align-items:flex-start;gap:14px;margin-top:23px;padding-inline:5px;display:flex}.screenshot-card figcaption>span{color:var(--primary);background:var(--blue-surface);border-radius:50%;place-items:center;min-width:34px;height:34px;font-size:.875rem;display:grid}.screenshot-card h3{font-size:1.125rem;font-weight:550;line-height:1.6}.screenshot-card p{color:var(--muted);margin-top:4px;font-size:.875rem;line-height:1.8}.gallery-hint{color:var(--muted);margin-top:16px;font-size:.8125rem}.appearance-section{padding-block:35px 100px}.appearance-panel{border-radius:var(--panel-radius);background:var(--surface-soft);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:60px;padding:60px;display:grid}.appearance-copy>p:not(.eyebrow){color:var(--muted);margin-top:24px;font-size:1rem;line-height:1.95}.appearance-label{color:var(--primary);margin-top:27px;font-size:.875rem;font-weight:550;display:inline-block}.palette-composition{--motion-color:.28s cubic-bezier(.2, 0, 0, 1);text-align:center;flex-direction:column;align-items:center;width:100%;min-width:0;max-width:480px;margin-inline:auto;padding-block:0 8px;display:flex}.palette-list{grid-template-columns:repeat(14,minmax(0,1fr));gap:18px 4px;width:100%;margin:0;padding:0;list-style:none;display:grid}.palette-list li{grid-column:span 2;min-width:0}.palette-list li:nth-child(8){grid-column:2/span 2}.palette-list button{--button-shape:26px;width:100%;color:var(--muted);background:0 0;border-radius:28px;justify-items:center;gap:10px;padding:0 3px 3px;font-size:.8125rem;line-height:1.5;display:grid}.palette-swatch{aspect-ratio:1;border-radius:var(--button-current-shape);background:var(--palette-primary-fixed-dim);width:min(100%,52px);transition:border-radius var(--motion-shape), background-color var(--motion-color);place-items:center;display:grid;position:relative}.palette-check{width:46%;height:46%;color:var(--palette-on-primary-fixed);opacity:0;transition:opacity .18s ease, transform .24s var(--ease-expressive);transform:scale(.7)}.palette-list button[aria-pressed=true] .palette-check{opacity:1;transform:scale(1)}.palette-list button[aria-pressed=true] .palette-name{color:var(--text);font-weight:600}.palette-preview{--palette-inset:color-mix(in oklab, var(--palette-surface-low), var(--palette-surface-container));background:var(--palette-card);width:min(100%,360px);color:var(--palette-on-surface);text-align:left;transition:background-color var(--motion-color), color var(--motion-color);border-radius:28px;margin-bottom:24px;padding:24px}[data-preview-mode=dark] .palette-preview{--palette-inset:var(--palette-surface-high)}.palette-preview-heading,.palette-preview-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.palette-preview-title{font-size:1.25rem;font-weight:550}.palette-preview-name{color:var(--palette-on-surface-variant);font-size:.75rem}.palette-preview-name,.palette-preview-label,.palette-preview-quality{transition:color var(--motion-color)}.palette-preview-content{margin-block:20px 24px}.palette-preview-label{color:var(--palette-primary);margin-bottom:10px;font-size:.875rem;font-weight:550}.palette-preview-segments button{background:var(--palette-inset);min-width:0;color:var(--palette-on-surface);text-align:center;justify-content:center;align-items:center;gap:6px;padding:12px 4px;font-size:.875rem;line-height:1.4;display:flex;position:relative}.palette-preview-segments .icon{width:18px;height:18px}.palette-preview-segments button[aria-checked=true]{background:var(--palette-primary-fixed-dim);color:var(--palette-on-primary-fixed)}.palette-preview button:focus-visible{z-index:1;outline-color:var(--palette-primary);outline-offset:3px}@media (hover:hover){.palette-preview-segments button:hover,.palette-preview-download:hover{background-image:linear-gradient(#0000000d,#0000000d)}}.palette-preview-quality{color:var(--palette-on-surface-variant);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.75rem;line-height:18px;display:block}.palette-preview-download{background:var(--palette-primary-fixed-dim);min-height:44px;color:var(--palette-on-primary-fixed);align-items:center;gap:6px;padding:12px 20px;font-size:.875rem;font-weight:550;display:inline-flex}.palette-confetti{pointer-events:none;z-index:120;width:100%;height:100%;position:fixed;inset:0}.appearance-modes{gap:8px;margin-top:28px;padding:0;display:inline-flex}.appearance-modes button{background:var(--surface);min-height:44px;color:var(--muted);align-items:center;gap:8px;padding:10px 16px;font-size:.8125rem;display:inline-flex}.appearance-modes button[aria-pressed=true]{background:var(--palette-primary-fixed-dim);color:var(--palette-on-primary-fixed)}.appearance-modes .icon{width:18px;height:18px}.palette-hint{color:var(--muted);margin-top:16px;font-size:.75rem}.download-section{padding-block:14px 80px}.download-panel{background:var(--blue-surface);border-radius:36px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:48px;padding:55px 60px;display:grid}.download-mascot{--mascot-size:88px;width:var(--mascot-size);height:var(--mascot-size);isolation:isolate;background:0 0;border-radius:50%;place-items:center;margin-bottom:22px;padding:0;display:grid;position:relative}.download-mascot:disabled{opacity:1}.download-mascot:before{content:"";z-index:-1;background:#fff;animation:24s linear infinite paused mascot-rotate;position:absolute;inset:0;-webkit-mask:url(../assets/cookie-nine.svg) 50%/contain no-repeat;mask:url(../assets/cookie-nine.svg) 50%/contain no-repeat}.download-mascot.is-visible:before{animation-play-state:running}.download-mascot img{-webkit-user-select:none;user-select:none;pointer-events:none;width:71.875%;height:71.875%}@keyframes mascot-rotate{to{transform:rotate(360deg)}}.download-main .eyebrow{font-size:.8125rem;line-height:1.75}.download-main h2{margin-top:14px;font-size:clamp(2rem,3.3vw,2.7rem);line-height:1.4}.download-main>p:not(.eyebrow){color:var(--muted);margin-top:15px;font-size:1rem;line-height:1.75}.release-info{flex-wrap:wrap;align-items:baseline;gap:8px 18px;margin-top:24px;display:flex}.release-version{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.8125rem;display:inline-flex}.release-version strong{color:var(--primary);font-size:1.125rem;font-weight:650}.release-date,.package-hint,.release-status{color:var(--muted);font-size:.8125rem;line-height:1.75}.download-actions{margin-top:22px}.split-button{--split-height:68px;--split-radius:calc(var(--split-height) / 2);align-items:stretch;gap:3px;width:fit-content;max-width:100%;display:flex}.split-button-primary,.split-button-toggle{min-height:var(--split-height);background:var(--primary);color:var(--on-primary);justify-content:center;align-items:center;display:flex}.split-button-primary{--button-shape:var(--split-radius) var(--shape-corner-extra-small) var(--shape-corner-extra-small) var(--split-radius);--button-pressed-shape:var(--split-radius) var(--shape-corner-medium) var(--shape-corner-medium) var(--split-radius);flex:1;gap:12px;min-width:0;padding:12px 26px}:is(.split-button-primary:only-child,.split-button:has(.split-button-toggle[hidden]) .split-button-primary){--button-shape:var(--split-radius);--button-pressed-shape:var(--shape-corner-medium)}.split-button-primary>.icon{width:24px;height:24px}.split-button-copy{text-align:center;gap:4px;min-width:0;line-height:1.25;display:grid}.split-button-title{font-size:1.1875rem;font-weight:600}.split-button-detail{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;opacity:.85;font-size:.8125rem}.split-button-toggle{--button-shape:var(--shape-corner-extra-small) var(--split-radius) var(--split-radius) var(--shape-corner-extra-small);--button-pressed-shape:var(--shape-corner-medium) var(--split-radius) var(--split-radius) var(--shape-corner-medium);flex:0 0 var(--split-height);width:var(--split-height);padding:0}.split-button-toggle .icon{width:24px;height:24px;transition:transform var(--motion-shape)}.split-button-primary:hover,.split-button-toggle:hover:not(:disabled){background:color-mix(in srgb, var(--primary), var(--on-primary) 8%)}.split-button-toggle[aria-expanded=true]{--button-shape:var(--split-radius);background:var(--primary-fixed);color:var(--on-primary-fixed)}.split-button-toggle[aria-expanded=true] .icon{transform:rotate(180deg)}.package-hint{margin-block:16px 6px}.download-actions [aria-disabled=true]{opacity:.5;pointer-events:none}.package-menu{background:var(--surface-soft);width:min(336px,100vw - 24px);color:var(--text);box-shadow:var(--popover-shadow);overscroll-behavior:contain;scrollbar-width:thin;border:0;border-radius:24px;margin:0;padding:8px;position:fixed;inset:auto;overflow-y:auto}.package-menu:popover-open{animation:package-menu-enter .28s var(--ease-spring)}@keyframes package-menu-enter{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.package-menu-header{padding:10px 12px}.package-menu-header h2{font-size:1rem;line-height:1.5}.package-menu-header p,.package-menu-footer{color:var(--muted);font-size:.75rem;line-height:1.75}.package-menu-header p{margin-top:4px}.package-options{gap:3px;display:grid}.package-option{background:var(--surface);width:100%;min-height:60px;color:var(--text);text-align:left;transition:border-radius .3s var(--ease-spring), background .18s, transform .3s var(--ease-spring);border-radius:4px;align-items:center;gap:8px;padding:8px;display:flex}.package-option:first-child{border-radius:20px 20px 4px 4px}.package-option:last-child{border-radius:4px 4px 20px 20px}.package-option[aria-checked=true]{background:var(--primary-fixed);color:var(--on-primary-fixed);border-radius:20px}.package-option:hover:not(:disabled):not([aria-checked=true]){background:var(--blue-surface);border-radius:16px}.package-option:active:not(:disabled){transform:scale(.98)}.package-option:focus-visible{outline-offset:-3px}.package-check{border-radius:50%;flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.package-check .icon{opacity:0;width:20px;height:20px;transition:opacity .18s, transform .3s var(--ease-spring);transform:scale(.6)}.package-option[aria-checked=true] .package-check .icon{opacity:1;transform:scale(1)}.package-choice{flex:1;gap:2px;min-width:0;display:grid}.package-name{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:6px;font-size:.875rem;font-weight:600;display:flex}.package-badge{background:var(--blue-surface);color:var(--primary);border-radius:6px;padding:2px 6px;font-size:.75rem;font-weight:600;line-height:1.5}.package-option[aria-checked=true] .package-badge{background:var(--on-primary-fixed);color:var(--primary-fixed)}.package-description,.package-size{opacity:.8;font-size:.75rem;line-height:1.6}.package-size{font-variant-numeric:tabular-nums;flex:none}.package-menu-footer{padding:10px 12px 6px}.release-status{flex-wrap:wrap;align-items:center;gap:0 8px;min-height:44px;margin-top:4px;display:flex}.release-status:has([data-release-status]:empty){display:none}.release-status button{min-height:44px;color:var(--primary);text-underline-offset:4px;background:0 0;padding:0 4px;text-decoration:underline}.download-main>p.download-meta{margin-top:12px;font-size:.8125rem}.install-guide{border-left:1px solid var(--outline);align-self:center;padding-left:45px}.install-guide>h3{color:var(--primary);margin-bottom:27px;font-size:.875rem;line-height:1.75}.install-checklist{gap:24px;margin:0;padding:0;list-style:none;display:grid}.install-checklist li{gap:14px;display:flex}.install-checklist .icon{color:var(--primary);width:18px;height:18px;margin-top:3px}.install-checklist h4{margin:0 0 5px;font-size:1rem;line-height:1.75}.install-checklist p{color:var(--muted);font-size:.875rem;line-height:1.9}.install-links{border-top:1px solid var(--outline);flex-wrap:wrap;gap:22px;margin-top:32px;padding-top:22px;display:flex}.install-links a{align-items:center;gap:8px;min-height:44px;font-size:.875rem;font-weight:550;display:inline-flex}.install-links a:hover{color:var(--primary)}.site-footer{border-top:1px solid var(--outline);padding-block:28px 30px}.footer-top{align-items:center;gap:26px;display:flex}.footer-top .brand{font-size:1.375rem}.footer-top>p{color:var(--muted);font-size:.9375rem;line-height:1.8}.footer-links{color:var(--primary);flex-wrap:wrap;gap:26px;margin-left:auto;font-size:.9375rem;display:flex}.footer-links a{align-items:center;min-height:44px;display:inline-flex}.footer-links a:hover{text-underline-offset:5px;text-decoration:underline}.footer-bottom{color:var(--muted);justify-content:space-between;gap:24px;padding-top:26px;font-size:.8125rem;line-height:1.8;display:flex}.screenshot-dialog{border:1px solid var(--outline);background:var(--surface);width:min(440px,45dvh - 48px,100vw - 24px);max-width:none;height:min(1000px,100dvh - 32px);max-height:none;color:var(--text);box-shadow:var(--shadow);border-radius:28px;padding:16px;overflow:hidden}.screenshot-dialog[open]{animation:dialog-enter .28s var(--ease-expressive);grid-template-rows:48px minmax(0,1fr) 44px;gap:12px;display:grid}.screenshot-dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080d1bb8}@keyframes dialog-enter{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.dialog-toolbar{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:12px;display:grid}.dialog-toolbar h2{letter-spacing:0;text-wrap:wrap;font-size:1rem;font-weight:550;line-height:1.5}.dialog-viewport{border-radius:16px;min-width:0;min-height:0;position:relative;overflow:hidden}.dialog-image{object-fit:contain;border-radius:16px;width:100%;height:100%;position:absolute;inset:0}.dialog-navigation{-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:20px;display:flex}.dialog-count{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.875rem}@media (width<=1100px){.hero-description br{display:none}.hero-backdrop{inset:30px -10px 15px}.story-chapter{gap:45px}.appearance-panel{gap:35px;padding:40px}.download-panel{gap:32px;padding:45px}.install-guide{padding-left:28px}}@media (width<=959px){.story-interactive .story-stage{column-gap:30px;min-height:0}.story-tabs{gap:2px}.story-tabs button{flex-direction:column;gap:3px;padding:10px 8px}.site-header{gap:12px;padding:10px 14px}.brand{gap:8px;font-size:1.375rem}.brand img{width:34px;height:34px}.main-nav{gap:0}.main-nav a{min-width:52px;padding-inline:12px;font-size:.875rem}.header-actions{gap:4px}.header-github span,.header-github .small{display:none}.section-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:32px}.story-section{padding-block:36px 60px}.story-chapter{gap:35px;min-height:570px}.story-stage{--story-inset:32px}.story-description{font-size:1rem}.story-phone{width:200px}.detail-strip{gap:40px}.gallery-heading-actions{justify-content:space-between;width:100%}.appearance-panel{grid-template-columns:1fr;gap:30px;padding:40px}.appearance-copy h2 br{display:none}.download-panel{border-radius:28px;grid-template-columns:1fr;gap:35px;padding:35px}.install-guide{border-left:0;border-top:1px solid var(--outline);padding:28px 0 0}.install-checklist{gap:25px}.footer-top{flex-wrap:wrap;gap:12px 22px}.footer-links{margin-left:0}.footer-bottom{flex-wrap:wrap;gap:12px}}@media (width>=760px) and (width<=959px){.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}}@media (width<=759px){.split-button{--split-height:60px}.split-button-primary{gap:10px;padding:10px 20px}.split-button-title{font-size:1.125rem}.split-button-detail{font-size:.75rem}.package-menu{border-radius:22px;padding:6px}.package-menu-header{padding:8px 10px 10px}.package-option:first-child{border-top-left-radius:16px;border-top-right-radius:16px}.package-option:last-child{border-bottom-right-radius:16px;border-bottom-left-radius:16px}.package-option[aria-checked=true]{border-radius:16px}.package-menu-footer{padding:10px 10px 6px}.hero{text-align:center;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);min-height:0}.hero .eyebrow,.hero-actions{justify-content:center}.hero-wordmark{font-size:clamp(3rem,min(13vw,10svh),5.25rem)}.hero h1{font-size:clamp(1.875rem,min(8.5vw,6.2svh),3.25rem)}.hero .title-punctuation{text-align:left;width:0;display:inline-block}.hero-visual{grid-area:3/1;justify-self:center;width:min(480px,100%);margin-top:16px}.scroll-cue{justify-self:center}}@media (width<=600px){.story-interactive .story-stage{grid-template-columns:minmax(0,1fr);gap:0}.story-screen{grid-area:4/1;max-width:100%;height:460px;min-height:0;margin-top:30px}.story-tabs button{font-size:.875rem}:root{--gutter:24px;--panel-radius:28px;--header-clearance:78px}.site-header{flex-wrap:nowrap;gap:4px;width:calc(100% - 24px);padding:8px 12px;top:10px}.brand{font-size:1.25rem}.site-header .brand img{border-radius:9px;width:30px;height:30px}.main-nav a{min-width:44px;padding-inline:10px}.theme-toggle{background:0 0}.button{gap:9px;min-height:56px;padding:16px 20px;font-size:.9375rem}.button-text{padding-inline:10px}.hero-requirement{font-size:.75rem}.hero-backdrop{border-radius:100px 100px 35px;inset:20px 0 30px}h2{font-size:2rem}.section-heading>p{font-size:.9375rem}.story-section{padding-top:24px}.story-chapter{grid-template-columns:1fr;gap:25px;padding-block:20px 35px}.story-chapter+.story-chapter{margin-top:20px}.story-copy{padding:0}.story-stage{--story-inset:24px}.story-intro{margin-bottom:28px}.story-intro h2{font-size:1.875rem}.story-description{font-size:1rem}.story-details li{font-size:.875rem}.story-phone{width:205px}.story-media{padding:20px 0 40px}.story-note{font-size:.75rem}.detail-strip{grid-template-columns:1fr;gap:40px;margin-top:25px;padding-top:40px}.detail-value{font-size:4rem}.file-types{font-size:1.375rem}.file-types span{margin-inline:7px}.screenshots-section{padding-block:20px 65px}.screenshot-gallery{gap:24px}.screenshot-card{flex-basis:min(65vw,260px)}.gallery-heading-actions{gap:15px}.gallery-heading-actions>p{font-size:.9375rem}.gallery-controls{flex-shrink:0}.gallery-hint{font-size:.75rem}.appearance-section{padding-block:0 60px}.appearance-panel{padding:30px 24px}.appearance-copy h2 br{display:initial}.palette-list{gap:14px 2px}.palette-list button{gap:8px;padding-inline:2px;font-size:.75rem}.palette-preview{border-radius:24px;padding:18px}.appearance-modes button{padding:10px 13px;font-size:.75rem}.download-section{padding-bottom:45px}.download-panel{padding:30px 24px}.download-main h2{font-size:2rem}.download-mascot{--mascot-size:72px}.download-main>p:not(.eyebrow){font-size:.9375rem}.download-main>p.download-meta{font-size:.8125rem}.install-checklist{gap:26px}.install-checklist li{gap:12px}.install-checklist h4{font-size:1rem}.install-checklist p{font-size:.875rem}.install-checklist .icon{width:18px;height:18px}.install-links{gap:22px}.footer-top{flex-direction:column;align-items:flex-start;gap:14px}}@media (width<=479px){.main-nav{display:none}.palette-preview-segments button{gap:4px;padding-inline:2px;font-size:.75rem}.palette-preview-segments .icon{width:16px;height:16px}}@media (width<=360px){.split-button-primary{padding-inline:16px}.split-button-primary>.icon{display:none}:root{--gutter:20px}.palette-preview-title{font-size:1.125rem}.palette-preview{width:calc(100% + 16px);padding-inline:16px}.palette-preview-segments button{padding-inline:0}.palette-preview-segments .icon{width:14px;height:14px}}@media (width>=760px) and (height<=620px){:root{--header-clearance:84px}.site-header{padding-block:8px;top:8px}.hero{row-gap:8px;padding-block:10px 8px}.hero .eyebrow{margin-bottom:8px}.hero-wordmark{margin-bottom:10px}.hero-description{margin-top:12px}.hero-actions{margin-top:14px}.hero-requirement{margin-top:8px}}@media (height<=520px){.hero-wordmark,.hero h1 br{display:none}}@media (width<=759px) and (height<=520px){.hero .title-punctuation:not(:last-child){width:.5em}}@media (width<=759px) and (height<=440px){:root{--header-clearance:74px}.site-header{padding-block:8px;top:6px}.hero{row-gap:4px;padding-block:8px}.hero .eyebrow{display:none}.hero-description{margin-top:8px;line-height:1.6}.hero-actions{margin-top:10px}.hero-requirement{margin-top:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}