@layer ui.reset, ui.tokens, ui.base, ui.components, ui.themes, ui.system, ui.fidelity;
@layer ui.tokens {
/* Kit tokens — GENERATED by scripts/lib/site.mjs from themes/apple/ios (themes/apple/ipados (min-width: 600px)) with brands/ocosystem; contrast-guarded like the kit. */
:root {
  color-scheme: light dark;
  --ui-accent: #111318;
  --ui-accent-text: #111318;
  --ui-bg: #FFFFFF;
  --ui-bg-elevated: #FFFFFF;
  --ui-bg-grouped: #F2F2F7;
  --ui-bg-grouped-secondary: #FFFFFF;
  --ui-blur-glass: 18px;
  --ui-duration-fast: 150ms;
  --ui-duration-normal: 280ms;
  --ui-easing-spring: cubic-bezier(0.34, 1.36, 0.64, 1);
  --ui-easing-standard: cubic-bezier(0.32, 0.72, 0, 1);
  --ui-fill-quaternary: rgba(116, 116, 128, 0.08);
  --ui-fill-tertiary: rgba(118, 118, 128, 0.12);
  --ui-focus-ring: #111318;
  --ui-glass: rgba(248, 248, 250, 0.8);
  --ui-glass-edge: rgba(0, 0, 0, 0.18);
  --ui-glass-highlight: rgba(255, 255, 255, 0.95);
  --ui-label: #000000;
  --ui-label-secondary: rgba(60, 60, 67, 0.77);
  --ui-label-tertiary: rgba(60, 60, 67, 0.3);
  --ui-on-accent: #FFFFFF;
  --ui-placeholder: rgba(60, 60, 67, 0.77);
  --ui-radius-button: 999px;
  --ui-radius-card: 22px;
  --ui-radius-control: 12px;
  --ui-selection: #111318;
  --ui-separator: rgba(60, 60, 67, 0.29);
  --ui-shadow: rgba(0, 0, 0, 0.12);
  --ui-size-control-lg: 50px;
  --ui-size-control-md: 36px;
  --ui-size-control-sm: 30px;
  --ui-size-focus-width: 3px;
  --ui-size-hairline: 0.5px;
  --ui-size-icon: 22px;
  --ui-size-target-min: 44px;
  --ui-space-1: 4px;
  --ui-space-10: 64px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-7: 32px;
  --ui-space-8: 40px;
  --ui-space-9: 48px;
  --ui-space-half: 2px;
  --ui-space-inset: 16px;
  --ui-space-page: 16px;
  --ui-type-body: 400 17px/22px var(--ui-font-text);
  --ui-type-body-tracking: normal;
  --ui-type-caption-1: 400 12px/16px var(--ui-font-text);
  --ui-type-footnote: 400 13px/18px var(--ui-font-text);
  --ui-type-headline: 600 17px/22px var(--ui-font-text);
  --ui-type-headline-tracking: normal;
  --ui-type-large-title: 700 34px/41px var(--ui-font-display);
  --ui-type-large-title-tracking: normal;
  --ui-type-subheadline: 400 15px/20px var(--ui-font-text);
  --ui-type-subheadline-tracking: normal;
  --ui-type-title-1: 700 28px/34px var(--ui-font-display);
  --ui-type-title-1-tracking: normal;
  --ui-type-title-2: 700 22px/28px var(--ui-font-display);
  --ui-type-title-2-tracking: normal;
  --ui-type-title-3: 600 20px/25px var(--ui-font-display);
  --ui-type-title-3-tracking: normal;
  --ui-z-sticky: 10;
  --ui-z-tooltip: 80;
  --ui-font-text: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro", "Segoe UI", Roboto, system-ui, sans-serif;
  --ui-font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro", "Segoe UI", Roboto, system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    --ui-accent: #C7C7CC;
    --ui-accent-text: #C8C8CD;
    --ui-bg: #000000;
    --ui-bg-elevated: #2C2C2E;
    --ui-bg-grouped: #000000;
    --ui-bg-grouped-secondary: #1C1C1E;
    --ui-fill-quaternary: rgba(118, 118, 128, 0.18);
    --ui-fill-tertiary: rgba(118, 118, 128, 0.24);
    --ui-focus-ring: #C7C7CC;
    --ui-glass: rgba(48, 48, 52, 0.85);
    --ui-glass-edge: rgba(0, 0, 0, 0.55);
    --ui-glass-highlight: rgba(255, 255, 255, 0.32);
    --ui-label: #FFFFFF;
    --ui-label-secondary: rgba(235, 235, 245, 0.65);
    --ui-label-tertiary: rgba(235, 235, 245, 0.3);
    --ui-on-accent: #000000;
    --ui-placeholder: rgba(235, 235, 245, 0.65);
    --ui-selection: #C7C7CC;
    --ui-separator: rgba(84, 84, 88, 0.6);
    --ui-shadow: rgba(0, 0, 0, 0.55);
  }
}
@media (prefers-contrast: more) {
  :root {
    --ui-glass: #FFFFFF;
    --ui-label-secondary: rgba(60, 60, 67, 0.82);
    --ui-label-tertiary: rgba(60, 60, 67, 0.62);
    --ui-separator: rgba(60, 60, 67, 0.5);
  }
}
@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root {
    --ui-accent: #C7C7CC;
    --ui-accent-text: #C8C8CD;
    --ui-bg: #000000;
    --ui-bg-elevated: #2C2C2E;
    --ui-bg-grouped: #000000;
    --ui-bg-grouped-secondary: #1C1C1E;
    --ui-fill-quaternary: rgba(118, 118, 128, 0.18);
    --ui-fill-tertiary: rgba(118, 118, 128, 0.24);
    --ui-focus-ring: #C7C7CC;
    --ui-glass: #2C2C2E;
    --ui-glass-edge: rgba(0, 0, 0, 0.55);
    --ui-glass-highlight: rgba(255, 255, 255, 0.32);
    --ui-label: #FFFFFF;
    --ui-label-secondary: rgba(235, 235, 245, 0.82);
    --ui-label-tertiary: rgba(235, 235, 245, 0.62);
    --ui-on-accent: #000000;
    --ui-placeholder: rgba(235, 235, 245, 0.65);
    --ui-selection: #C7C7CC;
    --ui-separator: rgba(140, 140, 146, 0.7);
    --ui-shadow: rgba(0, 0, 0, 0.55);
  }
}
@media (min-width: 600px) {
  :root {
    --ui-radius-card: 20px;
    --ui-space-page: 20px;
  }
}
@media (min-width: 600px) and (prefers-color-scheme: dark) {
  :root {
    --ui-radius-card: 20px;
    --ui-space-page: 20px;
  }
}
@media (min-width: 600px) and (prefers-contrast: more) {
  :root {
    --ui-radius-card: 20px;
    --ui-space-page: 20px;
  }
}
@media (min-width: 600px) and (prefers-contrast: more) and (prefers-color-scheme: dark) {
  :root {
    --ui-radius-card: 20px;
    --ui-space-page: 20px;
  }
}
}
@layer ui.reset{
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{min-height:100dvh}
img,picture,video,canvas,svg{display:block;max-width:100%}
input,button,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
fieldset{min-inline-size:0;margin:0;padding:0;border:0}
p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}
ul[role="list"],ol[role="list"]{list-style:none;padding:0}
table{border-collapse:collapse}
}
@layer ui.base{
[data-theme]{background-color:var(--ui-bg);color:var(--ui-label);font:var(--ui-type-body);letter-spacing:var(--ui-type-body-tracking);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-variant-numeric:proportional-nums;accent-color:var(--ui-accent)}
:root[data-theme]{font-size:100%}
:root[data-theme] > body{font:var(--ui-type-body);letter-spacing:var(--ui-type-body-tracking)}
:where([data-theme]) :focus-visible{outline:var(--ui-size-focus-width) solid var(--ui-focus-ring);outline-offset:var(--ui-focus-offset)}
:where([data-theme]) ::selection{background:color-mix(in srgb, var(--ui-selection) 28%, transparent)}
[data-theme]{--ui-focus-offset:2px;--ui-accent-tint:light-dark(color-mix(in srgb, var(--ui-accent) 14%, transparent), color-mix(in srgb, var(--ui-accent) 26%, transparent));--ui-glass-shadow:0 10px 34px var(--ui-shadow), 0 1px 2px var(--ui-shadow);--ui-luminance:(0.2126 * r + 0.7152 * g + 0.0722 * b);--ui-ink-light:clamp(0, (0.1791 - var(--ui-luminance)) * 1e6, 1)}
.ui-glass{background:var(--ui-glass-sheen, none), var(--ui-glass);-webkit-backdrop-filter:blur(var(--ui-blur-glass)) saturate(180%);backdrop-filter:blur(var(--ui-blur-glass)) saturate(180%);box-shadow:var(--ui-glass-specular, inset 0 1px 0 var(--ui-glass-highlight)), var(--ui-glass-rim, inset 0 0 0 0.5px var(--ui-glass-edge)), var(--ui-glass-shadow)}
@media (prefers-reduced-transparency: reduce){
:is(.ui-glass, .ui-material, .ui-menu, .ui-popover, .ui-teaching-tip:not([data-variant="inline"]), .ui-teaching-tip__arrow, .ui-skip-link:not(.ui-skip-links > .ui-skip-link), .ui-skip-links):not([data-transparency="standard"], [data-transparency="standard"] *){background:light-dark(#FFFFFF, #2C2C2E) !important;background:rgb(from var(--ui-bg-elevated) r g b / 1) !important;-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
}
@media (prefers-reduced-motion: reduce){
[data-theme]{--ui-duration-fast:0ms;--ui-duration-normal:0ms}
}
@media print{
:is(.ui-glass, .ui-material, .ui-menu, .ui-popover, .ui-nav-bar[data-scrolled]){background:rgb(from var(--ui-bg-elevated) r g b / 1) !important}
:is(.ui-glass, .ui-material, .ui-menu, .ui-popover, .ui-nav-bar, .ui-tab-bar, .ui-tab-bar__tabs, .ui-toolbar, .ui-skip-link){-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
}
@media (forced-colors: active){
.ui-glass{border:1px solid CanvasText}
:where([data-theme]) :where([aria-selected="true"], [aria-pressed="true"], [aria-checked="true"]:not(input), [aria-current]:not([aria-current="false"])){outline:var(--ui-size-focus-width) solid Highlight !important;outline-offset:calc(var(--ui-size-focus-width) * -1) !important}
:where([data-theme]) :focus-visible{outline:var(--ui-size-focus-width) solid Highlight !important;outline-offset:var(--ui-focus-offset) !important}
}
}
@layer ui.components{
.ui-brand-mark{display:inline-block;flex:none;width:var(--icon-size, var(--ui-size-icon));height:var(--icon-size, var(--ui-size-icon));min-width:16px;min-height:16px;fill:currentColor;vertical-align:middle}
.ui-brand-mark[data-mark="ocosystem"]{min-width:20px;min-height:20px}
.ui-brand-mark[data-size="lg"]{--icon-size:calc(var(--ui-size-icon) * 2)}
.ui-brand-lockup{--icon-size:1.08em;display:inline-flex;align-items:baseline;gap:0.26em}
.ui-brand-lockup > .ui-brand-mark{position:relative;inset-block-start:0.2em}
.ui-brand-wordmark{display:inline-block;flex:none;height:1em;overflow:visible;fill:currentColor;vertical-align:-0.25em}
.ui-brand-lockup > .ui-brand-wordmark{position:relative;inset-block-start:0.25em}
.ui-container{width:100%;max-inline-size:var(--container-max, 1080px);margin-inline:auto;padding-inline:var(--ui-space-page)}
.ui-container[data-variant="reading"]{--container-max:680px}
.ui-heading{font:var(--ui-type-title-2);letter-spacing:var(--ui-type-title-2-tracking);color:var(--ui-label);text-wrap:balance}
h1.ui-heading:not([data-style]){font:var(--ui-type-large-title);letter-spacing:var(--ui-type-large-title-tracking)}
h2.ui-heading:not([data-style]){font:var(--ui-type-title-1);letter-spacing:var(--ui-type-title-1-tracking)}
h3.ui-heading:not([data-style]){font:var(--ui-type-title-2);letter-spacing:var(--ui-type-title-2-tracking)}
h4.ui-heading:not([data-style]){font:var(--ui-type-title-3);letter-spacing:var(--ui-type-title-3-tracking)}
h5.ui-heading:not([data-style]){font:var(--ui-type-headline);letter-spacing:var(--ui-type-headline-tracking)}
h6.ui-heading:not([data-style]){font:var(--ui-type-subheadline);font-weight:600;letter-spacing:var(--ui-type-subheadline-tracking)}
.ui-heading[data-style="large-title"]{font:var(--ui-type-large-title);letter-spacing:var(--ui-type-large-title-tracking)}
.ui-heading[data-style="title-1"]{font:var(--ui-type-title-1);letter-spacing:var(--ui-type-title-1-tracking)}
.ui-heading[data-style="title-3"]{font:var(--ui-type-title-3);letter-spacing:var(--ui-type-title-3-tracking)}
.ui-icon{display:inline-block;width:var(--icon-size, var(--ui-size-icon));height:var(--icon-size, var(--ui-size-icon));flex:none;fill:currentColor;vertical-align:middle}
.ui-grid{display:grid;gap:var(--grid-gap, var(--ui-space-4));grid-template-columns:repeat(var(--grid-columns, 2), minmax(0, 1fr))}
.ui-grid[data-variant="tiles"]{grid-template-columns:1fr}
@container (min-width: 520px){
.ui-grid[data-variant="tiles"]{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@container (min-width: 900px){
.ui-grid[data-variant="tiles"]{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@property --scroll-fade-start{syntax: "<length>"; inherits: false; initial-value: 0px;}
@property --scroll-fade-end{syntax: "<length>"; inherits: false; initial-value: 16px;}
.ui-surface{--ui-ground:var(--ui-bg-grouped-secondary);background:var(--ui-bg-grouped-secondary);color:var(--ui-label);border-radius:var(--ui-radius-card);padding:var(--ui-space-inset)}
.ui-surface.ui-glass{--ui-ground:inherit;background-color:transparent}
.ui-surface:where([data-surface="rows"]){padding-block:0;padding-inline:var(--ui-space-5)}
.ui-surface:where([data-surface="rows"]) > * + *{border-top:var(--ui-size-hairline) solid var(--ui-separator)}
.ui-text{font:var(--ui-type-body);letter-spacing:var(--ui-type-body-tracking);color:var(--ui-label)}
.ui-text[data-style="large-title"]{font:var(--ui-type-large-title);letter-spacing:var(--ui-type-large-title-tracking)}
.ui-text[data-style="title-1"]{font:var(--ui-type-title-1);letter-spacing:var(--ui-type-title-1-tracking)}
.ui-text[data-style="title-3"]{font:var(--ui-type-title-3);letter-spacing:var(--ui-type-title-3-tracking)}
.ui-text[data-tone="secondary"]{color:var(--ui-label-secondary)}
.ui-text[data-measure]{max-inline-size:65ch}
.ui-visually-hidden:not(:focus):not(:active),.ui-visually-hidden:not([data-focusable]){position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ui-button{--button-bg:var(--ui-button-primary-bg, var(--ui-accent));--button-fg:var(--ui-button-primary-fg, var(--ui-on-accent));--button-height:var(--ui-size-control-md);--button-radius:var(--ui-radius-button);--button-font:var(--ui-type-body);--button-weight:var(--ui-button-weight, 600);--button-shadow:none;position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:0.4em;min-height:var(--button-height);min-width:var(--button-height);padding:0 var(--ui-button-padding-x, calc(var(--button-height) * 0.44));border-radius:var(--button-radius);background:var(--button-bg);box-shadow:var(--button-shadow);color:var(--button-fg);font:var(--button-font);font-weight:var(--button-weight);letter-spacing:var(--ui-type-body-tracking);line-height:1.1;white-space:var(--button-wrap, nowrap);max-inline-size:100%;padding-block:var(--ui-space-1);text-align:center;text-decoration:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;transition:transform var(--ui-duration-fast) var(--ui-easing-standard), box-shadow var(--ui-duration-fast) var(--ui-easing-standard)}
.ui-button::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--button-hover-overlay, transparent);opacity:0;transition:opacity var(--ui-duration-fast) var(--ui-easing-standard)}
@supports (color: color(from #000000 srgb-linear r g b)){
.ui-button{--button-ink-color:color(from currentColor srgb-linear var(--ui-ink-light) var(--ui-ink-light) var(--ui-ink-light));--button-overlay:var(--button-ink-color);--button-strength:(1 + 2 * var(--ui-luminance));--button-hover-overlay:color(from var(--button-overlay) srgb-linear r g b / calc(var(--ui-button-hover-opacity, 0.08) * var(--button-strength)));--button-press-overlay:color(from var(--button-overlay) srgb-linear r g b / calc(0.24 * var(--button-strength)))}
}
.ui-button::before{content:"";position:absolute;inset:min(0px, calc((100% - var(--ui-size-target-min)) / 2))}
.ui-button:hover::after{opacity:min(1, calc(var(--ui-button-hover-opacity, 0.08) * 1e6))}
@media (hover: none){
.ui-button:hover:not(:active)::after{opacity:0}
}
.ui-button:active::after{background:var(--button-press-overlay, transparent);opacity:1}
.ui-button:active{transform:scale(0.97)}
.ui-button .ui-icon{--icon-size:1.15em}
.ui-button[data-variant="secondary"]{--button-bg:var(--ui-button-secondary-bg, var(--ui-accent-tint));--button-fg:var(--ui-button-secondary-fg, var(--ui-accent-text));--button-shadow:var(--ui-button-secondary-shadow, none);--button-overlay:var(--ui-button-secondary-overlay, var(--button-ink-color))}
.ui-button[data-variant="tertiary"]{--button-bg:transparent;--button-fg:var(--ui-accent-text);--button-weight:400;padding-inline:calc(var(--button-height) * 0.3)}
.ui-button:is([data-variant="tertiary"], [data-variant="icon-only"]){--button-hover-overlay:var(--ui-fill-quaternary);--button-press-overlay:var(--ui-fill-tertiary)}
.ui-button[data-size="lg"]{--button-height:var(--ui-size-control-lg);--button-font:var(--ui-type-headline);--button-radius:var(--ui-button-radius-lg, var(--ui-radius-button))}
.ui-button[data-block]{display:flex;width:100%}
.ui-button[data-block]:where(:not([data-size])):where(:not([data-variant]), [data-variant="primary"]){--button-height:var(--ui-button-block-height, var(--ui-size-control-md))}
.ui-button:disabled{--button-bg:var(--ui-fill-quaternary);--button-fg:var(--ui-label-tertiary);--button-shadow:none;cursor:default;transform:none}
.ui-button[data-variant="tertiary"]:disabled{--button-bg:transparent}
.ui-button:disabled::after{opacity:0}
@media (forced-colors: active){
.ui-button{border:1px solid ButtonText}
}
.ui-button-group{display:inline-flex;flex-wrap:wrap;gap:var(--ui-space-2)}
.ui-button-group:not([data-wrap], [data-attached]) > .ui-button{flex:1 0 auto}
.ui-button-group:is([data-variant="switcher"], [data-variant="inline"]){--actions-gap:8px;display:flex;flex-wrap:wrap;gap:var(--actions-gap);min-width:0;max-inline-size:28rem}
.ui-button-group:is([data-variant="switcher"], [data-variant="inline"]) > .ui-button{--actions-need:calc(var(--actions-count) * (var(--actions-label) + 2 * var(--ui-button-padding-x, calc(var(--button-height) * 0.44))) + (var(--actions-count) - 1) * var(--actions-gap));flex:1 1 calc((var(--actions-need) - 100%) * 999);min-height:max(var(--button-height), var(--ui-size-target-min))}
.ui-button-group[data-variant="inline"]{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(max-content, 1fr);max-inline-size:none}
.ui-button-group[data-variant="inline"] > .ui-button{min-width:max-content}
.ui-link{color:var(--ui-accent-text);text-decoration:none;border-radius:3px;cursor:pointer}
.ui-link:hover{text-decoration:underline;text-underline-offset:0.18em}
.ui-link:visited{color:var(--ui-accent-text)}
.ui-link[data-variant="inline"],p .ui-link:not([data-variant]){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.18em;text-decoration-color:color-mix(in srgb, currentColor 45%, transparent)}
.ui-link[data-variant="standalone"]{display:inline-flex;align-items:center;gap:var(--ui-space-1);font-weight:500}
.ui-link .ui-icon{--icon-size:0.95em}
.ui-link:not([data-variant="inline"], p .ui-link:not([data-variant="standalone"])){position:relative}
.ui-link:not([data-variant="inline"], p .ui-link:not([data-variant="standalone"]))::before{content:"";position:absolute;inset:min(0px, calc((100% - var(--ui-size-target-min)) / 2)) min(-4px, calc((100% - var(--ui-size-target-min)) / 2))}
.ui-link > code{color:light-dark(var(--ui-accent-text), color-mix(in srgb, var(--ui-accent-text) 70%, #FFFFFF))}
.ui-form{display:grid;gap:var(--ui-space-5);min-width:0}
.ui-field{display:grid;align-content:start;gap:6px;min-width:0}
.ui-field__label{display:flex;align-items:baseline;gap:6px;font:var(--ui-type-subheadline);font-weight:600;color:var(--ui-label)}
.ui-field__help{font:var(--ui-type-footnote);color:var(--ui-label-secondary)}
textarea.ui-input{min-height:max(calc(var(--ui-size-control-md) * 2.4), var(--ui-size-target-min), 24px);padding-block:10px;line-height:inherit;resize:vertical}
.ui-input{--input-height:var(--ui-size-control-md);--input-bg:var(--ui-input-bg, var(--ui-fill-tertiary));display:block;width:100%;min-width:0;min-height:max(var(--input-height), var(--ui-size-target-min), 24px);padding:0 var(--ui-input-padding-x, calc(var(--input-height) * 0.32));border:0;border-radius:var(--ui-radius-control);background:var(--input-bg);box-shadow:var(--ui-input-shadow, none);color:var(--ui-label);font:var(--ui-type-body);letter-spacing:var(--ui-type-body-tracking);outline:none;transition:box-shadow var(--ui-duration-fast) var(--ui-easing-standard), background-color var(--ui-duration-fast) var(--ui-easing-standard)}
.ui-input::placeholder{color:var(--ui-placeholder);opacity:1}
.ui-input:focus-visible{box-shadow:0 0 0 var(--ui-size-focus-width) var(--ui-focus-ring)}
.ui-input:disabled{color:var(--ui-label-tertiary);--input-bg:var(--ui-fill-quaternary);cursor:not-allowed}
.ui-input:disabled::placeholder{color:var(--ui-label-tertiary)}
.ui-input:where(:read-only:not(select):not(:disabled)){--input-bg:transparent;box-shadow:inset 0 0 0 1px var(--ui-separator)}
.ui-input[data-size="lg"]{--input-height:var(--ui-size-control-lg)}
@media (forced-colors: active){
.ui-input{border:1px solid FieldText}
}
@property --app-shell-edge{syntax: "<length>"; inherits: false; initial-value: 0px;}
.ui-skip-link{display:inline-flex;align-items:center;gap:var(--ui-space-2);min-height:var(--ui-size-target-min);padding:0 18px 0 14px;border-radius:var(--ui-skip-link-radius, 999px);color:var(--ui-label);font:var(--ui-type-subheadline);font-weight:600;white-space:nowrap;text-decoration:none;background:var(--ui-skip-link-bg, color-mix(in srgb, var(--ui-bg-elevated) 84%, transparent));-webkit-backdrop-filter:blur(var(--ui-blur-glass)) saturate(180%);backdrop-filter:blur(var(--ui-blur-glass)) saturate(180%);box-shadow:var(--ui-glass-specular, inset 0 1px 0 var(--ui-glass-highlight)), var(--ui-glass-rim, inset 0 0 0 0.5px var(--ui-glass-edge)), var(--ui-glass-shadow);--icon-size:18px}
.ui-skip-link > .ui-icon{color:var(--ui-accent-text)}
.ui-skip-link:hover{color:var(--ui-accent-text)}
.ui-skip-link[data-reveal="focus"]{position:absolute;max-inline-size:calc(100% - 2 * var(--ui-skip-link-inset, 12px));white-space:normal;top:var(--ui-skip-link-inset, 12px);left:var(--ui-skip-link-inset, 12px);z-index:var(--ui-z-tooltip);opacity:0;translate:0 calc(-100% - var(--ui-skip-link-inset, 12px));pointer-events:none;transition:opacity var(--ui-duration-fast) var(--ui-easing-standard), translate var(--ui-duration-normal) var(--ui-easing-spring)}
.ui-skip-link[data-reveal="focus"]:focus,.ui-skip-link[data-reveal="focus"]:focus-visible{opacity:1;translate:0 0;pointer-events:auto}
@property --tabs-fade-start{syntax: "<length>"; inherits: false; initial-value: 0px;}
@property --tabs-fade-end{syntax: "<length>"; inherits: false; initial-value: 0px;}
.ui-badge{--badge-bg:var(--ui-fill-tertiary);--badge-fg:var(--ui-label-secondary);display:inline-flex;align-items:center;gap:0.35em;min-height:22px;padding:var(--ui-space-half) 9px;border-radius:999px;background:linear-gradient(var(--badge-bg), var(--badge-bg)), var(--ui-ground, var(--ui-bg));color:var(--badge-fg);font:var(--ui-type-caption-1);font-weight:600;white-space:var(--badge-wrap, nowrap);max-inline-size:100%;vertical-align:middle}
.ui-badge .ui-icon{--icon-size:1.1em}
.ui-card{position:relative;display:grid;gap:6px;align-content:start;padding:var(--ui-space-inset);border-radius:var(--ui-radius-card);background:var(--ui-bg-grouped-secondary);color:var(--ui-label);text-decoration:none}
.ui-card[data-spacing="relaxed"]{gap:var(--ui-space-3);min-width:0}
.ui-card__footer{display:flex;gap:var(--ui-space-2);flex-wrap:wrap;margin-top:var(--ui-space-2)}
.ui-description-list{display:grid;gap:0;margin:0}
.ui-description-list > div{display:grid;gap:var(--ui-space-half);padding:10px 0;border-bottom:var(--ui-size-hairline) solid var(--ui-separator)}
.ui-description-list > div:last-child{border-bottom:0}
.ui-description-list dt{font:var(--ui-type-footnote);color:var(--ui-label-secondary)}
.ui-description-list dd{margin:0;font:var(--ui-type-body)}
.ui-description-list[data-variant="inline"] > div{grid-template-columns:minmax(110px, 38%) 1fr;align-items:baseline;column-gap:var(--ui-space-4)}
.ui-description-list[data-variant="inline"] dt{font:var(--ui-type-body);color:var(--ui-label)}
.ui-description-list[data-variant="inline"] dd{text-align:end;color:var(--ui-label-secondary);font-variant-numeric:tabular-nums}
@container (min-width: 640px){
.ui-description-list[data-variant="inline"] > div{grid-template-columns:minmax(140px, 220px) 1fr}
.ui-description-list[data-variant="inline"] dd{text-align:start}
}
.ui-description-list[data-variant="definitions"] > div{gap:var(--ui-space-1);padding-block:var(--ui-space-3);border-bottom:0}
.ui-description-list[data-variant="definitions"] dt{font:var(--ui-type-headline);letter-spacing:var(--ui-type-headline-tracking);color:var(--ui-label)}
.ui-description-list[data-variant="definitions"] dd{color:var(--ui-label-secondary)}
@container (min-width: 30rem){
.ui-description-list[data-variant="definitions"] > div{grid-template-columns:minmax(0, 2fr) minmax(0, 5fr);column-gap:var(--ui-space-6)}
}
.ui-app-icon{--app-icon-size:3.5em;--app-icon-color:var(--ui-accent);position:relative;display:inline-grid;place-items:center;flex:none;width:var(--app-icon-size);height:var(--app-icon-size);border-radius:calc(var(--app-icon-size) * 0.235);background:radial-gradient(120% 80% at 30% 0%, rgba(255, 255, 255, 0.34), transparent 62%), linear-gradient(160deg, color-mix(in srgb, var(--app-icon-color) 78%, #FFFFFF), var(--app-icon-color) 52%, color-mix(in srgb, var(--app-icon-color) 74%, #000000));color:#FFFFFF;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 0 0 0.5px rgba(255, 255, 255, 0.18), 0 1px 2px rgba(0, 0, 0, 0.16)}
.ui-app-icon > .ui-icon{--icon-size:calc(var(--app-icon-size) * 0.56);filter:drop-shadow(0 1px 1px rgba(0, 0, 0, 0.18))}
.ui-app-icon[data-size="lg"]{--app-icon-size:4.6em}
.ui-app-icon > .ui-badge{position:absolute;top:-0.42em;right:-0.42em;box-shadow:0 1px 2px rgba(0, 0, 0, 0.2)}
.ui-faq-list{min-width:0}
.ui-faq-list__item{padding-block:var(--ui-space-4)}
.ui-faq-list__question{font:var(--faq-question-font, var(--ui-type-headline));letter-spacing:var(--faq-question-tracking, var(--ui-type-headline-tracking))}
.ui-faq-list__answer{margin-top:var(--ui-space-1);color:var(--ui-label-secondary);text-wrap:pretty}
summary.ui-faq-list__question{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);min-height:var(--ui-size-target-min);margin-block:calc(-1 * var(--ui-space-2));cursor:pointer;list-style:none}
summary.ui-faq-list__question::-webkit-details-marker{display:none}
summary.ui-faq-list__question > .ui-icon{flex:none;color:var(--ui-label-secondary);transition:rotate var(--ui-duration-fast) var(--ui-easing-standard)}
.ui-feature-list{margin:0;padding:0 var(--ui-space-5);list-style:none;border-radius:var(--ui-radius-card);background:var(--ui-bg-grouped-secondary);box-shadow:inset 0 0 0 var(--ui-size-hairline) var(--ui-separator)}
.ui-feature-list__item + .ui-feature-list__item{border-top:var(--ui-size-hairline) solid var(--ui-separator)}
.ui-feature-list__item{display:grid;align-content:start;gap:var(--ui-space-1);padding-block:var(--ui-space-4)}
.ui-feature-list__title{font:var(--ui-type-headline);letter-spacing:var(--ui-type-headline-tracking)}
.ui-feature-list__text{color:var(--ui-label-secondary)}
.ui-feature-list[data-variant="plain"] > .ui-feature-list__item{padding-block:var(--ui-space-3)}
.ui-feature-list[data-variant="plain"] .ui-feature-list__text{color:var(--ui-label)}
@container (min-width: 30rem){
.ui-feature-list[data-variant="cards"]{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--ui-space-4);padding:0;background:none;box-shadow:none}
.ui-feature-list[data-variant="cards"] > .ui-feature-list__item{padding:var(--ui-space-5);border-top:0;border-radius:var(--ui-radius-card);background:var(--ui-bg-grouped-secondary);box-shadow:inset 0 0 0 var(--ui-size-hairline) var(--ui-separator)}
}
@container (min-width: 56rem){
.ui-feature-list[data-variant="cards"]{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
.ui-onboarding-step{display:grid;align-content:start;justify-items:center;gap:var(--ui-space-5);width:100%;max-width:30em;margin-inline:auto;text-align:center}
.ui-onboarding-step__visual{display:grid;place-items:center;min-height:7em}
.ui-onboarding-step__text{display:grid;gap:var(--ui-space-2)}
.ui-site-footer{padding-block:var(--ui-space-7) var(--ui-space-8);border-top:var(--ui-size-hairline) solid var(--ui-separator);font:var(--ui-type-subheadline)}
.ui-site-footer__links{margin:0;padding:0;list-style:none}
.ui-site-footer__link{display:inline-flex;align-items:center;min-height:var(--ui-size-control-sm);color:var(--ui-label-secondary);text-decoration:none}
.ui-site-footer__link:hover{color:var(--ui-label);text-decoration:underline}
.ui-site-footer__note{max-inline-size:45rem;margin-top:var(--ui-space-6);color:var(--ui-label-secondary)}
.ui-site-footer__note + .ui-site-footer__note{margin-top:var(--ui-space-2)}
.ui-site-footer__brand{display:inline-flex;align-items:center;min-height:var(--ui-size-target-min);color:var(--ui-label);text-decoration:none}
.ui-site-footer__logo{display:inline-flex;font-size:1.375rem;line-height:1}
.ui-site-footer__legal{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ui-space-2) var(--ui-space-6);margin-top:var(--ui-space-5)}
.ui-site-footer__legal > .ui-site-footer__note{margin-top:0}
.ui-site-footer__legal > .ui-site-footer__links{display:flex;flex-wrap:wrap;column-gap:var(--ui-space-6)}
.ui-site-header{border-bottom:var(--ui-size-hairline) solid var(--ui-separator)}
.ui-site-header__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:var(--ui-space-6);padding-block:var(--ui-space-2)}
.ui-site-header__brand{display:inline-flex;align-items:center;gap:var(--ui-space-2);min-height:var(--ui-size-target-min);color:var(--ui-label);font:var(--ui-type-headline);letter-spacing:var(--ui-type-headline-tracking);text-decoration:none}
.ui-site-header__lead{display:flex;align-items:center;gap:var(--ui-space-3);min-width:0}
.ui-site-header__logo{display:inline-flex;align-items:center;font-size:clamp(1.625rem, 1.3rem + 0.9vw, 2rem);line-height:1}
.ui-site-header__logo > .ui-brand-lockup{position:relative;inset-block-start:-0.2em}
.ui-site-header__back{display:inline-grid;flex:none;place-items:center;width:var(--ui-size-target-min);height:var(--ui-size-target-min);margin-inline-start:calc(-1 * var(--ui-space-1));border-radius:999px;color:var(--ui-label);--icon-size:20px}
.ui-site-header__back{transition:transform var(--ui-duration-fast) var(--ui-easing-standard), background-color var(--ui-duration-fast) var(--ui-easing-standard)}
.ui-site-header__back:hover{background:var(--ui-fill-quaternary)}
.ui-site-header__back:active{transform:scale(1.08);background:var(--ui-fill-tertiary)}
@media (prefers-reduced-motion: reduce){
.ui-site-header__back:active{transform:none}
}
.ui-site-header__back:has(> .ui-site-header__back-text){display:inline-flex;justify-content:center;width:auto;min-width:var(--ui-size-target-min);padding-inline:var(--ui-space-2);font:var(--ui-type-headline);letter-spacing:var(--ui-type-headline-tracking);text-decoration:none}
.ui-site-header__back-text{max-inline-size:20ch;overflow:hidden;margin-inline-start:var(--ui-space-1);padding-inline-end:var(--ui-space-2);text-overflow:ellipsis;white-space:nowrap}
.ui-site-header__title{min-width:0;margin:0;overflow:hidden;color:var(--ui-label);font:var(--ui-type-headline);letter-spacing:var(--ui-type-headline-tracking);text-overflow:ellipsis;white-space:nowrap;opacity:0}
@media (max-width: 59.999rem){
.ui-site-header:has(.ui-site-header__title) .ui-site-header__bar{position:relative}
.ui-site-header__title{position:absolute;left:50%;max-width:calc(100% - 2 * (var(--ui-size-target-min) + var(--ui-space-5)));translate:-50% 0;text-align:center}
}
@supports (animation-timeline: view()){
.ui-site-header__title{animation:ui-site-header-title linear both;animation-timeline:--ui-site-title;animation-range:exit 50% exit 100%}
@media (max-width: 59.999rem){
.ui-site-header:has(.ui-site-header__title) .ui-site-header__back-text{animation:ui-site-header-back-fold linear both;animation-timeline:--ui-site-title;animation-range:exit 50% exit 100%}
}
}
.ui-site-header[data-material="glass"]{position:sticky;top:0;z-index:var(--ui-z-sticky);padding-bottom:var(--ui-space-4);border-bottom:0;background:linear-gradient(to bottom, var(--ui-bg-grouped) calc(100% - var(--ui-space-6)), color-mix(in srgb, var(--ui-bg-grouped) 0%, transparent))}
.ui-site-header[data-material="glass"]::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--ui-space-6)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--ui-space-6)), transparent)}
@media (prefers-reduced-transparency: reduce), (prefers-contrast: more){
.ui-site-header[data-material="glass"]{padding-bottom:0;background:var(--ui-bg-grouped)}
.ui-site-header[data-material="glass"]::before{content:none}
}
.ui-site-hero__title{font:var(--ui-type-large-title);letter-spacing:var(--ui-type-large-title-tracking);font-size:clamp(2.125rem, 1.6rem + 2vw, 3.1875rem);line-height:1.15;text-wrap:balance}
.ui-site-hero__lead{margin-top:var(--ui-space-4);font:var(--ui-type-title-3);font-weight:400;letter-spacing:var(--ui-type-title-3-tracking);line-height:1.5;color:var(--ui-label-secondary);text-wrap:pretty}
.ui-site-marquee{--site-marquee-fade:var(--ui-site-marquee-fade, min(15%, 10rem));margin-inline:calc(50% - 50vw);overflow:hidden;-webkit-mask-image:linear-gradient(to right, transparent, #000 var(--site-marquee-fade), #000 calc(100% - var(--site-marquee-fade)), transparent);mask-image:linear-gradient(to right, transparent, #000 var(--site-marquee-fade), #000 calc(100% - var(--site-marquee-fade)), transparent)}
.ui-site-marquee__track{display:flex;width:max-content}
.ui-site-marquee__list{display:flex;flex:none;margin:0;padding:0;list-style:none}
.ui-site-marquee__item{flex:none;height:var(--ui-site-marquee-height, clamp(16rem, 45vw, 28rem));margin-inline-end:var(--ui-space-5)}
.ui-site-marquee__item :is(img, picture){display:block;width:auto;height:100%}
@media (prefers-reduced-motion: no-preference){
.ui-site-marquee__track{animation:ui-site-marquee-loop var(--ui-site-marquee-duration, 45s) linear infinite}
}
@media (prefers-reduced-motion: reduce){
.ui-site-marquee{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.ui-site-marquee__list[aria-hidden="true"]{display:none}
.ui-site-marquee__item{scroll-snap-align:center}
}
.ui-site-page{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow-wrap:break-word}
.ui-site-page__main{flex:1 0 auto;padding-block:var(--ui-space-7) var(--ui-space-10)}
.ui-site-page:has(.ui-site-header__title){timeline-scope:--ui-site-title}
.ui-site-page:has(.ui-site-header__title) .ui-site-page__main h1{view-timeline:--ui-site-title block;view-timeline-inset:calc(var(--ui-size-target-min) + var(--ui-space-6)) 0}
.ui-site-page__main{overflow-x:clip}
.ui-site-page__main{--button-wrap:normal}
.ui-site-page__column{container-type:inline-size}
.ui-site-page__column[data-measure] > *{max-inline-size:45rem}
.ui-site-page__title{font:var(--ui-type-large-title);letter-spacing:var(--ui-type-large-title-tracking);text-wrap:balance}
.ui-site-page__lead{max-inline-size:65ch;margin-top:var(--ui-space-4);font:var(--ui-type-title-3);font-weight:400;letter-spacing:var(--ui-type-title-3-tracking);line-height:1.5;color:var(--ui-label-secondary);text-wrap:pretty}
.ui-site-page__meta{margin-top:var(--ui-space-3);font:var(--ui-type-footnote);color:var(--ui-label-secondary)}
.ui-site-page__intro + :not(.ui-site-section){margin-top:var(--ui-space-6)}
@media (min-width: 37.5rem){
.ui-site-page__main{padding-block-start:var(--ui-space-8)}
}
@media (max-height: 31.25rem){
.ui-site-page__main:has(.ui-site-page__intro + [data-slot="action"]){padding-block-start:var(--ui-space-4)}
.ui-site-page__intro:has(+ [data-slot="action"]) > h1{font-size:1.75rem;line-height:1.2}
.ui-site-page__intro:has(+ [data-slot="action"]) > .ui-site-page__lead{margin-top:var(--ui-space-3);font-size:1.0625rem}
.ui-site-page__intro + [data-slot="action"]{margin-top:var(--ui-space-4)}
}
.ui-site-page:has(> .ui-site-header[data-material="glass"]) [id]{scroll-margin-top:calc(var(--ui-size-target-min) + var(--ui-space-6))}
.ui-site-section{margin-top:var(--ui-space-9)}
.ui-site-section > * + *{margin-top:var(--ui-space-5)}
.ui-site-section__title + *{margin-top:var(--ui-space-4)}
.ui-site-section__title{font:var(--ui-type-title-2);letter-spacing:var(--ui-type-title-2-tracking);text-wrap:balance}
.ui-site-section__lead{color:var(--ui-label-secondary);text-wrap:pretty}
.ui-site-section > .ui-site-section__more{margin-top:var(--ui-space-4)}
.ui-site-section__prose > p{text-wrap:pretty}
.ui-site-section__prose > p + p{margin-top:var(--ui-space-3)}
@media (min-width: 64rem){
.ui-site-section{margin-top:var(--ui-space-10)}
}
}
@layer ui.themes{
[data-theme^="apple-"]{--ui-glass-sheen:linear-gradient(180deg, light-dark(rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0)), light-dark(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.06)) 55%);--ui-glass-specular:inset 0 0.5px 0 var(--ui-glass-highlight), inset 0 -0.5px 0 light-dark(rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0.28));--ui-glass-rim:0 0 0 0.5px var(--ui-glass-edge);--ui-glass-shadow:0 2px 13px light-dark(rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.35))}
@media (width >= 26.75rem){
:root[data-theme="apple-ios"]{--ui-space-page:var(--ui-space-5)}
}
@media (prefers-reduced-motion: reduce){
[data-theme^="apple-"] :is(.ui-button, .ui-chip, .ui-card[data-variant="linked"], .ui-card[data-variant="lockup"] .ui-card__media, .ui-tab-bar__item, .ui-nav-bar__button, .ui-carousel__card, .ui-carousel__arrow, .ui-carousel__toggle, .ui-image-gallery__item, .ui-rating__star > .ui-icon, .ui-video-player__button){transform:none !important}
}
@media (prefers-contrast: more){
[data-theme^="apple-"]:not([data-contrast="standard"]) :is(.ui-skip-link:not(.ui-skip-links > .ui-skip-link), .ui-skip-links){background:var(--ui-bg-elevated)}
}
@media (prefers-contrast: more){
[data-theme^="apple-"]:not([data-contrast="standard"]){--ui-glass-rim:0 0 0 1px light-dark(rgba(0, 0, 0, 0.45), rgba(255, 255, 255, 0.5))}
}
@media (prefers-contrast: more){
[data-theme^="apple-"]:not([data-theme="apple-macos"], [data-contrast="standard"]){--ui-input-shadow:inset 0 0 0 1px light-dark(rgba(0, 0, 0, 0.45), rgba(255, 255, 255, 0.5))}
}
[data-theme^="apple-"] .ui-card{--ui-ground:var(--ui-bg-grouped-secondary)}
[data-theme^="apple-"] :is(.ui-input, .ui-select):not(.ui-form__row *, .ui-list__row *){min-width:var(--ui-size-target-min);min-height:max(var(--ui-size-target-min), var(--input-height, var(--select-height, var(--ui-size-control-md))))}
[data-theme^="apple-"].ui-site-page{--ui-ground:var(--ui-bg-grouped);background-color:var(--ui-bg-grouped)}
}
@keyframes ui-site-header-title{to { opacity: 1; }}
@keyframes ui-site-header-back-fold{to { max-inline-size: 0; margin-inline-start: 0; padding-inline-end: 0; opacity: 0; }}
@keyframes ui-site-marquee-loop{to { transform: translateX(-50%); }}
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
}
img { pointer-events: none; -webkit-user-select: none; user-select: none; }