.docs-sp-page{box-sizing:border-box;width:100%;margin:0 auto;padding:44px 48px 120px}.docs-sp-page--wide{max-width:1040px;padding:64px 48px 96px}.docs-sp-page--regular{max-width:960px}.docs-sp-page--narrow{max-width:760px}@media (max-width:720px){.docs-sp-page,.docs-sp-page--wide{padding-right:20px;padding-left:20px}}.docs-sp-breadcrumb{font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);font-weight:400;color:var(--text-ghost)}.docs-sp-breadcrumb__link,.docs-sp-page a.docs-sp-breadcrumb__link{color:var(--text-ghost);text-decoration:none}.docs-sp-breadcrumb__link:hover,.docs-sp-page a.docs-sp-breadcrumb__link:hover{color:var(--text-call-out);text-decoration:underline;text-underline-offset:.15em}.docs-sp-breadcrumb__current{color:var(--text-call-out)}.docs-sp-title-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:10px}.docs-sp-title{margin:0;font-family:var(--typography-font-families-montserrat);font-size:var(--doc-display-size);font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.docs-sp-blurb{max-width:620px;margin:14px 0 0;font-family:var(--typography-font-families-roboto);font-size:var(--doc-title-size);font-weight:400;line-height:1.6;color:var(--text-secondary);text-wrap:pretty}.docs-sp-meta{margin:10px 0 0;font-family:var(--doc-font-mono);font-size:var(--doc-body-size);color:var(--text-ghost)}.docs-sp-body{display:flex;flex-direction:column;gap:20px;margin-top:36px}.docs-sp-h2{margin:24px 0 0;font-family:var(--typography-font-families-montserrat);font-size:var(--doc-title-large-size);font-weight:700;color:var(--text-primary)}.docs-sp-h2-sub{margin:-12px 0 0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);line-height:1.5;color:var(--text-secondary)}.docs-sp-page .doc-section{padding:24px 28px 28px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm)}.docs-sp-page .doc-section:has(.doc-catalog){padding:0;background:transparent;border:none;box-shadow:none}.docs-sp-page .doc-section__title{font-family:var(--typography-font-families-montserrat);font-size:var(--doc-title-large-size);font-weight:700;line-height:1.3;color:var(--text-primary)}.docs-sp-page .doc-section__description{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.5;color:var(--text-secondary)}.docs-sp-page .doc-meta{border-bottom-color:var(--card-border)}.docs-sp-page .doc-note{border-top-color:var(--card-border)}.docs-sp-page .doc-legend__title,.docs-sp-page .doc-meta__title,.docs-sp-page .doc-note__title{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:600;color:var(--text-primary)}.docs-sp-page .doc-legend__body,.docs-sp-page .doc-meta__body,.docs-sp-page .doc-note__body,.docs-sp-page .doc-note__list{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.6;color:var(--text-secondary)}.docs-sp-page .doc-specimen-label__title{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:500;color:var(--text-primary)}.docs-sp-page .doc-specimen-label__caption{font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);color:var(--text-ghost)}.docs-sp-page .doc-meta a,.docs-sp-page .doc-note a,.docs-sp-page .doc-section__description a,.docs-sp-page .docs-link-list a,.docs-sp-page .docs-registry-list a,.docs-sp-page a.doc-link,.docs-sp-page a.doc-link:visited{font-family:var(--typography-font-families-roboto);font-weight:500;color:var(--text-hyperlink);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}.docs-sp-page .doc-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;border-top:none}.docs-sp-page .doc-catalog__item{min-width:0}.docs-sp-page .doc-catalog__row,.docs-sp-page a.doc-catalog__row,.docs-sp-page a.doc-link.doc-catalog__row{box-sizing:border-box;justify-content:flex-start;gap:8px;height:100%;padding:24px;background:var(--surface-card);border-bottom:1px solid var(--card-border);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm);text-decoration:none;transition:box-shadow .15s ease}.docs-sp-page a.doc-catalog__row:hover,.docs-sp-page a.doc-link.doc-catalog__row:hover{box-shadow:var(--box-shadow-shadow-md);text-decoration:none}.docs-sp-page a.doc-catalog__row:focus-visible{outline:2px solid var(--text-call-out);outline-offset:2px}.docs-sp-page .doc-catalog__title,.docs-sp-page a.doc-catalog__row:hover .doc-catalog__title{font-family:var(--typography-font-families-montserrat);font-size:var(--typography-font-sizes-lg);font-weight:700;line-height:1.35;color:var(--text-primary);text-decoration:none}.docs-sp-page .doc-catalog__row--static .doc-catalog__title{color:var(--text-ghost)}.docs-sp-page .doc-catalog__desc{font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.5;color:var(--text-secondary)}.docs-sp-page .doc-catalog__desc,.docs-sp-page .doc-catalog__meta{font-family:var(--typography-font-families-roboto);text-decoration:none}.docs-sp-page .doc-catalog__meta{font-size:var(--doc-caption-size);font-weight:500;letter-spacing:.06em;color:var(--text-ghost)}.docs-sp-page .docs-link-list,.docs-sp-page .docs-registry-list,.docs-sp-page .docs-release-list{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);line-height:1.7;color:var(--text-secondary)}.docs-sp-page .docs-registry-muted{color:var(--text-ghost)}.docs-sp-home-eyebrow{font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);font-weight:500;letter-spacing:.1em;color:var(--text-call-out);text-transform:uppercase}.docs-sp-home-brand{width:100%;margin:14px 0 0}.docs-sp-home-brand__img{display:block;width:100%;height:auto}.docs-sp-home-rule{width:72px;height:3px;margin:26px 0;background:var(--surface-gradient);border-radius:9999px}.docs-sp-home-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.docs-sp-home-cta,.docs-sp-page a.docs-sp-home-cta{display:inline-flex;align-items:center;height:44px;padding:0 32px;font-family:var(--typography-font-families-roboto);font-size:var(--doc-title-size);font-weight:700;border-radius:9999px;text-decoration:none}.docs-sp-home-cta--primary,.docs-sp-page a.docs-sp-home-cta--primary{background:var(--surface-primary-button);color:var(--text-on-primary)}.docs-sp-home-cta--primary:hover{background:var(--teal-800)}[data-theme=dark] .docs-sp-home-cta--primary:hover{background:var(--brand-primary)}.docs-sp-home-cta--secondary,.docs-sp-page a.docs-sp-home-cta--secondary{background:transparent;border:2px solid var(--surface-primary-button);color:var(--text-call-out)}.docs-sp-home-cta--secondary:hover{background:color-mix(in srgb,var(--text-call-out) 8%,transparent)}.docs-sp-home-cta:focus-visible{outline:2px solid var(--text-call-out);outline-offset:2px}.docs-sp-home-platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:64px}.docs-sp-home-platform,.docs-sp-page a.docs-sp-home-platform{display:flex;flex-direction:column;gap:6px;padding:20px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm);text-decoration:none;transition:box-shadow .15s ease}a.docs-sp-home-platform:hover{box-shadow:var(--box-shadow-shadow-md)}.docs-sp-home-platform__dot{width:8px;height:8px;border-radius:9999px}.docs-sp-home-platform__dot--web{background:var(--brand-primary)}.docs-sp-home-platform__dot--native{background:var(--green-500)}.docs-sp-home-platform__dot--figma{background:var(--purple-300)}.docs-sp-home-platform__name{margin-top:8px;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:500;color:var(--text-primary)}.docs-sp-home-platform__pkg{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);font-weight:400;color:var(--text-ghost)}.docs-sp-home-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px;margin-top:16px}.docs-sp-home-area,.docs-sp-page a.docs-sp-home-area{display:block;padding:24px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm);text-decoration:none;transition:box-shadow .15s ease}a.docs-sp-home-area:hover{box-shadow:var(--box-shadow-shadow-md)}.docs-sp-home-area__title{font-family:var(--typography-font-families-montserrat);font-size:var(--typography-font-sizes-lg);font-weight:700;color:var(--text-primary)}.docs-sp-home-area__desc{margin:8px 0 0;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.5;color:var(--text-secondary)}.docs-sp-home-release,.docs-sp-page a.docs-sp-home-release{display:flex;gap:16px;align-items:center;margin-top:16px;padding:18px 24px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm);text-decoration:none;transition:box-shadow .15s ease}a.docs-sp-home-release:hover{box-shadow:var(--box-shadow-shadow-md)}.docs-sp-home-release__summary{flex:1 1;min-width:0;overflow:hidden;font-weight:400;color:var(--text-secondary);text-overflow:ellipsis}.docs-sp-home-release__link,.docs-sp-home-release__summary{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);white-space:nowrap}.docs-sp-home-release__link{margin-left:auto;font-weight:500;color:var(--text-call-out)}.docs-sp-home-extra{margin-top:64px}.docs-sp-home-extra .docs-sp-h2-sub{margin:8px 0 0}.docs-sp-home-extra>.doc-note,.docs-sp-home-extra>.docs-home-showcase{margin-top:20px}@media (max-width:760px){.docs-sp-home-areas,.docs-sp-home-platforms,.docs-sp-page .doc-catalog{grid-template-columns:minmax(0,1fr)}.docs-sp-home-release{flex-wrap:wrap}}.docs-sp-tokens-table{margin-top:16px;overflow-x:auto;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm)}.docs-sp-tokens-table__head,.docs-sp-tokens-table__row{display:grid;grid-template-columns:1.4fr 1.6fr .7fr .7fr;grid-gap:0 16px;gap:0 16px;align-items:center;min-width:560px}.docs-sp-tokens-table__head{padding:10px 20px;border-bottom:1px solid var(--card-border);font-family:var(--typography-font-families-roboto);font-size:var(--doc-caption-size);font-weight:500;letter-spacing:.06em;color:var(--text-ghost);text-transform:uppercase}.docs-sp-tokens-table__row{padding:11px 20px;border-bottom:1px solid var(--card-border)}.docs-sp-tokens-table__row:last-child{border-bottom:none}.docs-sp-tokens-table__role{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);color:var(--text-primary)}.docs-sp-tokens-table__use{display:block;font-size:var(--doc-caption-size);color:var(--text-ghost)}.docs-sp-tokens-table__token{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);font-weight:400;color:var(--text-call-out);overflow-wrap:anywhere}.docs-sp-tokens-table__mode{display:flex;gap:8px;align-items:center}.docs-sp-swatch{display:inline-block;flex:none;width:18px;height:18px;background:var(--docs-sp-sw);border:1px solid var(--card-border);border-radius:5px}.docs-sp-ramp{margin-top:24px}.docs-sp-ramp__name{margin-bottom:8px;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:500;color:var(--text-primary)}.docs-sp-ramp__row{display:flex;gap:6px}.docs-sp-ramp__cell{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.docs-sp-ramp__swatch{height:44px;background:var(--docs-sp-sw);border:1px solid var(--card-border);border-radius:6px}.docs-sp-ramp__label{overflow:hidden;font-family:var(--doc-font-mono);font-size:var(--doc-eyebrow-size);font-weight:400;color:var(--text-ghost);text-align:center;text-overflow:ellipsis;white-space:nowrap}.docs-sp-ramp__label--hex{font-size:var(--doc-micro-size);letter-spacing:-.02em;opacity:.85}.docs-sp-release{padding:24px;background:var(--surface-card);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm)}.docs-sp-release__head{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.docs-sp-release__version-link{text-decoration:none}.docs-sp-release__version-link:hover{text-decoration:underline;text-underline-offset:.15em}.docs-sp-release__date{font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);font-weight:400;color:var(--text-ghost)}.docs-sp-release__latest{margin-left:auto}.docs-sp-release__blurb{margin:14px 0 0;font-weight:400;line-height:1.6;color:var(--text-secondary)}.docs-sp-release__blurb,.docs-sp-release__group-title{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm)}.docs-sp-release__group-title{margin:16px 0 0;font-weight:500;color:var(--text-call-out)}.docs-sp-release__list{margin:8px 0 0;padding-left:18px;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:400;line-height:1.8;color:var(--text-secondary)}.docs-sp-release__blurb code,.docs-sp-release__list code{font-family:var(--doc-font-mono);font-size:var(--doc-body-size);background:none}.docs-sp-release__lead{font-weight:500}.docs-sp-release__group-title--ok,.docs-sp-release__lead--ok{color:var(--icon-success)}.docs-sp-release__group-title--chg,.docs-sp-release__lead--chg{color:var(--text-call-out)}.docs-sp-release__group-title--fix,.docs-sp-release__lead--fix{color:var(--text-negative)}.docs-sp-release__group-title--exp,.docs-sp-release__lead--exp{color:var(--text-on-color)}.docs-sp-pager{display:flex;gap:16px;justify-content:space-between;margin-top:8px;font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm)}.docs-sp-hatch{display:flex;align-items:center;justify-content:center;height:220px;margin-top:28px;background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--text-call-out) 10%,transparent) 0,color-mix(in srgb,var(--text-call-out) 10%,transparent) 8px,color-mix(in srgb,var(--text-call-out) 4%,transparent) 8px,color-mix(in srgb,var(--text-call-out) 4%,transparent) 16px);border:1px solid var(--card-border);border-radius:12px}.doc-article>.docs-sp-breadcrumb{margin-bottom:16px}.docs-compliance-mfe-picker{display:none;margin-bottom:16px}@media (max-width:1024px){.docs-compliance-mfe-picker{display:block}}.docs-compliance-overview.docs-sp-page{max-width:none;margin:28px 0 0;padding:0}.docs-compliance-page-title{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;-webkit-clip-path:inset(100%);clip-path:inset(100%);white-space:nowrap}.docs-compliance-page-header{display:block;width:100%;height:auto;background:transparent}.docs-compliance-mfe{display:flex;flex-direction:column;gap:20px}.docs-compliance-mfe-header .docs-sp-title{margin-top:0}.docs-compliance-mfe-header .docs-sp-blurb{margin-top:10px}.docs-compliance-mfe-summary.docs-sp-page{max-width:none;margin:0;padding:0}.docs-compliance-mfe-card-panel{display:flex;flex-direction:column;gap:var(--doc-space-section)}.docs-compliance-stage{display:flex;flex:1 1;flex-direction:column;min-width:0;min-height:480px;background:var(--surface-card);border:1px solid var(--line-separating-content);border-radius:12px;box-shadow:var(--box-shadow-shadow-sm)}.docs-compliance-toolbar{display:flex;flex:none;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line-separating-content)}.docs-compliance-toolbar__tabs{flex:1 1 auto;min-width:0}.docs-compliance-toolbar__rule{flex:none;align-self:stretch;width:1px;margin:-16px 0;background:var(--line-separating-content)}.docs-compliance-toolbar__reload{flex:none;display:flex;align-items:center;gap:var(--spacing-8)}.docs-compliance-stage-backdrop{position:fixed;inset:0;z-index:var(--modal-z-index,1000);background:var(--modal-backdrop-bg)}.docs-compliance-stage--dialog{position:fixed;z-index:calc(var(--modal-z-index, 1000) + 1);top:5vh;left:5vw;width:90vw;height:90vh;min-height:0}.docs-compliance-stage__body{display:flex;flex:1 1;align-items:flex-start;justify-content:flex-start;min-height:0;padding:32px;overflow:visible}.docs-compliance-stage--dialog .docs-compliance-stage__body{overflow:auto;container-type:size}.docs-compliance-viewer{display:flex;align-items:flex-start;gap:24px;width:100%;min-width:0}.docs-compliance-viewer--interactive{flex-direction:column;align-items:stretch}.docs-compliance-viewer__row{display:flex;align-items:flex-start;gap:24px;width:100%;min-width:0}.doc-article:has(.docs-compliance-mfe){padding-bottom:0}.docs-compliance-stage:not(.docs-compliance-stage--dialog) .docs-compliance-viewer:not(.docs-compliance-viewer--interactive)>.doc-native-preview,.docs-compliance-stage:not(.docs-compliance-stage--dialog) .docs-compliance-viewer__row>.doc-native-preview{position:-webkit-sticky;position:sticky;top:0;z-index:1;max-height:calc(100dvh - 56px - 33px);overflow:auto}.docs-compliance-viewer-auth{display:grid;grid-gap:var(--spacing-8);gap:var(--spacing-8);width:100%;padding:var(--spacing-12);border:1px solid var(--line-separating-content);border-radius:var(--border-radius-radius-md);background:var(--surface-card)}.docs-compliance-viewer-auth__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-8)}.docs-compliance-viewer-auth__divider{height:1px;margin:0 calc(var(--spacing-12) * -1);background:var(--line-separating-content)}.docs-compliance-viewer-auth__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-12)}.docs-compliance-viewer-auth__tokens{display:flex;align-items:center;gap:var(--spacing-8)}.docs-compliance-viewer-auth__rule{flex:none;width:1px;height:var(--control-height-xs);background:var(--line-separating-content)}.docs-compliance-viewer-frame-slot{box-sizing:border-box;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;padding-top:var(--doc-device-status,0);padding-bottom:var(--doc-device-dock,0)}.docs-compliance-viewer-frame{display:block;flex:1 1 auto;width:100%;min-height:0;border:0;background:var(--surface-page)}.docs-compliance-issues{flex:1 1 360px;min-width:280px;min-height:0;display:flex;flex-direction:column;gap:8px}.docs-compliance-issues__list{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px}.docs-compliance-stage--dialog .docs-compliance-viewer__row{height:calc(100cqh + 32px);align-items:stretch}.docs-compliance-stage.docs-compliance-stage--dialog .docs-compliance-viewer:not(.docs-compliance-viewer--interactive)>.doc-native-preview,.docs-compliance-stage.docs-compliance-stage--dialog .docs-compliance-viewer__row>.doc-native-preview{align-self:flex-start;max-height:100%;overflow:auto}.docs-compliance-stage.docs-compliance-stage--dialog .docs-compliance-viewer:not(.docs-compliance-viewer--interactive){height:100%;min-height:0}.docs-compliance-stage--dialog .docs-compliance-issues{height:100%;overflow:hidden}.docs-compliance-stage--dialog .docs-compliance-issues__list{overflow:auto}.docs-compliance-issue-group{min-width:0;border:1px solid var(--line-separating-content);border-radius:8px;background:var(--surface-card)}.docs-compliance-issue-group summary{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);color:var(--text-primary)}.docs-compliance-issue-group summary code{margin-left:auto;font-size:var(--doc-caption-size);color:var(--text-ghost)}.docs-compliance-issue-group ul{list-style:none;margin:0;padding:0}.docs-compliance-issue-group li+li,.docs-compliance-issue-group ul{border-top:1px solid var(--line-separating-content)}.docs-compliance-issue{display:flex;flex-direction:column;align-items:stretch;gap:4px;width:100%;min-width:0;max-width:100%;margin:0;padding:8px 10px;text-align:left;font:inherit;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer}.docs-compliance-issue--selected{width:calc(100% - (var(--spacing-8) * 2));margin:var(--spacing-8);color:var(--text-primary);background:color-mix(in srgb,var(--text-call-out) 12%,transparent);border-color:var(--text-call-out)}.docs-compliance-issue__meta{display:flex;flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;font-family:var(--doc-font-mono);font-size:var(--doc-caption-size)}.docs-compliance-issue .docs-compliance-issue__meta code{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}.docs-compliance-issue__meta [data-severity=error]{color:var(--text-call-out)}.docs-compliance-issue__message{min-width:0;max-width:100%;overflow-wrap:anywhere;font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size)}.docs-compliance-issue-detail{margin:var(--spacing-8);overflow:auto;padding:12px;border:1px solid var(--line-separating-content);border-radius:8px;background:var(--surface-card)}.docs-compliance-issue-detail p{margin:0 0 8px}.docs-compliance-issue-detail .doc-code-block{margin-bottom:8px}.docs-compliance-issue-detail .doc-code-block__title{min-width:0;overflow-wrap:anywhere}.docs-compliance-issue-detail__lead{font-family:var(--typography-font-families-roboto);font-size:var(--typography-font-sizes-sm);font-weight:var(--typography-font-weights-regular);line-height:var(--typography-line-heights-relaxed);color:var(--text-secondary)}.docs-compliance-issue-detail>pre{margin:0 0 8px;padding:8px 10px;overflow:auto;font-size:var(--doc-caption-size);background:color-mix(in srgb,var(--text-primary) 4%,transparent);border-radius:6px}.docs-compliance-thumbs{display:flex;flex:none;flex-direction:column;gap:12px;margin:0;padding-top:8px}.docs-compliance-stage.docs-compliance-stage--dialog .docs-compliance-viewer:not(.docs-compliance-viewer--interactive)>.docs-compliance-thumbs{min-height:0;max-height:100%;overflow:auto}.docs-compliance-thumb{display:flex;flex-direction:column;gap:6px;width:96px;margin:0;padding:6px;font-family:var(--typography-font-families-roboto);font-size:var(--doc-caption-size);color:var(--text-secondary);text-align:left;background:transparent;border:1px solid var(--card-border);border-radius:8px;cursor:pointer}.docs-compliance-thumb[aria-selected=true]{color:var(--text-primary);border-color:var(--text-call-out)}.docs-compliance-thumb__preview{display:block;width:100%;aspect-ratio:393/852;border-radius:4px}.docs-compliance-thumb__label{padding:0 2px 2px}.docs-compliance-shot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;height:100%}.docs-compliance-shot__title{font-family:var(--typography-font-families-montserrat);font-size:var(--doc-title-size);font-weight:700;color:var(--text-primary)}.docs-compliance-shot__detail{font-family:var(--typography-font-families-roboto);font-size:var(--doc-body-size);color:var(--text-secondary)}.docs-compliance-shot[data-shot="1"],.docs-compliance-thumb__preview[data-shot="1"]{background:color-mix(in srgb,var(--text-call-out) 18%,var(--surface-card))}.docs-compliance-shot[data-shot="2"],.docs-compliance-thumb__preview[data-shot="2"]{background:color-mix(in srgb,var(--brand-primary) 16%,var(--surface-card))}.docs-compliance-shot[data-shot="3"],.docs-compliance-thumb__preview[data-shot="3"]{background:color-mix(in srgb,var(--text-secondary) 16%,var(--surface-card))}.docs-compliance-shot[data-shot=interactive]{background:color-mix(in srgb,var(--text-call-out) 10%,var(--surface-card))}.docs-sp-hatch__chip{padding:4px 10px;font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);font-weight:400;color:var(--text-ghost);background:var(--surface-card);border:1px solid var(--card-border);border-radius:6px}body{min-height:100vh;margin:0;font-family:var(--typography-font-families-roboto);background-color:var(--surface-page);color:var(--text-primary)}.docs-auth-page{max-width:32rem}html[data-reduced-motion] *,html[data-reduced-motion] :after,html[data-reduced-motion] :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.docs-profile{display:flex;flex-direction:column;gap:var(--spacing-24);max-width:40rem}.docs-profile-loading{display:flex;align-items:center;justify-content:center;min-height:12rem}.docs-profile-hero__row{display:flex;align-items:flex-start;gap:var(--spacing-16)}.docs-profile-hero__avatar{flex:0 0 auto}.docs-profile-hero__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--spacing-4);min-width:0}.docs-profile-hero__title-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-8)}.docs-profile-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-16);margin:var(--spacing-12) 0 0}.docs-profile-stats>div{display:flex;flex-direction:column;gap:var(--spacing-4);min-width:7rem}.docs-profile-stats dt{margin:0;color:var(--text-secondary);font-size:var(--typography-font-sizes-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}.docs-profile-stats dd{margin:0;font-size:var(--typography-font-sizes-sm);color:var(--text-primary)}.docs-profile-workspace{display:flex;flex-direction:column;gap:var(--spacing-12)}.docs-profile-panel .lore-card{display:flex;flex-direction:column;gap:var(--spacing-16)}.docs-profile-panel__section{display:flex;flex-direction:column;gap:var(--spacing-24)}.docs-profile-panel__intro{display:flex;flex-direction:column;gap:var(--spacing-4)}.docs-form-stack{display:flex;flex-direction:column;gap:var(--doc-space-section);max-width:28rem}.docs-form-stack--wide{max-width:40rem}.docs-profile-panel .docs-form-stack{max-width:none}.docs-profile-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-8);padding-top:var(--spacing-8)}.docs-profile-session__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-16)}.docs-profile-session__copy{display:flex;flex:1 1 14rem;flex-direction:column;gap:var(--spacing-4);min-width:0}.docs-profile-session .lore-divider{margin:var(--spacing-16) 0}@media (max-width:36rem){.docs-profile-hero__row{flex-direction:column;align-items:center;text-align:center}.docs-profile-hero__title-row,.docs-profile-stats{justify-content:center}.docs-profile-session__row{flex-direction:column;align-items:stretch}}.docs-link-list{margin:0;padding-left:var(--doc-space-specimen);font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--brand-primary)}.docs-link-list li+li{margin-top:var(--doc-space-related)}.docs-inline-link,.docs-link-list a{color:var(--brand-primary);text-decoration:underline}.docs-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));grid-gap:var(--doc-space-section);gap:var(--doc-space-section);margin:0}.docs-metric-grid dt{margin:0 0 var(--doc-space-tight);font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--doc-ink-annotation)}.docs-metric-grid dd{margin:0;font-family:var(--doc-font-mono);font-size:var(--doc-title-size);font-weight:500;line-height:var(--doc-title-line);color:var(--brand-primary)}.docs-shell{gap:var(--doc-space-region);max-width:var(--doc-content-max);width:100%;padding:var(--doc-space-region);margin:0 auto;box-sizing:border-box}.docs-page-intro,.docs-shell{display:flex;flex-direction:column}.docs-page-intro{gap:var(--doc-space-related-loose)}.docs-specimen-stack{display:flex;flex-direction:column;align-items:flex-start;gap:var(--doc-space-specimen);width:100%}.docs-specimen-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--doc-space-related-loose);width:100%}.doc-panel__specimen:has(.docs-page-header-screen){padding:0;align-items:stretch;justify-content:flex-start;overflow:visible}.docs-page-header-screen{display:flex;flex-direction:column;width:100%;height:100%;min-height:100%;overflow:visible;background:var(--surface-page)}.docs-page-header-screen__body{flex:1 1 auto;min-height:0;overflow:auto;padding:var(--spacing-16)}.docs-sidebar-demo{width:100%;margin:calc(-1 * var(--doc-space-inset));overflow:hidden;border-radius:calc(var(--border-radius-radius-md) - 1px);background:var(--surface-discrete-area)}.docs-sidebar-demo__layout{min-height:28rem}.docs-sidebar-demo__layout .lore-sidebar{position:relative;top:auto;max-height:none}.docs-sidebar-demo__inset{display:flex;flex-direction:column;gap:var(--doc-space-related);padding:var(--doc-space-related-loose);background:var(--surface-page)}.docs-sidebar-demo__toolbar{display:flex;align-items:center;gap:var(--doc-space-related)}.docs-sidebar-variant-preview{width:100%;min-height:12rem;overflow:hidden;border-radius:var(--border-radius-radius-md);border:1px solid var(--doc-rule);background:var(--surface-discrete-area)}.docs-sidebar-variant-preview .lore-sidebar-layout{min-height:12rem}.docs-sidebar-variant-preview .lore-sidebar{position:relative;top:auto;max-height:12rem}.docs-sidebar-variant-preview__inset{display:flex;align-items:center;padding:var(--doc-space-related);background:var(--surface-page)}.docs-specimen-stack--fields{max-width:22.5rem;align-items:stretch}.docs-specimen-stack--panel{max-width:26.25rem;align-items:stretch}.docs-specimen-stack--center{align-items:center;justify-content:center;min-height:10rem}.docs-registry-list{margin:0;padding-left:var(--doc-space-specimen);font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--brand-primary)}.docs-registry-list li+li{margin-top:var(--doc-space-tight)}.docs-registry-muted{font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--brand-primary)}.docs-scorecard-rubric{display:grid;grid-gap:var(--doc-space-related);gap:var(--doc-space-related)}@media (min-width:48rem){.docs-scorecard-rubric{grid-template-columns:repeat(2,minmax(0,1fr))}}.docs-scorecard-rubric__category{border:1px solid var(--doc-border-subtle);border-radius:var(--doc-radius-sm);padding:var(--doc-space-related)}.docs-scorecard-rubric__title{margin:0 0 var(--doc-space-tight);font-size:var(--doc-body-size);line-height:var(--doc-body-line)}.docs-scorecard-rubric__subtitle{margin:var(--doc-space-tight) 0 0;font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--doc-ink-annotation)}.docs-scorecard-mfe-details{margin-top:var(--doc-space-related);border:1px solid var(--doc-border-subtle);border-radius:var(--doc-radius-sm);padding:var(--doc-space-tight) var(--doc-space-related)}.docs-scorecard-mfe-details summary{cursor:pointer;font-size:var(--doc-body-size);line-height:var(--doc-body-line);list-style:none}.docs-scorecard-mfe-details summary::-webkit-details-marker{display:none}.docs-scorecard-mfe-details summary:before{content:"▸ ";color:var(--doc-ink-annotation)}.docs-scorecard-mfe-details[open] summary:before{content:"▾ "}.docs-scorecard-mfe-details__body{display:flex;flex-direction:column;gap:var(--doc-space-section);margin-top:var(--doc-space-related);padding-top:var(--doc-space-related);border-top:1px solid var(--doc-border-subtle)}.docs-scorecard-mfe-details__heading{margin:0 0 var(--doc-space-tight);font-size:var(--doc-body-size);font-weight:600}.docs-scorecard-mfe-details__warning-group+.docs-scorecard-mfe-details__warning-group{margin-top:var(--doc-space-related)}.docs-scorecard-compare-table .docs-scorecard-col--experimental{background:color-mix(in srgb,var(--yellow-600) 8%,transparent)}.docs-scorecard-compare-table .docs-scorecard-col--live{background:color-mix(in srgb,var(--doc-ink-annotation) 6%,transparent)}.docs-scorecard-compare-table thead .docs-scorecard-col--experimental,.docs-scorecard-compare-table thead .docs-scorecard-col--live{font-size:var(--doc-caption-size);text-transform:uppercase;letter-spacing:.04em}.docs-layout-inv--high{color:var(--red-600)}.docs-layout-inv--high,.docs-layout-inv--medium{font-weight:600;text-transform:uppercase;font-size:var(--doc-caption-size)}.docs-layout-inv--medium{color:var(--yellow-700)}.docs-layout-inv--low{color:var(--doc-ink-annotation);font-weight:600;text-transform:uppercase;font-size:var(--doc-caption-size)}.docs-layout-inv-rank{margin-top:var(--doc-space-3);font-size:var(--doc-caption-size)}.docs-overlay-template{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--doc-space-section);width:100%;min-height:100%;max-height:100%;overflow:auto}.docs-overlay-template__body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--doc-space-related-loose);padding:var(--doc-space-inset)}.doc-section--experimental{padding:var(--doc-space-related);border:1px solid var(--badge-color-danger-dot);border-radius:var(--border-radius-radius-md);background:color-mix(in srgb,var(--badge-color-danger-bg) 55%,transparent)}.doc-section--experimental .docs-specimen-row{margin-bottom:var(--doc-space-related)}.docs-release-list{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:var(--doc-space-related);font-size:var(--doc-body-size);line-height:var(--doc-body-line)}.docs-release-list,.docs-release-list code{color:var(--brand-primary);font-family:var(--doc-font-mono)}.docs-release-list code{font-size:var(--doc-caption-size)}.docs-release-list strong{color:var(--brand-primary);font-weight:600}.docs-release-pager{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--doc-space-related);padding-top:var(--doc-space-section);border-top:1px solid var(--doc-rule);font-family:var(--doc-font-mono);font-size:var(--doc-body-size)}.doc-variant-stack{display:flex;flex-direction:column;gap:var(--doc-space-section)}.doc-variant-stack--dense{gap:var(--doc-space-related-loose)}.doc-variant-axis{display:flex;flex-direction:column;gap:var(--doc-space-tight)}.doc-variant-axis__title{margin:0;font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);font-weight:500;line-height:var(--doc-caption-line);color:var(--brand-primary)}.doc-variant-axis__binding{font-weight:400;color:var(--doc-ink-annotation)}.doc-figma-link{margin:0}.doc-figma-link a,.docs-shell .doc-figma-link a{display:inline-flex;gap:var(--doc-space-related);align-items:center;font-family:var(--doc-font-mono);font-size:var(--doc-title-size);font-weight:500;line-height:var(--doc-title-line);color:var(--brand-primary);text-decoration:none;text-decoration-thickness:auto;white-space:nowrap}.doc-figma-link a:visited,.docs-shell .doc-figma-link a:visited{color:var(--brand-primary)}.doc-figma-link a:hover,.docs-shell .doc-figma-link a:hover{text-decoration:underline;text-decoration-thickness:1px}.doc-figma-icon{flex-shrink:0;display:block}.doc-variant-cell{display:flex;flex-direction:column;gap:var(--doc-space-tight);align-items:flex-start;flex:0 1 auto;min-width:0;overflow:visible}.doc-page-header-specimen{width:100%;max-width:480px;overflow:visible;padding-bottom:12px}.doc-page-header-specimen--elevated{padding-bottom:16px}.doc-variant-axis .docs-specimen-row{align-items:flex-start;gap:var(--doc-space-specimen);row-gap:var(--doc-space-specimen)}.doc-variant-cell__label{font-family:var(--doc-font-mono);font-size:var(--doc-caption-size);line-height:var(--doc-caption-line);color:var(--doc-ink-annotation)}.docs-streak-cal-day-click{display:flex;flex-direction:column;align-items:stretch;width:min-content}.docs-streak-cal-day-click .lore-streak-cal{width:auto}.docs-streak-cal-day-click__status{margin:0;width:0;min-width:100%;min-height:1lh}.doc-dos-donts{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:var(--doc-space-section);gap:var(--doc-space-section)}.doc-dos-donts__heading{display:flex;gap:var(--doc-space-related);align-items:center;margin:0 0 var(--doc-space-related-loose);font-size:var(--doc-title-size);font-weight:500;line-height:var(--doc-title-line)}.doc-dos-donts__heading,.doc-dos-donts__list{font-family:var(--doc-font-mono);color:var(--brand-primary)}.doc-dos-donts__list{margin:0;padding:0 0 var(--doc-space-related) var(--doc-space-specimen);font-size:var(--doc-caption-size);line-height:var(--doc-caption-line)}.doc-dos-donts__col--dont .doc-dos-donts__heading,.doc-dos-donts__col--dont .doc-dos-donts__list{color:var(--text-negative)}.doc-dos-donts__list li+li{margin-top:var(--doc-space-related)}.docs-composite-stack{display:flex;flex-direction:column;gap:var(--doc-space-specimen)}.docs-home-actions{display:flex;flex-wrap:wrap;gap:var(--doc-space-related-loose);align-items:center}.docs-home-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-areas:"thread thread thread thread thread hub hub hub hub hub hub hub" "thread thread thread thread thread rewards rewards rewards rewards rewards rewards rewards" "feed feed feed feed feed feed story story story story story story" "form form form form form form identity identity identity identity identity identity";grid-gap:var(--doc-space-section);gap:var(--doc-space-section);align-items:stretch}.docs-home-showcase__cell{display:flex;flex-direction:column;min-width:0;min-height:0;height:100%}.docs-home-showcase__cell .doc-specimen-label{flex:0 0 auto;min-height:calc(var(--doc-title-line) + var(--doc-space-tight) + var(--doc-caption-line))}.docs-home-showcase__cell .doc-preview-frame{flex:1 1 auto;min-height:0;width:100%;box-sizing:border-box;justify-content:flex-start}.docs-home-showcase__cell--rewards{grid-area:rewards}.docs-home-showcase__cell--hub{grid-area:hub}.docs-home-showcase__cell--thread{grid-area:thread}.docs-home-showcase__cell--feed{grid-area:feed}.docs-home-showcase__cell--form{grid-area:form}.docs-home-showcase__cell--story{grid-area:story}.docs-home-showcase__cell--identity{grid-area:identity}.docs-home-showcase__fill{display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;align-items:stretch;width:100%;min-height:100%;box-sizing:border-box}.docs-home-showcase__fill--stretch{justify-content:flex-start}.docs-home-showcase__card,.docs-home-showcase__card .lore-card{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:100%;box-sizing:border-box}.docs-home-showcase__card .lore-card__body{flex:1 1 auto}.docs-home-showcase__rewards-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--doc-space-specimen)}.docs-home-showcase__progress-block{display:flex;flex-direction:column;gap:var(--doc-space-related);width:100%}.docs-home-showcase__stats-row{display:flex;width:100%;gap:var(--doc-space-specimen);justify-content:center}.docs-home-showcase__stats-row>*{flex:1 1;min-width:0}.docs-home-showcase__hub{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--doc-space-related-loose);width:100%}.docs-home-showcase__hub-intro{display:flex;flex-direction:column;gap:var(--doc-space-tight)}.docs-home-showcase__thread{display:flex;flex-direction:column;width:100%;min-height:22rem;height:100%;overflow:hidden}.docs-home-showcase__feed{gap:var(--doc-space-related-loose)}.docs-home-showcase__feed,.docs-home-showcase__form-stack{display:flex;flex:1 1 auto;flex-direction:column;width:100%}.docs-home-showcase__form-stack{justify-content:center;gap:var(--doc-space-specimen)}.docs-home-showcase__story{display:flex;flex:1 1 auto;flex-direction:column;width:100%;min-height:100%}.docs-home-showcase__cta-stack{display:flex;flex-direction:column;gap:var(--doc-space-related);width:100%}.docs-home-showcase__cta-link{text-align:center}.docs-home-showcase__identity{display:flex;align-items:center;gap:var(--doc-space-related-loose);width:100%}.docs-home-showcase__identity-text{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--doc-space-tight);min-width:0}@media (prefers-reduced-motion:no-preference){.docs-home-showcase__cell{animation:docs-home-showcase-in .42s ease-out both}.docs-home-showcase__cell--rewards{animation-delay:40ms}.docs-home-showcase__cell--hub{animation-delay:80ms}.docs-home-showcase__cell--thread{animation-delay:.12s}.docs-home-showcase__cell--feed{animation-delay:.16s}.docs-home-showcase__cell--form{animation-delay:.2s}.docs-home-showcase__cell--story{animation-delay:.24s}.docs-home-showcase__cell--identity{animation-delay:.28s}}@keyframes docs-home-showcase-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:56rem){.docs-home-showcase{grid-template-columns:1fr;grid-template-areas:"hub" "thread" "rewards" "feed" "form" "story" "identity"}.docs-home-showcase__cell .doc-specimen-label{min-height:0}.docs-home-showcase__thread{min-height:20rem}}@font-face{font-family:MaterialIcons;src:url(/fonts/MaterialIcons.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:MaterialSymbolsRounded-400;src:url(/fonts/MaterialSymbolsRounded-400.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Roboto_400Regular;src:url(/fonts/Roboto_400Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:Roboto_500Medium;src:url(/fonts/Roboto_500Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:block}@font-face{font-family:Roboto_600SemiBold;src:url(/fonts/Roboto_600SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:Roboto_700Bold;src:url(/fonts/Roboto_700Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}@font-face{font-family:Montserrat_600SemiBold;src:url(/fonts/Montserrat_600SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:block}@font-face{font-family:Montserrat_700Bold;src:url(/fonts/Montserrat_700Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:block}