:root{color-scheme:light;--appearance-light-accent: #4263eb;--appearance-light-background: #ffffff;--appearance-light-foreground: #1f2328;--appearance-dark-accent: #339cff;--appearance-dark-background: #181818;--appearance-dark-foreground: #ffffff;--appearance-accent: var(--appearance-light-accent);--appearance-background: var(--appearance-light-background);--appearance-foreground: var(--appearance-light-foreground);--fh-ui-font-size: 13px;--fh-font-sans: "PingFang SC", "Microsoft YaHei", sans-serif;--fh-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Monaco, monospace;--ref-brand-primary: var(--appearance-accent);--ref-brand-secondary: color-mix( in srgb, var(--appearance-accent) 62%, var(--appearance-background) );--ref-brand-accent: color-mix( in srgb, var(--appearance-accent) 86%, var(--appearance-foreground) );--ref-static-white: #ffffff;--ref-static-black: #000000;--ref-neutral-0: var(--appearance-background);--ref-neutral-50: color-mix( in srgb, var(--appearance-foreground) 3%, var(--appearance-background) );--ref-neutral-100: color-mix( in srgb, var(--appearance-foreground) 7%, var(--appearance-background) );--ref-neutral-200: color-mix( in srgb, var(--appearance-foreground) 12%, var(--appearance-background) );--ref-neutral-300: color-mix( in srgb, var(--appearance-foreground) 22%, var(--appearance-background) );--ref-neutral-400: color-mix( in srgb, var(--appearance-foreground) 36%, var(--appearance-background) );--ref-neutral-500: color-mix( in srgb, var(--appearance-foreground) 50%, var(--appearance-background) );--ref-neutral-600: color-mix( in srgb, var(--appearance-foreground) 64%, var(--appearance-background) );--ref-neutral-700: color-mix( in srgb, var(--appearance-foreground) 76%, var(--appearance-background) );--ref-neutral-800: color-mix( in srgb, var(--appearance-foreground) 86%, var(--appearance-background) );--ref-neutral-900: color-mix( in srgb, var(--appearance-foreground) 94%, var(--appearance-background) );--ref-neutral-1000: var(--appearance-foreground);--ref-success: #10b981;--ref-warning: #f59e0b;--ref-error: #ef4444;--ref-info: var(--appearance-accent)}:root[data-theme=dark]{color-scheme:dark;--appearance-accent: var(--appearance-dark-accent);--appearance-background: var(--appearance-dark-background);--appearance-foreground: var(--appearance-dark-foreground);--ref-success: #15803d;--ref-warning: #d97706;--ref-error: #dc2626;--ref-info: var(--appearance-accent)}:root{--ref-brand-accent-soft: color-mix( in srgb, var(--ref-brand-accent) 10%, var(--color-bg-surface) )}:root{--fh-radius-xs: 2px;--fh-radius-control: 6px;--fh-radius-1: 8px;--fh-radius-2: 12px;--fh-radius-3: 16px;--fh-radius-4: 20px;--fh-radius-5: 32px;--fh-radius-full: 9999px;--fh-choice-indicator-size: 16px;--fh-choice-radio-dot-size: 8px;--fh-switch-track-width: 44px;--fh-switch-track-height: 24px;--fh-switch-thumb-size: 20px;--fh-switch-thumb-inset: 2px;--fh-switch-thumb-travel: 20px;--fh-border-width-1: 1px;--fh-border-width-2: 2px;--fh-ring-width: 4px;--fh-space-1: .25rem;--fh-space-2: .5rem;--fh-space-3: .75rem;--fh-space-4: 1rem;--fh-space-5: 1.25rem;--fh-space-6: 1.5rem;--fh-space-7: 2rem;--fh-space-8: 2.5rem;--fh-form-row-body-basis: 18rem;--fh-form-row-control-basis: 22rem;--fh-form-row-control-max-width: 24rem;--fh-layout-sidebar-width: 16.125rem;--fh-layout-sidebar-nav-text-max-width: 13.75rem;--fh-layout-topbar-mobile-menu-max-height: 25rem;--fh-layout-topbar-account-menu-width: 14rem;--fh-layout-auth-card-sm: 22rem;--fh-layout-auth-card-default: 26rem;--fh-layout-auth-card-wide: 32rem;--fh-font-size-1: .75rem;--fh-font-size-2: .875rem;--fh-font-size-3: 1rem;--fh-font-size-4: 1.5rem;--fh-font-size-2xs: .625rem;--fh-font-size-micro: .25rem;--fh-font-size-min: .4375rem;--fh-font-size-xs: .6875rem;--fh-font-size-sm: var(--fh-font-size-1);--fh-font-size-md: var(--fh-font-size-2);--fh-font-size-base: var(--fh-font-size-3);--fh-font-size-lg: 1.125rem;--fh-font-size-xl: 1.25rem;--fh-font-size-2xl: var(--fh-font-size-4);--fh-font-size-3xl: 1.875rem;--fh-font-size-display: 4.5rem;--fh-font-size-4xl: 2.25rem;--fh-font-size-display-lg: 6rem;--fh-font-weight-medium: 500;--fh-font-weight-semibold: 600;--fh-font-weight-bold: 700;--fh-line-height-tight: 1.2;--fh-line-height-display: .95;--fh-line-height-display-lg: .9;--fh-line-height-none: 1;--fh-line-height-hero-lg: 1.1;--fh-line-height-hero: 1.15;--fh-line-height-title: 1.25;--fh-line-height-heading: 1.3;--fh-line-height-compact: 1.35;--fh-line-height-caption: 1.4;--fh-line-height-body: 1.45;--fh-line-height-normal: 1.5;--fh-line-height-relaxed: 1.6;--fh-line-height-spacious: 1.75;--fh-letter-spacing-eyebrow: .08em;--fh-opacity-trace: .08;--fh-opacity-ghost: .1;--fh-opacity-quiet: .15;--fh-opacity-subtle: .25;--fh-opacity-soft: .3;--fh-opacity-faint: .2;--fh-opacity-muted: .4;--fh-opacity-disabled: .5;--fh-opacity-disabled-emphasis: .6;--fh-opacity-dim: .7;--fh-opacity-strong: .75;--fh-opacity-prominent: .8;--fh-opacity-vivid: .9;--fh-duration-instant: .12s;--fh-duration-swift: 80ms;--fh-duration-reduced: 1ms;--fh-duration-fast: .16s;--fh-duration-normal: .2s;--fh-duration-slow: .3s;--fh-duration-deliberate: .5s;--fh-duration-spinner: 1s;--fh-duration-pulse: 2s;--fh-delay-short: 90ms;--fh-ease-standard: ease;--fh-ease-out: ease-out;--fh-ease-emphasized-out: cubic-bezier(.33, 1, .68, 1)}:root{--color-bg-page: color-mix( in srgb, var(--appearance-background) 97%, var(--appearance-foreground) );--color-bg-surface: var(--appearance-background);--color-bg-subtle: color-mix( in srgb, var(--appearance-background) 94%, var(--appearance-foreground) );--color-bg-elevated: color-mix( in srgb, var(--appearance-background) 96%, var(--appearance-accent) );--color-bg-invert: var(--appearance-foreground);--color-bg-glass: color-mix( in srgb, var(--appearance-background) 90%, transparent );--color-bg-item-hover: color-mix( in srgb, var(--appearance-foreground) 8%, transparent );--color-bg-success: color-mix( in srgb, var(--ref-success) 15%, var(--color-bg-surface) );--color-bg-warning: color-mix( in srgb, var(--ref-warning) 15%, var(--color-bg-surface) );--color-bg-error: color-mix( in srgb, var(--ref-error) 15%, var(--color-bg-surface) );--color-bg-info: color-mix( in srgb, var(--appearance-accent) 15%, var(--color-bg-surface) );--color-bg-primary: color-mix( in srgb, var(--appearance-accent) 8%, var(--appearance-background) );--color-bg-accent: color-mix( in srgb, var(--ref-brand-accent) 8%, var(--appearance-background) );--color-bg-surface-hover: color-mix( in srgb, var(--appearance-accent) 12%, var(--color-bg-subtle) );--color-button-hover: color-mix( in srgb, var(--appearance-accent), var(--appearance-foreground) 10% );--color-button-active: color-mix( in srgb, var(--appearance-accent), var(--appearance-foreground) 20% );--color-button-disabled: color-mix( in srgb, var(--appearance-accent) 40%, transparent );--color-table-head-bg: color-mix( in srgb, var(--appearance-accent) 6%, var(--color-bg-subtle) );--color-table-row-alt-bg: color-mix( in srgb, var(--appearance-foreground) 3%, var(--color-bg-surface) );--color-table-row-hover: color-mix( in srgb, var(--appearance-accent) 8%, var(--color-bg-surface) );--color-bg-page-layer: linear-gradient( to bottom right, color-mix( in srgb, var(--appearance-background) 94%, var(--appearance-accent) 6% ) 0%, var(--appearance-background) 48%, color-mix( in srgb, var(--appearance-background) 92%, var(--appearance-foreground) 8% ) 100% );--color-gradient-brand: linear-gradient( 135deg, var(--appearance-accent), var(--ref-brand-accent) );--color-gradient-rainbow: linear-gradient( 135deg, color-mix( in srgb, var(--appearance-accent) 80%, var(--appearance-foreground) ) 0%, var(--appearance-accent) 48%, color-mix( in srgb, var(--appearance-accent) 65%, var(--appearance-background) ) 100% );--color-gradient-success: linear-gradient( 135deg, var(--ref-success), var(--appearance-accent) );--color-gradient-warm: linear-gradient( 135deg, var(--ref-warning), var(--ref-error) )}.bg-page{background:var(--color-bg-page)}.bg-page-layer{background:var(--color-bg-page-layer)}.bg-page-fade-bottom{background:linear-gradient(to bottom,transparent,var(--color-bg-page))}.bg-preview-window-overlay{background:linear-gradient(to bottom,color-mix(in srgb,var(--ref-neutral-1000) 5%,transparent),transparent,color-mix(in srgb,var(--ref-neutral-1000) 10%,transparent))}:root.theme-dark .bg-preview-window-overlay,:root[data-theme=dark] .bg-preview-window-overlay,.theme-dark .bg-preview-window-overlay,[data-theme=dark] .bg-preview-window-overlay{background:linear-gradient(to bottom,color-mix(in srgb,var(--ref-neutral-1000) 20%,transparent),transparent,color-mix(in srgb,var(--ref-neutral-1000) 25%,transparent))}.bg-surface{background:var(--color-bg-surface)}.bg-subtle{background:var(--color-bg-subtle)}.bg-glass{background:var(--color-bg-glass)}.bg-info-soft{background:var(--color-bg-info)}.bg-accent-soft{background:var(--color-bg-accent)}.bg-success-soft{background:var(--color-bg-success)}.bg-warning-soft{background:var(--color-bg-warning)}.bg-error-soft{background:var(--color-bg-error)}:root{--shadow-e0: none;--shadow-e1: 0 1px 2px color-mix(in srgb, var(--ref-neutral-1000) 5%, transparent);--shadow-e2: 0 2px 6px color-mix(in srgb, var(--ref-neutral-1000) 8%, transparent), 0 1px 2px color-mix(in srgb, var(--ref-neutral-1000) 4%, transparent);--shadow-e3: 0 4px 12px color-mix(in srgb, var(--ref-neutral-1000) 10%, transparent), 0 2px 4px color-mix(in srgb, var(--ref-neutral-1000) 5%, transparent);--shadow-e4: 0 8px 24px color-mix(in srgb, var(--ref-neutral-1000) 12%, transparent), 0 4px 8px color-mix(in srgb, var(--ref-neutral-1000) 6%, transparent);--shadow-e5: 0 16px 48px color-mix(in srgb, var(--ref-neutral-1000) 16%, transparent), 0 8px 16px color-mix(in srgb, var(--ref-neutral-1000) 8%, transparent);--shadow-inset-sm: inset 0 2px 4px color-mix(in srgb, var(--ref-neutral-1000) 15%, transparent), inset 0 0 2px color-mix(in srgb, var(--ref-neutral-1000) 8%, transparent);--shadow-inset-md: inset 0 4px 12px color-mix(in srgb, var(--ref-neutral-1000) 20%, transparent), inset 0 1px 4px color-mix(in srgb, var(--ref-neutral-1000) 12%, transparent);--shadow-neu-dark: color-mix(in srgb, var(--appearance-foreground) 15%, transparent);--shadow-neu-light: color-mix(in srgb, var(--appearance-background) 90%, transparent);--shadow-neu-offset: 10px;--shadow-neu-blur: 20px;--shadow-neu: var(--shadow-neu-offset) var(--shadow-neu-offset) var(--shadow-neu-blur) var(--shadow-neu-dark), calc(-1 * var(--shadow-neu-offset)) calc(-1 * var(--shadow-neu-offset)) var(--shadow-neu-blur) var(--shadow-neu-light);--shadow-neu-hover: 14px 14px 28px var(--shadow-neu-dark), -14px -14px 28px var(--shadow-neu-light);--shadow-neu-inset: inset var(--shadow-neu-offset) var(--shadow-neu-offset) var(--shadow-neu-blur) var(--shadow-neu-dark), inset calc(-1 * var(--shadow-neu-offset)) calc(-1 * var(--shadow-neu-offset)) var(--shadow-neu-blur) var(--shadow-neu-light)}:root[data-theme=dark]{--shadow-neu-dark: color-mix(in srgb, var(--appearance-background) 50%, transparent);--shadow-neu-light: color-mix(in srgb, var(--appearance-foreground) 10%, transparent)}:root{--ring-primary: 0 0 0 var(--fh-border-width-2) var(--ref-neutral-0), 0 0 0 var(--fh-ring-width) color-mix(in srgb, var(--ref-brand-primary) 60%, transparent);--ring-accent: 0 0 0 var(--fh-border-width-2) var(--ref-neutral-0), 0 0 0 var(--fh-ring-width) color-mix(in srgb, var(--ref-brand-accent) 60%, transparent);--ring-neutral: 0 0 0 var(--fh-border-width-2) var(--ref-neutral-0), 0 0 0 var(--fh-ring-width) color-mix(in srgb, var(--ref-neutral-500) 60%, transparent);--ring-error: 0 0 0 var(--fh-border-width-2) var(--ref-neutral-0), 0 0 0 var(--fh-ring-width) color-mix(in srgb, var(--ref-error) 60%, transparent);--ring-inset: inset 0 0 0 var(--fh-border-width-2) color-mix(in srgb, var(--ref-brand-primary) 50%, transparent);--scrim-light: color-mix(in srgb, var(--ref-neutral-1000) 20%, transparent);--scrim-medium: color-mix(in srgb, var(--ref-neutral-1000) 40%, transparent);--scrim-heavy: color-mix(in srgb, var(--ref-neutral-1000) 60%, transparent);--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(12px);--backdrop-blur-lg: blur(24px);--backdrop-saturate: saturate(1.5)}.backdrop-blur-soft{backdrop-filter:var(--backdrop-blur-sm);-webkit-backdrop-filter:var(--backdrop-blur-sm)}.surface-modal-root{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--fh-space-4);z-index:var(--modal-z-index, 100)}.surface-modal-overlay,.surface-scrim-button{position:absolute;inset:0}.surface-scrim-button{padding:0;cursor:default}.surface-modal-content,.surface-modal-content-inner{position:relative;display:flex;width:100%;justify-content:center}.fh-button.surface-modal-close{--fh-button-icon-size: var(--fh-space-5);position:absolute;top:calc(var(--fh-space-6) * -2);right:0;z-index:20}@media(min-width:640px){.fh-button.surface-modal-close{top:calc(var(--fh-space-5) * -1);right:auto;left:100%;margin-left:var(--fh-space-5)}}.notification-toast{padding:var(--fh-space-3) var(--fh-space-5);border-radius:var(--fh-radius-1);color:var(--ref-static-white);box-shadow:var(--shadow-e4)}.notification-toast-info{background:color-mix(in srgb,var(--ref-info) 86%,var(--ref-neutral-1000))}.notification-toast-success{background:color-mix(in srgb,var(--ref-success) 86%,var(--ref-neutral-1000))}.notification-toast-warning{background:color-mix(in srgb,var(--ref-warning) 86%,var(--ref-neutral-1000))}.notification-toast-error{background:color-mix(in srgb,var(--ref-error) 86%,var(--ref-neutral-1000))}.notification-toast-title{margin-bottom:calc(var(--fh-space-1) * .5);font-size:var(--fh-font-size-1);font-weight:var(--fh-font-weight-semibold)}.notification-toast-message{font-size:var(--fh-font-size-2);white-space:pre-line}.notification-toast-close{margin-top:calc(var(--fh-space-1) * .5);margin-left:var(--fh-space-1);padding:calc(var(--fh-space-1) * .5);border:0;border-radius:calc(var(--fh-radius-1) * .5);background:transparent;color:inherit;line-height:var(--fh-line-height-none);cursor:pointer;transition:background-color var(--fh-duration-fast) var(--fh-ease-standard)}.notification-toast-close:hover{background:color-mix(in srgb,var(--ref-static-white) 20%,transparent)}.notification-floating{overflow:hidden;border:var(--fh-border-width-1) solid var(--notification-floating-border);border-radius:var(--fh-radius-3);background:var(--notification-floating-bg);color:var(--ref-static-white);box-shadow:var(--shadow-e5);backdrop-filter:var(--backdrop-blur-sm);-webkit-backdrop-filter:var(--backdrop-blur-sm)}.notification-floating-info{--notification-floating-border: color-mix( in srgb, var(--ref-info) 50%, transparent );--notification-floating-bg: color-mix( in srgb, var(--ref-info) 22%, var(--ref-neutral-1000) )}.notification-floating-success{--notification-floating-border: color-mix( in srgb, var(--ref-success) 50%, transparent );--notification-floating-bg: color-mix( in srgb, var(--ref-success) 22%, var(--ref-neutral-1000) )}.notification-floating-warning{--notification-floating-border: color-mix( in srgb, var(--ref-warning) 50%, transparent );--notification-floating-bg: color-mix( in srgb, var(--ref-warning) 22%, var(--ref-neutral-1000) )}.notification-floating-error{--notification-floating-border: color-mix( in srgb, var(--ref-error) 50%, transparent );--notification-floating-bg: color-mix( in srgb, var(--ref-error) 22%, var(--ref-neutral-1000) )}.notification-floating-body{padding:var(--fh-space-3) var(--fh-space-4) var(--fh-space-2)}.notification-floating-icon{margin-top:calc(var(--fh-space-1) * .5);font-size:var(--fh-font-size-3)}.notification-floating-title{font-size:var(--fh-font-size-2);font-weight:var(--fh-font-weight-semibold);line-height:var(--fh-line-height-compact)}.notification-floating-message{margin-top:calc(var(--fh-space-1) * .5);font-size:var(--fh-font-size-1);line-height:var(--fh-line-height-relaxed);opacity:var(--fh-opacity-prominent);white-space:pre-line}.notification-floating-close{margin-top:calc(var(--fh-space-1) * .5);border:0;background:transparent;color:inherit;cursor:pointer;font-size:var(--fh-font-size-2);opacity:var(--fh-opacity-muted);transition:opacity var(--fh-duration-fast) var(--fh-ease-standard)}.notification-floating-close:hover{opacity:var(--fh-opacity-prominent)}.notification-floating-actions{padding:0 var(--fh-space-4) var(--fh-space-3)}.notification-floating-action{padding:var(--fh-space-1) var(--fh-space-3);border:var(--fh-border-width-1) solid color-mix(in srgb,var(--ref-static-white) 30%,transparent);border-radius:var(--fh-radius-full);background:transparent;color:inherit;cursor:pointer;font-size:var(--fh-font-size-1);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard)}.notification-floating-action:hover{background:color-mix(in srgb,var(--ref-static-white) 10%,transparent)}@media(prefers-reduced-motion:reduce){.notification-toast-close,.notification-floating-close,.notification-floating-action{transition-duration:var(--fh-duration-reduced)}}:root{--color-border-default: color-mix( in srgb, var(--appearance-foreground) 12%, transparent );--color-border-muted: color-mix( in srgb, var(--appearance-foreground) 7%, transparent );--color-border-subtle: color-mix( in srgb, var(--appearance-foreground) 18%, transparent );--color-border-strong: color-mix( in srgb, var(--appearance-foreground) 34%, transparent );--color-border-invert: color-mix( in srgb, var(--appearance-background) 22%, transparent );--color-border-primary: color-mix( in srgb, var(--appearance-accent) 55%, transparent );--color-border-accent: color-mix( in srgb, var(--ref-brand-accent) 55%, transparent );--color-border-success: color-mix( in srgb, var(--ref-success) 50%, transparent );--color-border-warning: color-mix( in srgb, var(--ref-warning) 50%, transparent );--color-border-error: color-mix(in srgb, var(--ref-error) 50%, transparent);--color-border-info: color-mix( in srgb, var(--appearance-accent) 50%, transparent );--color-divider-default: color-mix( in srgb, var(--appearance-foreground) 14%, transparent );--color-divider-strong: color-mix( in srgb, var(--appearance-foreground) 24%, transparent )}.semantic-border{border:var(--fh-border-width-1) solid var(--color-border-default)}.semantic-border-strong{border:var(--fh-border-width-1) solid var(--color-border-strong)}.semantic-border-strong-2{border:var(--fh-border-width-2) solid var(--color-border-strong)}.semantic-border-dashed{border:var(--fh-border-width-1) dashed var(--color-border-strong)}.semantic-border-dashed-2{border:var(--fh-border-width-2) dashed var(--color-border-strong)}.surface-borderless{border:0}.radius-panel{border-radius:var(--fh-radius-4)}.radius-card,.radius-navbar{border-radius:var(--fh-radius-3)}.radius-control{border-radius:var(--fh-radius-control)}.radius-chip{border-radius:var(--fh-radius-full)}.radius-stepper{border-radius:var(--fh-radius-5)}.radius-panel-top{border-top-left-radius:var(--fh-radius-4);border-top-right-radius:var(--fh-radius-4)}.radius-card-top,.radius-navbar-top{border-top-left-radius:var(--fh-radius-3);border-top-right-radius:var(--fh-radius-3)}.radius-control-top{border-top-left-radius:var(--fh-radius-control);border-top-right-radius:var(--fh-radius-control)}.radius-panel-bottom{border-bottom-left-radius:var(--fh-radius-4);border-bottom-right-radius:var(--fh-radius-4)}.radius-card-bottom,.radius-navbar-bottom{border-bottom-left-radius:var(--fh-radius-3);border-bottom-right-radius:var(--fh-radius-3)}.radius-control-bottom{border-bottom-left-radius:var(--fh-radius-control);border-bottom-right-radius:var(--fh-radius-control)}.radius-card-left{border-top-left-radius:var(--fh-radius-3);border-bottom-left-radius:var(--fh-radius-3)}.radius-card-right{border-top-right-radius:var(--fh-radius-3);border-bottom-right-radius:var(--fh-radius-3)}.radius-none{border-radius:0}:root{--color-text-primary: var(--appearance-foreground);--color-text-secondary: color-mix( in srgb, var(--appearance-foreground) 75%, var(--appearance-background) );--color-text-tertiary: color-mix( in srgb, var(--appearance-foreground) 55%, var(--appearance-background) );--color-text-inverse: var(--appearance-background);--color-text-inverse-secondary: color-mix( in srgb, var(--appearance-background) 80%, var(--appearance-foreground) );--color-text-inverse-subtle: color-mix( in srgb, var(--appearance-background) 58%, var(--appearance-foreground) );--color-text-heading: color-mix( in srgb, var(--appearance-foreground) 92%, var(--appearance-accent) );--color-text-link: color-mix( in srgb, var(--appearance-accent) 82%, var(--appearance-foreground) )}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-tertiary)}.text-heading{color:var(--color-text-heading)}.text-link{color:var(--color-text-link)}.text-inverse{color:var(--color-text-inverse)}.text-inverse-secondary{color:var(--color-text-inverse-secondary)}.text-inverse-subtle{color:var(--color-text-inverse-subtle)}.text-brand{color:var(--ref-brand-primary)}.text-code-font{font-family:var( --fh-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace )}.text-caption,.text-caption-responsive{font-size:var(--fh-font-size-2xs);line-height:var(--fh-line-height-caption)}.text-detail{font-size:var(--fh-font-size-xs);line-height:var(--fh-line-height-body)}.text-supporting{font-size:var(--fh-font-size-sm);line-height:var(--fh-line-height-caption)}.text-body{font-size:var(--fh-font-size-md);line-height:var(--fh-line-height-body)}.text-body-lg{font-size:var(--fh-font-size-base);line-height:var(--fh-line-height-normal)}.text-rhythm-none{line-height:var(--fh-line-height-none)}.text-rhythm-tight{line-height:var(--fh-line-height-compact)}.text-rhythm-compact{line-height:var(--fh-line-height-body)}.text-rhythm-readable{line-height:var(--fh-line-height-relaxed)}.text-rhythm-spacious{line-height:var(--fh-line-height-spacious)}.text-clamp-card-sub,.text-clamp-card-detail{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.text-clamp-card-sub{-webkit-line-clamp:2}.text-clamp-card-detail{-webkit-line-clamp:3}.text-label{font-size:var(--fh-font-size-sm);line-height:var(--fh-line-height-compact);font-weight:var(--fh-font-weight-medium);text-transform:uppercase;letter-spacing:var(--fh-letter-spacing-eyebrow)}.text-label-plain{font-size:var(--fh-font-size-sm);line-height:var(--fh-line-height-compact);font-weight:var(--fh-font-weight-medium)}.text-eyebrow{font-size:var(--fh-font-size-xs);line-height:var(--fh-line-height-compact);font-weight:var(--fh-font-weight-semibold);text-transform:uppercase;letter-spacing:var(--fh-letter-spacing-eyebrow)}.text-eyebrow-sm{font-size:var(--fh-font-size-2xs);line-height:var(--fh-line-height-compact);font-weight:var(--fh-font-weight-medium);text-transform:uppercase;letter-spacing:var(--fh-letter-spacing-eyebrow)}.text-title-sm{font-size:var(--fh-font-size-md);line-height:var(--fh-line-height-body);font-weight:var(--fh-font-weight-medium)}.text-title-compact{font-size:var(--fh-font-size-md);line-height:var(--fh-line-height-compact);font-weight:var(--fh-font-weight-semibold)}.text-title-section{font-size:var(--fh-font-size-base);line-height:var(--fh-line-height-compact);font-weight:var(--fh-font-weight-semibold)}.text-title-card{font-size:var(--fh-font-size-lg);line-height:var(--fh-line-height-heading);font-weight:var(--fh-font-weight-semibold)}.text-title-panel{font-size:var(--fh-font-size-xl);line-height:var(--fh-line-height-heading);font-weight:var(--fh-font-weight-semibold)}.text-title-page,.text-title-dialog{font-size:var(--fh-font-size-2xl);line-height:var(--fh-line-height-title);font-weight:var(--fh-font-weight-semibold)}.text-title-hero{font-size:var(--fh-font-size-3xl);line-height:var(--fh-line-height-hero);font-weight:var(--fh-font-weight-semibold)}.text-display-code{font-size:var(--fh-font-size-display);line-height:var(--fh-line-height-display);font-weight:var(--fh-font-weight-bold)}.text-density-panel{container-type:size;--density-font-size: var(--fh-font-size-2xs);--density-meter-thickness: calc(var(--density-font-size) * 1.2)}.text-density-single-count-1{--density-font-size: clamp( var(--fh-font-size-min), 25.14cqh, var(--fh-font-size-sm) );--density-meter-thickness: max( var(--fh-font-size-2xs), calc(var(--density-font-size) * 1.2) )}.text-density-single-count-2{--density-font-size: clamp( var(--fh-font-size-min), 12.57cqh, var(--fh-font-size-sm) );--density-meter-thickness: max( var(--fh-font-size-2xs), calc(var(--density-font-size) * 1.2) )}.text-density-single-count-3{--density-font-size: clamp( var(--fh-font-size-min), 8.38cqh, var(--fh-font-size-sm) );--density-meter-thickness: max( var(--fh-font-size-2xs), calc(var(--density-font-size) * 1.2) )}.text-density-single-count-4{--density-font-size: clamp( var(--fh-font-size-min), 6.29cqh, var(--fh-font-size-sm) );--density-meter-thickness: max( var(--fh-font-size-2xs), calc(var(--density-font-size) * 1.2) )}.text-density-stack-count-1{--density-font-size: clamp( var(--fh-font-size-micro), 16.67cqh, var(--fh-font-size-sm) );--density-meter-thickness: calc(var(--density-font-size) * 1.5)}.text-density-stack-count-2{--density-font-size: clamp( var(--fh-font-size-micro), 8.33cqh, var(--fh-font-size-sm) );--density-meter-thickness: calc(var(--density-font-size) * 1.5)}.text-density-stack-count-3{--density-font-size: clamp( var(--fh-font-size-micro), 5.56cqh, var(--fh-font-size-sm) );--density-meter-thickness: calc(var(--density-font-size) * 1.5)}.text-density-stack-count-4{--density-font-size: clamp( var(--fh-font-size-micro), 4.17cqh, var(--fh-font-size-sm) );--density-meter-thickness: calc(var(--density-font-size) * 1.5)}.text-density-stack-count-5{--density-font-size: clamp( var(--fh-font-size-micro), 3.33cqh, var(--fh-font-size-sm) );--density-meter-thickness: calc(var(--density-font-size) * 1.5)}.text-density-stack-count-6{--density-font-size: clamp( var(--fh-font-size-micro), 2.78cqh, var(--fh-font-size-sm) );--density-meter-thickness: calc(var(--density-font-size) * 1.5)}.text-density-stack-count-7{--density-font-size: clamp( var(--fh-font-size-micro), 2.38cqh, var(--fh-font-size-sm) );--density-meter-thickness: calc(var(--density-font-size) * 1.5)}.text-density-stack-count-8{--density-font-size: clamp( var(--fh-font-size-micro), 2.08cqh, var(--fh-font-size-sm) );--density-meter-thickness: calc(var(--density-font-size) * 1.5)}.text-density-base{font-size:var(--density-font-size, var(--fh-font-size-2xs));line-height:var(--fh-line-height-compact)}.text-density-title{font-size:calc(var(--density-font-size, var(--fh-font-size-2xs)) * 1.1);line-height:var(--fh-line-height-tight)}.text-density-title-box{min-height:calc(var(--density-font-size, var(--fh-font-size-2xs)) * 1.3)}.text-density-sm{font-size:calc(var(--density-font-size, var(--fh-font-size-2xs)) * .85);line-height:var(--fh-line-height-compact)}.text-density-xs{font-size:calc(var(--density-font-size, var(--fh-font-size-2xs)) * .7);line-height:var(--fh-line-height-heading)}.text-density-2xs{font-size:calc(var(--density-font-size, var(--fh-font-size-2xs)) * .6);line-height:var(--fh-line-height-title)}.text-weight-medium{font-weight:var(--fh-font-weight-medium)}.text-weight-semibold{font-weight:var(--fh-font-weight-semibold)}.text-weight-bold{font-weight:var(--fh-font-weight-bold)}@media(min-width:640px){.text-caption-responsive{font-size:var(--fh-font-size-sm);line-height:var(--fh-line-height-normal)}.text-title-hero{font-size:var(--fh-font-size-4xl);line-height:var(--fh-line-height-hero-lg)}.text-display-code{font-size:var(--fh-font-size-display-lg);line-height:var(--fh-line-height-display-lg)}}.text-info{color:var(--ref-info)}.text-success{color:var(--ref-success)}.text-warning{color:var(--ref-warning)}.text-danger{color:var(--ref-error)}.text-accent{color:var(--ref-brand-accent)}.placeholder-text-muted::-moz-placeholder{color:var(--color-text-tertiary)}.placeholder-text-muted::placeholder{color:var(--color-text-tertiary)}.icon-tone-brand{color:var(--ref-brand-primary)}.icon-tone-muted{color:var(--color-text-tertiary)}.icon-tone-info{color:var(--ref-info)}.icon-tone-success{color:var(--ref-success)}.icon-tone-warning{color:var(--ref-warning)}.icon-tone-danger{color:var(--ref-error)}.icon-tone-accent{color:var(--ref-brand-accent)}.icon-stroke-on-solid{stroke:var(--color-text-inverse)}.icon-fill-on-solid{fill:var(--color-text-inverse)}:root{--color-chart-palette-1: var(--ref-brand-accent);--color-chart-palette-2: var(--ref-success);--color-chart-palette-3: var(--ref-warning);--color-chart-palette-4: var(--ref-error);--color-chart-palette-5: var(--ref-info);--color-chart-palette-6: var(--ref-brand-primary);--color-chart-shadow-dark: color-mix( in srgb, var(--ref-neutral-1000) 12%, transparent );--color-chart-shadow-light: color-mix( in srgb, var(--appearance-background) 70%, transparent );--color-mini-chart-default: var(--color-bg-subtle);--color-mini-chart-shadow-dark: color-mix( in srgb, var(--ref-neutral-1000) 15%, transparent );--color-mini-chart-shadow-light: color-mix( in srgb, var(--appearance-background) 80%, transparent );--color-profile-card-behind-glow: color-mix( in srgb, var(--ref-info) 67%, transparent );--color-profile-card-cast-shadow: color-mix( in srgb, var(--ref-neutral-1000) 80%, transparent );--color-profile-card-base: color-mix( in srgb, var(--ref-neutral-1000) 90%, transparent );--color-profile-card-glass: color-mix( in srgb, var(--ref-neutral-0) 10%, transparent );--color-profile-card-glass-strong: color-mix( in srgb, var(--ref-neutral-0) 40%, transparent );--color-profile-card-text-primary: color-mix( in srgb, var(--ref-neutral-0) 90%, transparent );--color-profile-card-text-secondary: color-mix( in srgb, var(--ref-neutral-0) 70%, transparent );--color-heatmap-empty: var(--color-bg-subtle);--color-heatmap-spectrum-0: color-mix( in srgb, var(--ref-success) 66%, var(--color-bg-surface) );--color-heatmap-spectrum-25: color-mix( in srgb, var(--ref-info) 72%, var(--color-bg-surface) );--color-heatmap-spectrum-50: color-mix( in srgb, var(--ref-warning) 76%, var(--color-bg-surface) );--color-heatmap-spectrum-75: color-mix( in srgb, var(--ref-warning) 54%, var(--ref-error) 46% );--color-heatmap-spectrum-100: var(--ref-error)}.surface-dialog{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-4);box-shadow:var(--shadow-e5);overflow:hidden}.surface-page{background:var(--color-bg-page)}.surface-panel{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-4);box-shadow:var(--shadow-e3)}.surface-floating-panel{background:var(--color-bg-glass);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3);box-shadow:var(--shadow-e5);backdrop-filter:var(--backdrop-blur-md)}.layout-floating-panel-viewport{--layout-floating-panel-inset: var(--fh-space-4);padding:var(--layout-floating-panel-inset)}.layout-floating-panel-viewport-sm{--layout-floating-panel-inset: var(--fh-space-3)}.layout-floating-panel-viewport-md{--layout-floating-panel-inset: var(--fh-space-4)}.layout-floating-panel-viewport-lg{--layout-floating-panel-inset: var(--fh-space-6)}.layout-floating-panel-viewport-xl{--layout-floating-panel-inset: var(--fh-space-7)}.layout-floating-panel-viewport-2xl{--layout-floating-panel-inset: var(--fh-space-8)}:root{--fh-floating-panel-width-default: 24rem}.layout-floating-panel-card{width:min(var(--floating-panel-width, var(--fh-floating-panel-width-default)),100%);max-height:calc(100vh - (var(--layout-floating-panel-inset) * 2))}:root{--fh-floating-sidebar-width-default: 400px}.layout-floating-sidebar{left:var(--floating-sidebar-left, auto);right:var(--floating-sidebar-right, auto);width:min(var(--floating-sidebar-width, var(--fh-floating-sidebar-width-default)),calc(100vw - var(--sidebar-padding, 0px) * 2));top:calc(var(--sidebar-top-offset, 0px) + var(--sidebar-padding, 0px));max-height:calc(var(--sidebar-max-height, 100dvh) - var(--sidebar-padding, 0px))}@media(min-width:1024px){.layout-floating-sidebar-responsive{position:sticky!important;top:0!important;right:auto!important;left:auto!important;margin-top:var(--sidebar-padding, 0px)!important;margin-right:var(--sidebar-padding, 0px);margin-bottom:0;margin-left:0;align-self:flex-start;max-height:calc(100dvh - var(--sidebar-top-offset, 0px) - var(--sidebar-padding, 0px) * 3)}}.surface-stepper-card{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-5);box-shadow:var(--shadow-e4)}.surface-stepper-root{--fh-stepper-section-padding-inline: var(--fh-space-7);--fh-stepper-indicator-padding: var(--fh-space-7);--fh-stepper-content-padding-bottom: var(--fh-space-4);--fh-stepper-footer-padding-bottom: var(--fh-space-7);--fh-stepper-indicator-size: var(--fh-space-7);--fh-stepper-active-dot-size: var(--fh-space-3);--fh-stepper-step-font-size: var(--fh-font-size-2);--fh-stepper-connector-gap: var(--fh-space-2);--fh-stepper-connector-height: calc(var(--fh-space-1) / 2);--fh-stepper-icon-size: var(--fh-space-4);display:flex;flex-direction:column;align-items:center;justify-content:center}.surface-stepper-frame{width:100%;margin-right:auto;margin-left:auto}.surface-stepper-indicator-row{display:flex;align-items:center;width:100%;padding:var(--fh-stepper-indicator-padding)}.surface-stepper-content-frame,.surface-stepper-content{position:relative;overflow:hidden}.surface-stepper-step{padding-right:var(--fh-stepper-section-padding-inline);padding-bottom:var(--fh-stepper-content-padding-bottom);padding-left:var(--fh-stepper-section-padding-inline)}.surface-stepper-footer{padding-right:var(--fh-stepper-section-padding-inline);padding-bottom:var(--fh-stepper-footer-padding-bottom);padding-left:var(--fh-stepper-section-padding-inline)}.surface-stepper-footer-nav{display:flex}.surface-stepper-footer-nav-spread{justify-content:space-between}.surface-stepper-footer-nav-end{justify-content:flex-end}.surface-stepper-indicator{position:relative;cursor:pointer;outline:none}.surface-stepper-indicator-inner{display:flex;align-items:center;justify-content:center;width:var(--fh-stepper-indicator-size);height:var(--fh-stepper-indicator-size);border-radius:var(--fh-radius-full);font-weight:var(--fh-font-weight-semibold)}.surface-stepper-active-dot{width:var(--fh-stepper-active-dot-size);height:var(--fh-stepper-active-dot-size);border-radius:var(--fh-radius-full);background-color:currentColor}.surface-stepper-step-number{font-size:var(--fh-stepper-step-font-size)}.surface-stepper-connector{position:relative;flex:1;height:var(--fh-stepper-connector-height);margin-right:var(--fh-stepper-connector-gap);margin-left:var(--fh-stepper-connector-gap);overflow:hidden;border-radius:calc(var(--fh-radius-1) / 2)}.surface-stepper-connector-inner{position:absolute;top:0;left:0;height:100%}.surface-stepper-slide{position:absolute;top:0;right:0;left:0}.surface-stepper-check-icon{width:var(--fh-stepper-icon-size);height:var(--fh-stepper-icon-size)}.surface-card{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3);box-shadow:var(--shadow-e2);overflow:hidden}.surface-card-interactive{transition:border-color var(--fh-duration-fast) var(--fh-ease-standard),background-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-card-interactive:hover{border-color:var(--color-border-primary);box-shadow:var(--shadow-e3)}.surface-card-interactive:focus,.surface-card-interactive:focus-visible{outline:none;border-color:var(--color-border-primary);box-shadow:var(--ring-primary-soft),var(--shadow-e3)}.surface-section{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3)}.surface-section-rows{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3);overflow:hidden}.surface-section-rows>*+*{border-top:var(--fh-border-width-1) solid var(--color-border-default)}.layout-console-page{width:100%;max-width:1440px;margin-inline:auto;padding:var(--fh-space-6) var(--fh-space-7) var(--fh-space-8)}.layout-console-page-heading{margin-bottom:var(--fh-space-5)}.layout-console-toolbar{display:flex;min-width:0;align-items:center;gap:var(--fh-space-2);margin-bottom:var(--fh-space-3)}.layout-console-search{width:min(100%,440px)}.surface-console-section{background:transparent;border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:0;box-shadow:none;overflow:hidden}.surface-console-section-header{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:var(--fh-space-3);padding:var(--fh-space-3) var(--fh-space-4);border-bottom:var(--fh-border-width-1) solid var(--color-border-default)}.surface-console-data-list>*+*{border-top:var(--fh-border-width-1) solid var(--color-border-default)}.surface-console-data-row{min-width:0;padding:var(--fh-space-3) var(--fh-space-4);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-console-data-row:hover{background:var(--color-table-row-hover)}.surface-console-empty{padding:var(--fh-space-8) var(--fh-space-4);color:var(--color-text-tertiary);text-align:center}.surface-console-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:transparent;border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:0;box-shadow:none;overflow:hidden}.surface-console-stat{min-width:0;padding:var(--fh-space-4) var(--fh-space-5)}.surface-console-stat+.surface-console-stat{border-left:var(--fh-border-width-1) solid var(--color-border-default)}.surface-console-stat-value{margin-top:var(--fh-space-1);color:var(--color-text-heading);font-size:var(--fh-font-size-xl);font-weight:var(--fh-font-weight-semibold);line-height:var(--fh-line-height-title);font-variant-numeric:tabular-nums}.surface-console-footer{margin-top:auto;padding:var(--fh-space-3) var(--fh-space-6);border-top:var(--fh-border-width-1) solid var(--color-border-default);background:var(--color-bg-surface)}@media(max-width:860px){.layout-console-page{padding:var(--fh-space-5) var(--fh-space-4) var(--fh-space-8)}.surface-console-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surface-console-stat:nth-child(odd){border-left:0}.surface-console-stat:nth-child(n+3){border-top:var(--fh-border-width-1) solid var(--color-border-default)}}@media(max-width:639px){.layout-console-page-heading{flex-direction:column}.layout-console-toolbar{flex-direction:column;align-items:stretch}.layout-console-search{width:100%}}@media(max-width:479px){.surface-console-stat-grid{grid-template-columns:minmax(0,1fr)}.surface-console-stat+.surface-console-stat{border-top:var(--fh-border-width-1) solid var(--color-border-default);border-left:0}}.surface-dashboard-hero{background:var(--color-bg-glass);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-4);box-shadow:var(--shadow-e4);backdrop-filter:var(--backdrop-blur-md)}.surface-page-hero-neutral{background:var(--color-bg-subtle)}.surface-page-hero-info{background:var(--color-bg-info)}.surface-page-hero-success{background:var(--color-bg-success)}.surface-page-hero-warning{background:var(--color-bg-warning)}.surface-page-hero-danger{background:var(--color-bg-error)}.surface-page-hero-accent{background:var(--color-bg-accent)}.surface-dashboard-overview{background:linear-gradient(135deg,color-mix(in srgb,var(--ref-info) 10%,transparent),transparent 42%),linear-gradient(315deg,color-mix(in srgb,var(--ref-brand-accent) 9%,transparent),transparent 48%),var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3);box-shadow:inset 0 var(--fh-border-width-1) 0 color-mix(in srgb,var(--ref-neutral-0) 22%,transparent)}.surface-popover{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-2);box-shadow:var(--shadow-e4)}.surface-popover-arrow{background:var(--color-bg-surface);border-left:var(--fh-border-width-1) solid var(--color-border-default);border-top:var(--fh-border-width-1) solid var(--color-border-default)}.surface-popover.radius-chip{border-radius:var(--fh-radius-full)}.surface-control-popover{position:fixed;left:var(--control-popover-left, 0);width:var(--control-popover-width, -moz-max-content);width:var(--control-popover-width, max-content);max-height:var(--control-popover-max-height, 240px);z-index:var(--control-popover-z-index, 1000)}.surface-control-popover[data-placement=bottom]{top:var(--control-popover-top, auto)}.surface-control-popover[data-placement=top]{bottom:var(--control-popover-bottom, auto)}.surface-row-action-menu{position:fixed;left:var(--row-action-menu-left, 0);top:var(--row-action-menu-top, 0);width:10rem;padding-block:calc(var(--fh-space-1) * 1.5);z-index:50}.surface-row-action-menu-item{display:flex;width:100%;align-items:center;gap:var(--fh-space-2);padding:var(--fh-space-2) var(--fh-space-3);text-align:left}.surface-row-action-menu-icon{display:inline-flex;width:var(--fh-space-4);height:var(--fh-space-4);flex-shrink:0;align-items:center;justify-content:center}.surface-row-action-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh-button.control-row-action-menu-trigger{--fh-button-icon-only-size: var(--fh-space-7)}.surface-nodes-gpu-popover{position:fixed;left:var(--nodes-gpu-popover-left, 0);top:var(--nodes-gpu-popover-top, 0);width:var(--nodes-gpu-popover-width, 440px);max-height:var(--nodes-gpu-popover-max-height, 420px);z-index:50}.surface-subtle{background:var(--color-bg-subtle)}.surface-media-frame{border-radius:var(--fh-radius-2);overflow:hidden}.surface-glass{background:var(--color-bg-glass);border:var(--fh-border-width-1) solid var(--color-border-default);backdrop-filter:var(--backdrop-blur-md)}:root{--fh-topbar-control-size: var(--fh-space-8);--fh-topbar-control-size-compact: calc(var(--fh-space-7) + var(--fh-space-1));--fh-topbar-control-size-desktop: calc( var(--fh-space-8) - var(--fh-space-1) / 2 );--fh-topbar-app-height: 56px;--fh-topbar-mobile-height: calc(var(--fh-space-7) + var(--fh-space-6));--fh-topbar-avatar-size: var(--fh-space-7)}.surface-topbar{background:var(--color-bg-surface);color:var(--color-text-secondary);border-bottom:calc(var(--fh-border-width-1) + var(--fh-border-width-1) / 2) solid var(--color-border-default);backdrop-filter:var(--backdrop-blur-md)}.surface-topbar-app{z-index:50;display:flex;height:var(--fh-topbar-app-height);min-height:var(--fh-topbar-app-height);flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--fh-space-2);padding:calc(var(--fh-space-1) + var(--fh-space-1) / 2) var(--fh-space-3)}.surface-topbar-analytics{display:flex;align-items:center;gap:var(--fh-space-3);padding-inline:var(--fh-space-1)}.surface-topbar-mobile{display:flex;height:var(--fh-topbar-mobile-height);flex-shrink:0;align-items:center;justify-content:space-between;padding-inline:var(--fh-space-4)}@media(min-width:640px){.surface-topbar-app{padding:var(--fh-space-2) var(--fh-space-5)}.surface-topbar-analytics{padding-inline:var(--fh-space-2)}}.surface-topbar-title{font-size:var(--fh-font-size-base);line-height:var(--fh-line-height-heading)}.fh-console-shell{--fh-topbar-app-height: 48px;background:var(--color-bg-surface)}.fh-console-shell-main{background:var(--color-bg-surface)}.fh-console-shell-topbar{position:relative;z-index:30}.fh-console-shell .surface-topbar{background:var(--color-bg-surface);border-bottom:var(--fh-border-width-1) solid var(--color-border-default);border-radius:0;backdrop-filter:none}.fh-console-shell .surface-topbar-app{padding:0 var(--fh-space-4)}.fh-console-shell .surface-topbar-title{font-size:var(--fh-font-size-3);line-height:var(--fh-line-height-compact)}.fh-console-shell .layout-topbar-row,.fh-console-shell .layout-topbar-actions{gap:var(--fh-space-1)}.fh-console-shell .control-topbar-button{border-radius:var(--fh-radius-1)}.fh-console-shell .control-topbar-button-strong{box-shadow:none}@media(min-width:640px){.fh-console-shell .surface-topbar-app{padding:0 var(--fh-space-5)}}.layout-topbar-row,.layout-topbar-nav-group,.control-topbar-brand{height:var(--fh-topbar-control-size-desktop)}.layout-topbar-row,.layout-topbar-actions{display:flex;align-items:center;gap:var(--fh-space-2)}.layout-topbar-nav-group{position:relative;display:flex;align-items:center}.control-topbar-brand{display:flex;flex-shrink:0;align-items:center;gap:var(--fh-space-2)}.topbar-brand-logo{width:var(--fh-space-6);height:var(--fh-space-6)}@media(min-width:640px){.topbar-brand-logo{width:calc(var(--fh-space-7) - var(--fh-space-1) / 2);height:calc(var(--fh-space-7) - var(--fh-space-1) / 2)}}.control-topbar-search{height:var(--fh-topbar-control-size)}.surface-toolbar{background:var(--color-bg-surface);border-color:var(--color-border-default)}.surface-toolbar-glass{background:var(--color-bg-glass);border-color:var(--color-border-default);backdrop-filter:var(--backdrop-blur-md)}.surface-side-panel{background:var(--color-bg-surface);border-color:var(--color-border-default)}.surface-mobile-drawer{background:var(--color-bg-page-layer);box-shadow:var(--shadow-e4);transform:translate(-100%);transition:transform var(--fh-duration-slow) var(--fh-ease-standard)}.surface-mobile-drawer[data-open=true]{transform:translate(0)}.message-sidebar-panel{transform:translate(-100%);transition:transform var(--fh-duration-slow) var(--fh-ease-standard)}.message-sidebar-panel[data-open=true]{transform:translate(0)}@media(min-width:768px){.message-sidebar-panel{transform:translate(0)}}.surface-detail-sticky-header{background:color-mix(in srgb,var(--color-bg-page) 92%,transparent);border-bottom:var(--fh-border-width-1) solid var(--color-border-default);border-color:var(--color-border-default);backdrop-filter:var(--backdrop-blur-md)}.surface-scrim{background:var(--scrim-medium);backdrop-filter:var(--backdrop-blur-sm)}.surface-floating-sidebar-scrim{top:var(--sidebar-top-offset, 0)!important}.surface-icon-accent{background:var(--ref-brand-accent-soft);color:var(--color-text-heading);border-radius:var(--fh-radius-2)}.surface-icon-panel,.surface-icon-muted{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--fh-radius-4)}.surface-icon-panel-muted,.surface-icon-muted{background:var(--color-bg-glass);color:var(--color-text-secondary)}.surface-icon-panel-neutral{background:var(--color-bg-subtle);color:var(--color-text-tertiary)}.surface-icon-panel-info{background:var(--color-bg-info);color:var(--ref-info)}.surface-icon-panel-success{background:var(--color-bg-success);color:var(--ref-success)}.surface-icon-panel-warning{background:var(--color-bg-warning);color:var(--ref-warning)}.surface-icon-panel-danger{background:var(--color-bg-error);color:var(--ref-error)}.surface-icon-panel-accent{background:var(--ref-brand-accent-soft);color:var(--ref-brand-accent)}.surface-icon-panel-size-sm{width:var(--fh-space-8);height:var(--fh-space-8)}.surface-icon-panel-size-md{width:calc(var(--fh-space-6) * 2);height:calc(var(--fh-space-6) * 2)}.surface-icon-panel-size-lg{width:calc(var(--fh-space-7) + var(--fh-space-6));height:calc(var(--fh-space-7) + var(--fh-space-6))}.surface-icon-panel-size-xl{width:calc(var(--fh-space-7) * 2);height:calc(var(--fh-space-7) * 2)}.surface-icon-panel-size-2xl{width:calc(var(--fh-space-8) * 2);height:calc(var(--fh-space-8) * 2)}.surface-status-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--fh-radius-2)}.surface-status-icon-size-xs{width:var(--fh-space-6);height:var(--fh-space-6)}.surface-status-icon-size-sm{width:calc(var(--fh-space-6) + var(--fh-space-1));height:calc(var(--fh-space-6) + var(--fh-space-1))}.surface-status-icon-size-md{width:var(--fh-space-7);height:var(--fh-space-7)}.surface-status-icon-soft-neutral{background:var(--color-bg-subtle);color:var(--color-text-tertiary)}.surface-status-icon-soft-info{background:var(--color-bg-info);color:var(--color-text-inverse)}.surface-status-icon-soft-success{background:var(--color-bg-success);color:var(--color-text-inverse)}.surface-status-icon-soft-warning{background:var(--color-bg-warning);color:var(--color-text-inverse)}.surface-status-icon-soft-danger{background:var(--color-bg-error);color:var(--color-text-inverse)}.surface-status-icon-soft-accent{background:var(--color-bg-accent);color:var(--color-text-inverse)}.surface-status-icon-solid-neutral{background:var(--color-bg-subtle);color:var(--color-text-tertiary)}.surface-status-icon-solid-info{background:var(--ref-info);color:var(--color-text-inverse)}.surface-status-icon-solid-success{background:var(--ref-success);color:var(--color-text-inverse)}.surface-status-icon-solid-warning{background:var(--ref-warning);color:var(--color-text-inverse)}.surface-status-icon-solid-danger{background:var(--ref-error);color:var(--color-text-inverse)}.surface-status-icon-solid-accent{background:var(--ref-brand-accent);color:var(--color-text-inverse)}.avatar,.avatar-placeholder{border-radius:var(--fh-radius-full)}.avatar{-o-object-fit:cover;object-fit:cover}.avatar-sized{width:var(--avatar-size, 5rem);height:var(--avatar-size, 5rem)}.avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--ref-neutral-100);border:var(--fh-border-width-1) solid var(--ref-neutral-200);color:var(--ref-neutral-400)}.avatar-placeholder-icon{width:60%;height:60%}.surface-item{background:var(--color-bg-subtle);border-radius:var(--fh-radius-2)}.surface-inset-panel,.surface-inset-panel-subtle,.surface-inset-panel-page{border-radius:var(--fh-radius-2)}.surface-inset-panel{background:var(--color-bg-glass);border:var(--fh-border-width-1) solid var(--color-border-default);backdrop-filter:var(--backdrop-blur-md)}.surface-inset-panel-subtle{background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-default)}.surface-inset-panel-page{background:var(--color-bg-page)}.surface-selection-card{border-width:var(--fh-border-width-2)}.surface-selection-card-selected{border-color:var(--color-border-primary);box-shadow:inset 0 0 0 var(--fh-border-width-1) color-mix(in srgb,var(--ref-brand-primary) 20%,transparent)}.surface-selection-card-selected-accent{background:var(--color-bg-accent);border-color:var(--color-border-primary);box-shadow:0 0 0 var(--fh-border-width-2) var(--color-bg-accent)}.surface-selection-card-selected-info{background:var(--color-bg-info);border-color:var(--color-border-primary);box-shadow:0 0 0 var(--fh-border-width-2) var(--color-bg-info)}.surface-card-option-selected{background:var(--ref-brand-accent-soft);border-color:var(--color-border-primary);box-shadow:inset 0 0 0 var(--fh-border-width-1) color-mix(in srgb,var(--ref-brand-primary) 18%,transparent)}.surface-card-option-selected-accent{background:var(--color-bg-accent);border-color:var(--color-border-primary);box-shadow:inset 0 0 0 var(--fh-border-width-1) color-mix(in srgb,var(--ref-brand-primary) 18%,transparent)}.surface-card-option-selected-info{background:var(--color-bg-info);border-color:var(--color-border-primary);box-shadow:inset 0 0 0 var(--fh-border-width-1) color-mix(in srgb,var(--ref-info) 18%,transparent)}.surface-metric-card{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3)}.surface-metric-card-interactive{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;transition:border-color var(--fh-duration-fast) var(--fh-ease-standard),background-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-metric-card-interactive:hover{background:var(--color-bg-item-hover);border-color:var(--color-border-primary)}.surface-metric-card-interactive:focus,.surface-metric-card-interactive:focus-visible{outline:none;border-color:var(--color-border-primary);box-shadow:var(--ring-primary-soft)}.surface-empty-state{background:var(--color-bg-surface);border:var(--fh-border-width-1) dashed var(--color-border-default);border-radius:var(--fh-radius-3);color:var(--color-text-secondary)}.chip-glass{display:inline-flex;align-items:center;background:var(--color-bg-glass);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-full);color:var(--color-text-secondary)}.chip-glass-size-compact{padding:calc(var(--fh-space-1) / 2) var(--fh-space-2)}.chip-glass-size-default{padding:calc(var(--fh-space-1) * 1.5) var(--fh-space-3)}.surface-step-index{background:var(--ref-brand-primary);color:var(--color-text-inverse);border-radius:var(--fh-radius-full)}.content-markdown{max-width:none;color:var(--color-text-primary)}.content-markdown>:first-child{margin-top:0}.content-markdown>:last-child{margin-bottom:0}.content-markdown h1,.content-markdown h2,.content-markdown h3{color:var(--color-text-primary);letter-spacing:0;scroll-margin-top:var(--fh-space-6)}.content-markdown h1{margin:var(--fh-space-7) 0 var(--fh-space-4);padding-bottom:var(--fh-space-2);border-bottom:var(--fh-border-width-1) solid var(--color-border-default);font-size:var(--fh-font-size-3xl);line-height:var(--fh-line-height-hero);font-weight:var(--fh-font-weight-bold)}.content-markdown h2{margin:var(--fh-space-6) 0 var(--fh-space-3);font-size:var(--fh-font-size-2xl);line-height:var(--fh-line-height-title);font-weight:var(--fh-font-weight-semibold)}.content-markdown h3{margin:var(--fh-space-4) 0 var(--fh-space-2);font-size:var(--fh-font-size-xl);line-height:var(--fh-line-height-heading);font-weight:var(--fh-font-weight-semibold)}.content-markdown p{margin:var(--fh-space-4) 0;color:var(--color-text-primary);line-height:var(--fh-line-height-spacious)}.content-markdown ul,.content-markdown ol{margin:var(--fh-space-4) 0;padding-left:var(--fh-space-5)}.content-markdown ul{list-style:disc outside}.content-markdown ol{list-style:decimal outside}.content-markdown li+li{margin-top:var(--fh-space-2)}.content-markdown blockquote{margin:var(--fh-space-4) 0;padding-left:var(--fh-space-4);border-left:var(--fh-space-1) solid var(--color-text-heading);color:var(--color-text-tertiary);font-style:italic}.content-markdown hr{margin:var(--fh-space-6) 0;border:0;border-top:var(--fh-border-width-1) solid var(--color-border-default)}.content-markdown a{color:var(--color-text-link);text-decoration:none}.content-markdown a:hover{text-decoration:underline}.content-markdown pre{margin:var(--fh-space-4) 0;overflow-x:auto;padding:var(--fh-space-4);background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3)}.content-markdown pre code{padding:0;background:transparent;border-radius:0;color:var(--color-text-primary);font-size:var(--fh-font-size-md)}.content-markdown :not(pre)>code{padding:calc(var(--fh-space-1) / 2) calc(var(--fh-space-1) * 1.5);background:var(--color-bg-subtle);border-radius:var(--fh-radius-1);color:var(--color-text-primary);font-size:var(--fh-font-size-md);font-family:var( --fh-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace )}.content-search-highlight{background:color-mix(in srgb,var(--ref-warning) 28%,var(--color-bg-surface));border-radius:var(--fh-radius-1);color:var(--color-text-heading);font-style:normal;padding-inline:calc(var(--fh-space-1) / 2)}.content-markdown-table-wrap{margin:var(--fh-space-4) 0;overflow-x:auto;border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3)}.content-markdown-table{min-width:100%;border-collapse:collapse}.content-markdown-table th,.content-markdown-table td{padding:var(--fh-space-2) var(--fh-space-4);text-align:left;border-top:var(--fh-border-width-1) solid var(--color-border-default);border-left:var(--fh-border-width-1) solid var(--color-border-default)}.content-markdown-table tr:first-child th{border-top:0}.content-markdown-table th:first-child,.content-markdown-table td:first-child{border-left:0}.content-markdown-table th{background:var(--color-bg-subtle);font-weight:var(--fh-font-weight-semibold)}.surface-subtle-panel{background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-muted);border-radius:var(--fh-radius-2)}.surface-inspector-card,.surface-inspector-list-item{background:var(--color-bg-page);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-2)}.surface-panel-footer{background:var(--color-bg-surface);border-top:var(--fh-border-width-1) solid var(--color-border-default);border-color:var(--color-border-default)}.surface-panel-header{padding:var(--fh-space-4)}.surface-panel-header-compact{padding:var(--fh-space-3) var(--fh-space-4)}.surface-panel-section{min-width:0}.surface-draggable-item{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-draggable-item:hover{background:var(--ref-brand-accent-soft);border-color:var(--color-border-primary)}.surface-node-toolbar{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-2);box-shadow:var(--shadow-e3)}.surface-node-header{border-bottom:var(--fh-border-width-1) solid var(--color-border-default)}.surface-node-header-info{background:var(--color-bg-info)}.surface-node-header-accent{background:var(--color-bg-accent)}.surface-node-header-warning{background:var(--color-bg-warning)}.surface-node-header-success{background:var(--color-bg-success)}.surface-node-header-neutral{background:var(--color-bg-subtle)}.surface-node-footer{border-top:var(--fh-border-width-1) solid var(--color-border-default)}.surface-node-comment{background:var(--color-bg-warning);border:var(--fh-border-width-1) solid var(--color-border-warning);border-radius:var(--fh-radius-2);box-shadow:var(--shadow-e1);overflow:hidden}.surface-node-comment-header{border-bottom:var(--fh-border-width-1) solid var(--color-border-warning)}.surface-node-group{background:var(--color-bg-subtle);border:var(--fh-border-width-2) dashed var(--color-border-default);border-radius:var(--fh-radius-3)}:root{--workflow-node-task-accent: var(--ref-info);--workflow-node-trigger-accent: var(--ref-brand-accent);--workflow-node-condition-accent: var(--ref-warning);--workflow-node-output-accent: var(--ref-success);--workflow-node-comment-accent: var(--ref-warning);--workflow-node-group-accent: var(--color-text-tertiary);--workflow-job-node-header-height: 36px;--workflow-job-node-port-padding-y: var(--fh-space-1);--workflow-job-node-port-row-height: 28px;--workflow-job-node-handle-offset: -6px;--workflow-job-node-default-handle-top: calc( var(--workflow-job-node-header-height) + (var(--workflow-job-node-port-row-height) / 2) + var(--workflow-job-node-port-padding-y) )}.workflow-job-node-header{height:var(--workflow-job-node-header-height)}.workflow-job-node-port-list{padding-block:var(--workflow-job-node-port-padding-y)}.workflow-job-node-port-row{height:var(--workflow-job-node-port-row-height)}.workflow-job-node-handle{top:calc(var(--workflow-job-node-header-height) + var(--workflow-job-node-port-padding-y) + (var(--workflow-job-node-port-index, 0) * var(--workflow-job-node-port-row-height)) + (var(--workflow-job-node-port-row-height) / 2))!important;transform:translateY(-50%)!important}.workflow-job-node-handle-left{left:var(--workflow-job-node-handle-offset)!important}.workflow-job-node-handle-right{right:var(--workflow-job-node-handle-offset)!important}.workflow-job-node-default-handle{top:var(--workflow-job-node-default-handle-top)!important}.workflow-node-idle{border-color:var(--color-border-default)}.workflow-node-migration-border{border-color:var(--color-border-warning)}.workflow-node-run-running{outline:var(--fh-border-width-2) solid var(--color-bg-info);outline-offset:0}.workflow-node-run-failed{outline:var(--fh-border-width-2) solid var(--color-bg-error);outline-offset:0}.workflow-node-handle-border-default{border-color:var(--color-bg-surface)!important}.workflow-node-handle-border-compatible{border-color:var(--ref-success)!important;box-shadow:0 0 0 calc(var(--fh-border-width-1) + var(--fh-border-width-2)) var(--color-bg-success)!important;animation:fh-feedback-pulse var(--fh-duration-pulse) var(--fh-ease-standard) infinite}.workflow-node-handle-frame{border-style:solid!important;border-width:var(--fh-border-width-2)!important;transition:background-color var(--fh-duration-normal) var(--fh-ease-standard),border-color var(--fh-duration-normal) var(--fh-ease-standard),box-shadow var(--fh-duration-normal) var(--fh-ease-standard),transform var(--fh-duration-normal) var(--fh-ease-standard)}.workflow-node-handle-sm{width:calc(var(--fh-space-2) + var(--fh-space-1) / 2)!important;height:calc(var(--fh-space-2) + var(--fh-space-1) / 2)!important}.workflow-node-handle-md{width:var(--fh-space-3)!important;height:var(--fh-space-3)!important}.workflow-node-handle-neutral{background:var(--color-text-tertiary)!important}.workflow-node-handle-info{background:var(--ref-info)!important}.workflow-node-handle-success{background:var(--ref-success)!important}.workflow-node-handle-warning{background:var(--ref-warning)!important}.workflow-node-handle-danger{background:var(--ref-error)!important}.workflow-node-handle-accent{background:var(--ref-brand-accent)!important}.workflow-node-group-locked{background:var(--color-bg-subtle);border-color:var(--color-border-strong);opacity:var(--fh-opacity-strong)}.workflow-node-group-selected{background:var(--ref-brand-accent-soft);border-color:var(--color-border-primary);box-shadow:0 0 0 var(--fh-border-width-2) var(--color-bg-accent)}.workflow-node-group-header-draggable{cursor:move}.workflow-node-group-header-locked{cursor:default}.workflow-node-selected-info,.state-selected-info{border-color:var(--color-border-primary);box-shadow:0 0 0 var(--fh-border-width-2) var(--color-bg-info)}.workflow-node-selected-accent,.state-selected-accent{border-color:var(--color-border-primary);box-shadow:0 0 0 var(--fh-border-width-2) var(--color-bg-accent)}.workflow-node-selected-warning,.state-selected-warning{border-color:var(--color-border-warning);box-shadow:0 0 0 var(--fh-border-width-2) var(--color-bg-warning)}.workflow-node-selected-success,.state-selected-success{border-color:var(--color-border-success);box-shadow:0 0 0 var(--fh-border-width-2) var(--color-bg-success)}.surface-workflow-minimap{overflow:hidden;background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3);box-shadow:var(--shadow-e4)}.surface-workflow-controlbar{display:inline-flex;align-items:center;gap:var(--fh-border-width-1);background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-4);box-shadow:var(--shadow-e2);padding:var(--fh-space-1)}.control-workflow-toolbar-button-active{background:var(--color-bg-info);color:var(--ref-info)}.surface-workflow-canvas{position:relative}@keyframes workflow-dashdraw{to{stroke-dashoffset:-10}}.surface-workflow-canvas .react-flow__resize-control.top,.surface-workflow-canvas .react-flow__resize-control.left,.surface-workflow-canvas .react-flow__resize-control.right,.surface-workflow-canvas .react-flow__resize-control.bottom,.surface-workflow-canvas .react-flow__resize-control.top.left,.surface-workflow-canvas .react-flow__resize-control.top.right,.surface-workflow-canvas .react-flow__resize-control.bottom.left{display:none!important}.surface-workflow-canvas .react-flow__resize-control.bottom.right{display:block!important;pointer-events:auto!important;cursor:nwse-resize!important}.surface-workflow-canvas .react-flow__node-group,.surface-workflow-canvas .react-flow__node-comment,.surface-workflow-canvas .react-flow__node-group.selected,.surface-workflow-canvas .react-flow__node-comment.selected{border:none!important;outline:none!important;box-shadow:none!important}.surface-workflow-canvas .react-flow__node-group{z-index:-1!important;background:transparent}.surface-workflow-canvas .react-flow__node-comment{z-index:0!important}.surface-workflow-canvas .react-flow__node:not(.react-flow__node-group):not(.react-flow__node-comment){z-index:1!important}.surface-workflow-canvas .react-flow__edge{z-index:2!important}.surface-workflow-canvas .react-flow__node-group[data-locked=true]{cursor:not-allowed!important}.surface-workflow-canvas .react-flow__node-group[data-locked=true] .react-flow__drag-handle{pointer-events:none!important}.separator-subtle{background:var(--color-border-default)}.divider-warning{border-color:var(--color-border-warning)}.divider-subtle{border-color:var(--color-border-default)}.divider-subtle-top{border-top:var(--fh-border-width-1) solid var(--color-border-default)}.divider-subtle-bottom{border-bottom:var(--fh-border-width-1) solid var(--color-border-default)}.divider-subtle-left{border-left:var(--fh-border-width-1) solid var(--color-border-default)}.divider-subtle-right{border-right:var(--fh-border-width-1) solid var(--color-border-default)}.stack-divider-subtle>*+*{border-top:var(--fh-border-width-1) solid var(--color-border-default)}:root{--fh-key-value-label-column: 104px}.key-value-list>*+*{border-top:var(--fh-border-width-1) solid var(--color-border-default)}.key-value-row{display:grid;gap:var(--fh-space-4);padding-block:var(--fh-space-3)}.key-value-row-default-columns{grid-template-columns:var(--fh-key-value-label-column) minmax(0,1fr)}.key-value-value{min-width:0}.surface-settings-sidebar{background:var(--color-bg-surface);border-color:var(--color-border-default)}.surface-settings-sidebar-dialog{border-bottom:var(--fh-border-width-1) solid var(--color-border-default)}@media(min-width:768px){.surface-settings-sidebar-dialog{border-bottom:0;border-right:var(--fh-border-width-1) solid var(--color-border-default)}}.surface-settings-sidebar-page{background:transparent;border-bottom:var(--fh-border-width-1) solid var(--color-border-default)}@media(min-width:1024px){.surface-settings-sidebar-page{border-bottom:0;border-right:var(--fh-border-width-1) solid var(--color-border-default)}}.surface-settings-sidebar-header{border-bottom:0}@media(min-width:1024px){.surface-settings-sidebar-header{border-bottom:var(--fh-border-width-1) solid var(--color-border-default)}}.surface-settings-user-chip{background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-1);color:var(--color-text-secondary)}.table-surface{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3);overflow:hidden}.table-surface-subtle{border-radius:var(--fh-radius-1)}.table-surface-subtle .table-head{background:var(--color-bg-subtle)}.surface-console-table{border:none;border-radius:0;box-shadow:none}.surface-console-table .table-head{background:var(--color-bg-surface)}.surface-console-table .table-header-row-compact{padding-block:var(--fh-space-2)}.surface-console-table .table-data-row-compact{padding-block:calc(var(--fh-space-2) + var(--fh-space-1) / 2)}.surface-console-table .table-sticky-action-cell{border-inline-start:none}.table-scroll{overflow-x:auto}.table-content{width:var(--data-table-content-width, auto)}.table-grid-row{grid-template-columns:var(--data-table-grid-template-columns, none);min-width:var(--data-table-min-width, 0)}.table-sticky-action-cell{position:sticky;inset-inline-end:0;z-index:1;align-self:stretch;background:var(--color-bg-surface);border-inline-start:var(--fh-border-width-1) solid var(--color-border-default);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard)}.table-head .table-sticky-action-cell{z-index:2;background:inherit}.table-row-interactive:hover .table-sticky-action-cell{background:var(--color-table-row-hover)}.table-body-divider>*+*{border-top:var(--fh-border-width-1) solid var(--color-border-default)}.surface-list{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-3);overflow:hidden}.surface-list-item{border-bottom:var(--fh-border-width-1) solid var(--color-border-default);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-list-item:last-child{border-bottom:none}.surface-list-item-current{background:var(--color-bg-subtle)}.table-head{background:var(--color-table-head-bg);border-bottom:var(--fh-border-width-1) solid var(--color-border-default)}.table-header-row{padding-block:var(--fh-space-3)}.table-header-row-compact{padding-block:calc(var(--fh-space-2) + var(--fh-space-1) / 2)}.table-header-cell,.table-cell{padding:var(--fh-space-3) var(--fh-space-4)}.table-data-row-default{padding-block:var(--fh-space-3)}.table-data-row-compact{padding-block:var(--fh-space-2)}.table-row-padding-default{padding-inline:var(--fh-space-4)}.table-row-padding-edge{padding-inline:var(--fh-space-2)}.table-row{border-top:var(--fh-border-width-1) solid var(--color-border-default);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard)}.table-row:hover{background:var(--color-table-row-hover)}.table-row-interactive{background:var(--color-bg-surface);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard)}.table-row-interactive:hover{background:var(--color-table-row-hover)}.table-row-interactive:focus,.table-row-interactive:focus-visible{outline:none;box-shadow:var(--ring-inset)}.surface-data-grid-row{display:grid;min-height:calc(var(--fh-space-8) + var(--fh-space-1) / 2);align-items:center;gap:var(--fh-space-2);border-radius:var(--fh-radius-3);padding:calc(var(--fh-space-1) * 1.5) var(--fh-space-2)}.surface-inline-editor{background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid transparent;transition:border-color var(--fh-duration-fast) var(--fh-ease-standard),background-color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-inline-editor:hover{border-color:var(--color-border-primary)}.surface-inline-editor-disabled{cursor:default}.surface-inline-editor-disabled:hover{border-color:transparent}.surface-inline-editor-display{display:block;margin:0;padding-block:var(--fh-space-2);padding-inline:var(--fh-space-3);border-radius:var(--fh-radius-2);white-space:pre-wrap;overflow-wrap:anywhere;cursor:text}.surface-inline-editor-input{display:block;margin:0;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-all}.skeleton-block{background:color-mix(in srgb,var(--color-bg-subtle),var(--color-text-tertiary) 8%);animation:fh-feedback-pulse var(--fh-duration-pulse) var(--fh-ease-standard) infinite}.skeleton-block-radius-none{border-radius:0}.skeleton-block-radius-sm{border-radius:var(--fh-radius-1)}.skeleton-block-radius-md{border-radius:var(--fh-radius-2)}.skeleton-block-radius-lg{border-radius:var(--fh-radius-3)}.skeleton-block-radius-full{border-radius:var(--fh-radius-full)}.control-mini-task-button{display:inline-flex;width:var(--fh-space-6);height:var(--fh-space-6);flex-shrink:0;align-items:center;justify-content:center;padding:0;background:var(--color-bg-glass);border:var(--fh-border-width-1) solid color-mix(in srgb,var(--color-border-default) 72%,transparent);border-radius:var(--fh-radius-2);color:var(--color-text-secondary);box-shadow:var(--shadow-e1);backdrop-filter:var(--backdrop-blur-md);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard)}.control-mini-task-button:hover:not(:disabled){background:var(--color-bg-subtle);border-color:var(--color-border-default);color:var(--color-text-heading)}.control-mini-task-button:focus-visible{outline:none;box-shadow:var(--ring-primary-soft)}.control-mini-task-button:disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled-emphasis)}.surface-action-dashed{border:var(--fh-border-width-2) dashed var(--color-border-default);border-radius:var(--fh-radius-2);color:var(--color-text-tertiary);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-action-dashed:hover{background:var(--ref-brand-accent-soft);border-color:var(--color-border-accent);color:var(--color-text-heading)}.avatar-ring{border:var(--fh-border-width-2) solid color-mix(in srgb,var(--ref-neutral-0) 30%,transparent)}.surface-field{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);color:var(--color-text-heading);caret-color:var(--ref-brand-primary);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-field-control{padding-block:var(--fh-space-2);padding-inline:var(--fh-space-3)}.surface-field-control--lg{min-height:calc(var(--fh-space-8) + var(--fh-space-1))}.surface-field-control--xl{min-height:calc(var(--fh-space-8) + var(--fh-space-3))}.surface-code-block{overflow:auto}.surface-code-block-padding-none,.surface-code-field-padding-none{padding:0}.surface-code-block-padding-md,.surface-code-field-padding-md{padding:var(--fh-space-3)}.surface-code-block-padding-lg{padding:var(--fh-space-4)}.surface-code-field-padding-compact{padding-block:var(--fh-space-2);padding-inline:var(--fh-space-3)}.surface-code-field-padding-lg{padding-block:var(--fh-space-3);padding-inline:var(--fh-space-4)}.surface-field:hover{background:color-mix(in srgb,var(--appearance-accent) 3%,var(--color-bg-surface));border-color:color-mix(in srgb,var(--appearance-foreground) 24%,transparent)}.surface-field-display{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);color:var(--color-text-secondary);display:flex;min-height:calc(var(--fh-space-7) + var(--fh-space-1));min-width:0;align-items:center;border-radius:var(--fh-radius-2);padding-inline:var(--fh-space-2);font-size:var(--fh-font-size-md);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-field-display:hover{background:color-mix(in srgb,var(--appearance-accent) 3%,var(--color-bg-surface));border-color:color-mix(in srgb,var(--appearance-foreground) 24%,transparent)}.surface-field::-moz-placeholder{color:var(--color-text-tertiary)}.surface-field::placeholder{color:var(--color-text-tertiary)}.surface-field-body-ghost{background:transparent;border:0;box-shadow:none;outline:none}.surface-field-body-ghost:focus,.surface-field-body-ghost:focus-visible{outline:none;box-shadow:none}.surface-field:focus,.surface-field:focus-visible,.surface-field:focus-within{outline:none;background:var(--color-bg-surface);border-color:var(--color-border-primary);box-shadow:none}.surface-field-open{background:var(--color-bg-surface);border-color:var(--color-border-primary);box-shadow:none}.surface-field-open:hover{border-color:var(--color-border-primary)}.control-slider{width:100%;accent-color:var(--ref-brand-primary)}.control-slider:disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled)}.chart-svg,.mini-chart-svg,.heatmap-svg{display:block;overflow:visible}.surface-counter-root{position:relative;display:inline-block}.surface-counter{display:flex;overflow:hidden;font-size:var( --surface-counter-font-size, calc(var(--fh-font-size-4) * 4.1667) );gap:var(--surface-counter-gap, var(--fh-space-2));padding-inline:var(--surface-counter-padding-x, var(--fh-space-2));border-radius:var(--surface-counter-radius, calc(var(--fh-radius-1) * .5));color:var(--surface-counter-text-color, inherit);font-weight:var(--surface-counter-font-weight, inherit);line-height:var(--fh-line-height-none)}.surface-counter-gradient-container{position:absolute;inset:0;pointer-events:none}.surface-counter-gradient-top,.surface-counter-gradient-bottom{position:absolute;width:100%;height:var(--surface-counter-gradient-height, var(--fh-space-4))}.surface-counter-gradient-top{top:0;background:linear-gradient(to bottom,var(--surface-counter-gradient-from, transparent),var(--surface-counter-gradient-to, transparent))}.surface-counter-gradient-bottom{bottom:0;background:linear-gradient(to top,var(--surface-counter-gradient-from, transparent),var(--surface-counter-gradient-to, transparent))}.surface-counter-digit{position:relative;width:1ch;height:var(--surface-counter-digit-height);font-variant-numeric:tabular-nums}.surface-counter-digit-decimal{width:-moz-fit-content;width:fit-content}.surface-counter-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.effect-click-spark-root{position:relative;width:100%;height:100%}.effect-click-spark-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}.effect-shiny-text{display:inline-block;background-image:linear-gradient(var(--effect-shiny-text-angle, 120deg),var(--effect-shiny-text-color, var(--color-text-secondary)) 0%,var(--effect-shiny-text-color, var(--color-text-secondary)) 35%,var(--effect-shiny-text-shine-color, var(--color-text-heading)) 50%,var(--effect-shiny-text-color, var(--color-text-secondary)) 65%,var(--effect-shiny-text-color, var(--color-text-secondary)) 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.effect-gradient-text{--effect-gradient-text-padding-y: calc( var(--fh-space-1) + (var(--fh-space-2) / 5) );--effect-gradient-text-padding-x: var(--fh-space-3);position:relative;display:flex;max-width:-moz-fit-content;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;margin:0 auto;overflow:hidden;border-radius:var(--fh-radius-4);font-weight:var(--fh-font-weight-medium);cursor:pointer;backdrop-filter:blur(10px);transition:box-shadow var(--fh-duration-deliberate) var(--fh-ease-out)}.effect-gradient-text-bordered{padding:var(--effect-gradient-text-padding-y) var(--effect-gradient-text-padding-x)}.effect-gradient-text-overlay,.effect-gradient-text-content{background-image:linear-gradient(var(--effect-gradient-text-angle, to right),var( --effect-gradient-text-colors, var(--ref-brand-primary), var(--ref-brand-accent), var(--ref-brand-secondary), var(--ref-brand-primary) ));background-size:var(--effect-gradient-text-size, 300% 100%);background-repeat:repeat}.effect-gradient-text-overlay{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none}.effect-gradient-text-overlay:before{content:"";position:absolute;left:50%;top:50%;z-index:-1;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:inherit;background-color:var(--color-bg-page-layer);transform:translate(-50%,-50%)}.effect-gradient-text-content{position:relative;z-index:2;display:inline-block;background-clip:text;-webkit-background-clip:text;color:transparent}.effect-star-border{--effect-star-border-speed-default: 6s;--effect-star-border-surface-border: var(--color-border-default);--effect-star-border-surface-bg: var(--color-bg-page-layer);--effect-star-border-surface-text: var(--color-text-primary);--effect-star-border-content-font-size: var(--fh-font-size-3);--effect-star-border-content-padding-y: var(--fh-space-4);--effect-star-border-content-padding-x: var(--fh-space-6);position:relative;display:inline-block;overflow:hidden;padding:var(--effect-star-border-thickness, var(--fh-border-width-1)) 0;border-radius:var(--fh-radius-4)}.effect-star-border-gradient-bottom,.effect-star-border-gradient-top{position:absolute;z-index:0;width:300%;height:50%;border-radius:50%;opacity:var(--fh-opacity-dim);background:radial-gradient(circle,var(--effect-star-border-color, var(--ref-static-white)),transparent 10%);animation-duration:var( --effect-star-border-speed, var(--effect-star-border-speed-default) );animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:alternate}.effect-star-border-gradient-bottom{right:-250%;bottom:calc(var(--fh-space-3) * -1);animation-name:effect-star-border-movement-bottom}.effect-star-border-gradient-top{top:calc(var(--fh-space-3) * -1);left:-250%;animation-name:effect-star-border-movement-top}.effect-star-border-content{position:relative;z-index:1;border:var(--fh-border-width-1) solid var(--effect-star-border-surface-border);border-radius:var(--fh-radius-4);background:var(--effect-star-border-surface-bg);color:var(--effect-star-border-surface-text);font-size:var(--effect-star-border-content-font-size);padding:var(--effect-star-border-content-padding-y) var(--effect-star-border-content-padding-x);text-align:center}.effect-electric-border{--effect-electric-border-light-color: oklch( from var(--effect-electric-border-color, var(--ref-info)) l c h );position:relative;overflow:visible;isolation:isolate;border-radius:var(--effect-electric-border-radius, var(--fh-radius-4))}.effect-electric-border-canvas-container{position:absolute;top:50%;left:50%;z-index:2;pointer-events:none;transform:translate(-50%,-50%)}.effect-electric-border-canvas{display:block}.effect-electric-border-content{position:relative;z-index:1;border-radius:inherit}.effect-electric-border-layers{position:absolute;inset:0;z-index:0;border-radius:inherit;pointer-events:none}.effect-electric-border-glow-primary,.effect-electric-border-glow-secondary,.effect-electric-border-background-glow{position:absolute;inset:0;box-sizing:border-box;border-radius:inherit;pointer-events:none}.effect-electric-border-glow-primary{border:var(--fh-border-width-2) solid oklch(from var(--effect-electric-border-color, var(--ref-info)) l c h / .6);filter:blur(1px)}.effect-electric-border-glow-secondary{border:var(--fh-border-width-2) solid var(--effect-electric-border-light-color);filter:blur(4px)}.effect-electric-border-background-glow{z-index:-1;background:linear-gradient(-30deg,var(--effect-electric-border-light-color),transparent,var(--effect-electric-border-color, var(--ref-info)));opacity:var(--fh-opacity-soft);filter:blur(32px);transform:scale(1.1)}.effect-glass-surface{--effect-glass-surface-fade-duration: .26s;position:relative;display:flex;align-items:center;justify-content:center;width:var(--effect-glass-surface-width, 200px);height:var(--effect-glass-surface-height, 80px);overflow:hidden;border-radius:var(--effect-glass-surface-radius, var(--fh-radius-5));transition:opacity var(--effect-glass-surface-fade-duration) var(--fh-ease-out)}.effect-glass-surface-filter{position:absolute;inset:0;z-index:-1;width:100%;height:100%;opacity:0;pointer-events:none}.effect-glass-surface-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--fh-space-2);border-radius:inherit}.effect-glass-surface--svg{background:color-mix(in srgb,var(--color-bg-surface) var(--effect-glass-surface-background-opacity, 0%),transparent);backdrop-filter:var(--effect-glass-surface-filter, url(#glass-filter)) saturate(var(--effect-glass-surface-saturation, 1));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border-default) 72%,transparent),inset 0 0 0 6px color-mix(in srgb,var(--color-bg-glass) 22%,transparent),var(--shadow-e4)}.effect-glass-surface--fallback{background:color-mix(in srgb,var(--color-bg-surface) var(--effect-glass-surface-background-opacity, 72%),transparent);border:var(--fh-border-width-1) solid color-mix(in srgb,var(--color-border-default) 76%,transparent);backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.8) brightness(1.1);box-shadow:var(--shadow-e4),inset 0 1px color-mix(in srgb,var(--color-text-inverse) 24%,transparent),inset 0 -1px color-mix(in srgb,var(--color-text-inverse) 12%,transparent)}@supports not (backdrop-filter: blur(10px)){.effect-glass-surface--fallback{background:color-mix(in srgb,var(--color-bg-surface) 84%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--color-text-inverse) 28%,transparent),inset 0 -1px color-mix(in srgb,var(--color-text-inverse) 16%,transparent)}.effect-glass-surface--fallback:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:color-mix(in srgb,var(--color-bg-glass) 26%,transparent)}}.effect-glass-surface:focus-visible{outline:var(--fh-border-width-2) solid var(--ref-brand-primary);outline-offset:var(--fh-border-width-2)}.effect-spotlight-card{--effect-spotlight-card-x: 50%;--effect-spotlight-card-y: 50%;--effect-spotlight-card-color: color-mix( in srgb, var(--color-text-inverse) 5%, transparent );position:relative;overflow:hidden;padding:var(--fh-space-7);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:calc(var(--fh-radius-4) + var(--fh-space-1));background-color:var(--color-bg-page-layer)}.effect-spotlight-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--effect-spotlight-card-x) var(--effect-spotlight-card-y),var(--effect-spotlight-card-color),transparent 80%);opacity:0;pointer-events:none;transition:opacity var(--fh-duration-deliberate) var(--fh-ease-standard)}.effect-spotlight-card:hover:before,.effect-spotlight-card:focus-within:before{opacity:var(--fh-opacity-disabled-emphasis)}.effect-metallic-paint-canvas{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.effect-metallic-paint-error{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--ref-error);font-size:var(--fh-font-size-2)}@keyframes effect-star-border-movement-bottom{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes effect-star-border-movement-top{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.surface-activity-heatmap-cell{rx:calc(var(--fh-radius-1) * .25);ry:calc(var(--fh-radius-1) * .25)}.surface-activity-heatmap-cell-interactive{cursor:pointer}.surface-activity-heatmap-cell-idle{cursor:default}.surface-activity-heatmap-month-label{font-size:calc(var(--fh-font-size-1) * .833)}.surface-activity-heatmap-weekday-label{font-size:calc(var(--fh-font-size-1) * .75)}.surface-heatmap-density-comfortable{--surface-heatmap-cell-radius: var(--fh-radius-1);--surface-heatmap-grid-gap: calc(var(--fh-space-2) * .75);--surface-heatmap-label-font-size: calc(var(--fh-font-size-1) * .667);--surface-heatmap-label-opacity: var(--fh-opacity-prominent)}.surface-heatmap-density-standard{--surface-heatmap-cell-radius: calc(var(--fh-radius-1) * .75);--surface-heatmap-grid-gap: calc(var(--fh-space-2) * .625);--surface-heatmap-label-font-size: calc(var(--fh-font-size-1) * .583);--surface-heatmap-label-opacity: var(--fh-opacity-disabled)}.surface-heatmap-density-compact{--surface-heatmap-cell-radius: calc(var(--fh-radius-1) * .5);--surface-heatmap-grid-gap: calc(var(--fh-space-1) * .75);--surface-heatmap-label-font-size: calc(var(--fh-font-size-1) * .417);--surface-heatmap-label-opacity: var(--fh-opacity-quiet)}.surface-heatmap-density-dense{--surface-heatmap-cell-radius: calc(var(--fh-radius-1) * .375);--surface-heatmap-grid-gap: calc(var(--fh-space-1) * .5);--surface-heatmap-label-font-size: calc(var(--fh-font-size-1) * .333);--surface-heatmap-label-opacity: var(--fh-opacity-ghost)}.surface-heatmap-density-micro{--surface-heatmap-cell-radius: calc(var(--fh-radius-1) * .25);--surface-heatmap-grid-gap: calc(var(--fh-space-1) * .25);--surface-heatmap-label-font-size: calc(var(--fh-font-size-1) * .333);--surface-heatmap-label-opacity: var(--fh-opacity-trace)}.surface-value-heatmap-grid{gap:var(--surface-heatmap-grid-gap, calc(var(--fh-space-2) * .75));grid-template-columns:repeat(var(--value-heatmap-columns, 1),minmax(0,1fr));grid-template-rows:repeat(var(--value-heatmap-rows, 1),minmax(0,1fr))}.surface-heatmap-cell{min-width:1px;min-height:1px;background-color:var(--value-heatmap-cell-color, var(--color-bg-subtle));border-radius:var(--surface-heatmap-cell-radius, var(--fh-radius-1));box-shadow:inset 0 var(--fh-border-width-1) 0 color-mix(in srgb,var(--ref-static-white) 16%,transparent);transition:transform var(--fh-duration-normal) var(--fh-ease-out),box-shadow var(--fh-duration-normal) var(--fh-ease-out);will-change:transform,box-shadow}.surface-heatmap-cell:hover{z-index:10;transform:scale(1.1);box-shadow:var(--shadow-e4)}.surface-heatmap-label{font-size:var( --surface-heatmap-label-font-size, calc(var(--fh-font-size-1) * .667) );opacity:var(--surface-heatmap-label-opacity, var(--fh-opacity-prominent));text-shadow:0 1px 2px color-mix(in srgb,var(--ref-neutral-1000) 12%,transparent)}.surface-heatmap-legend{background:linear-gradient(to right,var(--color-heatmap-spectrum-0),var(--color-heatmap-spectrum-25),var(--color-heatmap-spectrum-50),var(--color-heatmap-spectrum-75),var(--color-heatmap-spectrum-100));border-radius:var(--fh-radius-full)}.chart-grid{opacity:var(--fh-opacity-quiet)}.surface-field-error,.surface-field-error:hover{border-color:var(--color-border-error)}.surface-field-error:focus,.surface-field-error:focus-visible,.surface-field-error:focus-within{outline:none;border-color:var(--color-border-error);box-shadow:none}.surface-field-valid,.surface-field-valid:hover{border-color:var(--color-border-success)}.surface-field-valid:focus,.surface-field-valid:focus-visible,.surface-field-valid:focus-within{outline:none;border-color:var(--color-border-success);box-shadow:none}.surface-search-field{height:calc(var(--fh-space-7) + var(--fh-space-1));padding-left:calc(var(--fh-space-7) + var(--fh-space-1));padding-right:var(--fh-space-3);background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid transparent;color:var(--color-text-primary);caret-color:var(--ref-brand-primary);border-radius:var(--fh-radius-1);font-size:var(--fh-font-size-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.surface-search-field-with-clear{padding-right:calc(var(--fh-space-7) + var(--fh-space-1))}.control-search-leading-icon{position:absolute;left:var(--fh-space-3);top:50%;transform:translateY(-50%)}.fh-button.control-search-clear{--fh-button-icon-only-size: var(--fh-space-6);position:absolute;right:var(--fh-space-2);top:50%;transform:translateY(-50%)}.control-password-field-with-toggle{padding-right:var(--fh-space-8)}.fh-button.control-password-toggle{--fh-button-icon-only-size: calc(var(--fh-space-6) + var(--fh-space-1));position:absolute;right:var(--fh-space-2);top:50%;transform:translateY(-50%)}.surface-search-field::-moz-placeholder{color:var(--color-text-tertiary)}.surface-search-field::placeholder{color:var(--color-text-tertiary)}.surface-search-field:hover{background:color-mix(in srgb,var(--appearance-accent) 3%,var(--color-bg-surface))}.surface-search-field:focus,.surface-search-field:focus-visible{outline:none;background:var(--color-bg-surface);border-color:var(--color-border-primary);box-shadow:var(--ring-primary-soft)}.surface-search-field:disabled{background:var(--color-bg-subtle);color:var(--color-text-tertiary);cursor:not-allowed}.surface-search-field-elevated{background:var(--color-bg-surface);border-color:color-mix(in srgb,var(--color-border-default) 70%,transparent);border-radius:var(--fh-radius-full);box-shadow:var(--shadow-e2);backdrop-filter:var(--backdrop-blur-md)}.surface-search-field-elevated:hover{background:color-mix(in srgb,var(--appearance-accent) 4%,var(--color-bg-surface))}.surface-search-field-elevated:focus,.surface-search-field-elevated:focus-visible{background:var(--color-bg-surface)}.surface-menu-item{color:var(--color-text-secondary);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-menu-item:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-bg-subtle);color:var(--color-text-heading)}.surface-menu-item:disabled,.surface-menu-item[aria-disabled=true],.surface-menu-item-disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled)}.surface-menu-item:focus-visible,.surface-menu-item-danger:focus-visible{outline:none;box-shadow:var(--ring-primary)}.surface-menu-item-danger{color:var(--ref-error);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-menu-item-danger:hover{background:var(--color-bg-error)}.surface-menu-item-selected{color:var(--color-text-link);background:color-mix(in srgb,var(--ref-brand-primary) 8%,var(--color-bg-surface))}.surface-menu-item-selected:hover{background:color-mix(in srgb,var(--ref-brand-primary) 12%,var(--color-bg-surface));color:var(--color-text-link)}.surface-menu-checkbox-item{display:flex;align-items:center;gap:var(--fh-space-2);padding-block:calc(var(--fh-space-1) * 1.5);padding-inline:var(--fh-space-2);font-size:var(--fh-font-size-md);line-height:var(--fh-line-height-body)}.surface-menu-checkbox-label{min-width:0}.surface-column-visibility-menu{position:absolute;top:var(--column-visibility-menu-top, 2.75rem);z-index:var(--column-visibility-menu-z-index, 30);width:var(--column-visibility-menu-width, 192px);padding:var(--column-visibility-menu-padding, var(--fh-space-2))}.surface-column-visibility-menu[data-align=left]{left:0}.surface-column-visibility-menu[data-align=right]{right:0}.surface-filter-menu-popover{position:fixed;z-index:var(--filter-menu-z-index, 50);width:var(--filter-menu-width, 160px);left:var(--filter-menu-left, 0);top:var(--filter-menu-top, 0);padding-block:var(--filter-menu-padding-block, var(--fh-space-2))}.surface-filter-menu-option{display:block;width:100%;padding-block:var(--fh-space-2);padding-inline:var(--fh-space-3);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.surface-tab-menu{position:absolute;top:100%;z-index:var(--tab-menu-z-index, 20);min-width:var(--tab-menu-min-width, 9rem);padding:var(--tab-menu-padding, var(--fh-space-1))}.surface-tab-menu[data-align=left]{left:0}.surface-tab-menu[data-align=right]{right:0}.surface-tab-menu-item{display:block;width:100%;padding:var(--fh-space-2) var(--fh-space-3);text-align:left}.surface-filter-option{background:transparent;border:var(--fh-border-width-1) solid transparent;border-radius:var(--fh-radius-2);color:var(--color-text-secondary);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.surface-filter-option:hover{background:var(--color-bg-subtle);border-color:var(--color-border-default);color:var(--color-text-heading)}.surface-filter-option:focus-visible{outline:none;border-color:var(--color-border-primary);box-shadow:var(--ring-primary-soft);color:var(--color-text-heading)}.surface-filter-option-active{background:var(--color-bg-info);border-color:var(--color-border-primary);color:var(--color-text-heading)}.surface-filter-option-active:hover{background:color-mix(in srgb,var(--color-bg-info) 80%,var(--color-bg-surface));border-color:var(--color-border-primary);color:var(--color-text-heading)}.surface-autocomplete-popover{--surface-autocomplete-popover-max-height: 240px;--surface-autocomplete-footer-height: 28px;position:fixed;z-index:var(--surface-autocomplete-popover-z-index, 9999);left:var(--surface-autocomplete-popover-left, 0);top:var(--surface-autocomplete-popover-top, 0);min-width:var(--surface-autocomplete-popover-min-width, 240px);max-width:var(--surface-autocomplete-popover-max-width, 380px);overflow:hidden;background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-strong);border-radius:var(--fh-radius-3);box-shadow:var(--shadow-e4)}.surface-autocomplete-list{overflow-y:auto;padding-block:var(--fh-space-1);max-height:calc(var(--surface-autocomplete-popover-max-height) - var(--surface-autocomplete-footer-height))}.surface-autocomplete-footer{padding:var(--fh-space-1) var(--fh-space-3);border-top:var(--fh-border-width-1) solid var(--color-border-strong);color:var(--color-text-secondary)}.autocomplete-option{display:flex;width:100%;align-items:flex-start;gap:var(--fh-space-2);padding:calc(var(--fh-space-1) * 1.5) var(--fh-space-3);text-align:left}.autocomplete-group-label{padding:var(--fh-space-1) var(--fh-space-3);color:var(--color-text-secondary);font-size:var(--fh-font-size-2xs);font-weight:var(--fh-font-weight-semibold);letter-spacing:var(--fh-letter-spacing-eyebrow);text-transform:uppercase}.autocomplete-keyword-chip{flex-shrink:0;padding:calc(var(--fh-space-1) * .5) calc(var(--fh-space-1) * 1.5);background:var(--color-bg-subtle);border-radius:var(--fh-radius-1);color:var(--color-text-heading);font-family:var( --fh-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace )}.autocomplete-help-key{padding:calc(var(--fh-space-1) * .5) var(--fh-space-1);background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-strong);border-radius:var(--fh-radius-1);color:var(--color-text-secondary);font-size:var(--fh-font-size-2xs);line-height:var(--fh-line-height-none)}.surface-view-toggle{background:var(--color-bg-subtle);border-radius:var(--fh-radius-2)}.surface-view-toggle-button{color:var(--color-text-tertiary);border-radius:var(--fh-radius-1);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.surface-view-toggle-button:hover{background:var(--color-bg-surface);color:var(--color-text-heading)}.surface-view-toggle-button-active{background:var(--color-bg-surface);color:var(--color-text-link);box-shadow:var(--shadow-e1)}.surface-view-toggle-button:focus-visible{outline:none;box-shadow:var(--ring-primary)}.control-filter-trigger{display:inline-flex;width:var(--fh-space-3);height:var(--fh-space-3);flex-shrink:0;align-items:center;justify-content:center;color:var(--color-text-tertiary);border-radius:var(--fh-radius-1);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.control-filter-trigger:hover{background:var(--color-bg-surface);color:var(--color-text-heading)}.control-filter-trigger-active{color:var(--color-text-link);background:color-mix(in srgb,var(--ref-brand-primary) 8%,var(--color-bg-surface))}.control-filter-trigger:focus-visible{outline:none;box-shadow:var(--ring-primary)}.control-icon-button{color:var(--color-text-tertiary);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.control-icon-button:hover{background:var(--color-bg-surface);color:var(--color-text-heading)}.control-icon-button:focus-visible{outline:none;box-shadow:var(--ring-primary)}.control-icon-button:disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled)}.control-inline-action{color:var(--color-text-secondary);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.control-inline-action:hover{background:var(--color-bg-subtle);color:var(--color-text-heading)}.control-inline-action:focus-visible{outline:none;box-shadow:var(--ring-primary)}.control-section-toggle{color:var(--color-text-secondary);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard),transform var(--fh-duration-fast) var(--fh-ease-standard)}.control-section-toggle:hover{background:var(--color-bg-subtle);color:var(--color-text-heading)}.control-section-toggle:focus-visible{outline:none;box-shadow:var(--ring-primary)}.control-topbar-button{display:flex;width:var(--fh-topbar-control-size);height:var(--fh-topbar-control-size);align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}@media(min-width:640px){.control-topbar-button{width:var(--fh-topbar-control-size-desktop);height:var(--fh-topbar-control-size-desktop)}}.control-topbar-button:hover{background:var(--color-bg-subtle);color:var(--color-text-heading)}.control-topbar-button-icon,.control-topbar-button-icon-lg{width:var(--fh-space-4);height:var(--fh-space-4)}.control-topbar-button-icon-lg{width:var(--fh-space-5);height:var(--fh-space-5)}@media(min-width:640px){.control-topbar-button-icon{width:var(--fh-space-5);height:var(--fh-space-5)}.control-topbar-button-icon-lg{width:var(--fh-space-6);height:var(--fh-space-6)}}.control-topbar-button:focus-visible{outline:none;box-shadow:var(--ring-primary)}.control-topbar-button-strong{background:var(--color-bg-subtle);box-shadow:var(--shadow-e2)}.control-topbar-button-strong:hover{background:var(--color-bg-surface)}.control-topbar-button-analytics-menu{width:var(--fh-topbar-control-size-compact);height:var(--fh-topbar-control-size-compact)}.control-topbar-button-analytics-action{width:var(--fh-topbar-control-size);height:var(--fh-topbar-control-size)}.control-topbar-button-mobile{width:var(--fh-topbar-control-size-compact);height:var(--fh-topbar-control-size-compact)}.topbar-mobile-avatar,.topbar-mobile-avatar-placeholder{width:var(--fh-topbar-avatar-size);height:var(--fh-topbar-avatar-size)}.topbar-mobile-avatar-placeholder{display:flex;align-items:center;justify-content:center}.control-brand-button{color:var(--color-text-heading)}.control-brand-button:hover:not(:disabled),.control-brand-button:active:not(:disabled){background:transparent}.nav-breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--fh-duration-fast) var(--fh-ease-standard),text-decoration-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.nav-breadcrumb-link:hover{color:var(--color-text-heading)}.nav-breadcrumb-link:focus-visible{outline:none;color:var(--color-text-heading);border-radius:var(--fh-radius-1);box-shadow:var(--ring-primary)}.nav-topbar-link{position:relative;display:flex;height:var(--fh-topbar-control-size-desktop);align-items:center;margin-inline:var(--fh-space-1);padding-inline:var(--fh-space-3);color:var(--color-text-secondary);border-radius:var(--fh-radius-2);transition:color var(--fh-duration-fast) var(--fh-ease-standard),background-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.nav-topbar-link:hover{color:var(--color-text-heading)}.nav-topbar-link:focus-visible{outline:none;box-shadow:var(--ring-primary)}.nav-topbar-link-active{color:var(--ref-brand-primary);font-weight:var(--fh-font-weight-medium)}.nav-topbar-link-label,.surface-topbar-notification-anchor,.surface-topbar-mobile-menu-label{position:relative}.nav-topbar-link-badge{position:absolute;top:calc(var(--fh-space-2) * -1);right:calc(var(--fh-space-6) * -1)}.nav-topbar-link-indicator{position:absolute;top:100%;left:50%;width:var(--fh-space-6);height:calc(var(--fh-space-1) * 1.5);margin-top:calc(var(--fh-space-1) * .5);pointer-events:none;border-bottom:var(--fh-border-width-2) solid var(--ref-brand-primary);border-bottom-left-radius:var(--fh-radius-full);border-bottom-right-radius:var(--fh-radius-full);transform:translate(-50%)}.surface-topbar-mobile-menu{position:absolute;left:0;right:0;top:100%;z-index:50;overflow:hidden;transition:max-height var(--fh-duration-slow) var(--fh-ease-standard),opacity var(--fh-duration-slow) var(--fh-ease-standard)}.surface-topbar-mobile-menu-open{max-height:var(--fh-layout-topbar-mobile-menu-max-height);opacity:1}.surface-topbar-mobile-menu-closed{max-height:0;opacity:0}.surface-topbar-mobile-menu-item{display:block;width:calc(100% - var(--fh-space-4));margin-inline:var(--fh-space-2);padding-block:var(--fh-space-3);padding-inline:var(--fh-space-4);text-align:left}.surface-topbar-mobile-menu-badge{margin-left:var(--fh-space-2)}.surface-topbar-account-trigger{position:relative;flex-shrink:0}.surface-topbar-account-menu{position:absolute;right:0;z-index:50;width:var(--fh-layout-topbar-account-menu-width);margin-top:var(--fh-space-2);padding-block:var(--fh-space-1);transform-origin:top;transition:opacity var(--fh-duration-normal) var(--fh-ease-standard),transform var(--fh-duration-normal) var(--fh-ease-standard);will-change:transform}.surface-topbar-account-menu-open{opacity:1;transform:translateY(0);pointer-events:auto}.surface-topbar-account-menu-closed{opacity:0;transform:translateY(calc(var(--fh-space-1) * -1));pointer-events:none}.surface-topbar-account-summary{padding-block:var(--fh-space-2);padding-inline:var(--fh-space-4)}.surface-topbar-account-summary-row{display:flex;align-items:center;gap:var(--fh-space-3)}.surface-topbar-account-summary-text{min-width:0;flex:1 1 0%}.surface-topbar-menu-item{display:block;width:calc(100% - var(--fh-space-4));margin-inline:var(--fh-space-2);padding-block:var(--fh-space-2);padding-inline:var(--fh-space-3);text-align:left}.surface-topbar-menu-item-flex{display:flex;align-items:center;justify-content:space-between}.surface-topbar-menu-link{display:inline-flex;width:auto;justify-content:flex-start}.surface-topbar-menu-icon-row{display:flex;align-items:center;gap:var(--fh-space-2)}.surface-topbar-menu-icon-row>:where(svg){width:var(--fh-space-4);height:var(--fh-space-4);flex-shrink:0}.surface-topbar-menu-icon-external{width:var(--fh-space-3);height:var(--fh-space-3);opacity:var(--fh-opacity-disabled)}.surface-topbar-menu-divider{margin-block:var(--fh-space-1);margin-inline:var(--fh-space-2)}.surface-topbar-notification-badge{position:absolute;top:calc((var(--fh-space-2) - var(--fh-space-1) / 4) * -1);right:calc((var(--fh-space-2) + var(--fh-space-1) / 4) * -1);justify-content:center}.surface-topbar-notification-badge-sm{min-width:var(--fh-space-4);height:var(--fh-space-4);padding-inline:calc(var(--fh-space-1) * .5)}.surface-topbar-notification-badge-md{min-width:var(--fh-font-size-lg);height:var(--fh-font-size-lg);padding-inline:calc(var(--fh-space-1) * .5)}.surface-topbar-notification-badge-lg{min-width:var(--fh-space-5);height:var(--fh-space-5);padding-inline:var(--fh-space-1)}.surface-topbar-menu-item-inset{width:calc(100% - var(--fh-space-4))}.surface-topbar-analytics-badge{position:absolute;top:calc(var(--fh-space-1) * -1);right:calc(var(--fh-space-1) * -1);min-width:var(--fh-space-4);height:var(--fh-space-4);padding-inline:var(--fh-space-1);justify-content:center}.nav-sidebar-divider{background:color-mix(in srgb,var(--color-border-default) 82%,transparent)}.nav-sidebar-item{color:var(--color-text-secondary);background:transparent;border-radius:var(--fh-radius-3);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.nav-sidebar-item:hover{color:var(--color-text-primary);background:var(--color-bg-subtle)}.nav-sidebar-item:focus-visible{outline:none;box-shadow:var(--ring-primary)}.nav-sidebar-item-active{color:var(--color-text-primary);background:var(--color-bg-surface);font-weight:var(--fh-font-weight-medium)}.list-button-icon{opacity:var(--fh-opacity-strong);transition:opacity var(--fh-duration-fast) var(--fh-ease-standard)}[data-selected=true]>.list-button-icon{opacity:1}.nav-sidebar-child{color:var(--color-text-tertiary);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.nav-sidebar-child:hover{color:var(--color-text-secondary);background:var(--fh-layer-card)}.nav-sidebar-child:focus-visible{outline:none;box-shadow:var(--ring-primary-soft)}.nav-sidebar-child-active{color:var(--color-text-primary);background:var(--fh-layer-card-nested);font-weight:var(--fh-font-weight-semibold)}.control-hero-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--fh-space-2);min-height:calc(var(--fh-space-7) + var(--fh-space-1));padding:var(--fh-space-2) var(--fh-space-3);font-size:var(--fh-font-size-md);line-height:var(--fh-line-height-caption);color:var(--color-text-secondary);background:color-mix(in srgb,var(--color-bg-surface) 78%,transparent);border:var(--fh-border-width-1) solid color-mix(in srgb,var(--appearance-foreground) 12%,transparent);border-radius:var(--fh-radius-2);backdrop-filter:var(--backdrop-blur-sm);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.control-hero-action:hover{background:var(--color-bg-surface);color:var(--color-text-heading);border-color:color-mix(in srgb,var(--appearance-foreground) 20%,transparent)}.control-hero-action:focus-visible{outline:none;box-shadow:var(--ring-primary)}.control-tab-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--fh-space-1);padding:var(--fh-space-3) var(--fh-space-4);font-size:var(--fh-font-size-md);line-height:var(--fh-line-height-caption);font-weight:var(--fh-font-weight-medium);color:var(--color-text-tertiary);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.control-tab-strip{display:flex;align-items:center;gap:var(--fh-space-1)}.control-tab-button-full{flex:1 1 0%}.control-tab-button-size-page{white-space:nowrap}.control-tab-button-size-panel{border-radius:0;padding:calc(var(--fh-space-2) + var(--fh-space-1) / 2) var(--fh-space-3);font-size:var(--fh-font-size-xs);line-height:var(--fh-line-height-compact);font-weight:var(--fh-font-weight-semibold);letter-spacing:var(--fh-letter-spacing-eyebrow);text-transform:uppercase}.control-tab-button:hover{background:color-mix(in srgb,var(--color-bg-subtle) 88%,transparent);color:var(--color-text-heading)}.control-tab-button:focus-visible{outline:none;box-shadow:var(--ring-primary)}.control-tab-button-active{color:var(--color-text-link);background:color-mix(in srgb,var(--ref-brand-primary) 7%,var(--color-bg-surface))}.control-tab-button-active:hover{color:var(--color-text-link)}.control-tab-button-panel-active{border-bottom:var(--fh-border-width-2) solid currentColor}.tab-indicator{position:absolute;right:var(--fh-space-2);bottom:0;left:var(--fh-space-2);height:calc(var(--fh-space-1) / 2);background:var(--ref-brand-primary);border-radius:var(--fh-radius-full)}.control-toolbar-option{padding:var(--fh-space-2) var(--fh-space-3);color:var(--color-text-secondary);border-radius:var(--fh-radius-2);font-size:var(--fh-font-size-md);line-height:var(--fh-line-height-body);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.control-toolbar-option:hover{background:var(--color-bg-subtle);color:var(--color-text-heading)}.surface-docs-toc{width:var(--fh-docs-toc-width, 200px);flex-shrink:0}.layout-docs-toc-rail{position:sticky;top:0;align-self:flex-start;flex-shrink:0;flex-direction:column;max-height:var(--fh-docs-toc-rail-max-height, calc(100vh - 6rem) );padding-block:var(--fh-space-1);padding-right:var(--fh-space-1);overflow:hidden}.layout-docs-toc-floating-panel{position:absolute;top:0;right:0;z-index:20;width:var(--fh-docs-toc-floating-width, 220px);max-height:var(--fh-docs-toc-floating-max-height, 60vh);flex-direction:column;overflow:hidden}.layout-docs-toc-scroll{flex:1;overflow-y:auto}.layout-docs-toc-floating-body{flex:1;padding:calc(var(--fh-space-7) + var(--fh-space-1)) var(--fh-space-1) var(--fh-space-3);overflow-y:auto}.surface-docs-toc-row{position:relative;padding-left:var(--docs-toc-row-indent, var(--fh-font-size-md))}.surface-docs-toc-connector{left:var(--docs-toc-connector-left, 0);top:var(--docs-toc-connector-top, 0);width:var(--fh-border-width-1);height:var(--docs-toc-connector-height, 0);background:var(--color-border-subtle)}.control-docs-toc-item{border:0;color:var(--color-text-tertiary);transition:color var(--fh-duration-fast) var(--fh-ease-standard)}.control-docs-toc-item:hover{color:var(--color-text-secondary)}.control-docs-toc-item:focus-visible{outline:none;color:var(--color-text-heading)}.control-docs-toc-item-active{color:var(--color-text-heading);font-weight:var(--fh-font-weight-medium)}.control-menu-check{accent-color:var(--ref-brand-primary)}.control-menu-check-size-default{width:var(--fh-space-4);height:var(--fh-space-4)}.status-chip-subtle{background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-2);color:var(--color-text-tertiary)}.link-subtle-action{color:var(--color-text-link);transition:color var(--fh-duration-fast) var(--fh-ease-standard),text-decoration-color var(--fh-duration-fast) var(--fh-ease-standard)}.link-subtle-action:hover{color:var(--ref-brand-primary);text-decoration:underline}.surface-field-disabled{background:var(--color-bg-subtle);cursor:not-allowed;opacity:var(--fh-opacity-disabled)}.surface-field-disabled:hover{background:var(--color-bg-subtle);border-color:var(--color-border-default)}.surface-field-ghost{background:transparent;border-color:transparent}.surface-field-ghost:hover{background:transparent;border-color:var(--color-border-muted)}.surface-field-ghost:focus,.surface-field-ghost:focus-visible{background:transparent;border-color:var(--color-border-primary)}.interactive-surface,.surface-labeled-row,.surface-list-option{color:var(--color-text-secondary);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-labeled-row{display:flex;gap:var(--fh-space-4);padding:var(--fh-space-2) var(--fh-space-4)}.surface-labeled-row-align-center{align-items:center}.surface-labeled-row-align-start{align-items:flex-start}.surface-labeled-row-label{width:var(--surface-labeled-row-label-width, 7rem);flex-shrink:0}.surface-labeled-row-label-offset{padding-top:var(--fh-space-2)}.surface-labeled-row-label-text{display:block}.surface-labeled-row-content{min-width:0;flex:1 1 0%}.interactive-surface:hover,.surface-labeled-row:hover,.surface-list-option:hover{background:var(--color-bg-item-hover);color:var(--color-text-heading)}.interactive-surface:focus-visible,.surface-labeled-row:focus-visible,.surface-list-option:focus-visible,.surface-list-option-selected:focus-visible{outline:none;box-shadow:var(--ring-primary)}.surface-list-option-selected{background:var(--ref-brand-accent-soft);color:var(--color-text-heading);font-weight:var(--fh-font-weight-medium);border-radius:var(--fh-radius-2)}.surface-list-option-selected:hover{background:color-mix(in srgb,var(--ref-brand-primary) 10%,var(--color-bg-surface));color:var(--color-text-heading)}.surface-dropzone{display:flex;width:100%;min-height:5.5rem;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--fh-space-1) * 1.5);padding:var(--fh-space-4);text-align:center;background:var(--color-bg-glass);border-color:var(--color-border-default);border-radius:var(--fh-radius-2);backdrop-filter:var(--backdrop-blur-md);color:var(--color-text-secondary);cursor:pointer;transition:border-color var(--fh-duration-fast) var(--fh-ease-standard),background-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),transform var(--fh-duration-fast) var(--fh-ease-standard)}.surface-dropzone-outline{border-width:var(--fh-border-width-2);border-style:dashed}.surface-dropzone:hover{background:var(--color-bg-surface);border-color:var(--color-border-primary);color:var(--color-text-heading);box-shadow:var(--shadow-e2)}.surface-dropzone:focus-within{border-color:var(--color-border-primary);box-shadow:var(--ring-primary-soft),var(--shadow-e2)}.surface-dropzone-active{background:var(--color-bg-accent);border-color:var(--color-border-primary);box-shadow:0 0 0 var(--fh-border-width-2) var(--color-bg-accent);color:var(--color-text-heading);transform:scale(1.01)}.surface-dropzone-disabled,.surface-dropzone[aria-disabled=true]{cursor:not-allowed;opacity:var(--fh-opacity-disabled-emphasis)}.surface-segmented-control{display:grid;grid-template-columns:repeat(var(--segmented-control-option-count, 1),minmax(0,1fr));background:var(--color-bg-subtle);border-radius:var(--fh-radius-3);padding:var(--fh-space-1)}.control-segmented-option{display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);border-radius:var(--fh-radius-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard)}.control-segmented-option-size-sm{min-height:var(--fh-space-7);gap:calc(var(--fh-space-1) + var(--fh-space-1) / 2);padding-inline:var(--fh-space-2);font-size:var(--fh-font-size-sm);line-height:var(--fh-line-height-compact);font-weight:var(--fh-font-weight-medium)}.control-segmented-option-size-md{min-height:var(--fh-space-8);gap:var(--fh-space-2);padding-inline:var(--fh-space-4);font-size:var(--fh-font-size-md);line-height:var(--fh-line-height-body);font-weight:var(--fh-font-weight-medium)}.control-segmented-option-size-panel{min-height:calc(var(--fh-space-7) + var(--fh-space-1));gap:calc(var(--fh-space-1) + var(--fh-space-1) / 2);padding-inline:var(--fh-space-3);font-size:var(--fh-font-size-sm);line-height:var(--fh-line-height-compact);font-weight:var(--fh-font-weight-medium)}.control-segmented-option-size-icon-sm{width:calc(var(--fh-space-7) + var(--fh-space-1));height:calc(var(--fh-space-7) - var(--fh-space-1));gap:var(--fh-space-1);font-size:var(--fh-font-size-md);line-height:var(--fh-line-height-body);font-weight:var(--fh-font-weight-medium)}.control-segmented-option-icon{display:inline-flex;width:var(--fh-space-4);height:var(--fh-space-4);align-items:center;justify-content:center}.control-segmented-option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-segmented-option:hover{background:var(--color-bg-item-hover);color:var(--color-text-heading)}.control-segmented-option:focus-visible{outline:none;box-shadow:var(--ring-primary)}.control-segmented-option:disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled)}.control-segmented-option-active{background:var(--color-bg-surface);color:var(--color-text-heading);box-shadow:var(--shadow-e1);font-weight:var(--fh-font-weight-medium)}.control-segmented-option-active:hover{background:var(--color-bg-surface)}.progress-step{background:var(--ref-neutral-300);color:var(--ref-neutral-500);border-radius:var(--fh-radius-full);font-size:var(--fh-font-size-md);font-weight:var(--fh-font-weight-semibold);line-height:var(--fh-space-5);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.progress-step-active,.progress-step-complete{background:var(--ref-brand-primary);color:var(--color-text-inverse)}.progress-step-connector{background:var(--color-border-strong);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard)}.progress-step-connector-complete{background:var(--ref-brand-primary)}.state-selected{background:var(--ref-brand-accent-soft);color:var(--color-text-heading);font-weight:var(--fh-font-weight-medium)}.control-color-input{display:flex;min-height:var(--fh-space-8);align-items:center;justify-content:space-between;gap:var(--fh-space-3);padding-block:calc(var(--fh-space-1) + var(--fh-space-1) / 2);padding-inline:var(--fh-space-3);background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-default);color:var(--color-text-heading);border-radius:var(--fh-radius-full);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard)}.control-color-input-enabled{cursor:pointer}.control-color-input:hover{background:color-mix(in srgb,var(--appearance-accent) 3%,var(--color-bg-subtle));border-color:var(--color-border-strong)}.control-color-input:focus-within{background:var(--color-bg-surface);border-color:var(--color-border-primary);box-shadow:var(--ring-primary-soft)}.control-color-input:focus-visible,.control-color-input-open{background:var(--color-bg-surface);border-color:var(--color-border-primary);box-shadow:var(--ring-primary-soft);outline:none}.control-color-input-disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled-emphasis)}.control-color-input-swatch{width:var(--fh-space-4);height:var(--fh-space-4);flex-shrink:0;border:var(--fh-border-width-1) solid var(--color-border-strong);border-radius:var(--fh-radius-full);box-shadow:var(--shadow-e1)}.surface-color-picker-panel{--color-picker-saturation-height: 11.875rem;--color-picker-preset-hover-scale: 1.08;box-sizing:border-box;padding:var(--fh-space-3);overscroll-behavior:contain;overflow-y:auto;scrollbar-color:color-mix(in srgb,var(--color-text-tertiary) 52%,transparent) transparent;scrollbar-width:thin}.surface-color-picker-panel::-webkit-scrollbar{width:var(--fh-space-2)}.surface-color-picker-panel::-webkit-scrollbar-track{background:transparent;margin-block:var(--fh-space-2)}.surface-color-picker-panel::-webkit-scrollbar-thumb{background-clip:content-box;background-color:color-mix(in srgb,var(--color-text-tertiary) 52%,transparent);border:var(--fh-border-width-2) solid transparent;border-radius:var(--fh-radius-full)}.surface-color-picker-panel .react-colorful{height:var(--color-picker-saturation-height);width:100%}.surface-color-picker-panel .react-colorful__saturation{border-bottom:0;border-radius:var(--fh-radius-2) var(--fh-radius-2) 0 0}.surface-color-picker-panel .react-colorful__hue{height:var(--fh-font-size-md);border-radius:0 0 var(--fh-radius-2) var(--fh-radius-2)}.surface-color-picker-panel .react-colorful__pointer{height:var(--fh-font-size-lg);width:var(--fh-font-size-lg);border-color:var(--color-bg-surface);box-shadow:var(--shadow-e2)}.surface-color-format-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fh-space-1);margin-top:var(--fh-space-3);padding:calc(var(--fh-space-1) * .75);background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-full)}.surface-color-format-tab{min-height:calc(var(--fh-space-6) + var(--fh-space-1));border-radius:var(--fh-radius-full);color:var(--color-text-secondary);font-size:var(--fh-font-size-xs);font-weight:var(--fh-font-weight-semibold);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-color-format-tab:hover{color:var(--color-text-heading)}.surface-color-format-tab[aria-selected=true]{background:var(--color-bg-surface);color:var(--color-text-heading);box-shadow:var(--shadow-e1)}.surface-color-value-area{display:flex;align-items:center;gap:var(--fh-font-size-2xs);margin-top:var(--fh-space-3)}.surface-color-preview{width:calc(var(--fh-space-7) + var(--fh-space-1));height:calc(var(--fh-space-7) + var(--fh-space-1));flex-shrink:0;background:var(--color-preview-value, transparent)}.surface-color-text-input{min-width:0;flex:1;height:calc(var(--fh-space-7) + var(--fh-space-1));padding:var(--fh-space-2) var(--fh-font-size-2xs);font-family:var( --fh-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace );font-size:calc(var(--fh-font-size-sm) + var(--fh-space-1) / 4)}.surface-color-channel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fh-space-2);min-width:0;flex:1}.surface-color-channel{display:grid;gap:var(--fh-space-1);color:var(--color-text-tertiary);font-size:var(--fh-font-size-2xs);font-weight:var(--fh-font-weight-semibold)}.surface-color-channel input{width:100%;height:calc(var(--fh-space-7) + var(--fh-space-1) / 2);padding:calc(var(--fh-space-1) + var(--fh-space-1) / 2);font-size:var(--fh-font-size-sm);text-align:center}.surface-color-preset-grid{display:grid;grid-template-columns:repeat(8,var(--fh-space-5));justify-content:space-between;gap:var(--fh-space-2);margin-top:var(--fh-space-3)}.control-color-preset{width:var(--fh-space-5);height:var(--fh-space-5);background:var(--color-preview-value, transparent);border:var(--fh-border-width-1) solid var(--color-border-strong);border-radius:var(--fh-radius-full);box-shadow:var(--shadow-e1);transition:border-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard),transform var(--fh-duration-fast) var(--fh-ease-standard)}.control-color-preset:hover,.control-color-preset:focus-visible,.control-color-preset[aria-pressed=true]{border-color:var(--color-border-primary);box-shadow:var(--ring-primary-soft);outline:none;transform:scale(var(--color-picker-preset-hover-scale))}.button-primary{background:var(--ref-brand-primary);color:var(--color-text-inverse);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard)}.button-primary:hover{background:var(--color-button-hover)}.button-primary:focus-visible{outline:none;box-shadow:var(--ring-primary)}.button-primary:disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled)}.button-success{background:var(--ref-success);color:var(--color-text-inverse);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard)}.button-success:hover{background:color-mix(in srgb,var(--ref-success),var(--ref-neutral-1000) 10%)}.button-success:focus-visible{outline:none;box-shadow:var(--ring-primary)}.button-success:disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled)}.button-danger{background:var(--ref-error);color:var(--ref-neutral-0)}.button-danger:hover{background:color-mix(in srgb,var(--ref-error),var(--ref-neutral-1000) 10%)}.button-outline{background:transparent;border:var(--fh-border-width-2) solid var(--color-border-default);color:var(--color-text-heading);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard)}.button-outline:hover{background:var(--color-bg-subtle)}.button-outline:focus-visible{outline:none;box-shadow:var(--ring-primary)}.button-outline:disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled-emphasis)}.link-action{color:var(--color-text-link);transition:color var(--fh-duration-fast) var(--fh-ease-standard),background-color var(--fh-duration-fast) var(--fh-ease-standard)}.link-action:hover{background:var(--color-bg-info);color:var(--ref-info)}.surface-badge{display:inline-flex;flex-shrink:0;align-items:center;white-space:nowrap}.surface-badge-size-2xs{padding:calc(var(--fh-space-1) / 2) var(--fh-space-1)}.surface-badge-size-xs{padding:calc(var(--fh-space-1) / 2) calc(var(--fh-space-1) * 1.5)}.surface-badge-size-sm{padding:calc(var(--fh-space-1) / 2) var(--fh-space-2)}.surface-badge-size-md{padding:var(--fh-space-1) calc(var(--fh-space-1) * 2.5)}.surface-badge-gap-default{gap:var(--fh-space-1)}.surface-badge-gap-relaxed{gap:calc(var(--fh-space-1) * 1.5)}.surface-badge-gap-loose{gap:var(--fh-space-2)}.surface-badge-solid-danger,.badge-danger{background:var(--ref-error);color:var(--ref-neutral-0);border-radius:var(--fh-radius-full)}.surface-badge-solid-accent,.badge-brand{background:color-mix(in srgb,var(--ref-brand-primary) 70%,transparent);color:var(--ref-neutral-0);border-radius:var(--fh-radius-full)}.surface-badge-soft-neutral,.surface-badge-solid-neutral,.badge-muted{background:var(--color-bg-subtle);color:var(--color-text-secondary);border-radius:var(--fh-radius-full)}.surface-badge-soft-info,.surface-badge-solid-info,.badge-info,.badge-system{background:var(--color-bg-info);color:var(--ref-info);border-radius:var(--fh-radius-full)}.surface-badge-soft-success,.surface-badge-solid-success,.badge-success,.badge-notification{background:var(--color-bg-success);color:var(--ref-success);border-radius:var(--fh-radius-full)}.surface-badge-soft-warning,.surface-badge-solid-warning,.badge-warning{background:var(--color-bg-warning);color:var(--ref-warning);border-radius:var(--fh-radius-full)}.surface-badge-soft-danger,.badge-error,.badge-security{background:var(--color-bg-error);color:var(--ref-error);border-radius:var(--fh-radius-full)}.surface-badge-soft-accent,.badge-private{background:var(--ref-brand-accent-soft);color:var(--ref-brand-accent);border-radius:var(--fh-radius-full)}.chip-selected{background:var(--color-bg-surface);border-color:var(--color-border-default);color:var(--color-text-heading);box-shadow:var(--shadow-e1)}.selection-chip{display:inline-flex;flex-shrink:0;align-items:center;gap:calc(var(--fh-space-1) * 1.5);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-full);font-weight:var(--fh-font-weight-medium);white-space:nowrap;transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.selection-chip-size-xs{padding:var(--fh-space-1) calc(var(--fh-space-2) + var(--fh-space-1) / 2);font-size:var(--fh-font-size-1);line-height:var(--fh-line-height-caption)}.selection-chip-size-sm{padding:calc(var(--fh-space-1) + var(--fh-space-1) / 2) var(--fh-space-3);font-size:var(--fh-font-size-1);line-height:var(--fh-line-height-caption)}.chip-muted{background:transparent;border-color:transparent;color:var(--color-text-tertiary)}.chip-muted:hover{background:var(--color-bg-subtle);color:var(--color-text-heading)}.message-row-unread{background:color-mix(in srgb,var(--ref-brand-primary) 8%,var(--color-bg-surface))}.message-row{color:var(--color-text-secondary);border-left:var(--fh-border-width-2) solid transparent;transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard)}.message-list-item{width:100%;padding:var(--fh-space-4);text-align:left}.message-list-avatar-frame{position:relative;width:var(--fh-space-8);height:var(--fh-space-8);margin-top:var(--fh-space-1);flex-shrink:0}.message-list-avatar{position:absolute;inset:0;width:100%;height:100%}.surface-message-user-suggestion{width:100%;padding:var(--fh-space-2) var(--fh-space-3);text-align:left}.message-row-strong{border-left-width:4px}.message-row:hover{background:var(--color-bg-item-hover);color:var(--color-text-heading)}.message-row:focus-visible{outline:none;box-shadow:var(--ring-primary)}.message-row-selected{background:var(--color-bg-item-hover);border-left-color:var(--ref-brand-primary)}.unread-dot{width:var(--fh-space-2);height:var(--fh-space-2);flex-shrink:0;background:var(--ref-brand-primary);border-radius:var(--fh-radius-full)}.message-bubble{max-width:75%;border-radius:var(--fh-radius-3);box-shadow:var(--shadow-e1);padding:var(--fh-space-2) var(--fh-space-4)}.message-bubble-meta{margin-bottom:var(--fh-space-1);font-size:var(--fh-font-size-2xs);line-height:var(--fh-line-height-relaxed);opacity:var(--fh-opacity-strong)}.message-bubble-content{white-space:pre-wrap;word-break:break-word;font-size:var(--fh-font-size-md);line-height:var(--fh-line-height-relaxed)}.message-bubble-outgoing{background:var(--ref-brand-primary);color:var(--color-text-inverse)}.message-bubble-incoming{background:var(--color-bg-subtle);color:var(--color-text-heading)}.message-chat-row{display:flex;align-items:center;gap:var(--fh-space-2)}.message-chat-row-outgoing{justify-content:flex-end}.message-chat-row-incoming{justify-content:flex-start}.fh-button.message-delete-action{opacity:0;transition:opacity var(--fh-duration-fast) var(--fh-ease-standard)}.message-chat-row:hover .message-delete-action,.message-chat-row:focus-within .message-delete-action{opacity:1}.message-composer-footer{flex-shrink:0;padding:var(--fh-space-4)}.message-composer-form{display:flex;align-items:stretch;gap:var(--fh-space-3)}.message-composer-field{display:flex;flex:1 1 0%}.message-composer-input{flex:1 1 0%;border-radius:var(--fh-radius-3);min-height:5rem;padding:var(--fh-space-3) var(--fh-space-4)}.message-composer-actions{position:relative;display:flex;min-height:5rem;flex-direction:column;align-self:stretch;justify-content:space-between;gap:var(--fh-space-1)}.fh-button.message-composer-action{--fh-button-icon-size: var(--fh-space-5);flex-shrink:0}.message-emoji-trigger{align-self:flex-start}.message-emoji-picker{position:absolute;right:0;bottom:100%;margin-bottom:var(--fh-space-2)}.message-emoji-grid{display:grid;width:13rem;max-height:16rem;grid-template-columns:repeat(8,minmax(0,1fr));gap:var(--fh-space-1);overflow-x:hidden;overflow-y:auto}.fh-button.message-emoji-option{--fh-button-icon-only-size: var(--fh-space-7)}.icon-danger{background:var(--color-bg-subtle);color:var(--color-text-tertiary)}.icon-danger:hover{background:var(--color-bg-error);color:var(--ref-error)}.icon-success{color:var(--ref-success)}.control-choice-root{display:inline-flex;align-items:center;gap:calc(var(--fh-space-2) + (var(--fh-space-1) / 2));cursor:pointer}.control-choice-root-compact{gap:var(--fh-space-2)}.control-choice-root-disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled)}.control-choice-frame{position:relative;display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.control-choice-indicator{display:flex;width:var(--fh-choice-indicator-size);height:var(--fh-choice-indicator-size);flex-shrink:0;align-items:center;justify-content:center}.control-check,.control-radio{background:var(--color-bg-surface);border:var(--fh-border-width-2) solid var(--color-border-default);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.control-check{border-radius:var(--fh-radius-1)}.control-radio{border-radius:var(--fh-radius-full)}.peer:checked+.control-check{background:var(--ref-brand-primary);border-color:var(--ref-brand-primary);color:var(--color-text-inverse)}.peer:checked+.control-radio{border-color:var(--ref-brand-primary)}.peer:hover+.control-check,.peer:hover+.control-radio{border-color:var(--color-border-primary)}.peer:focus-visible+.control-check,.peer:focus-visible+.control-radio{border-color:var(--color-border-primary);box-shadow:none}.peer:focus-visible+.toggle-track{border-color:var(--color-border-primary);box-shadow:none}.control-check-error,.control-radio-error{border-color:var(--color-border-error)}.peer:hover+.control-check-error,.peer:hover+.control-radio-error,.peer:focus-visible+.control-check-error,.peer:focus-visible+.control-radio-error{border-color:var(--color-border-error)}.peer:checked+.control-check-error{background:var(--ref-error);border-color:var(--ref-error);color:var(--color-text-inverse)}.peer:checked+.control-radio-error{border-color:var(--ref-error)}.control-radio-dot{background:var(--ref-brand-primary);border-radius:var(--fh-radius-full)}.control-radio-error .control-radio-dot{background:var(--ref-error)}.control-check-icon{width:calc(var(--fh-space-3) + (var(--fh-space-1) / 2));height:calc(var(--fh-space-3) + (var(--fh-space-1) / 2));opacity:0;transform:scale(.5);transition:opacity var(--fh-duration-normal) var(--fh-ease-standard),transform var(--fh-duration-normal) var(--fh-ease-standard)}.peer:checked+.control-check .control-check-icon{opacity:1;transform:scale(1)}.control-radio-dot{width:var(--fh-choice-radio-dot-size);height:var(--fh-choice-radio-dot-size);opacity:0;transform:scale(0);transition:opacity var(--fh-duration-normal) var(--fh-ease-standard),transform var(--fh-duration-normal) var(--fh-ease-standard)}.peer:checked+.control-radio .control-radio-dot{opacity:1;transform:scale(1)}.control-choice-label{color:var(--color-text-heading);-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-option{color:var(--color-text-heading);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.select-option-row{display:flex;align-items:center;gap:var(--fh-space-2);padding-block:var(--fh-space-2);padding-inline:var(--fh-space-3);font-size:var(--fh-font-size-2);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard)}.select-option-row-interactive{cursor:pointer}.select-option-row-disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled)}.select-option:hover{background:color-mix(in srgb,var(--ref-brand-primary) 5%,var(--color-bg-surface));color:var(--color-text-link)}.select-option-selected{background:color-mix(in srgb,var(--ref-brand-primary) 10%,var(--color-bg-surface));color:var(--color-text-link);font-weight:var(--fh-font-weight-medium)}.select-option-content{display:flex;min-width:0;flex:1 1 auto;align-items:center;justify-content:space-between}.select-option-label{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-option-check{display:flex;width:var(--fh-space-4);height:var(--fh-space-4);margin-left:var(--fh-space-2);flex-shrink:0;align-items:center;justify-content:center}.select-option-check-icon{width:var(--fh-space-3);height:var(--fh-space-3)}.select-option-check-icon-large{width:var(--fh-space-4);height:var(--fh-space-4)}.select-display-value{color:var(--color-text-heading)}.select-display-placeholder{color:var(--color-text-tertiary)}.select-count-badge{min-width:var(--fh-space-4);height:var(--fh-space-4);justify-content:center;padding-inline:var(--fh-space-1);font-size:var(--fh-font-size-2xs);line-height:var(--fh-line-height-none);font-weight:var(--fh-font-weight-semibold)}.select-trigger{display:flex;align-items:center;justify-content:space-between}.select-trigger-interactive{cursor:pointer}.select-trigger-content{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select-trigger-actions{display:flex;margin-left:var(--fh-space-2);flex-shrink:0;align-items:center;gap:var(--fh-space-2)}.select-trigger-icon{width:var(--fh-space-4);height:var(--fh-space-4);flex-shrink:0;transition:transform var(--fh-duration-normal) var(--fh-ease-standard)}.select-trigger-icon-open{transform:rotate(180deg)}.select-display-value-selected,.state-selected-text{color:var(--color-text-link);font-weight:var(--fh-font-weight-medium)}.surface-badge-outline-neutral,.surface-badge-outline-warning,.surface-badge-outline-success,.surface-badge-outline-info,.surface-badge-outline-danger,.surface-badge-outline-accent,.status-chip-neutral,.status-chip-warning,.status-chip-success,.status-chip-info,.status-chip-danger,.status-chip-accent{border:var(--fh-border-width-1) solid transparent;border-radius:var(--fh-radius-full)}.surface-badge-outline-neutral,.status-chip-neutral{background:var(--color-bg-subtle);border-color:var(--color-border-default);color:var(--color-text-secondary)}.surface-badge-outline-warning,.status-chip-warning{background:var(--color-bg-warning);border-color:var(--color-border-warning);color:var(--ref-warning)}.surface-badge-outline-success,.status-chip-success{background:var(--color-bg-success);border-color:var(--color-border-success);color:var(--ref-success)}.surface-badge-outline-info,.status-chip-info{background:var(--color-bg-info);border-color:var(--color-border-info);color:var(--ref-info)}.surface-badge-outline-danger,.status-chip-danger{background:var(--color-bg-error);border-color:var(--color-border-error);color:var(--ref-error)}.surface-badge-outline-accent,.status-chip-accent{background:var(--ref-brand-accent-soft);border-color:var(--color-border-primary);color:var(--ref-brand-accent)}.surface-status-dot{display:inline-block;flex-shrink:0;border-radius:var(--fh-radius-full)}.surface-status-dot-xs{width:calc(var(--fh-space-1) * 1.5);height:calc(var(--fh-space-1) * 1.5)}.surface-status-dot-sm{width:var(--fh-space-2);height:var(--fh-space-2)}.surface-status-dot-md{width:calc(var(--fh-space-2) + var(--fh-space-1) / 2);height:calc(var(--fh-space-2) + var(--fh-space-1) / 2)}.surface-status-dot-pulse{animation:surface-status-dot-pulse var(--fh-duration-pulse) var(--fh-ease-standard) infinite}@keyframes surface-status-dot-pulse{50%{opacity:var(--fh-opacity-disabled)}}.surface-status-dot-neutral,.surface-status-dot-warning,.surface-status-dot-success,.surface-status-dot-info,.surface-status-dot-danger,.surface-status-dot-accent,.status-dot-neutral,.status-dot-warning,.status-dot-success,.status-dot-info,.status-dot-danger,.status-dot-accent{border-radius:var(--fh-radius-full)}.surface-status-dot-neutral,.status-dot-neutral{background:var(--color-text-tertiary)}.surface-status-dot-warning,.status-dot-warning{background:var(--ref-warning)}.surface-status-dot-success,.status-dot-success{background:var(--ref-success)}.surface-status-dot-info,.status-dot-info{background:var(--ref-info)}.surface-status-dot-danger,.status-dot-danger{background:var(--ref-error)}.surface-status-dot-accent,.status-dot-accent{background:var(--ref-brand-accent)}.metric-value-info{color:var(--ref-info)}.metric-value-success{color:var(--ref-success)}.metric-value-accent{color:var(--ref-brand-accent)}.metric-value-warning{color:var(--ref-warning)}.metric-value-danger{color:var(--ref-error)}.metric-value-neutral{color:var(--color-text-secondary)}.option-check{background:var(--ref-brand-primary);border-color:var(--ref-brand-primary);color:var(--ref-neutral-0)}.calendar-day-selected{background:var(--ref-brand-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-e2);font-weight:var(--fh-font-weight-semibold)}.calendar-day-today{background:var(--color-bg-info);border:var(--fh-border-width-1) solid var(--color-border-info);color:var(--ref-info);font-weight:var(--fh-font-weight-medium)}.surface-calendar-panel{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-2);box-shadow:var(--shadow-e4);overflow-y:auto;padding:var(--fh-space-4)}.surface-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--fh-space-4)}.surface-calendar-header-options{display:flex;align-items:center;gap:var(--fh-space-2)}.control-calendar-nav-button{padding:0}.control-calendar-nav-icon,.control-date-trigger-icon{width:var(--fh-space-5);height:var(--fh-space-5)}.control-calendar-period-button{padding-block:var(--fh-space-1);padding-inline:var(--fh-space-2);font-weight:var(--fh-font-weight-semibold)}.surface-calendar-overlay{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-2);box-shadow:var(--shadow-e3)}.surface-calendar-overlay-year,.surface-calendar-overlay-month{position:absolute;inset-inline:var(--fh-space-4);top:4rem;z-index:10}.surface-calendar-overlay-year{bottom:var(--fh-space-4);overflow:hidden}.surface-calendar-overlay-month{padding:var(--fh-space-2)}.surface-calendar-overlay-scroll{height:100%;overflow-y:auto;padding:var(--fh-space-2)}.surface-calendar-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--fh-space-1)}.control-calendar-option{padding-block:var(--fh-space-2);padding-inline:var(--fh-space-3);transition:color var(--fh-duration-fast) var(--fh-ease-standard),background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.calendar-weekday{color:var(--color-text-secondary);padding-block:var(--fh-space-2);text-align:center}.surface-calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--fh-space-1);margin-bottom:var(--fh-space-2)}.surface-calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--fh-space-1)}.surface-calendar-empty-day,.control-calendar-day{aspect-ratio:1 / 1}.control-calendar-day{display:flex;align-items:center;justify-content:center;transition:color var(--fh-duration-fast) var(--fh-ease-standard),background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.control-calendar-day-enabled{cursor:pointer}.control-calendar-day-disabled{cursor:not-allowed;opacity:var(--fh-opacity-subtle)}.surface-calendar-footer{border-top:var(--fh-border-width-1) solid var(--color-border-default);display:flex;gap:var(--fh-space-2);margin-top:var(--fh-space-4);padding-top:var(--fh-space-3)}.control-calendar-footer-action{flex:1 1 0%;padding-block:calc(var(--fh-space-1) + var(--fh-space-1) / 2);padding-inline:var(--fh-space-3)}.control-date-trigger{display:flex;align-items:center;justify-content:space-between}.control-date-trigger-enabled{cursor:pointer}.control-date-trigger-icon{flex-shrink:0;margin-left:var(--fh-space-2)}.surface-country-search-header{flex-shrink:0;padding:var(--fh-space-2);background:var(--color-bg-surface);border-bottom:var(--fh-border-width-1) solid var(--color-border-default)}.surface-country-list{min-height:0;flex:1 1 0%;overflow-y:auto;padding-block:var(--fh-space-1);overscroll-behavior:contain;scrollbar-color:color-mix(in srgb,var(--color-text-tertiary) 52%,transparent) transparent;scrollbar-gutter:stable;scrollbar-width:thin}.surface-country-list::-webkit-scrollbar{width:10px}.surface-country-list::-webkit-scrollbar-track{background:transparent;margin-block:6px}.surface-country-list::-webkit-scrollbar-thumb{background-clip:content-box;background-color:color-mix(in srgb,var(--color-text-tertiary) 52%,transparent);border:3px solid transparent;border-radius:var(--fh-radius-full)}.surface-country-list::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--color-text-secondary) 64%,transparent)}.surface-flag-badge{--surface-flag-badge-height: calc( var(--fh-space-3) + var(--fh-space-1) * .75 );width:var(--fh-space-5);height:var(--surface-flag-badge-height);line-height:var(--surface-flag-badge-height);border-radius:var(--fh-radius-xs);box-shadow:var(--shadow-e1)}.surface-country-option{display:flex;width:100%;align-items:center;gap:var(--fh-space-2);padding-block:var(--fh-space-2);padding-inline:var(--fh-space-3);transition:color var(--fh-duration-fast) var(--fh-ease-standard),background-color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-country-option-label{min-width:0;flex:1 1 0%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.control-country-trigger{display:flex;min-width:3.5rem;align-items:center;justify-content:center;gap:var(--fh-space-1);margin-right:var(--fh-space-2);padding-right:var(--fh-space-2);border-right:var(--fh-border-width-1) solid var(--color-border-default);color:var(--color-text-secondary);transition:color var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard)}.control-country-trigger:hover{color:var(--color-text-heading)}.control-country-trigger-disabled{cursor:not-allowed;opacity:var(--fh-opacity-disabled)}.control-country-trigger-open{color:var(--color-text-heading)}.surface-country-empty{padding-block:var(--fh-space-4);padding-inline:var(--fh-space-3);text-align:center;color:var(--color-text-tertiary)}.control-phone-action{white-space:nowrap}.control-switch-frame{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center}.toggle-track{position:relative;display:block;width:var(--fh-switch-track-width);height:var(--fh-switch-track-height);background:var(--ref-neutral-300);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-full);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),border-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.peer:checked+.toggle-track{background:var(--ref-brand-primary);border-color:var(--ref-brand-primary)}.peer:checked+.toggle-track-error{background:var(--ref-error);border-color:var(--ref-error)}.toggle-track-error,.peer:focus-visible+.toggle-track-error{border-color:var(--color-border-error)}.toggle-track-on{background:var(--ref-brand-primary)}.toggle-track-off{background:var(--color-bg-subtle)}.toggle-thumb{position:absolute;top:50%;left:calc(var(--fh-switch-thumb-inset) - var(--fh-border-width-1));width:var(--fh-switch-thumb-size);height:var(--fh-switch-thumb-size);border-radius:var(--fh-radius-full);background:var(--color-bg-surface);box-shadow:var(--shadow-e1);transform:translateY(-50%);transition:transform var(--fh-duration-normal) var(--fh-ease-standard)}.peer:checked+.toggle-track .toggle-thumb{transform:translate(var(--fh-switch-thumb-travel),-50%)}.spinner-primary{border-color:transparent;border-bottom-color:var(--ref-brand-primary)}.spinner-primary-thick{border-style:solid;border-width:4px}.spinner-animated{border-radius:var(--fh-radius-full);animation:fh-spinner-spin var(--fh-duration-spinner) linear infinite}.spinner-centered{margin-inline:auto}.spinner-size-sm{width:var(--fh-space-5);height:var(--fh-space-5)}.spinner-size-md{width:var(--fh-space-6);height:var(--fh-space-6)}.spinner-size-lg{width:var(--fh-space-8);height:var(--fh-space-8)}.disclosure-icon{transition:transform var(--fh-duration-normal) var(--fh-ease-standard)}.disclosure-icon-quarter-turn[data-open=true]{transform:rotate(90deg)}.disclosure-icon-half-turn[data-open=true]{transform:rotate(180deg)}.surface-state-transition{transition:background-color var(--fh-duration-normal) var(--fh-ease-standard),border-color var(--fh-duration-normal) var(--fh-ease-standard),box-shadow var(--fh-duration-normal) var(--fh-ease-standard)}.surface-hover-actions{opacity:0;transition:opacity var(--fh-duration-fast) var(--fh-ease-standard)}.group:hover .surface-hover-actions,.group:focus-within .surface-hover-actions{opacity:1}.surface-tooltip-bubble{width:-moz-max-content;width:max-content;max-width:13.75rem;opacity:0;transition:opacity var(--fh-duration-fast) var(--fh-ease-standard)}.group:hover>.surface-tooltip-bubble,.group:focus-within>.surface-tooltip-bubble{opacity:1}.surface-tooltip-content{white-space:pre-wrap;text-align:center}.surface-tooltip-bubble-compact{max-width:12.5rem}.tooltip-warning-trigger{opacity:var(--fh-opacity-strong)}.interactive-card-lift{transition:transform var(--fh-duration-normal) var(--fh-ease-standard)}.interactive-card-lift:hover{transform:scale(1.05)}.interactive-media-zoom{transition:transform var(--fh-duration-slow) var(--fh-ease-standard)}.group:hover .interactive-media-zoom,.group:focus-within .interactive-media-zoom{transform:scale(1.02)}.interactive-card-link{transition:color var(--fh-duration-fast) var(--fh-ease-standard)}.content-separator-muted{opacity:var(--fh-opacity-disabled-emphasis)}.layout-preview-resize{transition:width var(--fh-duration-fast) var(--fh-ease-standard)}.theme-swatch-container,.control-theme-swatch{--theme-swatch-border-width: 2px}.control-theme-swatch{width:var(--fh-space-8);height:var(--fh-space-8);padding:0;border:var(--theme-swatch-border-width) solid var(--color-border-strong);transition:border-color var(--fh-duration-fast) var(--fh-ease-standard),transform var(--fh-duration-fast) var(--fh-ease-standard)}.control-theme-swatch:hover{transform:scale(1.1)}.control-theme-swatch[aria-pressed=true],.control-theme-swatch-selected{border-color:var(--ref-brand-primary)}.theme-swatch-custom-preview{position:absolute;inset:var(--theme-swatch-border-width);border-radius:calc(var(--fh-radius-1) - var(--theme-swatch-border-width));background:linear-gradient(135deg,var(--ref-brand-primary) 0%,var(--ref-info) 25%,var(--ref-brand-accent) 50%,var(--ref-warning) 75%,var(--ref-brand-primary) 100%)}.theme-swatch-contrast-icon{mix-blend-mode:difference}.group:hover .interactive-card-link,.group:focus-within .interactive-card-link{color:var(--color-text-link)}@keyframes fh-spinner-spin{to{transform:rotate(360deg)}}.surface-captcha-provider-cloudflare{min-height:65px}.surface-captcha-provider-aliyun{min-height:48px}.surface-captcha-popover{position:fixed;top:var(--captcha-popover-top, 0);left:var(--captcha-popover-left, 0);width:var(--captcha-popover-width, 380px);max-width:calc(100vw - 32px);padding:var(--fh-space-4);z-index:1000;animation:fh-captcha-popover-enter var(--fh-duration-normal) var(--fh-ease-out)}.surface-captcha-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--fh-space-3)}.surface-captcha-title-row,.surface-captcha-success{display:flex;align-items:center;gap:var(--fh-space-2)}.surface-captcha-icon,.surface-captcha-status-icon{width:var(--fh-space-4);height:var(--fh-space-4);flex-shrink:0}.fh-button.control-captcha-close{--fh-button-icon-only-size: var(--fh-space-6);--fh-button-icon-size: var(--fh-space-4)}.surface-captcha-description,.surface-captcha-error{margin-bottom:var(--fh-space-3)}.surface-captcha-loading{display:flex;align-items:center;justify-content:center;padding-block:var(--fh-space-6)}.surface-captcha-loading-compact{padding-block:var(--fh-space-4)}.surface-captcha-loading-content{text-align:center}.surface-captcha-loading-label,.surface-captcha-success-attached{margin-top:var(--fh-space-2)}.surface-captcha-provider-stack{display:flex;flex-direction:column;gap:var(--fh-space-3)}.surface-captcha-provider-cloudflare,.surface-captcha-provider-aliyun{display:flex;justify-content:center}.surface-captcha-success{color:var(--ref-success)}@keyframes fh-captcha-popover-enter{0%{opacity:0;transform:translateY(calc(var(--fh-space-2) * -1))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.surface-captcha-popover,.spinner-animated,.spinner-icon{animation-duration:var(--fh-duration-reduced)}.disclosure-icon,.surface-state-transition,.surface-search-field,.surface-carousel-track,.surface-hover-actions,.surface-tooltip-bubble,.interactive-card-lift,.interactive-media-zoom,.interactive-card-link,.list-button-icon,.layout-preview-resize,.control-theme-swatch,.control-topbar-button,.control-color-input,.control-color-preset,.control-segmented-option,.surface-card-interactive,.surface-list-option,.surface-dropzone,.button-primary,.button-success,.button-outline,.link-action,.selection-chip,.message-row,.control-check,.control-radio,.surface-menu-item,.surface-menu-item-danger,.surface-filter-option,.surface-view-toggle-button,.control-filter-trigger,.control-icon-button,.control-inline-action,.control-section-toggle,.effect-gradient-text,.effect-spotlight-card:before,.surface-heatmap-cell,.surface-inline-editor,.control-mini-task-button,.surface-action-dashed,.surface-field,.surface-field-display,.surface-metric-card-interactive,.surface-draggable-item,.control-check-icon,.control-radio-dot,.select-option,.select-option-row,.select-trigger-icon,.control-calendar-option,.control-calendar-day,.surface-country-option,.control-country-trigger,.toggle-track,.toggle-thumb,.nav-sidebar-item,.nav-sidebar-child,.control-hero-action,.control-tab-button,.control-toolbar-option,.control-docs-toc-item,.link-subtle-action,.surface-list-item,.table-row,.table-row-interactive,.surface-sticky-card-snap-animating,.control-floating-panel-button,.control-pull-handle,.surface-meter-fill,.surface-password-strength-fill,.carousel-arrow,.carousel-dot,.message-sidebar-panel,.nav-breadcrumb-link,.nav-topbar-link,.surface-topbar-account-menu,.surface-topbar-mobile-menu,.surface-color-format-tab,.progress-step,.progress-step-connector,.surface-mobile-drawer,.workflow-node-handle-frame{transition-duration:var(--fh-duration-reduced)}.interactive-card-lift:hover,.control-theme-swatch:hover,.group:hover .interactive-media-zoom,.group:focus-within .interactive-media-zoom{transform:none}.skeleton-block,.surface-status-dot-pulse,.workflow-node-handle-border-compatible,.feedback-pulse,.surface-filter-reveal{animation:none}}.spinner-icon{animation:fh-spinner-spin var(--fh-duration-spinner) linear infinite}.surface-scroll-area{position:relative;overflow:hidden}.surface-scroll-area-overflow{overflow:visible}.surface-scroll-area-viewport{display:flex;height:100%;flex-direction:column;overflow:auto;padding-right:var(--scroll-area-gutter, 0);scrollbar-width:none;-ms-overflow-style:none}.surface-scroll-area-viewport::-webkit-scrollbar{display:none}.surface-scroll-area-content{display:flex;min-height:100%;flex:1 1 0%;flex-direction:column}.surface-scrollbar-track{position:absolute;top:0;right:0;bottom:0;z-index:50;width:var(--scroll-area-scrollbar-width, calc(var(--fh-space-1) * 1.5));opacity:0;cursor:pointer;pointer-events:none;touch-action:none;transition:opacity var(--fh-duration-slow) var(--fh-ease-standard)}.surface-scrollbar-track-scrollable{pointer-events:auto}.surface-scroll-area-wheel-only .surface-scrollbar-track{cursor:default;pointer-events:none}.surface-scrollbar-track-visible{opacity:1}.surface-scrollbar-thumb{position:absolute;top:0;left:0;width:100%;height:calc(var(--fh-space-6) + var(--fh-space-1));background:color-mix(in srgb,var(--appearance-foreground) 28%,transparent);border-radius:var(--fh-radius-full);touch-action:none;transition:background-color var(--fh-duration-fast) var(--fh-ease-standard)}.surface-scrollbar-thumb:hover{background:color-mix(in srgb,var(--appearance-foreground) 40%,transparent)}.surface-sticky-card{display:flex;flex-direction:column;background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-2);box-shadow:var(--shadow-e4);overflow:hidden}.surface-sticky-card-constrained{max-height:var(--sticky-card-max-height)}:root{--fh-sticky-card-width-default: 16rem}.surface-sticky-card-frame{position:fixed;z-index:30;width:var(--sticky-card-width, var(--fh-sticky-card-width-default));max-width:calc(100vw - var(--fh-space-6))}.surface-sticky-card-dragging{cursor:grabbing;-webkit-user-select:none;-moz-user-select:none;user-select:none}.surface-sticky-card-snap-animating{transition:left var(--fh-duration-slow) var(--fh-ease-out),top var(--fh-duration-slow) var(--fh-ease-out)}.surface-sticky-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--fh-space-4) var(--fh-space-4) var(--fh-space-3);border-bottom:var(--fh-border-width-1) solid var(--color-border-default)}.surface-sticky-card-header-draggable{cursor:grab}.surface-sticky-card-header-draggable:active{cursor:grabbing}.surface-sticky-card-title{-webkit-user-select:none;-moz-user-select:none;user-select:none}.surface-sticky-card-content{padding:var(--fh-space-4)}.surface-sticky-card-content-attached{padding-top:var(--fh-space-3)}.surface-sticky-card-content-scroll{min-height:0;overflow-y:auto}.fh-button.control-floating-panel-button{--fh-button-icon-size: var(--fh-space-5);position:fixed;z-index:30;background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);box-shadow:var(--shadow-e3);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.fh-button.control-floating-panel-button:hover{background:var(--color-bg-surface-hover);box-shadow:var(--shadow-e4)}.control-pull-handle{background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);box-shadow:var(--shadow-e3);color:var(--color-text-secondary);transition:width var(--fh-duration-normal) var(--fh-ease-out),background-color var(--fh-duration-normal) var(--fh-ease-out),box-shadow var(--fh-duration-normal) var(--fh-ease-out),transform var(--fh-duration-instant) var(--fh-ease-out)}.control-pull-handle:hover{background:var(--color-bg-surface-hover);box-shadow:var(--shadow-e4)}.control-pull-handle-left{left:0;border-left:0;border-top-right-radius:var(--fh-radius-3);border-bottom-right-radius:var(--fh-radius-3)}.control-pull-handle-right{right:0;border-right:0;border-top-left-radius:var(--fh-radius-3);border-bottom-left-radius:var(--fh-radius-3)}.surface-meter-track,.progress-track-subtle,.meter-track{position:relative;background:var(--color-bg-subtle);border-radius:var(--fh-radius-full);overflow:hidden}.surface-meter-track-horizontal{height:var(--surface-meter-thickness, auto)}.surface-meter-track-vertical{display:flex;align-items:flex-end;width:var(--surface-meter-thickness, auto)}.surface-meter-fill{transition:width var(--fh-duration-slow) var(--fh-ease-standard),height var(--fh-duration-slow) var(--fh-ease-standard)}.feedback-pulse{animation:fh-feedback-pulse var(--fh-duration-pulse) var(--fh-ease-standard) infinite}.backend-health-emblem{width:calc(var(--fh-space-8) + var(--fh-space-2));height:calc(var(--fh-space-8) + var(--fh-space-2));margin-inline:auto;padding:var(--fh-space-3)}.backend-health-emblem-core{width:100%;height:100%;opacity:var(--fh-opacity-strong)}.backend-health-progress{--surface-meter-thickness: calc(var(--fh-space-1) + var(--fh-space-1) / 2)}.surface-filter-reveal{animation:fh-filter-reveal var(--fh-duration-normal) var(--fh-ease-out) both}@keyframes fh-feedback-pulse{50%{opacity:var(--fh-opacity-disabled)}}@keyframes fh-filter-reveal{0%{opacity:0;transform:translateY(calc(var(--fh-space-2) * -1))}to{opacity:1;transform:translateY(0)}}.surface-meter-fill-horizontal{width:var(--surface-meter-fill-percent, 0%);height:100%}.surface-meter-fill-vertical{position:absolute;bottom:0;left:0;width:100%;height:var(--surface-meter-fill-percent, 0%)}.surface-meter-overlay{pointer-events:none;position:absolute;inset:0}.surface-meter-fill-brand,.progress-indicator-brand{background:var(--ref-brand-primary)}.surface-meter-fill-info,.meter-fill-info{background:var(--ref-info)}.surface-meter-fill-danger,.meter-fill-danger{background:var(--ref-error)}.surface-meter-fill-success,.meter-fill-success{background:var(--ref-success)}.surface-meter-fill-accent,.meter-fill-accent{background:var(--ref-brand-accent)}.surface-meter-fill-warning,.meter-fill-warning{background:var(--ref-warning)}.surface-meter-fill-neutral,.meter-fill-neutral{background:var(--color-text-tertiary)}.surface-meter-fill-shape-inherit{border-radius:inherit}.surface-meter-fill-shape-pill{border-radius:var(--fh-radius-full)}.surface-meter-fill-shape-bottom-pill{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--fh-radius-full);border-bottom-right-radius:var(--fh-radius-full)}.surface-meter-fill-shape-none{border-radius:0}:root{--fh-password-strength-track-height: calc( var(--fh-space-1) + var(--fh-space-1) / 2 );--fh-password-strength-label-min-width: 3rem;--fh-password-strength-delay-step: 50ms}.surface-password-strength{width:100%;margin-top:var(--fh-space-2)}.surface-password-strength-row{display:flex;align-items:center;gap:var(--fh-space-2);margin-bottom:var(--fh-space-1)}.surface-password-strength-bars{display:flex;flex:1;gap:var(--fh-space-1)}.surface-password-strength-track{flex:1;height:var(--fh-password-strength-track-height)}.surface-password-strength-fill{height:100%;transform-origin:left;transition:transform var(--fh-duration-slow) var(--fh-ease-out)}.surface-password-strength-fill-active{transform:scaleX(1)}.surface-password-strength-fill-inactive{transform:scaleX(0)}.surface-password-strength-track:nth-child(1) .surface-password-strength-fill{transition-delay:0ms}.surface-password-strength-track:nth-child(2) .surface-password-strength-fill{transition-delay:var(--fh-password-strength-delay-step)}.surface-password-strength-track:nth-child(3) .surface-password-strength-fill{transition-delay:calc(var(--fh-password-strength-delay-step) * 2)}.surface-password-strength-track:nth-child(4) .surface-password-strength-fill{transition-delay:calc(var(--fh-password-strength-delay-step) * 3)}.surface-password-strength-label{min-width:var(--fh-password-strength-label-min-width);text-align:right}.surface-password-strength-feedback>*+*{margin-top:calc(var(--fh-space-1) / 2)}.surface-gpu-metric-grid{gap:calc(var(--fh-space-1) / 2);grid-auto-rows:1fr}.status-page{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:var(--fh-space-6)}.status-page-content{text-align:center}.status-page-content>*+*{margin-top:var(--fh-space-6)}.status-page-header>*+*{margin-top:var(--fh-space-2)}.status-page-code{opacity:var(--fh-opacity-faint)}.status-page-description{max-width:28rem;margin-inline:auto}.status-page-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--fh-space-4);padding-top:var(--fh-space-4)}@media(min-width:640px){.status-page-actions{flex-direction:row}}.surface-alert{display:flex;align-items:flex-start;gap:var(--fh-space-2)}.surface-alert-default{padding:var(--fh-space-3) var(--fh-space-4)}.surface-alert-compact{padding:var(--fh-space-2) var(--fh-space-3)}.surface-alert-icon{margin-top:calc(var(--fh-space-1) / 2);flex-shrink:0;color:currentColor}.surface-alert-content{min-width:0;flex:1 1 0%}.surface-alert-danger,.alert-danger,.alert-error{background:var(--color-bg-error);border:var(--fh-border-width-1) solid var(--color-border-error);border-radius:var(--fh-radius-2);color:var(--ref-error)}.surface-alert-neutral,.alert-neutral{background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-2);color:var(--color-text-secondary)}.surface-alert-warning,.alert-warning{background:var(--color-bg-warning);border:var(--fh-border-width-1) solid var(--color-border-warning);border-radius:var(--fh-radius-2);color:var(--ref-warning)}.surface-alert-info,.alert-info{background:var(--color-bg-info);border:var(--fh-border-width-1) solid var(--color-border-info);border-radius:var(--fh-radius-2);color:var(--ref-info)}.surface-alert-success,.alert-success{background:var(--color-bg-success);border:var(--fh-border-width-1) solid var(--color-border-success);border-radius:var(--fh-radius-2);color:var(--ref-success)}.surface-alert-accent,.alert-accent{background:var(--ref-brand-accent-soft);border:var(--fh-border-width-1) solid var(--color-border-primary);border-radius:var(--fh-radius-2);color:var(--ref-brand-accent)}.surface-alert-banner{border-inline:0;border-top:0;border-radius:0}.carousel-arrow{background:var(--color-bg-surface);color:var(--color-text-heading);border-radius:var(--fh-radius-full);box-shadow:var(--shadow-e4);transition:background-color var(--fh-duration-fast) var(--fh-ease-standard),color var(--fh-duration-fast) var(--fh-ease-standard)}.carousel-arrow:hover{background:var(--color-bg-surface-hover)}.surface-carousel-track{display:flex;transform:translate(var(--carousel-track-offset, 0));transition:transform var(--fh-duration-deliberate) var(--fh-ease-standard)}.surface-carousel-track--index-0{--carousel-track-offset: 0}.surface-carousel-track--index-1{--carousel-track-offset: -100%}.surface-carousel-track--index-2{--carousel-track-offset: -200%}.surface-carousel-slide{width:100%;flex-shrink:0}.carousel-dot{width:var(--fh-space-2);height:var(--fh-space-2);background:var(--color-text-tertiary);border-radius:var(--fh-radius-full);flex-shrink:0;opacity:var(--fh-opacity-faint);transition:opacity var(--fh-duration-slow) var(--fh-ease-standard),width var(--fh-duration-slow) var(--fh-ease-standard),height var(--fh-duration-slow) var(--fh-ease-standard)}.carousel-dot:hover{opacity:var(--fh-opacity-strong)}.carousel-dot-active{width:var(--fh-space-4);opacity:var(--fh-opacity-muted)}.elevation-1{box-shadow:var(--shadow-e1)}.elevation-2{box-shadow:var(--shadow-e2)}.elevation-3{box-shadow:var(--shadow-e3)}.elevation-4{box-shadow:var(--shadow-e4)}.elevation-5{box-shadow:var(--shadow-e5)}.fh-button{--fh-button-min-height: calc(var(--fh-space-7) + var(--fh-space-1));--fh-button-padding-block: var(--fh-space-2);--fh-button-padding-inline: calc(var(--fh-space-3) + var(--fh-space-1) / 2);--fh-button-font-size: var(--fh-font-size-2);--fh-button-line-height: var(--fh-space-5);--fh-button-icon-only-size: calc(var(--fh-space-7) + var(--fh-space-1));--fh-button-icon-size: var(--fh-space-4);display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:var(--fh-button-min-height);padding:var(--fh-button-padding-block) var(--fh-button-padding-inline);font-size:var(--fh-button-font-size);line-height:var(--fh-button-line-height);font-weight:var(--fh-font-weight-medium);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.fh-button:disabled,.fh-button[aria-disabled=true]{cursor:not-allowed;pointer-events:none}.fh-button--with-icon{gap:var(--fh-space-2)}.fh-button--reverse{flex-direction:row-reverse}.fh-button--full-width{width:100%}.fh-button--link{--fh-button-min-height: auto;--fh-button-padding-block: 0;--fh-button-padding-inline: 0;--fh-button-font-size: var(--fh-font-size-2);--fh-button-line-height: var(--fh-space-5)}.fh-button--icon-only{padding:0;width:var(--fh-button-icon-only-size);height:var(--fh-button-icon-only-size)}.fh-button__icon{display:inline-flex;width:var(--fh-button-icon-size);height:var(--fh-button-icon-size);flex-shrink:0;align-items:center;justify-content:center}.fh-button__icon>svg{width:100%;height:100%}.fh-button__label{min-width:0}.fh-button__spinner{animation:fh-button-spin var(--fh-duration-spinner) linear infinite}.fh-button__spinner-track{opacity:var(--fh-opacity-subtle)}.fh-button__spinner-segment{opacity:var(--fh-opacity-strong)}@keyframes fh-button-spin{to{transform:rotate(360deg)}}.btn-secondary{--btn-bg: color-mix( in srgb, var(--color-bg-surface) 96%, var(--appearance-foreground) );--btn-text: var(--color-text-primary);--btn-hover-bg: color-mix( in srgb, var(--color-bg-surface) 92%, var(--appearance-foreground) );--btn-active-bg: color-mix( in srgb, var(--color-bg-surface) 88%, var(--appearance-foreground) );--btn-border: color-mix( in srgb, var(--appearance-foreground) 16%, transparent );--btn-light-bg: color-mix( in srgb, var(--appearance-foreground) 5%, transparent );--btn-link-text: var(--color-text-secondary);--btn-link-hover-text: var(--color-text-primary);--btn-link-active-text: var(--color-text-primary)}.btn-primary{--btn-bg: var(--ref-brand-primary);--btn-text: var(--color-text-inverse);--btn-hover-bg: color-mix( in srgb, var(--ref-brand-primary), var(--ref-neutral-1000) 10% );--btn-active-bg: color-mix( in srgb, var(--ref-brand-primary), var(--ref-neutral-1000) 20% );--btn-border: var(--ref-brand-primary);--btn-light-bg: color-mix(in srgb, var(--ref-brand-primary) 10%, transparent)}.btn-accent{--btn-bg: var(--ref-brand-accent);--btn-text: var(--color-text-inverse);--btn-hover-bg: color-mix( in srgb, var(--ref-brand-accent), var(--ref-neutral-1000) 10% );--btn-active-bg: color-mix( in srgb, var(--ref-brand-accent), var(--ref-neutral-1000) 20% );--btn-border: var(--ref-brand-accent);--btn-light-bg: var(--ref-brand-accent-soft)}.btn-success{--btn-bg: var(--ref-success);--btn-text: var(--ref-neutral-0);--btn-hover-bg: color-mix( in srgb, var(--ref-success), var(--ref-neutral-1000) 10% );--btn-active-bg: color-mix( in srgb, var(--ref-success), var(--ref-neutral-1000) 20% );--btn-border: var(--ref-success);--btn-light-bg: var(--color-bg-success)}.btn-warning{--btn-bg: var(--ref-warning);--btn-text: var(--ref-neutral-0);--btn-hover-bg: color-mix( in srgb, var(--ref-warning), var(--ref-neutral-1000) 10% );--btn-active-bg: color-mix( in srgb, var(--ref-warning), var(--ref-neutral-1000) 20% );--btn-border: var(--ref-warning);--btn-light-bg: var(--color-bg-warning)}.btn-error,.btn-danger{--btn-bg: var(--ref-error);--btn-text: var(--ref-neutral-0);--btn-hover-bg: color-mix( in srgb, var(--ref-error), var(--ref-neutral-1000) 10% );--btn-active-bg: color-mix( in srgb, var(--ref-error), var(--ref-neutral-1000) 20% );--btn-border: var(--ref-error);--btn-light-bg: var(--color-bg-error)}.btn-info{--btn-bg: var(--ref-info);--btn-text: var(--ref-neutral-0);--btn-hover-bg: color-mix( in srgb, var(--ref-info), var(--ref-neutral-1000) 10% );--btn-active-bg: color-mix( in srgb, var(--ref-info), var(--ref-neutral-1000) 20% );--btn-border: var(--ref-info);--btn-light-bg: var(--color-bg-info)}.btn-primary,.btn-accent,.btn-success,.btn-warning,.btn-error,.btn-danger,.btn-info{--btn-link-text: var(--btn-bg);--btn-link-hover-text: var(--btn-hover-bg);--btn-link-active-text: var(--btn-active-bg)}.btn-solid{background:var(--btn-bg);color:var(--btn-text);border:var(--fh-border-width-1) solid transparent}.btn-solid:hover:not(:disabled){background:var(--btn-hover-bg)}.btn-solid:active:not(:disabled){background:var(--btn-active-bg)}.btn-solid.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger){border-color:var(--btn-border);box-shadow:0 var(--fh-border-width-1) 0 0 color-mix(in srgb,var(--appearance-foreground) 4%,transparent),inset 0 var(--fh-border-width-1) 0 0 color-mix(in srgb,var(--appearance-background) 70%,transparent)}.btn-outline{background:transparent;color:var(--btn-bg);border:var(--fh-border-width-1) solid var(--btn-border)}.btn-outline:hover:not(:disabled){background:var(--btn-light-bg)}.btn-outline:active:not(:disabled){background:color-mix(in srgb,var(--btn-bg) 20%,transparent)}.btn-outline.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger){color:var(--btn-text);border-color:var(--btn-border)}.btn-outline.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger):hover:not(:disabled){background:var(--btn-hover-bg);border-color:color-mix(in srgb,var(--appearance-foreground) 22%,transparent)}.btn-outline.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger):active:not(:disabled){background:var(--btn-active-bg)}.btn-ghost{background:transparent;color:var(--btn-bg);border:var(--fh-border-width-1) solid transparent}.btn-link{background:transparent;color:var(--btn-link-text);border:0;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.14em}.btn-ghost:hover:not(:disabled){background:var(--btn-light-bg)}.btn-ghost:active:not(:disabled){background:color-mix(in srgb,var(--btn-bg) 15%,transparent)}.btn-link:hover:not(:disabled){color:var(--btn-link-hover-text)}.btn-link:active:not(:disabled){color:var(--btn-link-active-text)}.btn-ghost.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger){color:var(--color-text-secondary)}.btn-ghost.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger):hover:not(:disabled){background:var(--btn-light-bg);color:var(--color-text-primary)}.btn-ghost.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger):active:not(:disabled){background:color-mix(in srgb,var(--appearance-foreground) 12%,transparent)}.btn-solid:disabled,.btn-solid[aria-disabled=true]{background:var(--color-button-disabled);opacity:var(--fh-opacity-disabled-emphasis)}.btn-solid.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger):disabled,.btn-solid.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger)[aria-disabled=true]{background:var(--color-bg-subtle);color:var(--color-text-tertiary);border-color:var(--color-border-muted)}.btn-outline:disabled,.btn-outline[aria-disabled=true]{color:var(--color-text-tertiary);border-color:var(--color-border-subtle);opacity:var(--fh-opacity-disabled)}.btn-ghost:disabled,.btn-ghost[aria-disabled=true]{color:var(--color-text-tertiary);border-color:transparent;opacity:var(--fh-opacity-disabled)}.btn-link:disabled,.btn-link[aria-disabled=true]{color:var(--color-text-tertiary);opacity:var(--fh-opacity-disabled)}.btn-solid:focus-visible,.btn-outline:focus-visible,.btn-ghost:focus-visible,.btn-link:focus-visible{outline:var(--fh-border-width-2) solid var(--btn-bg);outline-offset:var(--fh-border-width-2)}.btn-solid.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger):focus-visible,.btn-outline.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger):focus-visible,.btn-ghost.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger):focus-visible,.btn-link.btn-secondary:not(.btn-primary):not(.btn-success):not(.btn-warning):not(.btn-error):not(.btn-info):not(.btn-danger):focus-visible{outline-color:color-mix(in srgb,var(--appearance-foreground) 34%,transparent)}.btn-solid,.btn-outline,.btn-ghost,.btn-link{transition:color var(--fh-duration-swift) var(--fh-ease-emphasized-out),background-color var(--fh-duration-swift) var(--fh-ease-emphasized-out),box-shadow var(--fh-duration-swift) var(--fh-ease-emphasized-out),border-color var(--fh-duration-swift) var(--fh-ease-emphasized-out)}@media(prefers-reduced-motion:reduce){.btn-solid,.btn-outline,.btn-ghost,.btn-link{transition-duration:var(--fh-duration-reduced)}}.fh-unified-sidebar{--fh-sidebar-control-size: var(--fh-space-7);--fh-sidebar-control-size-sm: var(--fh-space-6);--fh-sidebar-header-min-height: calc(var(--fh-space-8) + var(--fh-space-3));--fh-sidebar-header-padding-block-start: var(--fh-space-3);--fh-sidebar-header-padding-block-end: var(--fh-space-2);--fh-sidebar-header-padding-inline-end: calc( var(--fh-space-2) + var(--fh-space-1) / 2 );--fh-sidebar-header-padding-inline-start: calc( var(--fh-space-3) + var(--fh-space-1) / 2 );--fh-sidebar-header-padding-inline-collapsed: calc( var(--fh-space-1) + var(--fh-space-1) / 2 );--fh-sidebar-content-padding-top: var(--fh-space-3);--fh-sidebar-content-padding-top-collapsed: var(--fh-space-2);--fh-sidebar-content-padding-bottom: var(--fh-space-4);--fh-sidebar-content-padding-inline: var(--fh-space-2);--fh-sidebar-content-padding-inline-collapsed: calc(var(--fh-space-1) / 2);--fh-sidebar-title-font-size: calc( var(--fh-font-size-md) + var(--fh-space-1) / 4 );--fh-sidebar-title-line-height: calc(var(--fh-space-4) + var(--fh-space-1));--fh-sidebar-group-gap: calc(var(--fh-space-1) + var(--fh-space-1) / 2);--fh-sidebar-group-header-font-size: var(--fh-font-size-xs);--fh-sidebar-group-icon-size: var(--fh-font-size-2xs);--fh-sidebar-nav-gap: calc(var(--fh-space-2) + var(--fh-space-1) / 2);--fh-sidebar-nav-gap-collapsed: 0;--fh-sidebar-nav-min-height: var(--fh-space-8);--fh-sidebar-nav-width-collapsed: var(--fh-space-8);--fh-sidebar-nav-padding-inline: calc( var(--fh-space-2) + var(--fh-space-1) / 2 );--fh-sidebar-nav-icon-size: var(--fh-space-5);--fh-sidebar-nav-chevron-size: var(--fh-space-3);--fh-sidebar-nav-text-max-width: var(--fh-layout-sidebar-nav-text-max-width);--fh-sidebar-nav-badge-font-size: var(--fh-font-size-2xs);--fh-sidebar-child-indent: calc(var(--fh-space-7) + var(--fh-space-1));--fh-sidebar-child-gap: calc(var(--fh-space-1) / 2);--fh-sidebar-child-padding-block: calc( var(--fh-space-1) + var(--fh-space-1) / 2 );--fh-sidebar-child-padding-inline: var(--fh-space-2);--fh-sidebar-child-font-size: var(--fh-font-size-1);--fh-sidebar-child-line-height: var(--fh-font-size-lg);width:var(--fh-unified-sidebar-width, var(--fh-layout-sidebar-width));position:relative;display:flex;flex-direction:column;height:100%;background:transparent;border:none;box-shadow:none;transition:width var(--fh-duration-slow) var(--fh-ease-standard)}.fh-unified-sidebar-shell{display:flex;flex:1;flex-direction:column;height:100%;overflow:hidden}.fh-unified-sidebar-logo-wrap{width:var(--fh-sidebar-control-size);height:var(--fh-sidebar-control-size);flex:0 0 var(--fh-sidebar-control-size);border-radius:var(--fh-radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:transparent;border:none;overflow:hidden}.fh-unified-sidebar-header{min-height:var(--fh-sidebar-header-min-height);padding:var(--fh-sidebar-header-padding-block-start) var(--fh-sidebar-header-padding-inline-end) var(--fh-sidebar-header-padding-block-end) var(--fh-sidebar-header-padding-inline-start);display:flex;align-items:center;gap:var(--fh-space-2);transition:padding var(--fh-duration-normal) var(--fh-ease-standard)}.fh-unified-sidebar-header-collapsed{justify-content:center;padding-left:var(--fh-sidebar-header-padding-inline-collapsed);padding-right:var(--fh-sidebar-header-padding-inline-collapsed)}.fh-unified-sidebar-header-logo{min-width:0;flex:1 1 auto;overflow:hidden;opacity:1;transition:opacity var(--fh-duration-instant) var(--fh-ease-standard)}.fh-unified-sidebar-content{flex:1 1 auto;overflow-x:hidden;overflow-y:auto;padding-top:var(--fh-sidebar-content-padding-top);padding-right:var(--fh-sidebar-content-padding-inline);padding-bottom:var(--fh-sidebar-content-padding-bottom);padding-left:var(--fh-sidebar-content-padding-inline);transition:padding var(--fh-duration-slow) var(--fh-ease-standard)}.fh-unified-sidebar-content-collapsed{padding-top:var(--fh-sidebar-content-padding-top-collapsed);padding-right:var(--fh-sidebar-content-padding-inline-collapsed);padding-left:var(--fh-sidebar-content-padding-inline-collapsed)}.fh-unified-sidebar-footer{flex:0 0 auto;padding:var(--fh-space-3) var(--fh-sidebar-content-padding-inline);border-top:var(--fh-border-width-1) solid var(--color-border-muted)}.fh-unified-sidebar-toggle-dock{display:flex;flex:0 0 auto;justify-content:flex-end;padding:var(--fh-space-2)}.fh-unified-sidebar-header-collapsed .fh-unified-sidebar-header-logo{flex:0 0 auto}.fh-unified-sidebar-toggle{width:var(--fh-sidebar-control-size);height:var(--fh-sidebar-control-size);flex:0 0 var(--fh-sidebar-control-size);border-radius:calc((var(--fh-radius-1) + var(--fh-radius-2)) / 2);display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);background:transparent;transition:background var(--fh-duration-instant) var(--fh-ease-standard),color var(--fh-duration-instant) var(--fh-ease-standard),opacity var(--fh-duration-instant) var(--fh-ease-standard)}.fh-unified-sidebar-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-subtle)}.fh-unified-sidebar-toggle-icon{width:var(--fh-space-4);height:var(--fh-space-4)}.fh-unified-sidebar-header-collapsed .fh-unified-sidebar-toggle{position:absolute;opacity:0;pointer-events:none}.fh-unified-sidebar-header-toggleable:hover .fh-unified-sidebar-header-logo{opacity:0}.fh-unified-sidebar-header-toggleable:hover .fh-unified-sidebar-toggle{opacity:1;pointer-events:auto}.fh-unified-sidebar-logo-mark{width:var(--fh-sidebar-control-size-sm);height:var(--fh-sidebar-control-size-sm);flex:0 0 var(--fh-sidebar-control-size-sm);display:flex;align-items:center;justify-content:center;color:inherit;line-height:0}.fh-unified-sidebar-logo-mark>img,.fh-unified-sidebar-logo-mark>svg{width:100%;height:100%;max-width:100%;max-height:100%;display:block;-o-object-fit:contain;object-fit:contain}.fh-unified-sidebar-brand{min-width:0;width:100%;display:flex;align-items:center;gap:var(--fh-space-2)}.fh-unified-sidebar-expanded-logo{width:var(--fh-sidebar-control-size);height:var(--fh-sidebar-control-size);flex:0 0 auto;display:flex;align-items:center;justify-content:center}.fh-unified-sidebar-logo-only{width:100%;min-width:0;display:flex;align-items:center}.fh-unified-sidebar-title-wrap{min-width:0;width:100%;display:flex;align-items:center;overflow:hidden;color:var(--color-text-primary);font-size:var(--fh-sidebar-title-font-size);font-weight:var(--fh-font-weight-semibold);line-height:var(--fh-sidebar-title-line-height);letter-spacing:0;white-space:nowrap}.fh-unified-sidebar-title-wrap>*{min-width:0;color:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.fh-sidebar-namespace-switcher{min-width:0;width:100%}.fh-sidebar-namespace-trigger{width:100%;min-width:0;height:calc(var(--fh-space-7) + var(--fh-space-1));display:flex;align-items:center;gap:var(--fh-space-2);padding-inline:var(--fh-space-2);color:var(--color-text-primary);font-size:var(--fh-font-size-2);font-weight:var(--fh-font-weight-medium);line-height:var(--fh-line-height-compact);text-align:left;background:transparent;border:none;border-radius:var(--fh-radius-control);transition:color var(--fh-duration-instant) var(--fh-ease-standard),background var(--fh-duration-instant) var(--fh-ease-standard)}.fh-sidebar-namespace-trigger:hover,.fh-sidebar-namespace-trigger[data-open]{background:var(--color-bg-subtle)}.fh-sidebar-namespace-trigger:focus-visible{outline:var(--fh-border-width-2) solid var(--color-border-primary);outline-offset:1px}.fh-sidebar-namespace-trigger-label{min-width:0;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh-sidebar-namespace-trigger-icon{width:var(--fh-space-3);height:var(--fh-space-3);flex:0 0 var(--fh-space-3);color:var(--color-text-tertiary)}.fh-sidebar-namespace-menu{position:fixed;z-index:1100;display:flex;flex-direction:column;overflow:hidden;border-radius:var(--fh-radius-control);box-shadow:var(--shadow-e2)}.fh-sidebar-namespace-search-wrap{position:relative;flex:0 0 auto;padding:var(--fh-space-2);border-bottom:var(--fh-border-width-1) solid var(--color-border-muted)}.fh-sidebar-namespace-search-icon{position:absolute;top:50%;left:calc(var(--fh-space-2) + var(--fh-space-2));width:var(--fh-space-3);height:var(--fh-space-3);color:var(--color-text-tertiary);pointer-events:none;transform:translateY(-50%)}.fh-sidebar-namespace-search-input{width:100%;height:calc(var(--fh-space-7) + var(--fh-space-1));padding-inline:calc(var(--fh-space-6) + var(--fh-space-1)) var(--fh-space-2);color:var(--color-text-primary);font-size:var(--fh-font-size-2);line-height:var(--fh-line-height-compact);background:var(--color-bg-surface);border:var(--fh-border-width-1) solid var(--color-border-default);border-radius:var(--fh-radius-control);outline:none}.fh-sidebar-namespace-search-input::-moz-placeholder{color:var(--color-text-tertiary)}.fh-sidebar-namespace-search-input::placeholder{color:var(--color-text-tertiary)}.fh-sidebar-namespace-search-input:focus{border-color:var(--color-border-primary);box-shadow:0 0 0 var(--fh-border-width-1) var(--color-border-primary)}.fh-sidebar-namespace-list{min-height:0;flex:1 1 auto;overflow-y:auto;padding:calc(var(--fh-space-1) + var(--fh-space-1) / 2)}.fh-sidebar-namespace-section+.fh-sidebar-namespace-section{margin-top:var(--fh-space-1)}.fh-sidebar-namespace-section-label{padding:var(--fh-space-1) var(--fh-space-2);color:var(--color-text-tertiary);font-size:var(--fh-font-size-1);font-weight:var(--fh-font-weight-medium);line-height:var(--fh-line-height-compact)}.fh-sidebar-namespace-option{width:100%;min-height:calc(var(--fh-space-8) + var(--fh-space-2));display:flex;align-items:center;gap:var(--fh-space-2);padding:calc(var(--fh-space-1) + var(--fh-space-1) / 2) var(--fh-space-2);color:var(--color-text-primary);text-align:left;background:transparent;border:none;border-radius:calc(var(--fh-radius-control) - var(--fh-space-1) / 2)}.fh-sidebar-namespace-option:hover,.fh-sidebar-namespace-option[data-selected]{background:var(--color-bg-subtle)}.fh-sidebar-namespace-option:focus-visible{outline:var(--fh-border-width-2) solid var(--color-border-primary);outline-offset:-1px}.fh-sidebar-namespace-option[data-disabled]{cursor:not-allowed;opacity:.5}.fh-sidebar-namespace-option-icon{width:var(--fh-space-6);height:var(--fh-space-6);flex:0 0 var(--fh-space-6);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:var(--color-bg-subtle);border:var(--fh-border-width-1) solid var(--color-border-muted);border-radius:var(--fh-radius-control)}.fh-sidebar-namespace-option-icon>svg{width:var(--fh-space-3);height:var(--fh-space-3)}.fh-sidebar-namespace-option-copy{min-width:0;flex:1 1 auto;display:grid;gap:calc(var(--fh-space-1) / 2)}.fh-sidebar-namespace-option-label,.fh-sidebar-namespace-option-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh-sidebar-namespace-option-label{font-size:var(--fh-font-size-2);font-weight:var(--fh-font-weight-medium);line-height:var(--fh-line-height-compact)}.fh-sidebar-namespace-option-description{color:var(--color-text-tertiary);font-size:var(--fh-font-size-1);font-weight:var(--fh-font-weight-regular);line-height:var(--fh-line-height-compact)}.fh-sidebar-namespace-option-check{width:var(--fh-space-3);height:var(--fh-space-3);flex:0 0 var(--fh-space-3);color:var(--color-text-primary)}.fh-sidebar-namespace-state{min-height:var(--fh-space-8);display:flex;align-items:center;justify-content:center;gap:var(--fh-space-2);padding:var(--fh-space-2);color:var(--color-text-tertiary);font-size:var(--fh-font-size-1);line-height:var(--fh-line-height-compact);text-align:center}.fh-sidebar-namespace-spinner{width:var(--fh-space-3);height:var(--fh-space-3);animation:fh-sidebar-namespace-spin .8s linear infinite}.fh-sidebar-namespace-footer{flex:0 0 auto;padding:calc(var(--fh-space-1) + var(--fh-space-1) / 2);border-top:var(--fh-border-width-1) solid var(--color-border-muted)}.fh-sidebar-namespace-action{width:100%;min-height:var(--fh-space-8);display:flex;align-items:center;gap:var(--fh-space-2);padding-inline:var(--fh-space-2);color:var(--color-text-secondary);font-size:var(--fh-font-size-2);font-weight:var(--fh-font-weight-medium);text-align:left;background:transparent;border:none;border-radius:calc(var(--fh-radius-control) - var(--fh-space-1) / 2)}.fh-sidebar-namespace-action:hover{color:var(--color-text-primary);background:var(--color-bg-subtle)}.fh-sidebar-namespace-action:focus-visible{outline:var(--fh-border-width-2) solid var(--color-border-primary);outline-offset:-1px}.fh-sidebar-namespace-action>svg{width:var(--fh-space-3);height:var(--fh-space-3)}@keyframes fh-sidebar-namespace-spin{to{transform:rotate(360deg)}}.fh-unified-sidebar-collapsible-text{opacity:1;transition:opacity var(--fh-duration-fast) var(--fh-ease-standard) var(--fh-delay-short)}.fh-unified-sidebar[data-collapsed] .fh-unified-sidebar-collapsible-text{opacity:0;pointer-events:none;transition-delay:0s}.fh-unified-sidebar-search{width:100%}.fh-unified-sidebar-search-wrap{margin-bottom:var(--fh-space-6)}.fh-unified-sidebar-search-frame{position:relative}.fh-unified-sidebar-search-control{min-height:calc(var(--fh-space-8) + var(--fh-space-1))}.fh-unified-sidebar-section{margin-bottom:var(--fh-space-4)}.fh-unified-sidebar-group-title-row{position:relative;height:var(--fh-space-5);margin-bottom:calc(var(--fh-space-2) - var(--fh-space-1) / 2)}.fh-unified-sidebar-group-header{display:flex;align-items:center;gap:var(--fh-sidebar-group-gap);width:100%;height:100%;padding:var(--fh-space-1) var(--fh-space-1);font-size:var(--fh-sidebar-group-header-font-size);text-transform:uppercase;letter-spacing:0;color:var(--color-text-tertiary);font-weight:var(--fh-font-weight-medium);background:none;border:none;white-space:nowrap}.fh-unified-sidebar-group-button{cursor:pointer}.fh-unified-sidebar-group-button:hover{color:var(--color-text-secondary)}.fh-unified-sidebar-group-header-static{gap:0;padding-left:var(--fh-space-1)}.fh-unified-sidebar-group-chevron{width:var(--fh-sidebar-group-icon-size);height:var(--fh-sidebar-group-icon-size);flex:0 0 var(--fh-sidebar-group-icon-size);transform:rotate(0);transition:transform var(--fh-duration-normal) var(--fh-ease-standard)}.fh-unified-sidebar-chevron-open{transform:rotate(90deg)}.fh-unified-sidebar-divider-line{position:absolute;inset-inline:var(--fh-space-2);top:50%;height:var(--fh-border-width-1)}.fh-unified-sidebar-nav{display:grid;gap:calc(var(--fh-space-2) - var(--fh-space-1) / 2)}.fh-unified-sidebar-nav-item{width:100%;display:flex;align-items:center;gap:var(--fh-sidebar-nav-gap);min-height:var(--fh-sidebar-nav-min-height);margin-inline:auto;padding-inline:var(--fh-sidebar-nav-padding-inline);font-size:var(--fh-font-size-2);justify-content:flex-start;transition:width var(--fh-duration-normal) var(--fh-ease-standard),gap var(--fh-duration-normal) var(--fh-ease-standard),background var(--fh-duration-instant) var(--fh-ease-standard),color var(--fh-duration-instant) var(--fh-ease-standard),box-shadow var(--fh-duration-instant) var(--fh-ease-standard)}.fh-unified-sidebar[data-collapsed] .fh-unified-sidebar-nav-item{width:var(--fh-sidebar-nav-width-collapsed);gap:var(--fh-sidebar-nav-gap-collapsed)}.fh-unified-sidebar-nav-icon{line-height:0;color:currentColor}.fh-unified-sidebar-nav-icon-slot{width:var(--fh-sidebar-nav-icon-size);height:var(--fh-sidebar-nav-icon-size);flex:0 0 var(--fh-sidebar-nav-icon-size);display:flex;align-items:center;justify-content:center}.fh-unified-sidebar-nav-label{display:flex;flex:1 1 auto;min-width:0;align-items:center;gap:var(--fh-space-2);max-width:var(--fh-sidebar-nav-text-max-width);white-space:nowrap;overflow:hidden;opacity:1;transition:max-width var(--fh-duration-normal) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard) var(--fh-delay-short)}.fh-unified-sidebar[data-collapsed] .fh-unified-sidebar-nav-label{max-width:0;opacity:0;transition:max-width var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-instant) var(--fh-ease-standard)}.fh-unified-sidebar-nav-label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fh-unified-sidebar-nav-badge{padding:calc(var(--fh-space-1) / 2) calc(var(--fh-space-1) + var(--fh-space-1) / 2);font-size:var(--fh-sidebar-nav-badge-font-size);font-weight:var(--fh-font-weight-semibold);line-height:var(--fh-line-height-none)}.fh-unified-sidebar-nav-chevron{color:var(--color-text-tertiary)}.fh-unified-sidebar-nav-chevron-toggle{width:var(--fh-sidebar-nav-chevron-size);height:var(--fh-sidebar-nav-chevron-size);margin-left:auto;opacity:1;transform:rotate(0);transition:transform var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard) var(--fh-delay-short),width var(--fh-duration-normal) var(--fh-ease-standard),margin-left var(--fh-duration-normal) var(--fh-ease-standard)}.fh-unified-sidebar-nav-chevron-toggle.fh-unified-sidebar-chevron-open{transform:rotate(90deg)}.fh-unified-sidebar[data-collapsed] .fh-unified-sidebar-nav-chevron-toggle{width:0;margin-left:0;opacity:0;transition:transform var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-instant) var(--fh-ease-standard),width var(--fh-duration-fast) var(--fh-ease-standard),margin-left var(--fh-duration-fast) var(--fh-ease-standard)}.nav-sidebar-item-active .fh-unified-sidebar-nav-chevron{color:var(--color-text-secondary)}.fh-unified-sidebar-child-list{margin:var(--fh-space-1) 0;margin-left:var(--fh-sidebar-child-indent);display:grid;gap:var(--fh-sidebar-child-gap)}.fh-unified-sidebar-child-item{width:100%;text-align:left;padding:var(--fh-sidebar-child-padding-block) var(--fh-sidebar-child-padding-inline);font-size:var(--fh-sidebar-child-font-size);line-height:var(--fh-sidebar-child-line-height);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fh-unified-sidebar-avatar-placeholder{width:calc(var(--fh-space-7) + var(--fh-space-1));height:calc(var(--fh-space-7) + var(--fh-space-1))}.fh-console-shell .fh-unified-sidebar{--fh-sidebar-control-size: 28px;--fh-sidebar-control-size-sm: 24px;--fh-sidebar-header-min-height: 48px;--fh-sidebar-header-padding-block-start: 0;--fh-sidebar-header-padding-block-end: 0;--fh-sidebar-header-padding-inline-start: var(--fh-space-3);--fh-sidebar-header-padding-inline-end: var(--fh-space-2);--fh-sidebar-content-padding-top: var(--fh-space-2);--fh-sidebar-content-padding-top-collapsed: var(--fh-space-2);--fh-sidebar-content-padding-bottom: var(--fh-space-3);--fh-sidebar-content-padding-inline: 0;--fh-sidebar-content-padding-inline-collapsed: 0;--fh-sidebar-title-font-size: var(--fh-font-size-3);--fh-sidebar-title-line-height: var(--fh-line-height-compact);--fh-sidebar-group-header-font-size: var(--fh-font-size-1);--fh-sidebar-group-gap: var(--fh-space-1);--fh-sidebar-nav-gap: var(--fh-space-2);--fh-sidebar-nav-min-height: 34px;--fh-sidebar-nav-width-collapsed: 100%;--fh-sidebar-nav-padding-inline: var(--fh-space-4);--fh-sidebar-nav-icon-size: var(--fh-space-4);background:var(--color-bg-surface);border-right:var(--fh-border-width-1) solid var(--color-border-default)}.fh-console-shell .fh-unified-sidebar-header{border-bottom:var(--fh-border-width-1) solid var(--color-border-default)}.fh-console-shell .fh-unified-sidebar-brand{gap:var(--fh-space-2)}.fh-console-shell .fh-unified-sidebar-title-wrap{letter-spacing:-.01em}.fh-console-shell .fh-unified-sidebar-search-wrap{margin-bottom:var(--fh-space-3)}.fh-console-shell .fh-unified-sidebar-search-control{min-height:34px}.fh-console-shell .fh-unified-sidebar-section{margin-bottom:var(--fh-space-3);padding-block:0}.fh-console-shell .fh-unified-sidebar-section:last-child{margin-bottom:0}.fh-console-shell .fh-unified-sidebar-group-title-row{height:var(--fh-space-5);margin-bottom:calc(var(--fh-space-1) / 2)}.fh-console-shell .fh-unified-sidebar-group-header{padding:0 var(--fh-space-4);text-transform:none;letter-spacing:0}.fh-console-shell .fh-unified-sidebar-nav{gap:0}.fh-console-shell .fh-unified-sidebar-nav-item{font-size:var(--fh-font-size-3);border-radius:0}.fh-console-shell .fh-unified-sidebar[data-collapsed] .fh-unified-sidebar-nav-item{justify-content:center;padding-inline:0}.fh-console-shell .nav-sidebar-item-active{color:var(--color-text-heading);background:var(--color-bg-subtle);box-shadow:none}.fh-console-shell .fh-unified-sidebar-footer{padding:var(--fh-space-2)}@media(prefers-reduced-motion:reduce){.fh-unified-sidebar,.fh-unified-sidebar *{transition-duration:var(--fh-duration-reduced)}}.login-page-shell{--login-page-layout-max-width: 77.5rem;--login-page-layout-padding-block: clamp( calc(var(--fh-space-7) + var(--fh-space-8)), 8vh, calc(var(--fh-space-7) + var(--fh-space-8) + var(--fh-space-8)) );--login-page-layout-padding-inline: clamp( var(--fh-space-6), 6vw, calc(var(--fh-space-8) * 2) );--login-page-layout-gap: clamp( calc(var(--fh-space-7) * 2), 10vw, calc(var(--fh-space-7) * 6) );--login-page-panel-min-width: 19rem;--login-page-panel-max-width: 25rem;--login-page-panel-max-width-verify: 27rem;--login-page-panel-max-width-default: 24rem;--login-page-panel-max-width-default-lg: 20rem;--login-page-hero-max-width: 34rem;--login-page-hero-max-width-md: 31rem;--login-page-subtitle-max-width: 30rem;--login-page-illustration-max-width: 22rem;--login-page-feature-list-max-width: 27rem;--login-page-provider-min-width: 10.5rem;--login-page-title-padding-block: calc(var(--fh-space-1) / 4);--login-page-title-line-height: 1.28;--login-page-title-size: clamp( calc(var(--fh-font-size-4) + var(--fh-space-2)), 4vw, calc(var(--fh-font-size-4) + var(--fh-space-5)) );--login-page-title-size-mobile: var(--fh-font-size-3xl);--login-page-subtitle-font-size: calc( var(--fh-font-size-md) + var(--fh-space-1) / 4 );--login-page-subtitle-font-size-mobile: var(--fh-font-size-2);--login-page-subtitle-margin-top: var(--fh-space-4);--login-page-subtitle-line-height: 1.8;--login-page-agreement-line-height: 1.7;--login-page-illustration-backdrop-opacity: .52;--login-page-sketch-dash-opacity: .45;--login-page-illustration-margin-top: clamp( var(--fh-space-7), 5vh, calc(var(--fh-space-7) + var(--fh-space-5)) );--login-page-illustration-margin-bottom: clamp( calc(var(--fh-space-6) + var(--fh-space-1)), 4vh, var(--fh-space-8) );--login-page-illustration-blur: 14px;--login-page-feature-list-padding-block: calc(var(--fh-space-1) / 2);--login-page-feature-list-gap: clamp( var(--fh-space-5), 4vw, calc(var(--fh-space-6) * 2) );--login-page-language-offset: clamp( var(--fh-space-4), 4vw, calc(var(--fh-space-8) + var(--fh-space-2)) );--login-page-feature-gap: calc(var(--fh-space-2) + var(--fh-space-1) / 2);--login-page-feature-font-size: var(--fh-font-size-1);--login-page-feature-icon-size: calc(var(--fh-space-8) + var(--fh-space-1));--login-page-feature-icon-size-mobile: var(--fh-space-8);--login-page-provider-gap: calc(var(--fh-space-2) + var(--fh-space-1) / 2);--login-page-layout-padding-top-tablet: calc( var(--fh-space-8) + var(--fh-space-8) + var(--fh-space-6) );--login-page-layout-gap-tablet: calc(var(--fh-space-6) * 2);--login-page-layout-padding-top-mobile: calc( var(--fh-space-8) + var(--fh-space-8) + var(--fh-space-3) );--login-page-layout-padding-inline-mobile: calc( var(--fh-space-4) + var(--fh-space-1) / 2 );--login-page-layout-padding-bottom-mobile: var(--fh-space-8);--login-page-layout-gap-mobile: var(--fh-space-8);position:relative;min-height:100dvh;overflow:hidden;background:var(--color-bg-page);color:var(--color-text-primary)}.login-page-layout{display:grid;min-height:100dvh;width:min(100%,var(--login-page-layout-max-width));margin:0 auto;padding:var(--login-page-layout-padding-block) var(--login-page-layout-padding-inline);grid-template-columns:minmax(0,1.05fr) minmax(var(--login-page-panel-min-width),var(--login-page-panel-max-width));align-items:center;gap:var(--login-page-layout-gap)}.login-page-two-factor-shell{display:grid;min-height:100dvh;place-items:center;padding:var(--fh-space-4);background:var(--color-bg-page)}.login-page-language-toggle{position:absolute;inset-block-start:var(--login-page-language-offset);inset-inline-end:var(--login-page-language-offset);z-index:2;display:flex;align-items:center;gap:var(--fh-space-3)}.login-page-hero{justify-self:center;width:min(100%,var(--login-page-hero-max-width));text-align:center}.login-page-title{margin:0;padding-block:var(--login-page-title-padding-block);color:var(--color-text-primary);font-size:var(--login-page-title-size);font-weight:var(--fh-font-weight-medium);letter-spacing:0;line-height:var(--login-page-title-line-height)}.login-page-subtitle{width:min(100%,var(--login-page-subtitle-max-width));margin:var(--login-page-subtitle-margin-top) auto 0;color:var(--color-text-secondary);font-size:var(--login-page-subtitle-font-size);line-height:var(--login-page-subtitle-line-height)}.login-page-illustration-wrap{position:relative;width:min(100%,var(--login-page-illustration-max-width));margin:var(--login-page-illustration-margin-top) auto var(--login-page-illustration-margin-bottom)}.login-page-illustration-backdrop{position:absolute;inset:10% 12%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-border-default) 34%,transparent),transparent);filter:blur(var(--login-page-illustration-blur));opacity:var(--login-page-illustration-backdrop-opacity)}.login-page-illustration{position:relative;display:block;width:100%;color:var(--color-text-primary)}.login-sketch-line{stroke-width:3}.login-sketch-dash{stroke-width:2;stroke-dasharray:5 9;opacity:var(--login-page-sketch-dash-opacity)}.login-feature-list{display:grid;width:min(100%,var(--login-page-feature-list-max-width));margin:0 auto;padding-block:var(--login-page-feature-list-padding-block);grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--login-page-feature-list-gap)}.login-feature{display:grid;justify-items:center;gap:var(--login-page-feature-gap);color:var(--color-text-secondary);font-size:var(--login-page-feature-font-size);line-height:var(--fh-line-height-tight)}.login-feature-icon{display:inline-flex;height:var(--login-page-feature-icon-size);width:var(--login-page-feature-icon-size);align-items:center;justify-content:center;border-radius:var(--fh-radius-1);color:var(--ref-brand-primary);background:color-mix(in srgb,var(--ref-info) 16%,var(--color-bg-surface))}.login-feature:nth-child(2) .login-feature-icon{color:var(--ref-warning);background:color-mix(in srgb,var(--ref-warning) 18%,var(--color-bg-surface))}.login-feature:nth-child(3) .login-feature-icon{color:var(--ref-success);background:color-mix(in srgb,var(--ref-success) 18%,var(--color-bg-surface))}.login-provider-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--login-page-provider-min-width)),1fr));gap:var(--login-page-provider-gap)}.login-page-panel{width:100%;justify-self:center}.login-page-panel--verify{max-width:var(--login-page-panel-max-width-verify)}.login-page-panel--default{max-width:var(--login-page-panel-max-width-default)}.auth-card-width-sm,.auth-card-width-default,.auth-card-width-wide{width:min(100%,var(--auth-card-width))}.auth-card-width-sm{--auth-card-width: var(--fh-layout-auth-card-sm)}.auth-card-width-default{--auth-card-width: var(--fh-layout-auth-card-default)}.auth-card-width-wide{--auth-card-width: var(--fh-layout-auth-card-wide)}.auth-verification-loading{display:flex;align-items:center;justify-content:center;padding-block:var(--fh-space-8)}.fh-button.auth-card-action,.fh-button.auth-verification-action{--fh-button-min-height: calc(var(--fh-space-8) + var(--fh-space-1))}.auth-card-login-frame{--auth-card-width: var(--fh-layout-auth-card-sm);width:min(100%,var(--auth-card-width));padding:var(--fh-space-7) var(--fh-space-7) var(--fh-space-8)}.login-page-card-body{display:grid;gap:var(--fh-space-5)}.login-page-inline-action{width:-moz-fit-content;width:fit-content;padding-inline:0}.login-page-contact-value{white-space:nowrap}.login-page-code-row,.login-page-panel-icon-row{display:flex;justify-content:center}.login-page-panel-caption,.login-page-status-text,.login-page-agreement{text-align:center}.login-page-meta-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--fh-space-2);text-align:center}.login-page-provider-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--fh-space-3);color:var(--color-text-secondary);font-size:var(--fh-font-size-1);line-height:var(--fh-line-height-caption)}.login-page-provider-divider-line{height:var(--fh-border-width-1);background:var(--color-border-muted)}.login-page-form{display:grid;gap:var(--fh-space-3)}.login-page-field{display:grid;gap:var(--fh-space-2)}.login-page-field-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--fh-space-4)}.login-page-link{text-decoration:none;transition:color var(--fh-duration-fast) var(--fh-ease-standard),opacity var(--fh-duration-fast) var(--fh-ease-standard)}.login-page-text-link{color:var(--color-text-link)}.login-page-link:hover{text-decoration:underline;text-underline-offset:calc(var(--fh-space-1) / 2)}.login-page-legal-copy{opacity:var(--fh-opacity-strong)}.login-page-legal-link{text-decoration:underline;text-underline-offset:calc(var(--fh-space-1) / 2)}.login-page-legal-link:hover{opacity:1}.login-page-divider-label{opacity:var(--fh-opacity-disabled-emphasis)}@media(prefers-reduced-motion:reduce){.login-page-link{transition-duration:var(--fh-duration-reduced)}}.login-page-inline-error{margin-top:var(--fh-space-1)}.login-page-agreement{line-height:var(--login-page-agreement-line-height)}@media(min-width:640px){.login-page-two-factor-shell{padding:var(--fh-space-8)}}@media(min-width:1024px){.login-page-panel--default{max-width:var(--login-page-panel-max-width-default-lg)}}@media(max-width:900px){.login-page-shell{overflow:auto}.login-page-layout{min-height:auto;padding-top:var(--login-page-layout-padding-top-tablet);grid-template-columns:1fr;gap:var(--login-page-layout-gap-tablet)}.login-page-hero{width:min(100%,var(--login-page-hero-max-width-md))}}@media(max-width:640px){.login-page-layout{padding:var(--login-page-layout-padding-top-mobile) var(--login-page-layout-padding-inline-mobile) var(--login-page-layout-padding-bottom-mobile);gap:var(--login-page-layout-gap-mobile)}.login-page-title{font-size:var(--login-page-title-size-mobile)}.login-page-subtitle{font-size:var(--login-page-subtitle-font-size-mobile)}.login-feature-list{gap:var(--fh-space-3)}.login-feature-icon{height:var(--login-page-feature-icon-size-mobile);width:var(--login-page-feature-icon-size-mobile)}}.app-bg-root{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.app-bg-base,.app-bg-sky-veil,.app-bg-lower-mist{position:absolute;right:0;left:0}.app-bg-base{inset:0;background:var(--lp-bg-base)}.app-bg-sky-veil{top:0;height:1080px;opacity:var(--lp-bg-sky-opacity);background:var(--lp-bg-radial),var(--lp-bg-sheen)}.app-bg-lower-mist{top:760px;height:760px;background:var(--lp-bg-lower-mist)}.lp-root{--lp-bg-sky-opacity: .72;--lp-bg: var(--color-bg-page);--lp-panel: color-mix(in srgb, var(--color-bg-surface) 78%, transparent);--lp-panel-solid: color-mix( in srgb, var(--color-bg-surface) 92%, transparent );--lp-text: var(--color-text-primary);--lp-heading: var(--color-text-heading);--lp-muted: var(--color-text-secondary);--lp-muted-subtle: var(--color-text-tertiary);--lp-soft: color-mix(in srgb, var(--color-bg-subtle) 76%, transparent);--lp-line: color-mix(in srgb, var(--color-border-default) 88%, transparent);--lp-line-strong: color-mix( in srgb, var(--color-border-primary) 46%, var(--color-border-default) );--lp-blue: var(--ref-brand-primary);--lp-green: var(--ref-success);--lp-amber: var(--ref-warning);--lp-rose: var(--ref-error);--lp-cyan: var(--ref-info);--lp-shadow: 0 26px 90px color-mix(in srgb, var(--ref-brand-primary) 18%, transparent);--lp-shadow-soft: 0 14px 38px color-mix(in srgb, var(--ref-brand-primary) 12%, transparent);--lp-container: 1480px;--lp-gutter: 64px;--lp-main-inline-size: min( var(--lp-container), calc(100% - var(--lp-gutter)) );--lp-topbar-bg: color-mix( in srgb, var(--ref-info) 12%, var(--color-bg-surface) );--lp-topbar-shadow: 0 14px 46px color-mix(in srgb, var(--ref-brand-primary) 16%, transparent);--lp-hover-surface: color-mix( in srgb, var(--color-text-heading) 6%, transparent );--lp-hover-surface-strong: color-mix( in srgb, var(--color-text-heading) 8%, transparent );--lp-hero-gradient: linear-gradient( 90deg, var(--lp-blue) 0%, var(--lp-green) 52%, var(--lp-amber) 100% );--lp-contrast-surface: color-mix( in srgb, var(--lp-heading) 94%, var(--lp-bg) );--lp-contrast-text: var(--color-text-inverse);--lp-contrast-text-secondary: var(--color-text-inverse-secondary);--lp-contrast-border: color-mix( in srgb, var(--lp-contrast-text) 18%, transparent );--lp-contrast-shadow: 0 12px 28px color-mix(in srgb, var(--lp-heading) 20%, transparent);--lp-console-sidebar-bg: color-mix( in srgb, var(--color-bg-subtle) 84%, transparent );--lp-blue-soft: color-mix(in srgb, var(--lp-blue) 9%, transparent);--lp-green-soft: color-mix(in srgb, var(--lp-green) 9%, transparent);--lp-amber-soft: color-mix(in srgb, var(--lp-amber) 10%, transparent);--lp-rose-soft: color-mix(in srgb, var(--lp-rose) 9%, transparent);--lp-security-gradient: linear-gradient( 135deg, color-mix(in srgb, var(--lp-heading) 4%, transparent), color-mix(in srgb, var(--lp-green) 6%, transparent) );--lp-skeleton-sheen: linear-gradient( 90deg, color-mix(in srgb, var(--color-text-heading) 6%, transparent), color-mix(in srgb, var(--color-text-heading) 12%, transparent), color-mix(in srgb, var(--color-text-heading) 6%, transparent) );--lp-code-bg: color-mix(in srgb, var(--lp-heading) 94%, var(--lp-bg));--lp-code-text: color-mix( in srgb, var(--lp-contrast-text) 86%, var(--lp-blue) 14% );--lp-code-accent: color-mix( in srgb, var(--lp-blue) 64%, var(--lp-contrast-text) );--lp-output-line-border: color-mix( in srgb, var(--lp-contrast-text) 12%, transparent );--lp-output-line-bg: color-mix( in srgb, var(--lp-contrast-text) 6%, transparent );--lp-output-line-text: color-mix( in srgb, var(--lp-contrast-text) 78%, var(--lp-blue) 22% );--lp-output-line-success: color-mix( in srgb, var(--lp-green) 68%, var(--lp-contrast-text) );--lp-radius-pill: var(--fh-radius-full);--lp-radius-control: var(--fh-radius-1);--lp-font-weight-subtle: 520;--lp-font-weight-question: 540;--lp-font-weight-supporting: 560;--lp-font-weight-action: 620;--lp-font-weight-navigation: 640;--lp-font-weight-action-strong: 650;--lp-font-weight-item: 660;--lp-font-weight-code: var(--fh-font-weight-bold);--lp-font-weight-emphasis: 720;--lp-font-weight-label: 740;--lp-font-weight-strong: 760;--lp-font-weight-bold: 800;--lp-font-weight-display: 820;--lp-line-height-tight: 1.1;--lp-line-height-title: var(--fh-line-height-tight);--lp-enter-duration: .72s;--lp-enter-easing: cubic-bezier(.16, 1, .3, 1);--lp-enter-delay-step: .05s;--lp-shimmer-duration: 1.8s;--lp-status-pulse-duration: 1.6s;--lp-route-fill-duration: var(--fh-duration-spinner);--lp-hover-duration: var(--fh-duration-normal);--lp-disclosure-duration: .24s;--lp-marquee-duration: 22s;--lp-pulse-opacity: .35;--lp-muted-dot-opacity: var(--fh-opacity-disabled-emphasis);--lp-footer-logo-opacity: .62;--lp-divider-width: 1px;--lp-output-line-border-width: 1px;--lp-bg-radial-size: 100% 1180px;--lp-bg-sheen-size: 100% 1180px;--lp-bg-base-size: 100% 2400px;--lp-enter-up-from-transform: translateY(28px);--lp-enter-left-from-transform: translateX(-28px);--lp-enter-right-from-transform: translateX(28px);--lp-enter-scale-from-transform: translateY(20px) scale(.97);--lp-button-hover-translate-y: -1px;--lp-header-offset-top: 0px;--lp-header-padding-top: 16px;--lp-header-padding-inline: 12px;--lp-header-inner-gap: 24px;--lp-header-inner-min-height: 52px;--lp-header-inner-padding-block: 7px;--lp-header-inner-padding-inline: 11px;--lp-header-backdrop-blur: 22px;--lp-header-backdrop-saturate: 1.32;--lp-logo-gap: 10px;--lp-logo-size: 30px;--lp-logo-name-size: 14px;--lp-logo-tagline-margin-top: 2px;--lp-logo-tagline-size: 10px;--lp-nav-gap: 6px;--lp-nav-link-min-height: 32px;--lp-nav-link-padding-inline: 11px;--lp-nav-link-font-size: 13px;--lp-header-actions-gap: 10px;--lp-toolbar-actions-gap: 6px;--lp-toolbar-button-min-width: 34px;--lp-toolbar-button-height: 34px;--lp-toolbar-button-padding-inline: 10px;--lp-language-button-min-width: 48px;--lp-language-button-padding-inline: 9px;--lp-language-button-font-size: 13px;--lp-login-button-min-height: 34px;--lp-login-button-padding-inline: 13px;--lp-login-button-font-size: 13px;--lp-register-button-min-height-compact: 36px;--lp-register-button-padding-inline-compact: 12px;--lp-register-button-font-size-compact: 13px;--lp-user-loading-width: 104px;--lp-user-loading-height: 38px;--lp-hero-padding-top: 68px;--lp-hero-padding-bottom: 34px;--lp-hero-gap: 34px;--lp-hero-copy-width: 920px;--lp-hero-title-width: 100%;--lp-hero-title-size: 68px;--lp-hero-title-line-height: 1.02;--lp-hero-desc-width: 820px;--lp-hero-desc-margin-top: 18px;--lp-hero-desc-font-size: 16px;--lp-hero-desc-line-height: 1.62;--lp-hero-actions-gap: 12px;--lp-hero-actions-margin-top: 24px;--lp-cta-hint-padding-inline-start: 8px;--lp-cta-hint-font-size: 12px;--lp-console-width: 1280px;--lp-console-topbar-columns: auto minmax(0, 1fr) auto;--lp-console-topbar-gap: 14px;--lp-console-topbar-min-height: 48px;--lp-console-topbar-padding-inline: 16px;--lp-window-controls-gap: 7px;--lp-window-control-size: 10px;--lp-console-url-font-size: 13px;--lp-console-status-gap: 7px;--lp-console-status-font-size: 12px;--lp-console-body-columns: 190px minmax(0, 1fr) 310px;--lp-console-body-min-height: 448px;--lp-console-sidebar-padding-block: 18px;--lp-console-sidebar-padding-inline: 14px;--lp-console-sidebar-title-margin-bottom: 16px;--lp-console-sidebar-title-font-size: 12px;--lp-console-sidebar-item-gap: 9px;--lp-console-sidebar-item-min-height: 36px;--lp-console-sidebar-item-padding-inline: 10px;--lp-console-sidebar-item-font-size: 13px;--lp-console-panel-padding: 22px;--lp-console-header-gap: 16px;--lp-console-kicker-margin-bottom: 5px;--lp-console-kicker-font-size: 12px;--lp-console-heading-size: 22px;--lp-console-icon-button-size: 36px;--lp-console-stat-grid-columns: repeat(4, minmax(0, 1fr));--lp-console-stat-grid-gap: 10px;--lp-console-stat-grid-margin-top: 20px;--lp-console-stat-card-min-height: 88px;--lp-console-flow-panel-margin-top: 16px;--lp-console-flow-panel-padding: 16px;--lp-console-flow-head-margin-bottom: 14px;--lp-console-flow-head-font-size: 12px;--lp-console-flow-row-columns: minmax(160px, .86fr) minmax(140px, 1fr);--lp-console-flow-row-gap: 14px;--lp-console-flow-row-padding-block: 10px;--lp-console-flow-meta-font-size: 13px;--lp-console-flow-meta-sub-margin-top: 2px;--lp-console-flow-meta-sub-font-size: 12px;--lp-console-flow-track-height: 8px;--lp-console-code-title-gap: 8px;--lp-console-code-title-margin-bottom: 14px;--lp-console-code-title-font-size: 13px;--lp-console-code-font-size: 12px;--lp-console-code-line-height: 1.72;--lp-console-output-preview-gap: 8px;--lp-console-output-preview-margin-top: 18px;--lp-console-output-line-gap: 8px;--lp-console-output-line-min-height: 38px;--lp-console-output-line-padding-inline: 10px;--lp-console-output-line-font-size: 12px;--lp-strip-columns: repeat(4, minmax(0, 1fr));--lp-strip-gap: 12px;--lp-strip-item-min-height: 46px;--lp-strip-item-gap: 9px;--lp-strip-item-font-size: 14px;--lp-section-padding-top: 96px;--lp-section-head-width: 740px;--lp-section-eyebrow-margin-bottom: 12px;--lp-section-eyebrow-font-size: 13px;--lp-section-title-font-size: 42px;--lp-section-title-line-height: 1.12;--lp-section-desc-margin-top: 16px;--lp-section-desc-font-size: 16px;--lp-section-desc-line-height: 1.75;--lp-features-columns: repeat(4, minmax(0, 1fr));--lp-features-gap: 14px;--lp-features-margin-top: 34px;--lp-feat-card-min-height: 250px;--lp-feat-card-hover-translate-y: -4px;--lp-feat-icon-margin-bottom: 18px;--lp-feat-title-font-size: 18px;--lp-feat-title-line-height: 1.25;--lp-feat-desc-margin-top: 12px;--lp-feat-desc-font-size: 14px;--lp-feat-desc-line-height: 1.7;--lp-split-columns: minmax(0, .95fr) minmax(0, 1.05fr);--lp-split-columns-reverse: minmax(0, 1.05fr) minmax(0, .95fr);--lp-split-gap: 44px;--lp-step-list-gap: 12px;--lp-step-columns: 46px minmax(0, 1fr);--lp-step-gap: 16px;--lp-step-title-font-size: 18px;--lp-step-text-margin-top: 7px;--lp-step-text-font-size: 14px;--lp-step-text-line-height: 1.7;--lp-api-card-padding: 24px;--lp-api-list-gap: 10px;--lp-api-list-margin-top: 22px;--lp-api-item-gap: 10px;--lp-api-item-min-height: 44px;--lp-api-item-padding-inline: 12px;--lp-api-item-font-size: 14px;--lp-security-columns: minmax(0, .92fr) minmax(0, 1.08fr);--lp-security-gap: 38px;--lp-security-padding: 34px;--lp-security-grid-columns: repeat(2, minmax(0, 1fr));--lp-security-grid-gap: 12px;--lp-security-item-min-height: 148px;--lp-security-item-icon-margin-bottom: 14px;--lp-security-item-title-font-size: 15px;--lp-security-item-title-line-height: 1.3;--lp-security-item-text-margin-top: 8px;--lp-security-item-text-font-size: 13px;--lp-security-item-text-line-height: 1.55;--lp-template-viewport-width: 1000px;--lp-template-viewport-margin-top: 28px;--lp-template-viewport-fade-width: 70px;--lp-template-track-gap: 12px;--lp-template-track-padding: 14px;--lp-template-card-width: 220px;--lp-template-card-min-height: 72px;--lp-template-card-gap: 12px;--lp-template-card-font-size: 14px;--lp-faq-width: 760px;--lp-faq-padding-top: 84px;--lp-faq-head-margin-bottom: 48px;--lp-faq-title-font-size: 34px;--lp-faq-title-line-height: 1.18;--lp-faq-subtitle-margin-top: 14px;--lp-faq-subtitle-font-size: 14px;--lp-faq-subtitle-line-height: 1.6;--lp-faq-list-gap: 12px;--lp-faq-question-min-height: 58px;--lp-faq-question-gap: 24px;--lp-faq-question-padding-inline: 18px;--lp-faq-question-font-size: 15px;--lp-faq-question-line-height: 1.4;--lp-faq-answer-padding-inline: 18px;--lp-faq-answer-padding-bottom-open: 18px;--lp-faq-answer-font-size: 14px;--lp-faq-answer-line-height: 1.7;--lp-faq-contact-gap: 4px;--lp-faq-contact-margin-top: 34px;--lp-faq-contact-font-size: 13px;--lp-faq-contact-line-height: 1.5;--lp-cta-padding-block: 96px;--lp-cta-card-width: 920px;--lp-cta-card-padding: 44px;--lp-cta-eyebrow-margin-bottom: 12px;--lp-cta-eyebrow-font-size: 13px;--lp-cta-title-font-size: 38px;--lp-cta-title-line-height: 1.14;--lp-cta-desc-width: 680px;--lp-cta-desc-margin-top: 16px;--lp-cta-desc-font-size: 16px;--lp-cta-desc-line-height: 1.75;--lp-cta-actions-gap: 12px;--lp-cta-actions-margin-top: 28px;--lp-footer-inner-width: 1320px;--lp-footer-inline-size: min( var(--lp-footer-inner-width), calc(100% - var(--lp-gutter)) );--lp-footer-padding-top: 118px;--lp-footer-padding-bottom: 42px;--lp-footer-top-columns: minmax(260px, 1fr) auto;--lp-footer-top-gap: 96px;--lp-footer-logo-gap: 9px;--lp-footer-logo-font-size: 15px;--lp-footer-logo-image-size: 28px;--lp-footer-tagline-width: 460px;--lp-footer-tagline-margin-top: 24px;--lp-footer-tagline-font-size: 14px;--lp-footer-tagline-line-height: 1.72;--lp-footer-nav-columns: repeat(3, minmax(96px, 1fr));--lp-footer-nav-gap: 58px;--lp-footer-nav-min-width: 360px;--lp-footer-col-title-margin-bottom: 14px;--lp-footer-col-title-font-size: 13px;--lp-footer-links-gap: 12px;--lp-footer-link-gap: 6px;--lp-footer-link-font-size: 13px;--lp-footer-link-line-height: 1.35;--lp-footer-bottom-gap: 18px;--lp-footer-bottom-margin-top: 88px;--lp-footer-bottom-font-size: 12px;--lp-footer-meta-gap: 10px;--lp-footer-records-margin-inline-start: 10px;--lp-bg-base: linear-gradient( 180deg, color-mix(in srgb, var(--ref-info) 24%, var(--lp-bg)) 0, color-mix(in srgb, var(--ref-brand-primary) 18%, var(--lp-bg)) 420px, color-mix(in srgb, var(--ref-info) 10%, var(--lp-bg)) 960px, color-mix(in srgb, var(--color-bg-surface) 84%, var(--lp-bg)) 1420px, color-mix(in srgb, var(--color-bg-page-layer) 92%, var(--lp-bg)) 1960px, var(--lp-bg) 2400px, var(--lp-bg) 100% );--lp-bg-radial: radial-gradient( ellipse at 50% 28%, color-mix(in srgb, var(--ref-brand-secondary) 22%, transparent) 0%, color-mix(in srgb, var(--ref-info) 10%, transparent) 34%, transparent 66% );--lp-bg-sheen: linear-gradient( 90deg, color-mix(in srgb, var(--ref-brand-secondary) 12%, transparent) 0%, color-mix(in srgb, var(--ref-info) 20%, transparent) 47%, color-mix(in srgb, var(--ref-brand-accent) 10%, transparent) 100% );--lp-bg-lower-mist: linear-gradient( 180deg, color-mix(in srgb, var(--lp-bg) 0%, transparent) 0%, color-mix(in srgb, var(--color-bg-surface) 54%, transparent) 45%, var(--lp-bg) 100% ), linear-gradient( 90deg, color-mix(in srgb, var(--ref-info) 4%, transparent) 0%, color-mix(in srgb, var(--ref-brand-primary) 3%, transparent) 44%, color-mix(in srgb, var(--ref-brand-accent) 3%, transparent) 100% );position:relative;height:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;background-color:var(--lp-bg);background-image:var(--lp-bg-radial),var(--lp-bg-sheen),var(--lp-bg-base);background-position:top center,top center,top center;background-repeat:no-repeat;background-size:var(--lp-bg-radial-size),var(--lp-bg-sheen-size),var(--lp-bg-base-size);background-attachment:local,local,local;color:var(--lp-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}.lp-root *,.lp-root *:before,.lp-root *:after{box-sizing:border-box;letter-spacing:0}.lp-root button,.lp-root input,.lp-root textarea{font:inherit}.lp-root a{color:inherit}@keyframes lp-enter-up{0%{opacity:0;transform:var(--lp-enter-up-from-transform)}to{opacity:1;transform:translateY(0)}}@keyframes lp-enter-left{0%{opacity:0;transform:var(--lp-enter-left-from-transform)}to{opacity:1;transform:translate(0)}}@keyframes lp-enter-right{0%{opacity:0;transform:var(--lp-enter-right-from-transform)}to{opacity:1;transform:translate(0)}}@keyframes lp-scale-in{0%{opacity:0;transform:var(--lp-enter-scale-from-transform)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes lp-route-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lp-dot-pulse{0%,to{opacity:1}50%{opacity:var(--lp-pulse-opacity)}}@keyframes lp-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes lp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.lp-reveal,.lp-reveal-left,.lp-reveal-right,.lp-reveal-scale{opacity:0}.lp-reveal{transform:var(--lp-enter-up-from-transform)}.lp-reveal-left{transform:var(--lp-enter-left-from-transform)}.lp-reveal-right{transform:var(--lp-enter-right-from-transform)}.lp-reveal-scale{transform:var(--lp-enter-scale-from-transform)}.lp-reveal.lp-visible{animation:lp-enter-up var(--lp-enter-duration) var(--lp-enter-easing) both}.lp-reveal-left.lp-visible{animation:lp-enter-left var(--lp-enter-duration) var(--lp-enter-easing) both}.lp-reveal-right.lp-visible{animation:lp-enter-right var(--lp-enter-duration) var(--lp-enter-easing) both}.lp-reveal-scale.lp-visible{animation:lp-scale-in var(--lp-enter-duration) var(--lp-enter-easing) both}.lp-hero .lp-reveal,.lp-hero .lp-reveal-scale{opacity:1;transform:none}.lp-hero .lp-reveal.lp-visible,.lp-hero .lp-reveal-scale.lp-visible{animation:none}.lp-delay-1.lp-visible{animation-delay:var(--lp-enter-delay-step)}.lp-delay-2.lp-visible{animation-delay:calc(var(--lp-enter-delay-step) * 2)}.lp-delay-3.lp-visible{animation-delay:calc(var(--lp-enter-delay-step) * 3)}.lp-delay-4.lp-visible{animation-delay:calc(var(--lp-enter-delay-step) * 4)}.lp-delay-5.lp-visible{animation-delay:calc(var(--lp-enter-delay-step) * 5)}.lp-header{position:sticky;top:var(--lp-header-offset-top);z-index:50;width:100%;padding:var(--lp-header-padding-top) var(--lp-header-padding-inline) 0}.lp-header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--lp-header-inner-gap);width:var(--lp-main-inline-size);min-height:var(--lp-header-inner-min-height);margin:0 auto;padding:var(--lp-header-inner-padding-block) var(--lp-header-inner-padding-inline);border:0;border-radius:var(--lp-radius-pill);background:var(--lp-topbar-bg);box-shadow:var(--lp-topbar-shadow);backdrop-filter:blur(var(--lp-header-backdrop-blur)) saturate(var(--lp-header-backdrop-saturate));-webkit-backdrop-filter:blur(var(--lp-header-backdrop-blur)) saturate(var(--lp-header-backdrop-saturate))}.lp-logo{display:inline-flex;min-width:0;align-items:center;gap:var(--lp-logo-gap);text-decoration:none}.lp-logo-img{width:var(--lp-logo-size);height:var(--lp-logo-size);flex:0 0 auto}.lp-logo-name{color:var(--lp-heading);font-size:var(--lp-logo-name-size);font-weight:var(--lp-font-weight-strong);line-height:var(--lp-line-height-tight)}.lp-logo-tagline{margin-top:var(--lp-logo-tagline-margin-top);color:var(--lp-muted);font-size:var(--lp-logo-tagline-size);line-height:var(--lp-line-height-tight);white-space:nowrap}.lp-nav{display:flex;align-items:center;justify-content:center;gap:var(--lp-nav-gap)}.lp-nav-link{position:relative;display:inline-flex;align-items:center;min-height:var(--lp-nav-link-min-height);padding:0 var(--lp-nav-link-padding-inline);border-radius:var(--lp-radius-pill);color:var(--lp-muted);font-size:var(--lp-nav-link-font-size);font-weight:var(--lp-font-weight-supporting);text-decoration:none;transition:color .2s ease,background .2s ease}.lp-nav-link:hover{background:var(--lp-hover-surface);color:var(--lp-heading)}.lp-header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:var(--lp-header-actions-gap);min-width:0}.lp-toolbar-actions{display:inline-flex;align-items:center;gap:var(--lp-toolbar-actions-gap)}.lp-toolbar-button{--btn-text: var(--lp-muted);--btn-hover-bg: var(--lp-hover-surface);--btn-active-bg: var(--lp-hover-surface-strong);--btn-light-bg: var(--lp-hover-surface);min-width:var(--lp-toolbar-button-min-width);height:var(--lp-toolbar-button-height);padding:0 var(--lp-toolbar-button-padding-inline);border-radius:var(--lp-radius-pill);transition:background .2s ease,border-color .2s ease,color .2s ease}.lp-toolbar-button:hover{border-color:var(--lp-line);background:var(--lp-hover-surface);color:var(--lp-heading)}.lp-language-button{min-width:var(--lp-language-button-min-width);padding:0 var(--lp-language-button-padding-inline);font-size:var(--lp-language-button-font-size);font-weight:var(--lp-font-weight-strong)}.lp-btn-login,.lp-btn-register,.lp-btn-cta,.lp-btn-secondary{text-decoration:none}.lp-btn-login{display:inline-flex;min-height:var(--lp-login-button-min-height);align-items:center;justify-content:center;padding:0 var(--lp-login-button-padding-inline);border:var(--lp-divider-width) solid var(--lp-line);border-radius:var(--lp-radius-pill);background:transparent;color:var(--lp-heading);font-size:var(--lp-login-button-font-size);font-weight:var(--lp-font-weight-action-strong);transition:border-color .2s ease,background .2s ease}.lp-btn-login:hover{border-color:var(--lp-line-strong);background:color-mix(in srgb,var(--lp-heading) 5%,transparent)}.lp-btn-register{--btn-bg: var(--lp-contrast-surface);--btn-text: var(--lp-contrast-text);--btn-hover-bg: color-mix( in srgb, var(--lp-contrast-surface) 92%, var(--lp-bg) );--btn-active-bg: color-mix( in srgb, var(--lp-contrast-surface) 88%, var(--lp-bg) );font-weight:var(--lp-font-weight-emphasis);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.lp-btn-register:hover,.lp-btn-cta:hover{transform:translateY(var(--lp-button-hover-translate-y));box-shadow:var(--lp-contrast-shadow)}.lp-user-loading{width:var(--lp-user-loading-width);height:var(--lp-user-loading-height);border-radius:var(--lp-radius-pill);background:var(--lp-skeleton-sheen);background-size:220% 100%;animation:lp-shimmer var(--lp-shimmer-duration) linear infinite}.lp-main{position:relative;z-index:1;width:min(var(--lp-container),calc(100% - var(--lp-gutter)));margin:0 auto}.lp-hero{padding:var(--lp-hero-padding-top) 0 var(--lp-hero-padding-bottom)}.lp-hero-inner{display:flex;flex-direction:column;align-items:center;gap:var(--lp-hero-gap)}.lp-hero-copy{width:min(var(--lp-hero-copy-width),100%);min-width:0;text-align:center}.lp-hero-h1{margin:0 auto;color:var(--lp-heading);width:min(var(--lp-hero-title-width),100%);font-size:var(--lp-hero-title-size);font-weight:var(--lp-font-weight-display);line-height:var(--lp-hero-title-line-height);max-width:100%;overflow-wrap:anywhere;text-wrap:balance}.lp-hero-title-main,.lp-hero-title-main span{display:inline}.lp-hero-h1-gradient{display:block;background:var(--lp-hero-gradient);background-clip:text;color:transparent;-webkit-background-clip:text}.lp-hero-desc{width:min(var(--lp-hero-desc-width),100%);margin:var(--lp-hero-desc-margin-top) auto 0;color:var(--lp-muted);font-size:var(--lp-hero-desc-font-size);line-height:var(--lp-hero-desc-line-height);overflow-wrap:anywhere}.lp-hero-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--lp-hero-actions-gap);margin-top:var(--lp-hero-actions-margin-top)}.lp-btn-cta{--btn-bg: var(--lp-contrast-surface);--btn-text: var(--lp-contrast-text);--btn-hover-bg: color-mix( in srgb, var(--lp-contrast-surface) 92%, var(--lp-bg) );--btn-active-bg: color-mix( in srgb, var(--lp-contrast-surface) 88%, var(--lp-bg) );font-weight:var(--lp-font-weight-strong);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.lp-btn-cta-hint{padding-left:var(--lp-cta-hint-padding-inline-start);border-left:var(--lp-divider-width) solid var(--lp-contrast-border);color:var(--lp-contrast-text-secondary);font-size:var(--lp-cta-hint-font-size);font-weight:var(--lp-font-weight-supporting)}.lp-btn-secondary{--btn-bg: var(--lp-heading);--btn-text: var(--lp-heading);--btn-hover-bg: var(--lp-panel-solid);--btn-active-bg: var(--lp-panel);--btn-border: var(--lp-line);--btn-light-bg: var(--lp-panel);font-weight:var(--lp-font-weight-emphasis);transition:border-color .2s ease,background .2s ease,transform .2s ease}.lp-btn-secondary:hover{border-color:var(--lp-line-strong);background:var(--lp-panel-solid);transform:translateY(var(--lp-button-hover-translate-y))}.lp-console{width:min(var(--lp-console-width),100%);max-width:100%;overflow:hidden}.lp-console-topbar{display:grid;grid-template-columns:var(--lp-console-topbar-columns);align-items:center;gap:var(--lp-console-topbar-gap);min-height:var(--lp-console-topbar-min-height);padding:0 var(--lp-console-topbar-padding-inline);border-bottom:var(--lp-divider-width) solid var(--lp-line)}.lp-window-controls{display:inline-flex;gap:var(--lp-window-controls-gap)}.lp-window-controls span{width:var(--lp-window-control-size);height:var(--lp-window-control-size);border-radius:var(--lp-radius-pill)}.lp-window-controls span:nth-child(1){background:var(--lp-rose)}.lp-window-controls span:nth-child(2){background:var(--lp-amber)}.lp-window-controls span:nth-child(3){background:var(--lp-green)}.lp-console-url{min-width:0;overflow:hidden;color:var(--lp-muted);font-size:var(--lp-console-url-font-size);text-align:center;text-overflow:ellipsis;white-space:nowrap}.lp-console-status{display:inline-flex;align-items:center;gap:var(--lp-console-status-gap);color:var(--lp-green);font-size:var(--lp-console-status-font-size);font-weight:var(--lp-font-weight-strong)}.lp-status-dot{animation:lp-dot-pulse var(--lp-status-pulse-duration) ease-in-out infinite}.lp-console-body{display:grid;grid-template-columns:var(--lp-console-body-columns);min-height:var(--lp-console-body-min-height)}.lp-console-sidebar{padding:var(--lp-console-sidebar-padding-block) var(--lp-console-sidebar-padding-inline);border-right:var(--lp-divider-width) solid var(--lp-line);background:var(--lp-console-sidebar-bg)}.lp-sidebar-title{margin-bottom:var(--lp-console-sidebar-title-margin-bottom);color:var(--lp-muted);font-size:var(--lp-console-sidebar-title-font-size);font-weight:var(--lp-font-weight-strong)}.lp-sidebar-item{display:flex;align-items:center;gap:var(--lp-console-sidebar-item-gap);min-height:var(--lp-console-sidebar-item-min-height);padding:0 var(--lp-console-sidebar-item-padding-inline);color:var(--lp-muted);font-size:var(--lp-console-sidebar-item-font-size);font-weight:var(--lp-font-weight-navigation)}.lp-sidebar-item-dot{opacity:var(--lp-muted-dot-opacity)}.lp-console-main{min-width:0;padding:var(--lp-console-panel-padding)}.lp-console-header-row,.lp-api-card-head,.lp-flow-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--lp-console-header-gap);min-width:0}.lp-console-kicker{margin-bottom:var(--lp-console-kicker-margin-bottom);color:var(--lp-muted);font-size:var(--lp-console-kicker-font-size);font-weight:var(--lp-font-weight-strong)}.lp-console-header-row h2,.lp-api-card-head h3{margin:0;color:var(--lp-heading);font-size:var(--lp-console-heading-size);font-weight:var(--lp-font-weight-bold);line-height:var(--lp-line-height-title);overflow-wrap:anywhere}.lp-icon-button{--btn-bg: var(--lp-heading);--btn-text: var(--lp-heading);--btn-border: var(--lp-line);--btn-hover-bg: var(--lp-panel-solid);--btn-active-bg: var(--lp-soft);--btn-light-bg: var(--lp-panel-solid);width:var(--lp-console-icon-button-size);height:var(--lp-console-icon-button-size);border-radius:var(--lp-radius-pill)}.lp-stat-grid{display:grid;grid-template-columns:var(--lp-console-stat-grid-columns);gap:var(--lp-console-stat-grid-gap);margin-top:var(--lp-console-stat-grid-margin-top)}.lp-stat-card{min-height:var(--lp-console-stat-card-min-height)}.lp-flow-panel{margin-top:var(--lp-console-flow-panel-margin-top);padding:var(--lp-console-flow-panel-padding);overflow:hidden}.lp-flow-panel-head{margin-bottom:var(--lp-console-flow-head-margin-bottom);color:var(--lp-muted);font-size:var(--lp-console-flow-head-font-size);font-weight:var(--lp-font-weight-label);flex-wrap:wrap;overflow-wrap:anywhere}.lp-flow-row{display:grid;grid-template-columns:var(--lp-console-flow-row-columns);align-items:center;gap:var(--lp-console-flow-row-gap);padding:var(--lp-console-flow-row-padding-block) 0;border-top:var(--lp-divider-width) solid var(--lp-line)}.lp-flow-row:first-of-type{border-top:0}.lp-flow-meta{min-width:0}.lp-flow-meta span{display:block;overflow:hidden;color:var(--lp-heading);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--lp-console-flow-meta-font-size);font-weight:var(--lp-font-weight-code);text-overflow:ellipsis;white-space:nowrap}.lp-flow-meta small{display:block;margin-top:var(--lp-console-flow-meta-sub-margin-top);color:var(--lp-muted);font-size:var(--lp-console-flow-meta-sub-font-size)}.lp-flow-track{height:var(--lp-console-flow-track-height);overflow:hidden;border-radius:var(--lp-radius-pill);background:var(--lp-hover-surface-strong)}.lp-flow-fill{border-radius:inherit;background:linear-gradient(90deg,var(--lp-blue),var(--lp-green));transform-origin:left;animation:lp-route-fill var(--lp-route-fill-duration) var(--lp-enter-easing) both}.lp-code-panel{min-width:0;padding:var(--lp-console-panel-padding);border-left:var(--lp-divider-width) solid var(--lp-line);background:var(--lp-code-bg);color:var(--lp-code-text)}.lp-code-title{display:flex;align-items:center;gap:var(--lp-console-code-title-gap);margin-bottom:var(--lp-console-code-title-margin-bottom);color:var(--lp-code-accent);font-size:var(--lp-console-code-title-font-size);font-weight:var(--lp-font-weight-strong)}.lp-code-panel pre{margin:0;overflow:auto;color:var(--lp-code-text);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:var(--lp-console-code-font-size);line-height:var(--lp-console-code-line-height);white-space:pre-wrap}.lp-output-preview{display:grid;gap:var(--lp-console-output-preview-gap);margin-top:var(--lp-console-output-preview-margin-top)}.lp-output-line{display:flex;align-items:center;gap:var(--lp-console-output-line-gap);min-height:var(--lp-console-output-line-min-height);padding:0 var(--lp-console-output-line-padding-inline);border:var(--lp-output-line-border-width) solid var(--lp-output-line-border);border-radius:var(--lp-radius-control);background:var(--lp-output-line-bg);color:var(--lp-output-line-text);font-size:var(--lp-console-output-line-font-size)}.lp-output-line.success{color:var(--lp-output-line-success)}.lp-strip{display:grid;grid-template-columns:var(--lp-strip-columns);gap:var(--lp-strip-gap);margin:0 auto;padding:0}.lp-strip-item{display:flex;min-height:var(--lp-strip-item-min-height);align-items:center;justify-content:center;gap:var(--lp-strip-item-gap);color:var(--lp-heading);font-size:var(--lp-strip-item-font-size);font-weight:var(--lp-font-weight-emphasis);text-align:center}.lp-strip-item svg{color:var(--lp-green)}.lp-section{padding:var(--lp-section-padding-top) 0 0}.lp-section-head{width:min(var(--lp-section-head-width),100%)}.lp-section-head.lp-reveal,.lp-template-section .lp-section-head{margin-right:auto;margin-left:auto;text-align:center}.lp-eyebrow{margin-bottom:var(--lp-section-eyebrow-margin-bottom);color:var(--lp-blue);font-size:var(--lp-section-eyebrow-font-size);font-weight:var(--lp-font-weight-bold);line-height:var(--lp-line-height-title)}.lp-section-h2{margin:0;color:var(--lp-heading);font-size:var(--lp-section-title-font-size);font-weight:var(--lp-font-weight-display);line-height:var(--lp-section-title-line-height)}.lp-section-desc{margin:var(--lp-section-desc-margin-top) 0 0;color:var(--lp-muted);font-size:var(--lp-section-desc-font-size);line-height:var(--lp-section-desc-line-height)}.lp-features-grid{display:grid;grid-template-columns:var(--lp-features-columns);gap:var(--lp-features-gap);margin-top:var(--lp-features-margin-top)}.lp-feat-card{min-height:var(--lp-feat-card-min-height);transition:transform var(--lp-hover-duration) var(--fh-ease-standard)}.lp-feat-card:hover{transform:translateY(var(--lp-feat-card-hover-translate-y))}.lp-feat-icon{margin-bottom:var(--lp-feat-icon-margin-bottom)}.lp-feat-title{margin:0;color:var(--lp-heading);font-size:var(--lp-feat-title-font-size);font-weight:var(--lp-font-weight-bold);line-height:var(--lp-feat-title-line-height)}.lp-feat-desc{margin:var(--lp-feat-desc-margin-top) 0 0;color:var(--lp-muted);font-size:var(--lp-feat-desc-font-size);line-height:var(--lp-feat-desc-line-height)}.lp-split{display:grid;grid-template-columns:var(--lp-split-columns);align-items:center;gap:var(--lp-split-gap)}.lp-split.reverse{grid-template-columns:var(--lp-split-columns-reverse)}.lp-step-list{display:grid;gap:var(--lp-step-list-gap)}.lp-step{display:grid;grid-template-columns:var(--lp-step-columns);gap:var(--lp-step-gap)}.lp-step-icon{align-self:start}.lp-step h3{margin:0;color:var(--lp-heading);font-size:var(--lp-step-title-font-size);font-weight:var(--lp-font-weight-bold)}.lp-step p{margin:var(--lp-step-text-margin-top) 0 0;color:var(--lp-muted);font-size:var(--lp-step-text-font-size);line-height:var(--lp-step-text-line-height)}.lp-api-card{min-width:0;padding:var(--lp-api-card-padding)}.lp-api-badge{font-weight:var(--lp-font-weight-bold)}.lp-api-list{display:grid;gap:var(--lp-api-list-gap);margin-top:var(--lp-api-list-margin-top)}.lp-api-item{display:flex;align-items:center;gap:var(--lp-api-item-gap);min-height:var(--lp-api-item-min-height);padding:0 var(--lp-api-item-padding-inline);color:var(--lp-heading);font-size:var(--lp-api-item-font-size);font-weight:var(--lp-font-weight-item)}.lp-api-item svg{flex:0 0 auto;color:var(--lp-green)}.lp-security-panel{display:grid;grid-template-columns:var(--lp-security-columns);align-items:center;gap:var(--lp-security-gap);padding:var(--lp-security-padding);background-image:var(--lp-security-gradient)}.lp-security-grid{display:grid;grid-template-columns:var(--lp-security-grid-columns);gap:var(--lp-security-grid-gap)}.lp-security-item{min-height:var(--lp-security-item-min-height)}.lp-security-item svg{margin-bottom:var(--lp-security-item-icon-margin-bottom);color:var(--lp-blue)}.lp-security-item strong,.lp-security-item span{display:block}.lp-security-item strong{color:var(--lp-heading);font-size:var(--lp-security-item-title-font-size);line-height:var(--lp-security-item-title-line-height)}.lp-security-item span{margin-top:var(--lp-security-item-text-margin-top);color:var(--lp-muted);font-size:var(--lp-security-item-text-font-size);line-height:var(--lp-security-item-text-line-height)}.lp-template-section{overflow:hidden}.lp-template-viewport{position:relative;width:min(var(--lp-template-viewport-width),100%);margin:var(--lp-template-viewport-margin-top) auto 0;overflow:hidden;border:var(--lp-divider-width) solid var(--lp-line);border-radius:var(--lp-radius-control);background:var(--lp-panel);box-shadow:var(--lp-shadow-soft)}.lp-template-viewport:before,.lp-template-viewport:after{content:"";position:absolute;top:0;bottom:0;z-index:1;width:var(--lp-template-viewport-fade-width);pointer-events:none}.lp-template-viewport:before{left:0;background:linear-gradient(90deg,var(--lp-panel-solid),transparent)}.lp-template-viewport:after{right:0;background:linear-gradient(270deg,var(--lp-panel-solid),transparent)}.lp-template-track{display:flex;width:-moz-max-content;width:max-content;gap:var(--lp-template-track-gap);padding:var(--lp-template-track-padding);animation:lp-marquee var(--lp-marquee-duration) linear infinite}.lp-template-viewport:hover .lp-template-track{animation-play-state:paused}.lp-template-card{display:inline-flex;width:var(--lp-template-card-width);min-height:var(--lp-template-card-min-height);align-items:center;gap:var(--lp-template-card-gap);color:var(--lp-heading);font-size:var(--lp-template-card-font-size);font-weight:var(--lp-font-weight-strong);white-space:nowrap}.lp-template-card svg{flex:0 0 auto;color:var(--lp-blue)}.lp-faq{display:block;width:min(var(--lp-faq-width),100%);margin:0 auto;padding-top:var(--lp-faq-padding-top);color:var(--lp-heading);text-align:center}.lp-faq-head{margin:0 auto var(--lp-faq-head-margin-bottom)}.lp-faq-head h2{margin:0;color:var(--lp-heading);font-size:var(--lp-faq-title-font-size);font-weight:var(--lp-font-weight-subtle);line-height:var(--lp-faq-title-line-height)}.lp-faq-head p{margin:var(--lp-faq-subtitle-margin-top) 0 0;color:var(--lp-muted);font-size:var(--lp-faq-subtitle-font-size);line-height:var(--lp-faq-subtitle-line-height)}.lp-faq-list{display:grid;gap:var(--lp-faq-list-gap);text-align:left}.lp-faq-item{overflow:hidden}.lp-faq-question{min-height:var(--lp-faq-question-min-height);gap:var(--lp-faq-question-gap);padding:0 var(--lp-faq-question-padding-inline);color:var(--lp-heading);font-size:var(--lp-faq-question-font-size);font-weight:var(--lp-font-weight-question);line-height:var(--lp-faq-question-line-height);transition:color var(--lp-hover-duration) var(--fh-ease-standard)}.lp-faq-question:hover{color:var(--lp-blue)}.lp-faq-question svg{flex:0 0 auto;color:var(--lp-muted);transition:color .2s ease,transform .2s ease}.lp-faq-item.open .lp-faq-question svg{color:var(--lp-blue);transform:rotate(180deg)}.lp-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--lp-disclosure-duration) var(--fh-ease-standard)}.lp-faq-item.open .lp-faq-answer{grid-template-rows:1fr}.lp-faq-answer p{min-height:0;margin:0;overflow:hidden;padding:0 var(--lp-faq-answer-padding-inline);color:var(--lp-muted);font-size:var(--lp-faq-answer-font-size);line-height:var(--lp-faq-answer-line-height)}.lp-faq-item.open .lp-faq-answer p{padding-bottom:var(--lp-faq-answer-padding-bottom-open)}.lp-faq-contact{display:inline-flex;align-items:center;justify-content:center;gap:var(--lp-faq-contact-gap);margin-top:var(--lp-faq-contact-margin-top);color:var(--lp-muted);font-size:var(--lp-faq-contact-font-size);line-height:var(--lp-faq-contact-line-height)}.lp-faq-contact-button{--btn-bg: var(--lp-cyan);--btn-light-bg: transparent;min-height:auto;padding:0;font-weight:var(--lp-font-weight-action)}.lp-faq-contact-button:hover{color:var(--lp-blue)}.lp-cta{padding:var(--lp-cta-padding-block) 0}.lp-cta-card{width:min(var(--lp-cta-card-width),100%);margin:0 auto;padding:var(--lp-cta-card-padding);text-align:center}.lp-cta-eyebrow{margin-bottom:var(--lp-cta-eyebrow-margin-bottom);color:var(--lp-green);font-size:var(--lp-cta-eyebrow-font-size);font-weight:var(--lp-font-weight-bold)}.lp-cta-h2{margin:0;color:var(--lp-heading);font-size:var(--lp-cta-title-font-size);font-weight:var(--lp-font-weight-display);line-height:var(--lp-cta-title-line-height)}.lp-cta-desc{width:min(var(--lp-cta-desc-width),100%);margin:var(--lp-cta-desc-margin-top) auto 0;color:var(--lp-muted);font-size:var(--lp-cta-desc-font-size);line-height:var(--lp-cta-desc-line-height)}.lp-cta-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--lp-cta-actions-gap);margin-top:var(--lp-cta-actions-margin-top)}.lp-footer{position:relative;z-index:1;background:transparent}:root[data-theme=dark] .lp-footer{background:transparent}.lp-footer-inner{width:var(--lp-footer-inline-size);margin:0 auto;padding:var(--lp-footer-padding-top) 0 var(--lp-footer-padding-bottom)}.lp-footer-top{display:grid;grid-template-columns:var(--lp-footer-top-columns);gap:var(--lp-footer-top-gap);align-items:start}.lp-footer-logo{display:inline-flex;align-items:center;gap:var(--lp-footer-logo-gap);color:var(--lp-muted);font-size:var(--lp-footer-logo-font-size);font-weight:var(--lp-font-weight-strong)}.lp-footer-logo img{width:var(--lp-footer-logo-image-size);height:var(--lp-footer-logo-image-size);filter:grayscale(1);opacity:var(--lp-footer-logo-opacity)}.lp-footer-tagline{width:min(var(--lp-footer-tagline-width),100%);margin:var(--lp-footer-tagline-margin-top) 0 0;color:var(--lp-muted);font-size:var(--lp-footer-tagline-font-size);line-height:var(--lp-footer-tagline-line-height)}.lp-footer-nav{display:grid;grid-template-columns:var(--lp-footer-nav-columns);gap:var(--lp-footer-nav-gap);min-width:var(--lp-footer-nav-min-width)}.lp-footer-col-title{margin-bottom:var(--lp-footer-col-title-margin-bottom);color:var(--lp-muted);font-size:var(--lp-footer-col-title-font-size);font-weight:var(--lp-font-weight-emphasis)}.lp-footer-links{display:grid;gap:var(--lp-footer-links-gap);margin:0;padding:0;list-style:none}.lp-footer-link{display:inline-flex;align-items:center;gap:var(--lp-footer-link-gap);color:var(--lp-muted);font-size:var(--lp-footer-link-font-size);line-height:var(--lp-footer-link-line-height);text-decoration:none;transition:color var(--lp-hover-duration) var(--fh-ease-standard)}.lp-footer-link:hover{color:var(--lp-heading)}.lp-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--lp-footer-bottom-gap);margin-top:var(--lp-footer-bottom-margin-top);color:var(--lp-muted-subtle);font-size:var(--lp-footer-bottom-font-size);font-weight:var(--lp-font-weight-supporting)}.lp-footer-copy,.lp-footer-records,.lp-footer-social{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--lp-footer-meta-gap)}.lp-footer-records{margin-left:var(--lp-footer-records-margin-inline-start)}.lp-footer-legal-link{color:var(--lp-muted-subtle);text-decoration:none}.lp-footer-legal-link:hover{color:var(--lp-heading)}.lp-footer-social{justify-content:flex-end}.lp-footer-top-button,.lp-footer-social a{padding:0;color:var(--lp-muted);text-decoration:none}.lp-footer-top-button:hover,.lp-footer-social a:hover{color:var(--lp-heading)}.lp-footer-social span{color:var(--lp-muted-subtle)}@media(max-width:1100px){.lp-root{--lp-console-body-columns: 170px minmax(0, 1fr);--lp-features-columns: repeat(2, minmax(0, 1fr));--lp-footer-nav-min-width: 0}.lp-code-panel{grid-column:1 / -1;border-top:var(--lp-output-line-border-width) solid var(--lp-output-line-border);border-left:0}}@media(max-width:860px){.lp-root{--lp-main-inline-size: min(100% - 18px, var(--lp-container));--lp-footer-inline-size: min(100% - 18px, var(--lp-footer-inner-width));--lp-enter-left-from-transform: var(--lp-enter-up-from-transform);--lp-enter-right-from-transform: var(--lp-enter-up-from-transform);--lp-header-offset-top: 8px;--lp-header-padding-top: 8px;--lp-header-padding-inline: 8px;--lp-hero-padding-bottom: 44px;--lp-hero-title-size: 48px;--lp-split-columns: 1fr;--lp-split-columns-reverse: 1fr;--lp-security-columns: 1fr;--lp-strip-columns: repeat(2, minmax(0, 1fr));--lp-faq-width: 100%;--lp-footer-padding-top: 82px;--lp-footer-top-columns: 1fr;--lp-footer-top-gap: 44px}.lp-header-inner{width:100%;grid-template-columns:auto auto;border-radius:var(--lp-radius-control)}.lp-nav{display:none}.lp-reveal-left.lp-visible,.lp-reveal-right.lp-visible{animation:lp-enter-up var(--lp-enter-duration) var(--lp-enter-easing) both}.lp-console-body,.lp-faq{grid-template-columns:1fr}.lp-console-sidebar{display:none}}@media(max-width:620px){.lp-root{--lp-header-inner-gap: 10px;--lp-header-inner-padding-block: 8px;--lp-header-inner-padding-inline: 8px;--lp-header-actions-gap: 6px;--lp-toolbar-actions-gap: 4px;--lp-toolbar-button-min-width: 36px;--lp-toolbar-button-height: 36px;--lp-toolbar-button-padding-inline: 9px;--lp-language-button-min-width: 44px;--lp-hero-title-width: 330px;--lp-hero-title-size: 31px;--lp-hero-title-line-height: 1.12;--lp-hero-desc-font-size: 15px;--lp-hero-desc-line-height: 1.72;--lp-console-topbar-columns: auto minmax(0, 1fr);--lp-features-columns: 1fr;--lp-security-grid-columns: 1fr;--lp-strip-columns: 1fr;--lp-console-flow-row-columns: 1fr;--lp-console-flow-row-gap: 8px;--lp-console-stat-grid-columns: 1fr;--lp-section-padding-top: 72px;--lp-section-title-font-size: 30px;--lp-console-panel-padding: 20px;--lp-api-card-padding: 20px;--lp-security-padding: 20px;--lp-footer-nav-columns: 1fr;--lp-footer-nav-gap: 28px;--lp-footer-bottom-margin-top: 52px;--lp-cta-title-font-size: 30px;--lp-cta-card-padding: 20px}.lp-logo-tagline,.lp-btn-login,.lp-console-status{display:none}.lp-header-inner{grid-template-columns:minmax(0,1fr) auto}.lp-btn-register{min-height:var(--lp-register-button-min-height-compact);padding:0 var(--lp-register-button-padding-inline-compact);font-size:var(--lp-register-button-font-size-compact)}.lp-hero-title-main,.lp-hero-title-main span{display:block}.lp-hero-actions,.lp-cta-actions{width:100%;align-items:stretch;flex-direction:column}.lp-btn-cta,.lp-btn-secondary{width:100%}.lp-btn-cta-hint{display:none}.lp-footer-bottom{align-items:flex-start;flex-direction:column}.lp-footer-copy,.lp-footer-social{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){.lp-reveal,.lp-reveal-left,.lp-reveal-right,.lp-reveal-scale{opacity:1;transform:none}.lp-reveal.lp-visible,.lp-reveal-left.lp-visible,.lp-reveal-right.lp-visible,.lp-reveal-scale.lp-visible,.lp-status-dot,.lp-flow-fill,.lp-template-track,.lp-user-loading{animation:none}.lp-nav-link,.lp-toolbar-button,.lp-btn-login,.lp-btn-register,.lp-btn-cta,.lp-btn-secondary,.lp-feat-card,.lp-faq-question,.lp-faq-question svg,.lp-faq-answer,.lp-footer-link{transition-duration:var(--fh-duration-reduced)}}.form-label{display:block;color:var(--color-text-heading);font-size:var(--fh-font-size-md);line-height:var(--fh-space-5);font-weight:var(--fh-font-weight-medium)}.form-label-compact{font-size:var(--fh-font-size-sm);line-height:var(--fh-line-height-compact)}.form-label-secondary{color:var(--color-text-secondary)}.form-label-required{color:var(--ref-error)}.form-description{color:var(--color-text-tertiary);font-size:var(--fh-font-size-sm)}.form-group-title{color:var(--color-text-heading)}.form-group-description{color:var(--color-text-tertiary)}.form-group-header{display:flex;align-items:center;justify-content:space-between;padding:calc(var(--fh-space-2) + var(--fh-space-1) / 2) var(--fh-space-4)}.form-group-header__label{display:inline-flex;align-items:center;gap:var(--fh-space-2)}.form-group-header__icon,.form-group-header__action{flex-shrink:0}.form-group-header__icon{display:inline-flex}.form-actions{display:flex;align-items:center;gap:var(--fh-space-3);padding-top:var(--fh-space-4)}.form-actions-align-left{justify-content:flex-start}.form-actions-align-center{justify-content:center}.form-actions-align-right{justify-content:flex-end}.form-input-button-group{display:flex;gap:var(--fh-space-2)}.form-input-button-group-full{width:100%}.control-verification-code{display:flex;gap:var(--fh-space-2)}.control-verification-code-cell{width:calc(var(--fh-space-6) * 2);height:calc(var(--fh-space-6) * 2);padding:0;text-align:center}.control-verification-code-cell-focused{z-index:10}.field-message{display:flex;align-items:flex-start;gap:calc(var(--fh-space-1) + var(--fh-space-1) / 2);color:var(--color-text-tertiary);font-size:var(--fh-font-size-sm)}.field-message-icon{width:var(--fh-font-size-md);height:var(--fh-font-size-md);flex-shrink:0;margin-top:calc(var(--fh-space-1) * .5)}.field-message-error{color:var(--ref-error)}.field-message-info{color:var(--ref-info)}.field-message-success{color:var(--ref-success)}.form-field-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fh-space-3) var(--fh-space-6);padding:var(--fh-space-4)}.form-field-row__body{flex:999 1 var(--fh-form-row-body-basis);min-width:min(100%,var(--fh-form-row-body-basis))}.form-field-row__control{display:flex;flex:0 1 auto;min-width:0;max-width:100%;margin-left:auto;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--fh-space-2)}.form-field-row__control>*{max-width:100%}.form-field-row__control:has(.surface-field),.form-field-row__control:has(select),.form-field-row__control:has(textarea),.form-field-row__control:has(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file])),.form-field-row__control:has([role=combobox]),.form-field-row__control:has([data-form-row-control=wide]){flex:1 1 var(--fh-form-row-control-basis);width:min(100%,var(--fh-form-row-control-max-width));max-width:var(--fh-form-row-control-max-width);align-items:stretch}.form-field-row__details{flex:1 0 100%;min-width:0}.form-field-row--stacked{flex-direction:column;align-items:stretch}.form-field-row--stacked .form-field-row__body{flex:0 1 auto;width:100%;min-width:0}.form-field-row--stacked .form-field-row__control{flex:0 1 auto;width:min(100%,var(--fh-form-row-control-max-width));max-width:var(--fh-form-row-control-max-width);margin-left:0;align-self:flex-start;align-items:stretch}.form-field-row--stacked .form-field-row__control:has(.surface-field),.form-field-row--stacked .form-field-row__control:has(select),.form-field-row--stacked .form-field-row__control:has(textarea),.form-field-row--stacked .form-field-row__control:has(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file])),.form-field-row--stacked .form-field-row__control:has([role=combobox]),.form-field-row--stacked .form-field-row__control:has([data-form-row-control=wide]){flex:0 1 auto;width:min(100%,var(--fh-form-row-control-max-width));max-width:var(--fh-form-row-control-max-width);margin-left:0;align-items:stretch}@media(max-width:639.98px){.form-field-row{align-items:stretch;gap:var(--fh-space-3)}.form-field-row__body,.form-field-row__control,.form-field-row__control:has(.surface-field),.form-field-row__control:has(select),.form-field-row__control:has(textarea),.form-field-row__control:has(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file])),.form-field-row__control:has([role=combobox]),.form-field-row__control:has([data-form-row-control=wide]){flex-basis:100%;width:100%;max-width:100%;margin-left:0}.form-field-row__control{align-items:flex-end}.form-field-row__control:has(.surface-field),.form-field-row__control:has(select),.form-field-row__control:has(textarea),.form-field-row__control:has(input:not([type=checkbox]):not([type=radio]):not([type=hidden]):not([type=file])),.form-field-row__control:has([role=combobox]),.form-field-row__control:has([data-form-row-control=wide]){align-items:stretch}}:root{--fh-smoked-bg: color-mix(in srgb, var(--color-bg-surface) 70%, transparent);--fh-smoked-border: color-mix(in srgb, var(--ref-neutral-0) 55%, transparent);--fh-smoked-shadow: 0 18px 60px color-mix(in srgb, var(--ref-neutral-1000) 12%, transparent);--fh-smoked-noise-opacity: .04;--fh-smoked-blur: 16px;--fh-smoked-saturate: 1.2;--fh-smoked-bg-low: color-mix( in srgb, var(--color-bg-surface) 85%, transparent );--fh-smoked-bg-high: color-mix( in srgb, var(--color-bg-surface) 40%, transparent );--fh-smoked-glow-start: color-mix( in srgb, var(--ref-neutral-0) 65%, transparent );--fh-smoked-glow-end: transparent}:root[data-theme=dark]{--fh-smoked-bg: color-mix(in srgb, var(--color-bg-surface) 65%, transparent);--fh-smoked-border: color-mix( in srgb, var(--ref-neutral-1000) 12%, transparent );--fh-smoked-shadow: 0 18px 60px color-mix(in srgb, var(--ref-neutral-0) 35%, transparent);--fh-smoked-bg-low: color-mix( in srgb, var(--color-bg-surface) 85%, transparent );--fh-smoked-bg-high: color-mix( in srgb, var(--color-bg-surface) 35%, transparent );--fh-smoked-glow-start: color-mix( in srgb, var(--ref-neutral-1000) 8%, transparent )}.smoked-glass-card{--fh-smoked-blur: 3px;--fh-smoked-saturate: 1.15;border-radius:var(--fh-radius-4);background:var(--fh-smoked-bg);backdrop-filter:blur(var(--fh-smoked-blur)) saturate(var(--fh-smoked-saturate));-webkit-backdrop-filter:blur(var(--fh-smoked-blur)) saturate(var(--fh-smoked-saturate));border:var(--fh-border-width-1) solid var(--fh-smoked-border);box-shadow:var(--fh-smoked-shadow)}.smoked-glass-card.smoked-opacity-low{--fh-smoked-bg: var(--fh-smoked-bg-low)}.smoked-glass-card.smoked-opacity-high{--fh-smoked-bg: var(--fh-smoked-bg-high)}:root[data-theme=dark] .smoked-glass-card.smoked-opacity-low{--fh-smoked-bg: var(--fh-smoked-bg-low)}:root[data-theme=dark] .smoked-glass-card.smoked-opacity-high{--fh-smoked-bg: var(--fh-smoked-bg-high)}.smoked-glass-card.smoked-blur-none,.smoked-glass-card-full.smoked-blur-none{backdrop-filter:blur(0px) saturate(1)!important;-webkit-backdrop-filter:blur(0px) saturate(1)!important}.smoked-glass-card.smoked-blur-light,.smoked-glass-card-full.smoked-blur-light{backdrop-filter:blur(2px) saturate(1.05)!important;-webkit-backdrop-filter:blur(3px) saturate(1.05)!important}.smoked-glass-card.smoked-blur-heavy,.smoked-glass-card-full.smoked-blur-heavy{backdrop-filter:blur(5px) saturate(1.3)!important;-webkit-backdrop-filter:blur(20px) saturate(1.3)!important}.smoked-glass-card.smoked-blur-extreme,.smoked-glass-card-full.smoked-blur-extreme{backdrop-filter:blur(10px) saturate(1.5)!important;-webkit-backdrop-filter:blur(50px) saturate(1.5)!important}.smoked-glass-card-full{--fh-smoked-blur: 8px;--fh-smoked-saturate: 1.15;border-radius:var(--fh-radius-4);background:var(--fh-smoked-bg);backdrop-filter:blur(var(--fh-smoked-blur)) saturate(var(--fh-smoked-saturate));-webkit-backdrop-filter:blur(var(--fh-smoked-blur)) saturate(var(--fh-smoked-saturate));border:var(--fh-border-width-1) solid var(--fh-smoked-border);box-shadow:var(--fh-smoked-shadow);position:relative;overflow:hidden}.smoked-glass-card-full:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:var(--fh-smoked-noise-opacity);pointer-events:none;mix-blend-mode:overlay;border-radius:inherit}.smoked-glass-card-full:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 20% 0%,var(--fh-smoked-glow-start) 0%,var(--fh-smoked-glow-end) 55%);pointer-events:none;z-index:0}:root[data-theme=dark] .smoked-glass-card-full:before{background:radial-gradient(circle at 20% 0%,var(--fh-smoked-glow-start) 0%,var(--fh-smoked-glow-end) 55%)}.smoked-glass-card-full>*{position:relative;z-index:1}.smoked-glass-card-full.smoked-noise-none:after{display:none}.smoked-glass-card-full.smoked-noise-light{--fh-smoked-noise-opacity: .03}.smoked-glass-card-full.smoked-noise-heavy{--fh-smoked-noise-opacity: .12}.smoked-glass-card-full.smoked-noise-extreme{--fh-smoked-noise-opacity: .25}.smoked-glass-card-full.smoked-glow-none:before{display:none}.smoked-glass-card-full.smoked-opacity-low{--fh-smoked-bg: var(--fh-smoked-bg-low)}.smoked-glass-card-full.smoked-opacity-high{--fh-smoked-bg: var(--fh-smoked-bg-high)}:root[data-theme=dark] .smoked-glass-card-full.smoked-opacity-low{--fh-smoked-bg: var(--fh-smoked-bg-low)}:root[data-theme=dark] .smoked-glass-card-full.smoked-opacity-high{--fh-smoked-bg: var(--fh-smoked-bg-high)}:root{--fh-glossy-bg: color-mix(in srgb, var(--color-bg-surface) 92%, transparent);--fh-glossy-border: color-mix(in srgb, var(--ref-neutral-0) 75%, transparent);--fh-glossy-shadow: 0 10px 28px color-mix(in srgb, var(--ref-neutral-1000) 16%, transparent);--fh-glossy-noise-opacity: .02;--fh-glossy-highlight: linear-gradient( 135deg, color-mix(in srgb, var(--ref-neutral-0) 85%, transparent) 0%, color-mix(in srgb, var(--ref-neutral-0) 25%, transparent) 35%, transparent 60% );--fh-glossy-inset-highlight: color-mix( in srgb, var(--ref-neutral-0) 70%, transparent );--fh-glossy-hover-shadow: 0 14px 34px color-mix(in srgb, var(--ref-neutral-1000) 18%, transparent);--fh-glossy-hover-inset-highlight: color-mix( in srgb, var(--ref-neutral-0) 75%, transparent )}:root[data-theme=dark]{--fh-glossy-bg: color-mix(in srgb, var(--color-bg-surface) 88%, transparent);--fh-glossy-border: color-mix( in srgb, var(--ref-neutral-1000) 18%, transparent );--fh-glossy-shadow: 0 10px 28px color-mix(in srgb, var(--ref-neutral-0) 32%, transparent);--fh-glossy-highlight: linear-gradient( 135deg, color-mix(in srgb, var(--ref-neutral-1000) 15%, transparent) 0%, color-mix(in srgb, var(--ref-neutral-1000) 5%, transparent) 35%, transparent 60% );--fh-glossy-inset-highlight: color-mix( in srgb, var(--ref-neutral-1000) 70%, transparent );--fh-glossy-hover-shadow: 0 14px 34px color-mix(in srgb, var(--ref-neutral-0) 40%, transparent);--fh-glossy-hover-inset-highlight: color-mix( in srgb, var(--ref-neutral-1000) 20%, transparent )}.glossy-card{border-radius:var(--fh-radius-3);background:var(--fh-glossy-bg);border:var(--fh-border-width-1) solid var(--fh-glossy-border);box-shadow:var(--fh-glossy-shadow),inset 0 var(--fh-border-width-1) 0 var(--fh-glossy-inset-highlight);position:relative;overflow:hidden;transition:transform var(--fh-duration-fast) var(--fh-ease-standard),box-shadow var(--fh-duration-fast) var(--fh-ease-standard)}.glossy-card:before{content:"";position:absolute;inset:0;background:var(--fh-glossy-highlight);pointer-events:none;z-index:1;border-radius:inherit}.glossy-card:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:var(--fh-glossy-noise-opacity);pointer-events:none;mix-blend-mode:soft-light;border-radius:inherit}.glossy-card>*{position:relative;z-index:2}.glossy-card:hover{box-shadow:var(--fh-glossy-hover-shadow),inset 0 var(--fh-border-width-1) 0 var(--fh-glossy-hover-inset-highlight)}.glossy-card:active{transform:scale(.98)}:root[data-theme=dark] .glossy-card:hover{box-shadow:var(--fh-glossy-hover-shadow),inset 0 var(--fh-border-width-1) 0 var(--fh-glossy-hover-inset-highlight)}:root{--fh-holo-bg: linear-gradient( 135deg, color-mix(in srgb, var(--color-bg-surface) 90%, transparent) 0%, color-mix(in srgb, var(--color-bg-subtle) 90%, transparent) 100% );--fh-holo-overlay-colors: linear-gradient( 135deg, var(--ref-brand-accent) 0%, var(--ref-brand-primary) 25%, var(--ref-info) 50%, var(--ref-success) 75%, var(--ref-brand-accent) 100% );--fh-holo-overlay-opacity: .3;--fh-holo-fade-duration: .4s}:root[data-theme=dark]{--fh-holo-bg: linear-gradient( 135deg, color-mix(in srgb, var(--color-bg-surface) 90%, transparent) 0%, color-mix(in srgb, var(--color-bg-subtle) 90%, transparent) 100% );--fh-holo-overlay-opacity: .35}@keyframes holographic{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.holographic-card{--holo-duration: 8s;border-radius:var(--fh-radius-3);background:var(--fh-holo-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;overflow:hidden}.holographic-card:before{content:"";position:absolute;inset:0;background:var(--fh-holo-overlay-colors);background-size:400% 400%;animation:holographic var(--holo-duration) ease infinite;opacity:var(--fh-holo-overlay-opacity);pointer-events:none;border-radius:inherit;transition:opacity var(--fh-holo-fade-duration) var(--fh-ease-standard)}.holographic-card>*{position:relative;z-index:1}.holographic-card:hover:before{opacity:calc(var(--fh-holo-overlay-opacity) + .15)}:root{--fh-gradient-border-bg: var(--color-bg-surface);--fh-gradient-border-width: 2px;--fh-gradient-border-animation-duration: 6s;--fh-gradient-border-colors: linear-gradient( 135deg, var(--ref-brand-accent) 0%, var(--ref-brand-primary) 50%, var(--ref-info) 100% );--fh-gradient-border-hover-colors: linear-gradient( 135deg, color-mix(in srgb, var(--ref-brand-accent) 72%, var(--ref-neutral-0)) 0%, color-mix(in srgb, var(--ref-brand-primary) 72%, var(--ref-neutral-0)) 50%, color-mix(in srgb, var(--ref-info) 72%, var(--ref-neutral-0)) 100% );--fh-gradient-border-animated-colors: linear-gradient( 135deg, var(--ref-brand-accent) 0%, var(--ref-brand-primary) 25%, var(--ref-info) 50%, var(--ref-success) 75%, var(--ref-brand-accent) 100% );--fh-gradient-border-mask-fill: var(--ref-neutral-0)}:root[data-theme=dark]{--fh-gradient-border-bg: var(--color-bg-surface)}.gradient-border-card{position:relative;border-radius:var(--fh-radius-3);background:var(--fh-gradient-border-bg)}.gradient-border-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--fh-gradient-border-width);background:var(--fh-gradient-border-colors);-webkit-mask:linear-gradient(var(--fh-gradient-border-mask-fill) 0 0) content-box,linear-gradient(var(--fh-gradient-border-mask-fill) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gradient-border-card>*{position:relative;z-index:1}.gradient-border-card:hover:before{background:var(--fh-gradient-border-hover-colors)}@keyframes gradient-rotate{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.gradient-border-card-animated{position:relative;border-radius:var(--fh-radius-3);background:var(--fh-gradient-border-bg)}.gradient-border-card-animated:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--fh-gradient-border-width);background:var(--fh-gradient-border-animated-colors);background-size:300% 300%;animation:gradient-rotate var(--fh-gradient-border-animation-duration) var(--fh-ease-standard) infinite;-webkit-mask:linear-gradient(var(--fh-gradient-border-mask-fill) 0 0) content-box,linear-gradient(var(--fh-gradient-border-mask-fill) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.gradient-border-card-animated>*{position:relative;z-index:1}:root{--fh-neumorphic-radius: calc(var(--fh-radius-4) + var(--fh-space-1))}.neumorphism-card{background-color:var(--color-bg-page);border-radius:var(--fh-neumorphic-radius);box-shadow:var(--shadow-neu);transition:box-shadow var(--fh-duration-normal) var(--fh-ease-standard)}.neumorphism-card:hover{box-shadow:var(--shadow-neu-hover)}.neumorphism-card-inset{background-color:var(--color-bg-page);border-radius:var(--fh-neumorphic-radius);box-shadow:var(--shadow-neu-inset)}:root{--fh-frosted-glass-bg: color-mix( in srgb, var(--ref-neutral-0) 15%, transparent );--fh-frosted-glass-border: color-mix( in srgb, var(--ref-neutral-0) 30%, transparent );--fh-frosted-glass-shadow: 0 8px 32px color-mix(in srgb, var(--ref-neutral-1000) 10%, transparent);--fh-frosted-glass-blur: 12px;--fh-frosted-glass-flow-duration: 3s;--fh-frosted-glass-flow-duration-fast: 2s;--fh-frosted-glass-flow-duration-slow: 5s;--fh-frosted-glass-highlight: color-mix( in srgb, var(--ref-neutral-0) 60%, transparent );--fh-frosted-glass-reflection: color-mix( in srgb, var(--ref-neutral-0) 20%, transparent );--fh-frosted-glass-hover-shadow: 0 12px 48px color-mix(in srgb, var(--ref-neutral-1000) 15%, transparent);--fh-frosted-glass-hover-border: color-mix( in srgb, var(--ref-neutral-0) 40%, transparent );--fh-frosted-glass-bg-low: color-mix( in srgb, var(--ref-neutral-0) 25%, transparent );--fh-frosted-glass-bg-high: color-mix( in srgb, var(--ref-neutral-0) 8%, transparent )}:root[data-theme=dark]{--fh-frosted-glass-bg: color-mix( in srgb, var(--ref-neutral-1000) 5%, transparent );--fh-frosted-glass-border: color-mix( in srgb, var(--ref-neutral-1000) 15%, transparent );--fh-frosted-glass-shadow: 0 8px 32px color-mix(in srgb, var(--ref-neutral-0) 40%, transparent);--fh-frosted-glass-highlight: color-mix( in srgb, var(--ref-neutral-1000) 15%, transparent );--fh-frosted-glass-reflection: color-mix( in srgb, var(--ref-neutral-1000) 8%, transparent );--fh-frosted-glass-hover-shadow: 0 12px 48px color-mix(in srgb, var(--ref-neutral-0) 60%, transparent);--fh-frosted-glass-hover-border: color-mix( in srgb, var(--ref-neutral-1000) 25%, transparent );--fh-frosted-glass-bg-low: color-mix( in srgb, var(--ref-neutral-1000) 10%, transparent );--fh-frosted-glass-bg-high: color-mix( in srgb, var(--ref-neutral-1000) 2%, transparent )}.frosted-glass-card{border-radius:var(--fh-radius-4);background:var(--fh-frosted-glass-bg);backdrop-filter:blur(var(--fh-frosted-glass-blur)) saturate(1.8);-webkit-backdrop-filter:blur(var(--fh-frosted-glass-blur)) saturate(1.8);border:var(--fh-border-width-1) solid var(--fh-frosted-glass-border);box-shadow:var(--fh-frosted-glass-shadow);position:relative;overflow:hidden;transition:transform var(--fh-duration-slow) var(--fh-ease-standard),box-shadow var(--fh-duration-slow) var(--fh-ease-standard),border-color var(--fh-duration-slow) var(--fh-ease-standard)}.frosted-glass-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,var(--fh-frosted-glass-highlight) 50%,transparent 100%);animation:frosted-flow var(--fh-frosted-glass-flow-duration) ease-in-out infinite;pointer-events:none}.frosted-glass-card:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,var(--fh-frosted-glass-reflection) 0%,transparent 100%);border-radius:inherit;pointer-events:none}.frosted-glass-card>*{position:relative;z-index:1}.frosted-glass-card:hover{transform:translateY(-2px);box-shadow:var(--fh-frosted-glass-hover-shadow);border-color:var(--fh-frosted-glass-hover-border)}:root[data-theme=dark] .frosted-glass-card:hover{box-shadow:var(--fh-frosted-glass-hover-shadow);border-color:var(--fh-frosted-glass-hover-border)}@keyframes frosted-flow{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}.frosted-glass-card.frosted-opacity-low{--fh-frosted-glass-bg: var(--fh-frosted-glass-bg-low)}.frosted-glass-card.frosted-opacity-high{--fh-frosted-glass-bg: var(--fh-frosted-glass-bg-high)}:root[data-theme=dark] .frosted-glass-card.frosted-opacity-low{--fh-frosted-glass-bg: var(--fh-frosted-glass-bg-low)}:root[data-theme=dark] .frosted-glass-card.frosted-opacity-high{--fh-frosted-glass-bg: var(--fh-frosted-glass-bg-high)}.frosted-glass-card.frosted-blur-light{backdrop-filter:blur(6px) saturate(1.5)!important;-webkit-backdrop-filter:blur(6px) saturate(1.5)!important}.frosted-glass-card.frosted-blur-heavy{backdrop-filter:blur(20px) saturate(2)!important;-webkit-backdrop-filter:blur(20px) saturate(2)!important}.frosted-glass-card.frosted-blur-extreme{backdrop-filter:blur(30px) saturate(2.5)!important;-webkit-backdrop-filter:blur(30px) saturate(2.5)!important}.frosted-glass-card.frosted-flow-fast:before{animation-duration:var(--fh-frosted-glass-flow-duration-fast)}.frosted-glass-card.frosted-flow-slow:before{animation-duration:var(--fh-frosted-glass-flow-duration-slow)}.frosted-glass-card.frosted-flow-none:before{display:none}.frosted-glass-card.frosted-reflection-none:after{display:none}.frosted-glass-card.frosted-reflection-strong:after{height:60%;background:linear-gradient(180deg,var(--fh-frosted-glass-highlight) 0%,transparent 100%)}:root{--fh-metallic-base: linear-gradient( 135deg, color-mix(in srgb, var(--ref-neutral-200) 88%, var(--ref-brand-primary)) 0%, color-mix(in srgb, var(--ref-neutral-300) 82%, var(--ref-brand-primary)) 50%, color-mix(in srgb, var(--ref-neutral-400) 78%, var(--ref-brand-accent)) 100% );--fh-metallic-shadow: 0 15px 50px color-mix(in srgb, var(--ref-static-black) 30%, transparent);--fh-metallic-highlight: color-mix( in srgb, var(--ref-static-white) 100%, transparent );--fh-metallic-dark: color-mix( in srgb, var(--ref-neutral-900) 80%, transparent );--fh-metallic-tint: color-mix( in srgb, var(--ref-brand-accent) 40%, transparent );--fh-metallic-chrome-bright: color-mix( in srgb, var(--ref-static-white) 95%, transparent );--fh-metallic-chrome-mid: color-mix( in srgb, var(--ref-neutral-300) 70%, transparent );--fh-metallic-chrome-dark: color-mix( in srgb, var(--ref-neutral-800) 60%, transparent );--fh-metallic-inset-highlight: color-mix( in srgb, var(--ref-static-white) 50%, transparent );--fh-metallic-inset-shadow: color-mix( in srgb, var(--ref-static-black) 50%, transparent );--fh-metallic-ribbon-tint-faint: color-mix( in srgb, var(--ref-brand-accent) 3%, transparent );--fh-metallic-ribbon-tint-soft: color-mix( in srgb, var(--ref-brand-accent) 10%, transparent );--fh-metallic-ribbon-tint-medium: color-mix( in srgb, var(--ref-brand-accent) 15%, transparent );--fh-metallic-ribbon-light-faint: color-mix( in srgb, var(--ref-static-white) 8%, transparent );--fh-metallic-ribbon-light-soft: color-mix( in srgb, var(--ref-static-white) 25%, transparent );--fh-metallic-reflection-light-faint: color-mix( in srgb, var(--ref-static-white) 10%, transparent );--fh-metallic-reflection-light-soft: color-mix( in srgb, var(--ref-static-white) 40%, transparent );--fh-metallic-reflection-light-strong: color-mix( in srgb, var(--ref-static-white) 90%, transparent );--fh-metallic-high-contrast-highlight: color-mix( in srgb, var(--ref-static-white) 100%, transparent );--fh-metallic-high-contrast-dark: color-mix( in srgb, var(--ref-static-black) 95%, transparent );--fh-metallic-high-contrast-chrome-bright: color-mix( in srgb, var(--ref-static-white) 100%, transparent );--fh-metallic-high-contrast-inset-highlight: color-mix( in srgb, var(--ref-static-white) 100%, transparent );--fh-metallic-high-contrast-inset-dark: color-mix( in srgb, var(--ref-static-black) 90%, transparent );--fh-metallic-high-contrast-inset-highlight-soft: color-mix( in srgb, var(--ref-static-white) 80%, transparent );--fh-metallic-high-contrast-inset-dark-soft: color-mix( in srgb, var(--ref-static-black) 80%, transparent );--fh-metallic-gloss-light-soft: color-mix( in srgb, var(--ref-static-white) 20%, transparent );--fh-metallic-gloss-light-medium: color-mix( in srgb, var(--ref-static-white) 60%, transparent );--fh-metallic-gloss-light-strong: color-mix( in srgb, var(--ref-static-white) 100%, transparent );--fh-metallic-flow-duration: 12s;--fh-metallic-reflection-duration: 10s;--fh-metallic-chromatic-flow-duration: 18s;--fh-metallic-chromatic-shift-duration: 10s;--fh-metallic-liquid-flow-duration: 15s;--fh-metallic-ripple-duration: 12s;--fh-metallic-gloss-reflection-duration: 12s;--fh-metallic-gloss-pulse-duration: 6s;--fh-metallic-fast-flow-duration: 6s;--fh-metallic-fast-reflection-duration: 5s;--fh-metallic-slow-flow-duration: 20s;--fh-metallic-slow-reflection-duration: 16s}:root[data-theme=dark]{--fh-metallic-base: linear-gradient( 135deg, color-mix(in srgb, var(--ref-neutral-700) 78%, var(--ref-brand-primary)) 0%, color-mix(in srgb, var(--ref-neutral-800) 84%, var(--ref-brand-primary)) 50%, color-mix(in srgb, var(--ref-neutral-900) 88%, var(--ref-brand-accent)) 100% );--fh-metallic-shadow: 0 15px 50px color-mix(in srgb, var(--ref-static-black) 70%, transparent);--fh-metallic-highlight: color-mix( in srgb, var(--ref-static-white) 40%, transparent );--fh-metallic-dark: color-mix( in srgb, var(--ref-static-black) 90%, transparent );--fh-metallic-tint: color-mix( in srgb, var(--ref-brand-accent) 30%, transparent );--fh-metallic-chrome-bright: color-mix( in srgb, var(--ref-static-white) 30%, transparent );--fh-metallic-chrome-mid: color-mix( in srgb, var(--ref-brand-primary) 50%, transparent );--fh-metallic-chrome-dark: color-mix( in srgb, var(--ref-neutral-1000) 80%, transparent )}@keyframes metallic-liquid-flow{0%,to{transform:translate(0) scale(1.2) rotate(0)}25%{transform:translate(20%,-15%) scale(1.35) rotate(5deg)}50%{transform:translate(-15%,20%) scale(1.1) rotate(-3deg)}75%{transform:translate(-20%,-10%) scale(1.3) rotate(3deg)}}@keyframes chromatic-aberration{0%,to{filter:hue-rotate(0deg) brightness(1.1) contrast(1.3) saturate(1.2)}25%{filter:hue-rotate(5deg) brightness(1.15) contrast(1.4) saturate(1.3)}50%{filter:hue-rotate(-3deg) brightness(1.05) contrast(1.25) saturate(1.1)}75%{filter:hue-rotate(3deg) brightness(1.12) contrast(1.35) saturate(1.25)}}@keyframes metallic-reflection-sweep{0%{transform:translate(-200%) translateY(-100%) rotate(30deg) scaleY(2);opacity:0}15%{opacity:1}85%{opacity:1}to{transform:translate(300%) translateY(100%) rotate(30deg) scaleY(2);opacity:0}}@keyframes liquid-ripple{0%,to{transform:scale(1) translate(0);opacity:.7}50%{transform:scale(1.5) translate(15%,-15%);opacity:.4}}@keyframes metallic-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.metallic-paint-card{border-radius:var(--fh-radius-3);background:var(--fh-metallic-base);box-shadow:var(--fh-metallic-shadow),inset 0 4px 8px var(--fh-metallic-highlight),inset 0 -4px 8px var(--fh-metallic-dark),inset 2px 2px 4px var(--fh-metallic-inset-highlight),inset -2px -2px 4px var(--fh-metallic-inset-shadow);position:relative;overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform var(--fh-duration-slow) var(--fh-ease-standard),box-shadow var(--fh-duration-slow) var(--fh-ease-standard)}.metallic-paint-card:before{content:"";position:absolute;inset:-120%;background:radial-gradient(ellipse at 15% 25%,var(--fh-metallic-chrome-bright) 0%,transparent 30%),radial-gradient(ellipse at 85% 75%,var(--fh-metallic-tint) 0%,transparent 35%),radial-gradient(ellipse at 50% 50%,var(--fh-metallic-chrome-mid) 0%,transparent 40%),radial-gradient(ellipse at 25% 85%,var(--fh-metallic-chrome-dark) 0%,transparent 30%),radial-gradient(ellipse at 75% 15%,var(--fh-metallic-dark) 0%,transparent 25%),radial-gradient(ellipse at 40% 60%,var(--fh-metallic-chrome-bright) 0%,transparent 35%),radial-gradient(ellipse at 60% 40%,var(--fh-metallic-chrome-mid) 0%,transparent 30%),linear-gradient(-30deg,transparent 0%,transparent 30%,var(--fh-metallic-ribbon-tint-faint) 35%,var(--fh-metallic-ribbon-light-faint) 40%,var(--fh-metallic-ribbon-tint-soft) 44%,var(--fh-metallic-ribbon-light-soft) 48%,var(--fh-metallic-ribbon-tint-medium) 50%,var(--fh-metallic-ribbon-light-soft) 52%,var(--fh-metallic-ribbon-tint-soft) 56%,var(--fh-metallic-ribbon-light-faint) 60%,var(--fh-metallic-ribbon-tint-faint) 65%,transparent 70%,transparent 100%);animation:metallic-liquid-flow var(--fh-metallic-flow-duration) ease-in-out infinite;pointer-events:none;filter:blur(60px) contrast(1.5) brightness(1.2);opacity:var(--fh-opacity-vivid);mix-blend-mode:screen;will-change:transform}.metallic-paint-card:after{content:"";position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:linear-gradient(120deg,transparent 0%,transparent 35%,var(--fh-metallic-reflection-light-faint) 40%,var(--fh-metallic-reflection-light-soft) 45%,var(--fh-metallic-reflection-light-strong) 50%,var(--fh-metallic-reflection-light-soft) 55%,var(--fh-metallic-reflection-light-faint) 60%,transparent 65%,transparent 100%);animation:metallic-reflection-sweep var(--fh-metallic-reflection-duration) linear infinite;pointer-events:none;mix-blend-mode:overlay;will-change:transform}.metallic-paint-card>*{position:relative;z-index:1}.metallic-paint-card:hover{transform:translateY(-2px)}.metallic-paint-card:active{transform:translateY(0)}.metallic-paint-card-high-contrast{--fh-metallic-highlight: var(--fh-metallic-high-contrast-highlight);--fh-metallic-dark: var(--fh-metallic-high-contrast-dark);--fh-metallic-chrome-bright: var(--fh-metallic-high-contrast-chrome-bright);box-shadow:var(--fh-metallic-shadow),inset 0 6px 12px var(--fh-metallic-high-contrast-inset-highlight),inset 0 -6px 12px var(--fh-metallic-high-contrast-inset-dark),inset 4px 4px 8px var(--fh-metallic-high-contrast-inset-highlight-soft),inset -4px -4px 8px var(--fh-metallic-high-contrast-inset-dark-soft)}:root[data-theme=dark] .metallic-paint-card-high-contrast{--fh-metallic-high-contrast-highlight: color-mix( in srgb, var(--ref-static-white) 60%, transparent );--fh-metallic-high-contrast-dark: color-mix( in srgb, var(--ref-static-black) 100%, transparent );--fh-metallic-high-contrast-chrome-bright: color-mix( in srgb, var(--ref-static-white) 50%, transparent )}.metallic-paint-card-chromatic:before{animation:metallic-liquid-flow var(--fh-metallic-chromatic-flow-duration) ease-in-out infinite,chromatic-aberration var(--fh-metallic-chromatic-shift-duration) ease-in-out infinite;filter:blur(60px) contrast(1.7) brightness(1.3) saturate(1.5)}.metallic-paint-card-liquid:before{filter:blur(80px) contrast(1.8) brightness(1.4);animation:metallic-liquid-flow var(--fh-metallic-liquid-flow-duration) ease-in-out infinite,liquid-ripple var(--fh-metallic-ripple-duration) ease-in-out infinite;opacity:1}.metallic-paint-card-glossy:after{background:linear-gradient(120deg,transparent 0%,transparent 30%,var(--fh-metallic-gloss-light-soft) 38%,var(--fh-metallic-gloss-light-medium) 44%,var(--fh-metallic-gloss-light-strong) 50%,var(--fh-metallic-gloss-light-medium) 56%,var(--fh-metallic-gloss-light-soft) 62%,transparent 70%,transparent 100%);animation:metallic-reflection-sweep var(--fh-metallic-gloss-reflection-duration) ease-in-out infinite,metallic-pulse var(--fh-metallic-gloss-pulse-duration) ease-in-out infinite}.metallic-paint-card-glossy:before{filter:blur(50px) contrast(2) brightness(1.5)}.metallic-paint-card-fast:before{animation-duration:var(--fh-metallic-fast-flow-duration)}.metallic-paint-card-fast:after{animation-duration:var(--fh-metallic-fast-reflection-duration)}.metallic-paint-card-slow:before{animation-duration:var(--fh-metallic-slow-flow-duration)}.metallic-paint-card-slow:after{animation-duration:var(--fh-metallic-slow-reflection-duration)}.metallic-paint-card-static:before,.metallic-paint-card-static:after{animation:none}.metallic-paint-card-static:before{transform:translate(0) scale(1.2) rotate(0);opacity:var(--fh-opacity-vivid)}.metallic-paint-card-static:after{transform:translate(0) translateY(0) rotate(30deg) scaleY(2);opacity:var(--fh-opacity-dim)}:root{--pointer-x: 50%;--pointer-y: 50%;--pointer-from-center: 0;--pointer-from-top: .5;--pointer-from-left: .5;--card-opacity: 0;--rotate-x: 0deg;--rotate-y: 0deg;--background-x: 50%;--background-y: 50%;--grain: none;--icon: none;--behind-gradient: none;--behind-glow-color: var(--color-profile-card-behind-glow);--behind-glow-size: 25%;--inner-gradient: none;--pc-shine-base: color-mix( in srgb, var(--color-bg-page-layer) 92%, var(--color-bg-page) );--pc-title-top: var(--color-text-inverse);--pc-title-bottom: color-mix( in srgb, var(--ref-brand-secondary) 70%, var(--ref-brand-primary) );--pc-subtitle-bottom: color-mix( in srgb, var(--ref-brand-primary) 72%, var(--ref-brand-accent) );--sunpillar-1: hsl(2, 100%, 73%);--sunpillar-2: hsl(53, 100%, 69%);--sunpillar-3: hsl(93, 100%, 69%);--sunpillar-4: hsl(176, 100%, 76%);--sunpillar-5: hsl(228, 100%, 74%);--sunpillar-6: hsl(283, 100%, 73%);--sunpillar-clr-1: var(--sunpillar-1);--sunpillar-clr-2: var(--sunpillar-2);--sunpillar-clr-3: var(--sunpillar-3);--sunpillar-clr-4: var(--sunpillar-4);--sunpillar-clr-5: var(--sunpillar-5);--sunpillar-clr-6: var(--sunpillar-6);--card-radius: calc(var(--fh-radius-5) - 2px);--pc-text-sm: calc(var(--fh-ui-font-size) + 1px);--pc-text-xs: calc(var(--fh-ui-font-size) - 1px);--pc-text-2xs: calc(var(--fh-ui-font-size) - 2px);--pc-text-3xs: calc(var(--fh-ui-font-size) - 3px);--pc-text-4xs: calc(var(--fh-ui-font-size) - 4px);--pc-text-5xs: calc(var(--fh-ui-font-size) - 5px);--pc-space-card-y: var(--fh-space-3);--pc-space-card-x: var(--fh-space-4);--pc-space-card-y-sm: calc(var(--fh-space-3) - 2px);--pc-space-card-x-sm: var(--fh-space-3);--pc-space-card-y-xs: var(--fh-space-2);--pc-space-card-x-xs: calc(var(--fh-space-3) + 2px);--pc-space-card-y-2xs: calc(var(--fh-space-1) + 2px);--pc-space-card-x-2xs: var(--fh-space-2);--pc-gap-user: var(--fh-space-3);--pc-gap-user-sm: calc(var(--fh-space-3) - 2px);--pc-gap-user-xs: var(--fh-space-2);--pc-gap-user-2xs: calc(var(--fh-space-1) + 2px);--pc-gap-text: calc(var(--fh-space-1) + 2px);--pc-mini-avatar-size: calc(var(--fh-space-8) + var(--fh-space-2));--pc-mini-avatar-size-sm: calc(var(--fh-space-6) + var(--fh-space-1));--pc-mini-avatar-size-xs: var(--fh-space-6);--pc-mini-avatar-size-2xs: var(--fh-space-5);--pc-user-info-inset: var(--fh-space-5);--pc-user-info-inset-sm: calc(var(--fh-space-4) - 1px);--pc-user-info-inset-xs: var(--fh-space-3);--pc-subtitle-offset: calc(var(--fh-space-3) * -1);--pc-subtitle-offset-xs: calc(var(--fh-space-2) * -1);--pc-glow-duration: 12s;--pc-shine-duration: .8s;--pc-holographic-duration: 18s;--pc-enter-duration: .18s}.pc-card-wrapper{perspective:500px;transform:translateZ(.1px);position:relative;touch-action:none}.pc-behind{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),var(--behind-glow-color) 0%,transparent var(--behind-glow-size));filter:blur(50px) saturate(1.1);opacity:calc(.8 * var(--card-opacity));transition:opacity var(--fh-duration-normal) var(--fh-ease-standard)}.pc-card-wrapper:hover,.pc-card-wrapper.active{--card-opacity: 1}.pc-card{height:80svh;max-height:540px;display:grid;aspect-ratio:.718;border-radius:var(--card-radius);position:relative;background-blend-mode:color-dodge,normal,normal,normal;animation:glow-bg var(--pc-glow-duration) linear infinite;box-shadow:var(--color-profile-card-cast-shadow) calc((var(--pointer-from-left) * 10px) - 3px) calc((var(--pointer-from-top) * 20px) - 6px) 20px -5px;transition:transform var(--fh-duration-spinner) var(--fh-ease-standard);transform:translateZ(0) rotateX(0) rotateY(0);background:var(--color-profile-card-base);backface-visibility:hidden;overflow:hidden}.pc-card:hover,.pc-card.active{transition:none;transform:translateZ(0) rotateX(var(--rotate-y)) rotateY(var(--rotate-x))}.pc-card-shell.entering .pc-card{transition:transform var(--pc-enter-duration) var(--fh-ease-out)}.pc-card-shell{position:relative;z-index:1}.pc-card *{display:grid;grid-area:1/-1;border-radius:var(--card-radius);pointer-events:none}.pc-inside{inset:0;position:absolute;background-image:var(--inner-gradient);background-color:var(--color-profile-card-base);transform:none}.pc-shine{-webkit-mask-image:var(--icon);mask-image:var(--icon);mask-mode:luminance;-webkit-mask-repeat:repeat;mask-repeat:repeat;-webkit-mask-size:150%;mask-size:150%;-webkit-mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));mask-position:top calc(200% - (var(--background-y) * 5)) left calc(100% - var(--background-x));transition:filter var(--pc-shine-duration) var(--fh-ease-standard);filter:brightness(.66) contrast(1.33) saturate(.33) opacity(.5);animation:holo-bg var(--pc-holographic-duration) linear infinite;animation-play-state:running;mix-blend-mode:color-dodge}.pc-shine,.pc-shine:after{--space: 5%;--angle: -45deg;transform:translateZ(1px);overflow:hidden;z-index:3;background:transparent;background-size:cover;background-position:center;background-image:repeating-linear-gradient(0deg,var(--sunpillar-clr-1) calc(var(--space) * 1),var(--sunpillar-clr-2) calc(var(--space) * 2),var(--sunpillar-clr-3) calc(var(--space) * 3),var(--sunpillar-clr-4) calc(var(--space) * 4),var(--sunpillar-clr-5) calc(var(--space) * 5),var(--sunpillar-clr-6) calc(var(--space) * 6),var(--sunpillar-clr-1) calc(var(--space) * 7)),repeating-linear-gradient(var(--angle),var(--pc-shine-base) 0%,hsl(180,10%,60%) 3.8%,hsl(180,29%,66%) 4.5%,hsl(180,10%,60%) 5.2%,var(--pc-shine-base) 10%,var(--pc-shine-base) 12%),radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsla(0,0%,0%,.1) 12%,hsla(0,0%,0%,.15) 20%,hsla(0,0%,0%,.25) 120%);background-position:0 var(--background-y),var(--background-x) var(--background-y),center;background-blend-mode:color,hard-light;background-size:500% 500%,300% 300%,200% 200%;background-repeat:repeat}.pc-shine:before,.pc-shine:after{content:"";background-position:center;background-size:cover;grid-area:1/1;opacity:0;transition:opacity var(--pc-shine-duration) var(--fh-ease-standard)}.pc-card:hover .pc-shine,.pc-card.active .pc-shine{filter:brightness(.85) contrast(1.5) saturate(.5);animation-play-state:paused}.pc-card:hover .pc-shine:before,.pc-card.active .pc-shine:before,.pc-card:hover .pc-shine:after,.pc-card.active .pc-shine:after{opacity:1}.pc-shine:before{background-image:linear-gradient(45deg,var(--sunpillar-4),var(--sunpillar-5),var(--sunpillar-6),var(--sunpillar-1),var(--sunpillar-2),var(--sunpillar-3)),radial-gradient(circle at var(--pointer-x) var(--pointer-y),hsl(0,0%,70%) 0%,hsla(0,0%,30%,.2) 90%),var(--grain);background-size:250% 250%,100% 100%,220px 220px;background-position:var(--pointer-x) var(--pointer-y),center,calc(var(--pointer-x) * .01) calc(var(--pointer-y) * .01);background-blend-mode:color-dodge;filter:brightness(calc(2 - var(--pointer-from-center))) contrast(calc(var(--pointer-from-center) + 2)) saturate(calc(.5 + var(--pointer-from-center)));mix-blend-mode:luminosity}.pc-shine:after{background-position:0 var(--background-y),calc(var(--background-x) * .4) calc(var(--background-y) * .5),center;background-size:200% 300%,700% 700%,100% 100%;mix-blend-mode:difference;filter:brightness(.8) contrast(1.5)}.pc-glare{transform:translateZ(1.1px);overflow:hidden;background-image:radial-gradient(farthest-corner circle at var(--pointer-x) var(--pointer-y),hsl(248,25%,80%) 12%,hsla(207,40%,30%,.8) 90%);mix-blend-mode:overlay;filter:brightness(.8) contrast(1.2);z-index:4}.pc-avatar-content{mix-blend-mode:luminosity;overflow:visible;transform:translateZ(2);backface-visibility:hidden}.pc-avatar-content .avatar{width:100%;position:absolute;left:50%;transform-origin:50% 100%;transform:translate(calc(-50% + (var(--pointer-from-left) - .5) * 6px)) translateZ(0) scaleY(calc(1 + (var(--pointer-from-top) - .5) * .02)) scaleX(calc(1 + (var(--pointer-from-left) - .5) * .01));bottom:-1px;backface-visibility:hidden;will-change:transform;transition:transform var(--fh-duration-instant) var(--fh-ease-out)}.pc-avatar-content:before{content:"";position:absolute;inset:0;z-index:1;backdrop-filter:none;pointer-events:none}.pc-user-info{position:absolute;--ui-inset: var(--pc-user-info-inset);--ui-radius-bias: 6px;bottom:var(--ui-inset);left:var(--ui-inset);right:var(--ui-inset);z-index:2;display:flex;align-items:center;justify-content:space-between;background:var(--color-profile-card-glass);backdrop-filter:blur(30px);border:var(--fh-border-width-1) solid var(--color-profile-card-glass);border-radius:max(0px,var(--card-radius) - var(--ui-inset) + var(--ui-radius-bias));padding:var(--pc-space-card-y) calc(var(--fh-space-3) + 2px);pointer-events:auto}.pc-user-details{display:flex;align-items:center;gap:var(--pc-gap-user)}.pc-mini-avatar{width:var(--pc-mini-avatar-size);height:var(--pc-mini-avatar-size);border-radius:var(--fh-radius-full);overflow:hidden;border:var(--fh-border-width-1) solid var(--color-profile-card-glass);flex-shrink:0}.pc-mini-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--fh-radius-full)}.pc-user-text{display:flex;align-items:flex-start;flex-direction:column;gap:var(--pc-gap-text)}.pc-handle{font-size:var(--pc-text-sm);font-weight:var(--fh-font-weight-medium);color:var(--color-profile-card-text-primary);line-height:var(--fh-line-height-none)}.pc-status{font-size:var(--pc-text-sm);color:var(--color-profile-card-text-secondary);line-height:var(--fh-line-height-none)}.pc-contact-btn{border:var(--fh-border-width-1) solid var(--color-profile-card-glass);border-radius:var(--fh-radius-1);padding:var(--pc-space-card-y) var(--pc-space-card-x);font-size:var(--pc-text-xs);font-weight:var(--fh-font-weight-semibold);color:var(--color-profile-card-text-primary);cursor:pointer;transition:border-color var(--fh-duration-normal) var(--fh-ease-standard),transform var(--fh-duration-normal) var(--fh-ease-standard);backdrop-filter:blur(10px)}.pc-contact-btn:hover{border-color:var(--color-profile-card-glass-strong);transform:translateY(-1px)}.pc-content:not(.pc-avatar-content){max-height:100%;overflow:hidden;text-align:center;position:relative;transform:translate3d(calc(var(--pointer-from-left) * -6px + 3px),calc(var(--pointer-from-top) * -6px + 3px),.1px);z-index:5;mix-blend-mode:luminosity}.pc-details{width:100%;position:absolute;top:3em;display:flex;flex-direction:column}.pc-details h3{font-weight:var(--fh-font-weight-semibold);font-size:min(5svh,3em);margin:0;background-image:linear-gradient(to bottom,var(--pc-title-top),var(--pc-title-bottom));background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}.pc-details p{font-weight:var(--fh-font-weight-semibold);position:relative;top:var(--pc-subtitle-offset);white-space:nowrap;font-size:var(--fh-font-size-3);margin:0 auto;width:-moz-min-content;width:min-content;background-image:linear-gradient(to bottom,var(--pc-title-top),var(--pc-subtitle-bottom));background-size:1em 1.5em;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}@keyframes glow-bg{0%{--bgrotate: 0deg}to{--bgrotate: 360deg}}@keyframes holo-bg{0%{background-position:0 var(--background-y),0 0,center}to{background-position:0 var(--background-y),90% 90%,center}}@media(max-width:768px){.pc-card{height:70svh;max-height:450px}.pc-details{top:2em}.pc-details h3{font-size:min(4svh,2.5em)}.pc-details p{font-size:var(--pc-text-sm)}.pc-user-info{--ui-inset: var(--pc-user-info-inset-sm);padding:var(--pc-space-card-y-sm) var(--pc-space-card-x-sm)}.pc-mini-avatar{width:var(--pc-mini-avatar-size-sm);height:var(--pc-mini-avatar-size-sm)}.pc-user-details{gap:var(--pc-gap-user-sm)}.pc-handle{font-size:var(--fh-ui-font-size)}.pc-status{font-size:var(--pc-text-3xs)}.pc-contact-btn{padding:calc(var(--fh-space-2) - 2px) var(--fh-space-3);font-size:var(--pc-text-2xs)}}@media(max-width:480px){.pc-card{height:60svh;max-height:380px}.pc-details{top:1.5em}.pc-details h3{font-size:min(3.5svh,2em)}.pc-details p{font-size:var(--pc-text-xs);top:var(--pc-subtitle-offset-xs)}.pc-user-info{--ui-inset: var(--pc-user-info-inset-xs);padding:var(--pc-space-card-y-xs) var(--pc-space-card-x-xs)}.pc-mini-avatar{width:var(--pc-mini-avatar-size-xs);height:var(--pc-mini-avatar-size-xs)}.pc-user-details{gap:var(--pc-gap-user-xs)}.pc-handle{font-size:var(--pc-text-xs)}.pc-status{font-size:var(--pc-text-4xs)}.pc-contact-btn{padding:calc(var(--fh-space-2) + 1px) var(--pc-space-card-x-xs);font-size:var(--pc-text-3xs);border-radius:var(--fh-radius-full)}}@media(max-width:320px){.pc-card{height:55svh;max-height:320px}.pc-details h3{font-size:min(3svh,1.5em)}.pc-details p{font-size:var(--pc-text-2xs)}.pc-user-info{padding:var(--pc-space-card-y-2xs) var(--pc-space-card-x-2xs)}.pc-mini-avatar{width:var(--pc-mini-avatar-size-2xs);height:var(--pc-mini-avatar-size-2xs)}.pc-user-details{gap:var(--pc-gap-user-2xs)}.pc-handle{font-size:var(--pc-text-2xs)}.pc-status{font-size:var(--pc-text-5xs)}.pc-contact-btn{padding:var(--fh-space-1) var(--fh-space-2);font-size:var(--pc-text-4xs);border-radius:var(--fh-radius-full)}}@media(prefers-reduced-motion:reduce){.gradient-border-card-animated:before,.frosted-glass-card:before,.holographic-card:before,.metallic-paint-card:before,.metallic-paint-card:after,.pc-card-wrapper:before,.pc-inside{animation:none}.frosted-glass-card,.glossy-card,.holographic-card:before,.neumorphism-card,.metallic-paint-card,.pc-card-wrapper,.pc-card,.pc-inside,.pc-avatar-content,.pc-user-info,.pc-contact-btn{transition-duration:var(--fh-duration-reduced)}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{scrollbar-color:initial;scrollbar-width:initial;box-sizing:border-box}html{font-size:var(--fh-ui-font-size);overflow:hidden;height:100%}body{overflow:hidden;height:100%;font-family:var(--fh-font-sans);line-height:var(--fh-line-height-relaxed);display:flex;flex-direction:column;margin:0;padding:0;color:var(--color-text-primary);background:var(--color-bg-page-layer);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,kbd,samp,pre{font-family:var(--fh-font-mono)}#root{display:flex;flex-direction:column;height:100%;background-color:transparent}input,select,textarea{background-color:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-text-tertiary)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}select option{background-color:var(--color-bg-surface);color:var(--color-text-primary);padding:var(--fh-space-2) var(--fh-space-3)}select option:checked,select option:focus{background-color:var(--color-bg-item-hover)}:root{--fh-scrollbar-thumb: color-mix(in srgb, var(--ref-neutral-1000) 15%, transparent);--fh-scrollbar-track: transparent}:root[data-theme=dark]{--fh-scrollbar-thumb: color-mix(in srgb, var(--ref-neutral-0) 15%, transparent)}*{scrollbar-width:thin;scrollbar-color:var(--fh-scrollbar-thumb) var(--fh-scrollbar-track)}.\!container{width:100%!important}.container{width:100%}@media(min-width:320px){.\!container{max-width:320px!important}.container{max-width:320px}}@media(min-width:360px){.\!container{max-width:360px!important}.container{max-width:360px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-4{left:1rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-4{top:1rem}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[1\]{z-index:1}.z-\[9999\]{z-index:9999}.mx-auto{margin-left:auto;margin-right:auto}.-ml-6{margin-left:-1.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-row{display:table-row}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-72{height:18rem}.h-8{height:2rem}.h-\[100px\]{height:100px}.h-\[720px\]{height:720px}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-screen{height:100vh}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:0px}.min-h-\[220px\]{min-height:220px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-24{width:6rem}.w-3\.5{width:.875rem}.w-3\/5{width:60%}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[132px\]{min-width:132px}.min-w-\[220px\]{min-width:220px}.min-w-\[260px\]{min-width:260px}.min-w-\[44rem\]{min-width:44rem}.\!max-w-xl{max-width:36rem!important}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-\[420px\]{max-width:420px}.max-w-\[580px\]{max-width:580px}.max-w-\[700px\]{max-width:700px}.max-w-full{max-width:100%}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize-x{resize:horizontal}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[1fr_80px_76px_52px\]{grid-template-columns:1fr 80px 76px 52px}.grid-cols-\[7rem_repeat\(4\,minmax\(0\,1fr\)\)\]{grid-template-columns:7rem repeat(4,minmax(0,1fr))}.grid-rows-\[auto_1fr\]{grid-template-rows:auto 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.justify-self-end{justify-self:end}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.bg-primary{background-color:var(--ref-brand-primary)}.object-cover{-o-object-fit:cover;object-fit:cover}.object-center{-o-object-position:center;object-position:center}.p-0{padding:0}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-3{padding-bottom:.75rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-6{padding-left:1.5rem}.pr-1{padding-right:.25rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.tracking-widest{letter-spacing:.1em}.text-current{color:currentColor}.text-primary{color:var(--ref-brand-primary)}.no-underline{text-decoration-line:none}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-primary{--tw-ring-color: var(--ref-brand-primary)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-lg{--tw-blur: blur(16px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-md{--tw-blur: blur(12px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-sm{--tw-blur: blur(4px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.scrollbar::-webkit-scrollbar-track{background-color:var(--scrollbar-track);border-radius:var(--scrollbar-track-radius)}.scrollbar::-webkit-scrollbar-track:hover{background-color:var(--scrollbar-track-hover, var(--scrollbar-track))}.scrollbar::-webkit-scrollbar-track:active{background-color:var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))}.scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--scrollbar-thumb-radius)}.scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover, var(--scrollbar-thumb))}.scrollbar::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))}.scrollbar::-webkit-scrollbar-corner{background-color:var(--scrollbar-corner);border-radius:var(--scrollbar-corner-radius)}.scrollbar::-webkit-scrollbar-corner:hover{background-color:var(--scrollbar-corner-hover, var(--scrollbar-corner))}.scrollbar::-webkit-scrollbar-corner:active{background-color:var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))}.scrollbar{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)}.scrollbar::-webkit-scrollbar{display:block;width:var(--scrollbar-width, 16px);height:var(--scrollbar-height, 16px)}.hover\:w-12:hover{width:3rem}.hover\:no-underline:hover{text-decoration-line:none}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media(min-width:360px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:w-40{width:10rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:p-7{padding:1.75rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:px-7{padding-left:1.75rem;padding-right:1.75rem}.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.sm\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.sm\:py-7{padding-top:1.75rem;padding-bottom:1.75rem}}@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1024px){.lg\:min-w-\[112px\]{min-width:112px}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[144px_minmax\(0\,1fr\)_auto\]{grid-template-columns:144px minmax(0,1fr) auto}.lg\:grid-cols-\[minmax\(180px\,260px\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(180px,260px) minmax(0,1fr)}.lg\:gap-6{gap:1.5rem}.lg\:justify-self-end{justify-self:end}}@media(min-width:1280px){.xl\:w-\[380px\]{width:380px}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,0\.95fr\)\]{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.xl\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)\]{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.xl\:grid-cols-\[minmax\(0\,1fr\)_380px\]{grid-template-columns:minmax(0,1fr) 380px}.xl\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.xl\:justify-end{justify-content:flex-end}}
