:root{--sff-color-background: #f5f6f8;--sff-color-foreground: #10233f;--sff-color-muted: #657185;--sff-color-surface: #ffffff;--sff-color-surface-subtle: #edf2f7;--sff-color-surface-disabled: #edf2f7;--sff-color-canvas-subtle: #f7f9fc;--sff-color-surface-raised: #ffffff;--sff-color-ink-faint: #909aaa;--sff-color-proof-bright: #38bdf8;--sff-color-warm: #d88928;--sff-color-warm-soft: #fff2df;--sff-color-border: #dce2e9;--sff-color-border-strong: #c5cfdb;--sff-color-primary: #2563eb;--sff-color-primary-soft: #eaf1ff;--sff-color-on-primary: #ffffff;--sff-color-success: #168cc5;--sff-color-success-foreground: #075985;--sff-color-success-surface: #e7f7ff;--sff-color-danger: #c43d3d;--sff-color-danger-surface: #fff0f0;--sff-color-authoring-overlay-label-surface: #ffffff;--sff-color-authoring-overlay-label-foreground: #10233f;--sff-color-authoring-party-requester: #0f766e;--sff-color-authoring-party-recipient1: #2563eb;--sff-color-authoring-party-recipient2: #15803d;--sff-color-authoring-party-recipient3: #dc2626;--sff-color-authoring-party-recipient4: #a16207;--sff-color-authoring-party-recipient5: #7c3aed;--sff-color-authoring-party-recipient6: #0891b2;--sff-color-authoring-party-recipient7: #db2777;--sff-color-authoring-party-recipient8: #6366f1;--sff-color-authoring-party-recipient9: #c2410c;--sff-color-authoring-party-recipient10: #4d7c0f;--sff-color-focus: #2563eb;--sff-dimension-space-xs: 4px;--sff-dimension-space-sm: 8px;--sff-dimension-space-md: 12px;--sff-dimension-spacing: 16px;--sff-dimension-space-lg: 24px;--sff-dimension-space-xl: 32px;--sff-dimension-radius: 4px;--sff-dimension-radius-large: 4px;--sff-dimension-radius-pill: 4px;--sff-dimension-control-min-block-size: 44px;--sff-dimension-frame-header-block-size: 60px;--sff-dimension-frame-content-max-inline-size: 1280px;--sff-dimension-frame-sidebar-inline-size: 224px;--sff-dimension-layout-readable: 760px;--sff-dimension-layout-copy: 640px;--sff-dimension-layout-comparison: 880px;--sff-dimension-section-space: 112px;--sff-dimension-section-space-compact: 96px;--sff-dimension-content-gap: 56px;--sff-dimension-intro-gap: 20px;--sff-dimension-grid-gap: 8px;--sff-dimension-column-gap: 32px;--sff-dimension-index-gap: 12px;--sff-dimension-heading-body-gap: 24px;--sff-motion-fast: .14s;--sff-motion-base: .22s;--sff-motion-slow: .56s;--sff-motion-ease: cubic-bezier(.22, 1, .36, 1);--sff-elevation-sm: 0 8px 24px rgba(18, 32, 51, .06);--sff-elevation-md: 0 22px 60px rgba(18, 32, 51, .1);--sff-elevation-lg: 0 30px 90px rgba(18, 32, 51, .16);--sff-elevation-focus: 0 0 0 4px rgba(37, 99, 235, .2);--sff-component-mobile-screen-padding-inline: 20px;--sff-component-mobile-screen-padding-top: 16px;--sff-component-mobile-screen-padding-bottom: 32px;--sff-component-mobile-screen-content-gap: 20px;--sff-component-mobile-screen-content-max-inline-size: 720px;--sff-component-mobile-top-bar-min-block-size: 56px;--sff-component-mobile-top-bar-gap: 12px;--sff-component-mobile-button-min-block-size: 48px;--sff-component-mobile-button-compact-min-block-size: 44px;--sff-component-mobile-button-padding-inline: 20px;--sff-component-mobile-button-compact-padding-inline: 16px;--sff-component-mobile-button-radius: 4px;--sff-component-mobile-button-border-width: 1px;--sff-component-mobile-button-content-gap: 8px;--sff-component-mobile-button-spinner-size: 18px;--sff-component-mobile-button-pressed-opacity: .86;--sff-component-mobile-button-disabled-opacity: .5;--sff-component-mobile-card-padding: 20px;--sff-component-mobile-card-radius: 4px;--sff-component-mobile-card-border-width: 1px;--sff-component-mobile-card-content-gap: 12px;--sff-component-mobile-status-pill-min-block-size: 28px;--sff-component-mobile-status-pill-padding-inline: 10px;--sff-component-mobile-status-pill-radius: 4px;--sff-component-mobile-status-pill-border-width: 1px;--sff-component-mobile-status-pill-content-gap: 6px;--sff-component-mobile-status-pill-indicator-size: 6px;--sff-component-mobile-empty-state-padding-block: 48px;--sff-component-mobile-empty-state-content-max-inline-size: 360px;--sff-component-mobile-empty-state-illustration-size: 72px;--sff-component-mobile-empty-state-content-gap: 16px;--sff-component-mobile-typography-display-size: 34px;--sff-component-mobile-typography-display-line-height: 42px;--sff-component-mobile-typography-title-size: 24px;--sff-component-mobile-typography-title-line-height: 32px;--sff-component-mobile-typography-subtitle-size: 18px;--sff-component-mobile-typography-subtitle-line-height: 26px;--sff-component-mobile-typography-body-size: 16px;--sff-component-mobile-typography-body-line-height: 24px;--sff-component-mobile-typography-label-size: 15px;--sff-component-mobile-typography-label-line-height: 20px;--sff-component-mobile-typography-caption-size: 13px;--sff-component-mobile-typography-caption-line-height: 18px;--sff-component-mobile-typography-body-weight: 400;--sff-component-mobile-typography-emphasis-weight: 600;--sff-component-mobile-typography-strong-weight: 700;--sff-component-toast-visibility-duration: 2s;--sff-recipe-mobile-button-primary-background: #2563eb;--sff-recipe-mobile-button-primary-foreground: #f3f7fc;--sff-recipe-mobile-button-primary-border: #2563eb;--sff-recipe-mobile-button-primary-pressed-background: #1d4ed8;--sff-recipe-mobile-button-secondary-background: #eaf1ff;--sff-recipe-mobile-button-secondary-foreground: #10233f;--sff-recipe-mobile-button-secondary-border: #c5cfdb;--sff-recipe-mobile-button-secondary-pressed-background: #edf2f7;--sff-recipe-mobile-button-ghost-background: #f5f6f8;--sff-recipe-mobile-button-ghost-foreground: #2563eb;--sff-recipe-mobile-button-ghost-border: #f5f6f8;--sff-recipe-mobile-button-ghost-pressed-background: #eaf1ff;--sff-recipe-mobile-button-destructive-background: #c43d3d;--sff-recipe-mobile-button-destructive-foreground: #f3f7fc;--sff-recipe-mobile-button-destructive-border: #c43d3d;--sff-recipe-mobile-button-destructive-pressed-background: #9f2525;--sff-recipe-mobile-card-background: #eef3f8;--sff-recipe-mobile-card-foreground: #10233f;--sff-recipe-mobile-card-border: #dce2e9;--sff-recipe-mobile-status-info-foreground: #10233f;--sff-recipe-mobile-status-info-background: #e7f7ff;--sff-recipe-mobile-status-info-border: #168cc5;--sff-recipe-mobile-status-info-icon: #168cc5;--sff-recipe-mobile-status-success-foreground: #075985;--sff-recipe-mobile-status-success-background: #e7f7ff;--sff-recipe-mobile-status-success-border: #168cc5;--sff-recipe-mobile-status-success-icon: #168cc5;--sff-recipe-mobile-status-warning-foreground: #744000;--sff-recipe-mobile-status-warning-background: #fff2df;--sff-recipe-mobile-status-warning-border: #d88928;--sff-recipe-mobile-status-warning-icon: #d88928;--sff-recipe-mobile-status-error-foreground: #c43d3d;--sff-recipe-mobile-status-error-background: #fff0f0;--sff-recipe-mobile-status-error-border: #c43d3d;--sff-recipe-mobile-status-error-icon: #c43d3d;--sff-recipe-mobile-status-neutral-foreground: #46566b;--sff-recipe-mobile-status-neutral-background: #edf2f7;--sff-recipe-mobile-status-neutral-border: #c5cfdb;--sff-recipe-mobile-status-neutral-icon: #667387;--sff-recipe-mobile-empty-state-illustration-background: #eaf1ff;--sff-recipe-mobile-empty-state-illustration-foreground: #2563eb;--sff-recipe-form-control-disabled-background: #edf2f7;--sff-recipe-form-control-disabled-border: #dce2e9;--sff-recipe-form-control-disabled-foreground: #59677a;--sff-recipe-form-control-enabled-background: #f5f6f8;--sff-recipe-form-control-enabled-border: #7a8797;--sff-recipe-form-control-enabled-foreground: #10233f;--sff-recipe-form-control-focus-ring: #2563eb;--sff-semantic-color-action-foreground: #f3f7fc;--sff-semantic-color-action-primary: #2563eb;--sff-semantic-color-action-soft: #eaf1ff;--sff-semantic-color-background-canvas: #fafbfc;--sff-semantic-color-background-section: #f5f6f8;--sff-semantic-color-border-default: #dce2e9;--sff-semantic-color-border-strong: #c5cfdb;--sff-semantic-color-brand-foreground: #f5f3ee;--sff-semantic-color-brand-surface: #10233f;--sff-semantic-color-card-surface: #eef3f8;--sff-semantic-color-card-surface-strong: #e9eef5;--sff-semantic-color-control-border: #7a8797;--sff-semantic-color-control-surface: #f5f6f8;--sff-semantic-color-document-paper: #ffffff;--sff-semantic-color-feedback-danger: #c43d3d;--sff-semantic-color-feedback-danger-surface: #fff0f0;--sff-semantic-color-feedback-info: #168cc5;--sff-semantic-color-feedback-info-surface: #e7f7ff;--sff-semantic-color-feedback-on-danger: #f3f7fc;--sff-semantic-color-surface-disabled: #edf2f7;--sff-semantic-color-text-default: #10233f;--sff-semantic-color-text-faint: #7f8b9b;--sff-semantic-color-text-muted: #59677a;--sff-semantic-font-ui-locale-de: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-locale-en: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-locale-es: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-locale-fr: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-locale-ja: "Noto Sans JP", "Noto Sans", sans-serif;--sff-semantic-font-ui-locale-ko: "Noto Sans KR", "Noto Sans", sans-serif;--sff-semantic-font-ui-locale-ru: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-locale-zh-cn: "Noto Sans SC", "Noto Sans", sans-serif;--sff-semantic-font-ui-locale-zh-tw: "Noto Sans TC", "Noto Sans", sans-serif;--sff-semantic-font-ui-profile-ja: "Noto Sans JP", "Noto Sans", sans-serif;--sff-semantic-font-ui-profile-ko: "Noto Sans KR", "Noto Sans", sans-serif;--sff-semantic-font-ui-profile-latin: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-profile-zh-hans: "Noto Sans SC", "Noto Sans", sans-serif;--sff-semantic-font-ui-profile-zh-hant: "Noto Sans TC", "Noto Sans", sans-serif}[data-sff-theme=dark]{--sff-color-background: #07111f;--sff-color-foreground: #f3f7fc;--sff-color-muted: #a5b2c3;--sff-color-surface: #0e1b2d;--sff-color-surface-subtle: #1a2b40;--sff-color-surface-disabled: #1a2b40;--sff-color-canvas-subtle: #0a1626;--sff-color-surface-raised: #14253b;--sff-color-ink-faint: #748399;--sff-color-proof-bright: #8adeff;--sff-color-warm: #d88928;--sff-color-warm-soft: #3c2b13;--sff-color-border: #21344d;--sff-color-border-strong: #354b67;--sff-color-primary: #5b8def;--sff-color-primary-soft: #142747;--sff-color-on-primary: #07111f;--sff-color-success: #62d2ff;--sff-color-success-foreground: #b9ebff;--sff-color-success-surface: #0d2f43;--sff-color-danger: #f97066;--sff-color-danger-surface: #55160c;--sff-color-authoring-overlay-label-surface: #ffffff;--sff-color-authoring-overlay-label-foreground: #10233f;--sff-color-authoring-party-requester: #0d9488;--sff-color-authoring-party-recipient1: #3b82f6;--sff-color-authoring-party-recipient2: #16a34a;--sff-color-authoring-party-recipient3: #ef4444;--sff-color-authoring-party-recipient4: #d97706;--sff-color-authoring-party-recipient5: #8b5cf6;--sff-color-authoring-party-recipient6: #0e7490;--sff-color-authoring-party-recipient7: #ec4899;--sff-color-authoring-party-recipient8: #6366f1;--sff-color-authoring-party-recipient9: #ea580c;--sff-color-authoring-party-recipient10: #65a30d;--sff-color-focus: #5b8def;--sff-dimension-space-xs: 4px;--sff-dimension-space-sm: 8px;--sff-dimension-space-md: 12px;--sff-dimension-spacing: 16px;--sff-dimension-space-lg: 24px;--sff-dimension-space-xl: 32px;--sff-dimension-radius: 4px;--sff-dimension-radius-large: 4px;--sff-dimension-radius-pill: 4px;--sff-dimension-control-min-block-size: 44px;--sff-dimension-frame-header-block-size: 60px;--sff-dimension-frame-content-max-inline-size: 1280px;--sff-dimension-frame-sidebar-inline-size: 224px;--sff-dimension-layout-readable: 760px;--sff-dimension-layout-copy: 640px;--sff-dimension-layout-comparison: 880px;--sff-dimension-section-space: 112px;--sff-dimension-section-space-compact: 96px;--sff-dimension-content-gap: 56px;--sff-dimension-intro-gap: 20px;--sff-dimension-grid-gap: 8px;--sff-dimension-column-gap: 32px;--sff-dimension-index-gap: 12px;--sff-dimension-heading-body-gap: 24px;--sff-motion-fast: .14s;--sff-motion-base: .22s;--sff-motion-slow: .56s;--sff-motion-ease: cubic-bezier(.22, 1, .36, 1);--sff-elevation-sm: 0 8px 24px rgba(0, 0, 0, .24);--sff-elevation-md: 0 22px 60px rgba(0, 0, 0, .34);--sff-elevation-lg: 0 30px 90px rgba(0, 0, 0, .42);--sff-elevation-focus: 0 0 0 4px rgba(59, 115, 230, .3);--sff-component-mobile-screen-padding-inline: 20px;--sff-component-mobile-screen-padding-top: 16px;--sff-component-mobile-screen-padding-bottom: 32px;--sff-component-mobile-screen-content-gap: 20px;--sff-component-mobile-screen-content-max-inline-size: 720px;--sff-component-mobile-top-bar-min-block-size: 56px;--sff-component-mobile-top-bar-gap: 12px;--sff-component-mobile-button-min-block-size: 48px;--sff-component-mobile-button-compact-min-block-size: 44px;--sff-component-mobile-button-padding-inline: 20px;--sff-component-mobile-button-compact-padding-inline: 16px;--sff-component-mobile-button-radius: 4px;--sff-component-mobile-button-border-width: 1px;--sff-component-mobile-button-content-gap: 8px;--sff-component-mobile-button-spinner-size: 18px;--sff-component-mobile-button-pressed-opacity: .86;--sff-component-mobile-button-disabled-opacity: .5;--sff-component-mobile-card-padding: 20px;--sff-component-mobile-card-radius: 4px;--sff-component-mobile-card-border-width: 1px;--sff-component-mobile-card-content-gap: 12px;--sff-component-mobile-status-pill-min-block-size: 28px;--sff-component-mobile-status-pill-padding-inline: 10px;--sff-component-mobile-status-pill-radius: 4px;--sff-component-mobile-status-pill-border-width: 1px;--sff-component-mobile-status-pill-content-gap: 6px;--sff-component-mobile-status-pill-indicator-size: 6px;--sff-component-mobile-empty-state-padding-block: 48px;--sff-component-mobile-empty-state-content-max-inline-size: 360px;--sff-component-mobile-empty-state-illustration-size: 72px;--sff-component-mobile-empty-state-content-gap: 16px;--sff-component-mobile-typography-display-size: 34px;--sff-component-mobile-typography-display-line-height: 42px;--sff-component-mobile-typography-title-size: 24px;--sff-component-mobile-typography-title-line-height: 32px;--sff-component-mobile-typography-subtitle-size: 18px;--sff-component-mobile-typography-subtitle-line-height: 26px;--sff-component-mobile-typography-body-size: 16px;--sff-component-mobile-typography-body-line-height: 24px;--sff-component-mobile-typography-label-size: 15px;--sff-component-mobile-typography-label-line-height: 20px;--sff-component-mobile-typography-caption-size: 13px;--sff-component-mobile-typography-caption-line-height: 18px;--sff-component-mobile-typography-body-weight: 400;--sff-component-mobile-typography-emphasis-weight: 600;--sff-component-mobile-typography-strong-weight: 700;--sff-component-toast-visibility-duration: 2s;--sff-recipe-mobile-button-primary-background: #5b8def;--sff-recipe-mobile-button-primary-foreground: #07111f;--sff-recipe-mobile-button-primary-border: #5b8def;--sff-recipe-mobile-button-primary-pressed-background: #7aa4f5;--sff-recipe-mobile-button-secondary-background: #142747;--sff-recipe-mobile-button-secondary-foreground: #f5f3ee;--sff-recipe-mobile-button-secondary-border: #354b67;--sff-recipe-mobile-button-secondary-pressed-background: #1a2b40;--sff-recipe-mobile-button-ghost-background: #07111f;--sff-recipe-mobile-button-ghost-foreground: #5b8def;--sff-recipe-mobile-button-ghost-border: #07111f;--sff-recipe-mobile-button-ghost-pressed-background: #142747;--sff-recipe-mobile-button-destructive-background: #f97066;--sff-recipe-mobile-button-destructive-foreground: #07111f;--sff-recipe-mobile-button-destructive-border: #f97066;--sff-recipe-mobile-button-destructive-pressed-background: #ff8a80;--sff-recipe-mobile-card-background: #0e1b2d;--sff-recipe-mobile-card-foreground: #f5f3ee;--sff-recipe-mobile-card-border: #21344d;--sff-recipe-mobile-status-info-foreground: #f5f3ee;--sff-recipe-mobile-status-info-background: #0d2f43;--sff-recipe-mobile-status-info-border: #62d2ff;--sff-recipe-mobile-status-info-icon: #62d2ff;--sff-recipe-mobile-status-success-foreground: #b9ebff;--sff-recipe-mobile-status-success-background: #0d2f43;--sff-recipe-mobile-status-success-border: #62d2ff;--sff-recipe-mobile-status-success-icon: #62d2ff;--sff-recipe-mobile-status-warning-foreground: #ffd69b;--sff-recipe-mobile-status-warning-background: #3c2b13;--sff-recipe-mobile-status-warning-border: #d88928;--sff-recipe-mobile-status-warning-icon: #d88928;--sff-recipe-mobile-status-error-foreground: #f97066;--sff-recipe-mobile-status-error-background: #55160c;--sff-recipe-mobile-status-error-border: #f97066;--sff-recipe-mobile-status-error-icon: #f97066;--sff-recipe-mobile-status-neutral-foreground: #d5deea;--sff-recipe-mobile-status-neutral-background: #1a2b40;--sff-recipe-mobile-status-neutral-border: #354b67;--sff-recipe-mobile-status-neutral-icon: #a5b2c3;--sff-recipe-mobile-empty-state-illustration-background: #142747;--sff-recipe-mobile-empty-state-illustration-foreground: #8adeff;--sff-recipe-form-control-disabled-background: #1a2b40;--sff-recipe-form-control-disabled-border: #21344d;--sff-recipe-form-control-disabled-foreground: #b7b4ad;--sff-recipe-form-control-enabled-background: #0a1626;--sff-recipe-form-control-enabled-border: #8c9099;--sff-recipe-form-control-enabled-foreground: #f5f3ee;--sff-recipe-form-control-focus-ring: #5b8def;--sff-semantic-color-action-foreground: #07111f;--sff-semantic-color-action-primary: #5b8def;--sff-semantic-color-action-soft: #142747;--sff-semantic-color-background-canvas: #07111f;--sff-semantic-color-background-section: #0a1626;--sff-semantic-color-border-default: #21344d;--sff-semantic-color-border-strong: #354b67;--sff-semantic-color-brand-foreground: #f5f3ee;--sff-semantic-color-brand-surface: #091a30;--sff-semantic-color-card-surface: #0e1b2d;--sff-semantic-color-card-surface-strong: #14253b;--sff-semantic-color-control-border: #8c9099;--sff-semantic-color-control-surface: #0a1626;--sff-semantic-color-document-paper: #f7f4ed;--sff-semantic-color-feedback-danger: #f97066;--sff-semantic-color-feedback-danger-surface: #55160c;--sff-semantic-color-feedback-info: #62d2ff;--sff-semantic-color-feedback-info-surface: #0d2f43;--sff-semantic-color-feedback-on-danger: #07111f;--sff-semantic-color-surface-disabled: #1a2b40;--sff-semantic-color-text-default: #f5f3ee;--sff-semantic-color-text-faint: #8c9099;--sff-semantic-color-text-muted: #b7b4ad;--sff-semantic-font-ui-locale-de: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-locale-en: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-locale-es: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-locale-fr: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-locale-ja: "Noto Sans JP", "Noto Sans", sans-serif;--sff-semantic-font-ui-locale-ko: "Noto Sans KR", "Noto Sans", sans-serif;--sff-semantic-font-ui-locale-ru: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-locale-zh-cn: "Noto Sans SC", "Noto Sans", sans-serif;--sff-semantic-font-ui-locale-zh-tw: "Noto Sans TC", "Noto Sans", sans-serif;--sff-semantic-font-ui-profile-ja: "Noto Sans JP", "Noto Sans", sans-serif;--sff-semantic-font-ui-profile-ko: "Noto Sans KR", "Noto Sans", sans-serif;--sff-semantic-font-ui-profile-latin: "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--sff-semantic-font-ui-profile-zh-hans: "Noto Sans SC", "Noto Sans", sans-serif;--sff-semantic-font-ui-profile-zh-hant: "Noto Sans TC", "Noto Sans", sans-serif}:root{--sff-font-ui-current: var(--sff-semantic-font-ui-locale-en)}:lang(en){--sff-font-ui-current: var(--sff-semantic-font-ui-locale-en)}:lang(de){--sff-font-ui-current: var(--sff-semantic-font-ui-locale-de)}:lang(fr){--sff-font-ui-current: var(--sff-semantic-font-ui-locale-fr)}:lang(es){--sff-font-ui-current: var(--sff-semantic-font-ui-locale-es)}:lang(ru){--sff-font-ui-current: var(--sff-semantic-font-ui-locale-ru)}:lang(ko){--sff-font-ui-current: var(--sff-semantic-font-ui-locale-ko)}:lang(ja){--sff-font-ui-current: var(--sff-semantic-font-ui-locale-ja)}[lang=zh i],:lang(zh-CN),:lang(zh-SG),:lang(zh-MY),:lang(zh-Hans){--sff-font-ui-current: var(--sff-semantic-font-ui-locale-zh-cn)}:lang(zh-TW),:lang(zh-HK),:lang(zh-Hant){--sff-font-ui-current: var(--sff-semantic-font-ui-locale-zh-tw)}:root{--sff-font-ui-prepared-primary: "Noto Sans"}html:lang(en),html:lang(de),html:lang(fr),html:lang(es),html:lang(ru){--sff-font-ui-prepared-primary: "Noto Sans"}html:lang(ko){--sff-font-ui-prepared-primary: "Noto Sans KR"}html:lang(ja){--sff-font-ui-prepared-primary: "Noto Sans JP"}html[lang=zh i],html:lang(zh-CN),html:lang(zh-SG),html:lang(zh-MY),html:lang(zh-Hans){--sff-font-ui-prepared-primary: "Noto Sans SC"}html:lang(zh-TW),html:lang(zh-HK),html:lang(zh-Hant){--sff-font-ui-prepared-primary: "Noto Sans TC"}.sff-app-frame{min-block-size:100dvh;background:var(--sff-semantic-color-background-canvas);color:var(--sff-semantic-color-text-default);font-family:var(--sff-font-ui-current)}.sff-app-frame *,.sff-app-frame *:before,.sff-app-frame *:after{box-sizing:border-box}.sff-app-frame__header,.sff-app-frame__navigation{border-block-end:1px solid var(--sff-semantic-color-border-default);background:var(--sff-semantic-color-background-section)}.sff-app-frame__header{display:flex;min-block-size:var(--sff-dimension-frame-header-block-size);align-items:center;padding-inline:var(--sff-dimension-spacing)}.sff-app-header{display:flex;inline-size:100%;min-inline-size:0;align-items:center;justify-content:space-between;gap:var(--sff-dimension-space-sm)}.sff-app-header__brand,.sff-app-header__actions{min-inline-size:0}.sff-app-header__actions{display:flex;align-items:center;gap:var(--sff-dimension-space-xs)}.sff-app-header__actions>button,.sff-app-header__actions>select{min-inline-size:var(--sff-dimension-control-min-block-size);min-block-size:var(--sff-dimension-control-min-block-size);border:1px solid var(--sff-recipe-form-control-enabled-border);border-radius:var(--sff-dimension-radius);background:var(--sff-recipe-form-control-enabled-background);color:var(--sff-recipe-form-control-enabled-foreground);font:inherit}.sff-app-header__actions>select{padding-inline:var(--sff-dimension-space-sm)}.sff-app-header__theme{flex:0 0 6.75rem;inline-size:6.75rem}.sff-drawer-backdrop{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;display:flex;justify-content:end;background:color-mix(in srgb,var(--sff-semantic-color-text-default) 36%,transparent)}.sff-drawer{display:grid;grid-template-rows:auto minmax(0,1fr);inline-size:min(100%,22rem);min-block-size:100%;overflow-y:auto;padding:var(--sff-dimension-space-sm) var(--sff-dimension-spacing) calc(var(--sff-dimension-spacing) + env(safe-area-inset-bottom));background:var(--sff-semantic-color-card-surface-strong);box-shadow:-12px 0 32px color-mix(in srgb,var(--sff-semantic-color-text-default) 22%,transparent)}.sff-drawer__close{justify-self:end}.sff-drawer__content{display:grid;align-content:start;gap:var(--sff-dimension-spacing)}.sff-drawer__links,.sff-drawer__links a{display:grid;gap:var(--sff-dimension-space-xs)}.sff-drawer__links a{min-block-size:var(--sff-dimension-control-min-block-size);align-items:center;color:var(--sff-semantic-color-text-default)}.sff-floating-action{position:fixed;z-index:10;right:calc(var(--sff-dimension-spacing) + env(safe-area-inset-right));bottom:calc(var(--sff-dimension-space-lg) + env(safe-area-inset-bottom));border-radius:var(--sff-dimension-radius-pill);box-shadow:0 8px 20px color-mix(in srgb,var(--sff-semantic-color-text-default) 20%,transparent)}.sff-app-frame__body{display:grid;min-block-size:calc(100dvh - var(--sff-dimension-frame-header-block-size))}.sff-app-frame__main{inline-size:min(100%,var(--sff-dimension-frame-content-max-inline-size));min-inline-size:0;margin-inline:auto;padding:var(--sff-dimension-space-lg) var(--sff-dimension-spacing)}.sff-app-frame__status{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.sff-brand{display:inline-flex;min-inline-size:0;align-items:center;gap:var(--sff-dimension-space-sm)}.sff-brand__mark{display:grid;inline-size:36px;block-size:36px;flex:0 0 auto;place-items:center;border-radius:var(--sff-dimension-radius);background:var(--sff-semantic-color-brand-surface);color:var(--sff-semantic-color-brand-foreground)}.sff-brand__name{overflow-wrap:anywhere}.sff-navigation{display:flex;flex-wrap:wrap;gap:var(--sff-dimension-space-xs);padding:var(--sff-dimension-space-sm)}.sff-navigation .sff-button{flex:1 1 6rem;justify-content:center}.sff-drawer .sff-navigation{display:grid;grid-template-columns:minmax(0,1fr);padding:0}.sff-drawer .sff-navigation .sff-button{inline-size:100%;justify-content:flex-start;text-align:start}.sff-app-frame[data-sff-frame-kind=product] .sff-app-frame__navigation{display:none}.sff-button{display:inline-flex;min-inline-size:var(--sff-dimension-control-min-block-size);min-block-size:var(--sff-dimension-control-min-block-size);align-items:center;justify-content:center;gap:var(--sff-dimension-space-sm);padding:var(--sff-dimension-space-sm) var(--sff-dimension-spacing);border:1px solid transparent;border-radius:var(--sff-dimension-radius);font:inherit;text-align:center;overflow-wrap:anywhere;cursor:pointer}.sff-button[data-sff-variant=primary]{background:var(--sff-semantic-color-action-primary);color:var(--sff-semantic-color-action-foreground)}.sff-button[data-sff-variant=secondary]{border-color:var(--sff-semantic-color-border-strong);background:var(--sff-semantic-color-action-soft);color:var(--sff-semantic-color-text-default)}.sff-button[data-sff-variant=quiet]{background:transparent;color:var(--sff-semantic-color-text-muted)}.sff-button[data-sff-variant=quiet][aria-current=page]{background:var(--sff-semantic-color-action-soft);color:var(--sff-semantic-color-action-primary)}.sff-button[data-sff-full-width=true]{inline-size:100%}.sff-button:disabled,.sff-button[aria-disabled=true]{border-color:var(--sff-semantic-color-border-default);background:var(--sff-semantic-color-surface-disabled);color:var(--sff-semantic-color-text-muted);cursor:not-allowed}.sff-button:focus-visible,.sff-app-frame a:focus-visible,.sff-app-frame select:focus-visible{outline:2px solid var(--sff-color-focus);outline-offset:2px}.sff-page{display:grid;gap:var(--sff-dimension-space-lg);min-inline-size:0}.sff-page[data-sff-centered=true]{min-block-size:calc(100dvh - var(--sff-dimension-frame-header-block-size) - var(--sff-dimension-space-lg) - var(--sff-dimension-space-lg));place-items:center}.sff-page[data-sff-centered=true]>.sff-card{inline-size:min(100%,28rem)}.sff-card{min-inline-size:0;padding:var(--sff-dimension-space-lg);border:1px solid var(--sff-semantic-color-border-default);border-radius:var(--sff-dimension-radius-large);background:var(--sff-semantic-color-card-surface)}.sff-card h1,.sff-card h2,.sff-page-header h1,.sff-state-panel h2{margin:0;color:var(--sff-semantic-color-text-default);overflow-wrap:anywhere}.sff-card p,.sff-page-header p,.sff-state-panel p{margin:var(--sff-dimension-space-sm) 0 0;color:var(--sff-semantic-color-text-muted);overflow-wrap:anywhere}.sff-card .sff-state-panel{min-block-size:auto;margin-block-start:var(--sff-dimension-spacing);padding:var(--sff-dimension-spacing)}.sff-action-group{display:grid;gap:var(--sff-dimension-space-md);margin-block-start:var(--sff-dimension-space-lg)}.sff-page-header{display:flex;min-inline-size:0;align-items:flex-start;justify-content:space-between;gap:var(--sff-dimension-spacing)}.sff-page-header>div:first-child{min-inline-size:0}.sff-page-header__action{flex:0 0 auto}.sff-data-region{min-inline-size:0}.sff-state-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--sff-dimension-spacing);min-block-size:12rem;align-content:center;padding:var(--sff-dimension-space-xl);border:1px solid var(--sff-semantic-color-border-default);border-radius:var(--sff-dimension-radius-large);background:var(--sff-semantic-color-card-surface)}.sff-state-panel[data-sff-state=error]{border-color:var(--sff-semantic-color-feedback-danger);background:var(--sff-semantic-color-feedback-danger-surface)}.sff-state-panel__icon{display:grid;inline-size:var(--sff-dimension-control-min-block-size);block-size:var(--sff-dimension-control-min-block-size);place-items:center;border-radius:var(--sff-dimension-radius-pill);background:var(--sff-semantic-color-feedback-info-surface);color:var(--sff-semantic-color-feedback-info)}.sff-state-panel[data-sff-state=error] .sff-state-panel__icon{background:var(--sff-semantic-color-feedback-danger-surface);color:var(--sff-semantic-color-feedback-danger)}.sff-state-panel__action{grid-column:2}.sff-card-list{display:grid;gap:var(--sff-dimension-space-md);margin:0;padding:0;list-style:none}.sff-envelope-action{display:grid;grid-template-columns:minmax(0,1fr) auto;justify-items:start;text-align:start}.sff-envelope-action__title,.sff-envelope-action__meta{min-inline-size:0;overflow-wrap:anywhere}.sff-envelope-action__meta{color:var(--sff-semantic-color-text-muted)}.sff-route-skeleton{display:grid;gap:var(--sff-dimension-spacing)}.sff-route-skeleton>div{min-block-size:2rem;border:1px solid var(--sff-semantic-color-border-default);border-radius:var(--sff-dimension-radius);background:var(--sff-semantic-color-card-surface)}@media (max-width: 30rem){.sff-brand__name{display:none}.sff-page-header{align-items:stretch;flex-direction:column}.sff-page-header__action .sff-button{inline-size:100%}.sff-state-panel{grid-template-columns:1fr;padding:var(--sff-dimension-space-lg)}.sff-state-panel__action{grid-column:1}.sff-envelope-action{grid-template-columns:1fr}}@media (min-width: 64rem){.sff-app-frame[data-sff-frame-kind=product]{display:grid;grid-template:"header header" var(--sff-dimension-frame-header-block-size) "navigation body" minmax(0,1fr) / var(--sff-dimension-frame-sidebar-inline-size) minmax(0,1fr)}.sff-app-frame[data-sff-frame-kind=product] .sff-app-frame__header{grid-area:header}.sff-app-frame[data-sff-frame-kind=product] .sff-app-frame__navigation{grid-area:navigation;display:block;border-block-end:0;border-inline-end:1px solid var(--sff-semantic-color-border-default)}.sff-app-frame[data-sff-frame-kind=product] .sff-app-frame__body{grid-area:body}.sff-navigation{align-content:start;flex-direction:column;padding:var(--sff-dimension-spacing)}.sff-navigation .sff-button{flex:0 0 auto;justify-content:flex-start}}@media (prefers-reduced-motion: reduce){.sff-app-frame *,.sff-app-frame *:before,.sff-app-frame *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}