@layer reset,tokens,base,layout,components,page,current,interaction,preference,utilities;@layer tokens{:root{color-scheme:light dark;--color-background-canvas: oklch(97.015% 0 0);--color-background-primary: oklch(100% 0 0);--color-background-reading: oklch(98.505% 0 0);--color-background-secondary: oklch(0% 0 0 / 4%);--color-background-tertiary: oklch(0% 0 0 / 8%);--color-label-primary: oklch(0% 0 0 / 88%);--color-label-secondary: oklch(0% 0 0 / 72%);--color-label-tertiary: oklch(0% 0 0 / 48%);--color-label-quaternary: oklch(0% 0 0 / 18%);--color-label-on-dark-primary: oklch(100% 0 0);--color-label-on-fixed-dark-primary: oklch(100% 0 0);--color-label-on-fixed-dark-secondary: oklch(100% 0 0 / 96%);--color-label-on-fixed-dark-tertiary: oklch(100% 0 0 / 60%);--color-focus-ring: var(--color-label-secondary);--color-border: oklch(0% 0 0 / 8%);--color-glass-outline: oklch(100% 0 0 / 96%);--color-foreground-dark: oklch(14.958% 0 0);--typography-title-font-size: 1.25rem;--typography-title-line-height: 1.5rem;--typography-title-letter-spacing: -.012em;--typography-body-font-size: .9375rem;--typography-body-line-height: 1.55;--typography-body-letter-spacing: -.013em;--typography-caption-font-size: .8125rem;--typography-caption-line-height: 1.125rem;--typography-caption-letter-spacing: normal;--typography-footnote-font-size: .6875rem;--typography-footnote-line-height: .8125rem;--typography-footnote-letter-spacing: normal;--touch-target: 44px}@media(prefers-color-scheme:dark){:root{--color-background-canvas: oklch(17.304% 0 0);--color-background-primary: oklch(14.958% 0 0);--color-background-reading: oklch(19.11% 0 0);--color-background-secondary: oklch(100% 0 0 / 6%);--color-background-tertiary: oklch(100% 0 0 / 12%);--color-label-primary: oklch(100% 0 0 / 96%);--color-label-secondary: oklch(100% 0 0 / 72%);--color-label-tertiary: oklch(100% 0 0 / 48%);--color-label-quaternary: oklch(100% 0 0 / 18%);--color-label-on-dark-primary: oklch(14.958% 0 0);--color-border: oklch(100% 0 0 / 12%);--color-glass-outline: oklch(100% 0 0 / 12%);--color-foreground-dark: oklch(100% 0 0)}}}@layer reset{*{box-sizing:border-box}}@layer base{:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif;font-synthesis:none;--z-base: 1;--z-raised: 2;--z-floating: 3}html{min-width:320px;background:var(--color-background-canvas)}body{min-width:320px;min-height:100dvh;margin:0;color:var(--color-label-primary);background:var(--color-background-canvas);font-size:var(--typography-body-font-size);font-weight:400;line-height:var(--typography-body-line-height);letter-spacing:var(--typography-body-letter-spacing)}}@layer base{:root{--view-transition-step: .2s}::view-transition-old(root){animation:view-transition-fade-out var(--view-transition-step) ease-out forwards}::view-transition-new(root){opacity:0;animation:view-transition-fade-in var(--view-transition-step) ease-out var(--view-transition-step) forwards}@keyframes view-transition-fade-out{to{opacity:0}}@keyframes view-transition-fade-in{to{opacity:1}}}@layer page{@media(not (max-width:720px))and (min-height:560px){[data-page=landing],[data-page=landing] body{height:100%;overflow:hidden}[data-page=landing] body{min-height:100%}[data-page=landing] .site-shell,[data-page=landing] .landing{height:100%;min-height:100%}[data-page=landing] .landing{box-sizing:border-box}[data-page=landing] .gallery{overscroll-behavior-y:none}}}@layer base{:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}a{border-radius:4px;color:var(--color-label-secondary);text-decoration:underline;text-decoration-style:dotted;text-decoration-color:var(--color-label-tertiary);text-underline-offset:1px;transition:color .18s ease-out,text-decoration-color .18s ease-out}a:hover,a:focus-visible{color:var(--color-label-primary);text-decoration-color:currentColor}}@layer layout{.site-shell{min-height:100dvh;display:flex;flex-direction:column}.site-header,.support-page{width:min(100% - 48px,calc(var(--reading-column, 1200px) + var(--mark-band, 0px)));margin-inline:auto;padding-inline-start:var(--mark-band, 0px)}.site-header{padding-block:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.site-shell:not(.site-shell-bleed){padding-block-start:env(safe-area-inset-top);padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}}@layer components{.site-nav,.panel-nav{font-size:var(--typography-caption-font-size);font-weight:400;line-height:var(--typography-caption-line-height);letter-spacing:var(--typography-caption-letter-spacing)}.site-nav,.panel-nav{display:flex;flex-wrap:wrap;gap:calc(var(--touch-target) - var(--typography-caption-line-height)) var(--meta-key-gap, 16px)}.site-header>a,.site-nav a,.panel-nav a{position:relative}.site-header>a:before,.site-nav a:before,.panel-nav a:before{position:absolute;inset:calc((var(--typography-caption-line-height) - var(--touch-target)) / 2) calc(var(--meta-key-gap, 16px) / -2);content:""}.site-header>a{color:var(--color-label-primary)}.site-nav a{color:var(--color-label-tertiary)}}@layer current{.site-nav a[aria-current=page]{color:var(--color-label-primary);font-weight:500}}@layer components{.site-header a{text-decoration:none}.site-header a:hover,.site-header a:focus-visible{text-decoration:underline}.site-nav .nav-mark{color:var(--color-label-tertiary);font-weight:400}.panel-nav{position:fixed;z-index:var(--z-floating);bottom:calc(var(--panel-inset) + var(--panel-padding));left:var(--panel-inset-left);width:var(--panel-width);justify-content:center}.landing{--panel-inset: 16px;--panel-inset-left: max(var(--panel-inset), env(safe-area-inset-left, 0px));--panel-inset-right: max(var(--panel-inset), env(safe-area-inset-right, 0px));--panel-inset-top: max(var(--panel-inset), env(safe-area-inset-top, 0px));--panel-width: clamp(320px, 36vw, 480px);--panel-padding: clamp(24px, 3vw, 40px);--gallery-gap: clamp(24px, 2.5vw, 32px);--gallery-caption-gap: 16px;--gallery-caption-lines: 2;--gallery-below-image: calc( var(--gallery-caption-gap) + var(--gallery-caption-lines) * var(--typography-caption-line-height) );--gallery-card-height: clamp( 400px, calc(100dvh - 2 * var(--panel-inset) - var(--gallery-below-image)), 640px );--gallery-screenshot-aspect: calc(1206 / 2622);--gallery-card-width: calc(var(--gallery-card-height) * var(--gallery-screenshot-aspect));--gallery-radius: calc(var(--gallery-card-width) * 62 / 402);--gallery-lead: calc( var(--panel-width) + var(--panel-inset-left) + var(--gallery-gap) );position:relative;min-height:100dvh;width:100%;padding:var(--panel-inset);overflow-x:clip}.landing-sheet{display:contents}.footer-app-mark{display:none}.panel-nav-links{display:contents}.info-panel{--glass-blur: 20px;--glass-saturation: 115%;--glass-fill-alpha: 70%;--panel-material-duration: .18s;position:fixed;z-index:var(--z-raised);inset:var(--panel-inset-top) auto var(--panel-inset) var(--panel-inset-left);display:grid;grid-template-rows:1fr auto 1fr;width:var(--panel-width);overflow:hidden;padding:var(--panel-padding);border-radius:16px;background-color:var(--color-background-primary);transition:background-color var(--panel-material-duration) ease-out}@media(not (max-width:720px))and (min-height:560px){.info-panel{grid-template-rows:1fr auto minmax(calc(var(--touch-target) + 24px),1fr)}}.info-panel[data-over-content]{background-color:color-mix(in oklch,var(--color-background-primary) calc((1 - var(--panel-frost, 1)) * 100%),transparent)}.info-panel:before,.info-panel:after{position:absolute;inset:0;border-radius:inherit;content:"";pointer-events:none}.info-panel:before{z-index:var(--z-base);background:var(--color-background-primary);background:color-mix(in oklch,var(--color-background-primary) var(--glass-fill-alpha),transparent);opacity:0;transition:opacity var(--panel-material-duration) ease-out;-webkit-backdrop-filter:none;backdrop-filter:none}.info-panel[data-over-content]:before{opacity:var(--panel-frost, 1);-webkit-backdrop-filter:var( --panel-frost-filter, blur(var(--glass-blur)) saturate(var(--glass-saturation)) );backdrop-filter:var( --panel-frost-filter, blur(var(--glass-blur)) saturate(var(--glass-saturation)) )}.info-panel:after{z-index:var(--z-base);box-shadow:inset 0 0 0 1px var(--color-glass-outline)}.info-panel-content{position:relative;z-index:var(--z-raised);grid-row:2;grid-column:1;display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center}.brand-block{display:flex;flex-direction:column;align-items:center;gap:12px}.app-icon-frame{width:56px;height:56px;overflow:hidden;border-radius:25%}.app-icon-frame img{display:block;width:100%;height:100%;object-fit:cover}.brand-copy{display:flex;flex-direction:column}.brand-slogan,.brand-byline{margin:0;color:var(--color-label-secondary);font:inherit;font-weight:400}.brand-slogan{text-wrap:balance}.panel-actions{display:flex;flex-direction:column}.gallery{position:relative;z-index:var(--z-base);width:calc(100% + (2 * var(--panel-inset)));max-width:none;margin:calc(var(--panel-inset) * -1);min-height:100dvh;padding:var(--panel-inset) 0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;cursor:grab;-webkit-overflow-scrolling:touch;scrollbar-width:none}.gallery::-webkit-scrollbar{display:none;width:0;height:0}.gallery.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.gallery-track{display:flex;flex-direction:row;align-items:center;gap:var(--gallery-gap);width:max-content;min-height:calc(100dvh - 2 * var(--panel-inset));padding-left:var(--gallery-lead);padding-right:var(--panel-inset-right)}.gallery-item{display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:var(--gallery-caption-gap);width:var(--gallery-card-width);margin:0}.gallery-item:focus-visible{outline:none}.gallery-item:focus-visible .gallery-frame{outline:2px solid var(--color-focus-ring);outline-offset:2px}.gallery-frame{--gallery-frame-ring: oklch(0% 0 0 / 6%);width:var(--gallery-card-width);height:var(--gallery-card-height);overflow:hidden;border-radius:var(--gallery-radius);background:var(--color-background-secondary);box-shadow:0 0 0 1px var(--gallery-frame-ring);transition:box-shadow .18s ease-out}.gallery{--gallery-fade-duration: .24s}.gallery[data-fade] .gallery-frame img{opacity:0;transition:opacity var(--gallery-fade-duration) ease-out}.gallery[data-fade] .gallery-frame img[data-ready]{opacity:1}@media(prefers-color-scheme:dark){.gallery-frame{--gallery-frame-ring: oklch(100% 0 0 / 8%)}}@media(prefers-color-scheme:light){.gallery-frame{box-shadow:0 0 0 1px var(--gallery-frame-ring),0 1px 2px -1px #0000000f,0 2px 4px #0000000a}}@media(hover:hover)and (pointer:fine){@media(prefers-color-scheme:dark){.gallery-frame:hover{--gallery-frame-ring: oklch(100% 0 0 / 14%)}}@media(prefers-color-scheme:light){.gallery-frame:hover{box-shadow:0 0 0 1px var(--gallery-frame-ring),0 1px 2px -1px #00000014,0 2px 4px #0000000f}}}.gallery-frame picture,.gallery-frame img{display:block;width:100%;height:100%}.gallery-frame img{object-fit:cover;object-position:top center;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.gallery-caption{max-width:100%;min-block-size:calc(var(--gallery-caption-lines) * 1lh);margin:0;color:var(--color-label-secondary);font-size:var(--typography-caption-font-size);font-weight:400;line-height:var(--typography-caption-line-height);letter-spacing:var(--typography-caption-letter-spacing);text-align:center;text-wrap:balance}.cta{position:relative;--cta-top: color-mix(in oklch, var(--color-foreground-dark) 82%, white);--cta-face: var(--color-foreground-dark);--cta-rim: color-mix(in oklch, var(--color-foreground-dark) 92%, white);--cta-highlight: color-mix(in oklch, white 18%, transparent);--cta-shadow: inset 0 0 1px 1px var(--cta-highlight), 0 0 0 1px oklch(0% 0 0 / 8%), 0 2px 2px oklch(0% 0 0 / 4%), 0 0 0 1px var(--cta-rim);display:inline-flex;align-items:center;justify-content:center;--cta-height: 40px;min-height:var(--cta-height);padding:0 16px;border:0;border-radius:999px;background:linear-gradient(to bottom,var(--cta-top),var(--cta-face));box-shadow:var(--cta-shadow);font:inherit;font-weight:500;letter-spacing:var(--typography-body-letter-spacing);text-shadow:0 .5px oklch(0% 0 0 / 20%);white-space:nowrap;cursor:pointer;transition:filter .15s ease-out,transform .15s ease-out}.cta,.cta:hover,.cta:focus-visible,.cta:active{color:var(--color-label-on-dark-primary);text-decoration:none}.cta:hover,.cta:focus-visible{filter:brightness(1.05)}.cta:active:not([aria-disabled=true]){filter:brightness(.97);transform:scale(.96)}.cta[aria-disabled=true]{opacity:.55;cursor:not-allowed}.cta:before{position:absolute;inset:calc((var(--cta-height) - var(--touch-target)) / 2) 0;content:""}@media(prefers-color-scheme:dark){.cta{--cta-top: var(--color-foreground-dark);--cta-face: color-mix(in oklch, var(--color-foreground-dark) 88%, black);--cta-rim: color-mix(in oklch, var(--color-foreground-dark) 80%, black);--cta-highlight: oklch(0% 0 0 / 6%);--cta-shadow: inset 0 0 1px 1px var(--cta-highlight), 0 0 0 1px oklch(100% 0 0 / 8%), 0 2px 2px oklch(0% 0 0 / 28%), 0 0 0 1px var(--cta-rim);text-shadow:0 .5px oklch(100% 0 0 / 60%)}}}@layer preference{@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--panel-frost: 0;--panel-frost-filter: none}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more),(forced-colors:active){:root{--panel-frost: 0;--panel-frost-filter: none}}@media(forced-colors:active){.info-panel,.info-panel[data-over-content]{background-color:Canvas}.info-panel:after{box-shadow:inset 0 0 0 1px CanvasText}:focus-visible,.gallery-item:focus-visible .gallery-frame{outline-color:Highlight}}}@layer page{[data-page=support]{--reading-column: 38rem;--meta-key-column: 9ch;--meta-key-gap: 16px;--mark-opacity: .8;background:var(--color-background-reading)}[data-page=support] body{font-family:ui-monospace,SF Mono,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;letter-spacing:normal;line-height:1.6;background:var(--color-background-reading)}.support-page{padding-block:48px 96px}.support-page :is(h1,h2){font:inherit;font-weight:500;color:var(--color-label-primary);text-wrap:balance;scroll-margin-top:24px}.support-page .heading-mark{color:var(--color-label-tertiary);opacity:var(--mark-opacity);font-weight:400;-webkit-user-select:none;user-select:none}.support-page a.heading-mark{text-decoration:none}.support-page a.heading-mark:is(:hover,:focus-visible){color:var(--color-label-secondary);opacity:1}.support-page h1{margin-block:0 10px}.support-page h2{margin-block:40px 16px}@media not (max-width:720px){[data-page=support]{--mark-band: 24px}.support-page :is(h1,h2){display:flex;align-items:baseline;gap:0}.support-page .heading-mark{order:-1;flex:0 0 2ch;margin-inline:-3ch 1ch;font-size:var(--typography-caption-font-size);text-align:right}.support-page h2:after{flex:1 1 0;align-self:center;min-width:0;margin-inline-start:8px;height:1px;background-image:linear-gradient(90deg,var(--color-label-tertiary) 1px,transparent 1px);background-size:.5ch 1px;content:""}}.support-page p{margin-block:0 16px;color:var(--color-label-secondary);text-wrap:pretty}.support-page ul,.support-page ol{margin-block:0 16px;padding-inline-start:2ch;color:var(--color-label-secondary)}.support-page li{margin-block:0 10px;text-wrap:pretty}.support-page li:last-child{margin-bottom:0}.support-page strong{font-weight:500;color:var(--color-label-primary)}.support-page strong:before,.support-page strong:after{color:var(--color-label-tertiary);opacity:var(--mark-opacity);font-weight:400;content:"**" / ""}.support-page em:before,.support-page em:after{color:var(--color-label-tertiary);opacity:var(--mark-opacity);font-style:normal;font-weight:400;content:"*" / ""}[data-page=support] a{border-radius:0;text-decoration-style:solid;text-underline-offset:3px;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-block:3px;margin-block:-3px;transition:color .18s ease-out,background-color .18s ease-out,text-decoration-color .18s ease-out}}@layer interaction{[data-page=support] .site-header a:is(:hover,:focus-visible),.support-page :is(p,li) a:is(:hover,:focus-visible),.support-page .faq-language-nav a:is(:hover,:focus-visible){background:var(--color-label-primary);color:var(--color-background-reading);text-decoration:none}}@layer page{.support-page :is(.faq-language-nav,.doc-meta){font-size:var(--typography-caption-font-size);line-height:var(--typography-caption-line-height);letter-spacing:var(--typography-caption-letter-spacing);margin-block:0;color:var(--color-label-secondary)}.support-page .faq-language-nav{--meta-key-gap: 8px;--faq-lang-target-block: 24px;display:grid;grid-template-columns:var(--meta-key-column) minmax(0,1fr);align-items:start;margin-bottom:10px}.support-page .meta-key{display:inline-block;width:var(--meta-key-column)}.support-page .faq-language-nav:before{content:"lang:" / ""}.support-page .faq-language-nav-values{display:flex;flex-wrap:wrap;column-gap:var(--meta-key-gap);row-gap:calc(var(--faq-lang-target-block) - var(--typography-caption-line-height))}.support-page .faq-language-nav a{position:relative;color:var(--color-label-tertiary);text-decoration:none}.support-page .faq-language-nav a:before{position:absolute;inset-block:calc((var(--typography-caption-line-height) - var(--faq-lang-target-block)) / 2);inset-inline:calc(var(--meta-key-gap) / -2);content:""}.support-page .faq-language-nav .nav-mark{color:currentColor;opacity:var(--mark-shown, 0);font-weight:400}}@layer current{.support-page .faq-language-nav a[aria-current=page]{--mark-shown: .55;color:var(--color-label-primary);font-weight:500}}@layer page{[lang^=zh] :is(p,li){line-height:1.75}:is([lang^=zh],[lang^=ja],[lang^=ko]) .support-page :is(h1,h2,p,li){text-wrap:wrap}@media(max-width:720px){.support-page .heading-mark{margin-inline-start:1ch;font-size:var(--typography-footnote-font-size)}}}@layer components{@media(max-width:720px),not (min-height:560px){.landing{--gallery-gap: 24px;--gallery-caption-gap: 12px;--gallery-card-width: min(240px, calc(100vw - 48px) );--gallery-card-height: calc(var(--gallery-card-width) / var(--gallery-screenshot-aspect));--footer-reveal-corner: 40px;display:flex;flex-direction:column;gap:0;min-height:auto;padding:0;overflow-x:visible;background:transparent}.landing-sheet{position:relative;z-index:var(--z-raised);isolation:isolate;display:block;overflow:hidden;border-radius:0 0 calc(var(--footer-reveal-corner) * var(--footer-reveal-progress, 0)) calc(var(--footer-reveal-corner) * var(--footer-reveal-progress, 0));background:var(--color-background-primary)}.landing-sheet:after{position:absolute;z-index:var(--z-floating);right:0;bottom:0;left:0;height:var(--footer-reveal-corner);border-bottom:1px solid var(--color-glass-outline);border-radius:inherit;content:"";opacity:var(--footer-reveal-progress, 0);pointer-events:none}.info-panel,.info-panel[data-over-content]{position:relative;inset:auto;width:100%;min-height:0;overflow:visible;padding-block:128px 64px;padding-inline:max(32px,env(safe-area-inset-left,0px)) max(32px,env(safe-area-inset-right,0px));border-radius:0;background-color:var(--color-background-canvas)}.info-panel:before,.info-panel:after,.info-panel[data-over-content]:before{display:none}.gallery{width:100%;min-height:0;margin:0;padding:64px 0;border-radius:0;background:var(--color-background-primary)}.gallery-track{align-items:flex-start;min-height:0;padding-right:max(24px,env(safe-area-inset-right,0px));padding-left:max(24px,env(safe-area-inset-left,0px))}.gallery-caption{inline-size:min(20ch,100%)}.panel-nav{--mobile-footer-height: calc(128px + env(safe-area-inset-bottom, 0px)) ;--mobile-footer-bottom-base: oklch(44.186% .015 285.79);--mobile-footer-top-base: oklch(71.312% .019 285.92);--mobile-footer-gradient: linear-gradient( to top, var(--mobile-footer-bottom-base) 0, var(--mobile-footer-top-base) var(--mobile-footer-height), var(--mobile-footer-top-base) 100% );--mobile-footer-background: var(--mobile-footer-gradient);position:relative;z-index:var(--z-base);right:auto;bottom:auto;left:auto;align-self:center;width:100%;min-height:calc(var(--mobile-footer-height) + var(--footer-reveal-corner));margin-top:calc(-1 * var(--footer-reveal-corner));padding:54px max(16px,env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));align-items:center;flex-direction:column;flex-wrap:nowrap;gap:8px;justify-content:center;background-image:var(--mobile-footer-background)}.panel-nav[data-revealing]{position:sticky;bottom:0}.footer-app-mark{display:block;width:32px;height:32px;flex:0 0 auto}.footer-app-mark img{display:block;width:100%;height:100%;object-fit:contain}.panel-nav-links{display:flex;align-items:center;gap:16px}.panel-nav a{display:inline-flex;align-items:center;min-height:var(--touch-target);padding:0 4px;color:var(--color-label-on-fixed-dark-secondary);text-decoration-color:var(--color-label-on-fixed-dark-tertiary)}.panel-nav a:before{inset:0 -8px}.panel-nav a:hover,.panel-nav a:focus-visible{color:var(--color-label-on-fixed-dark-primary);text-decoration-color:currentColor}}@media(max-width:720px),not (min-height:560px){@media(prefers-color-scheme:dark){.panel-nav{--mobile-footer-background: linear-gradient(oklch(0% 0 0 / 60%), oklch(0% 0 0 / 60%)), var(--mobile-footer-gradient)}}}}@layer preference{@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto;transition-duration:.001ms;animation-duration:.001ms;animation-iteration-count:1}.landing-sheet{border-radius:0}.landing-sheet:after{opacity:0}}}@layer utilities{.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);white-space:nowrap}}