@zhang_jifan/fanui 2.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (127) hide show
  1. package/ACCESSIBILITY.md +61 -0
  2. package/CHANGELOG.md +112 -0
  3. package/COMMERCIAL-LICENSE.md +71 -0
  4. package/DESIGN-SYSTEM.md +294 -0
  5. package/LICENSE +661 -0
  6. package/README.md +348 -0
  7. package/USAGE.md +1926 -0
  8. package/_index.scss +20 -0
  9. package/dist/fanui.cjs +15 -0
  10. package/dist/fanui.css +28209 -0
  11. package/dist/fanui.d.ts +353 -0
  12. package/dist/fanui.esm.js +71 -0
  13. package/dist/fanui.js +4782 -0
  14. package/dist/fanui.min.css +1 -0
  15. package/dist/fanui.mjs +71 -0
  16. package/dist/modules/fanui-advanced.css +830 -0
  17. package/dist/modules/fanui-advanced.min.css +129 -0
  18. package/dist/modules/fanui-alert.css +575 -0
  19. package/dist/modules/fanui-alert.min.css +122 -0
  20. package/dist/modules/fanui-badge.css +426 -0
  21. package/dist/modules/fanui-badge.min.css +77 -0
  22. package/dist/modules/fanui-base.css +1394 -0
  23. package/dist/modules/fanui-base.min.css +236 -0
  24. package/dist/modules/fanui-blog.css +762 -0
  25. package/dist/modules/fanui-blog.min.css +108 -0
  26. package/dist/modules/fanui-button.css +526 -0
  27. package/dist/modules/fanui-button.min.css +56 -0
  28. package/dist/modules/fanui-card.css +291 -0
  29. package/dist/modules/fanui-card.min.css +52 -0
  30. package/dist/modules/fanui-choice.css +539 -0
  31. package/dist/modules/fanui-choice.min.css +83 -0
  32. package/dist/modules/fanui-dashboard.css +1057 -0
  33. package/dist/modules/fanui-dashboard.min.css +160 -0
  34. package/dist/modules/fanui-data.css +687 -0
  35. package/dist/modules/fanui-data.min.css +125 -0
  36. package/dist/modules/fanui-feedback.css +432 -0
  37. package/dist/modules/fanui-feedback.min.css +79 -0
  38. package/dist/modules/fanui-form.css +779 -0
  39. package/dist/modules/fanui-form.min.css +123 -0
  40. package/dist/modules/fanui-glass.css +497 -0
  41. package/dist/modules/fanui-glass.min.css +46 -0
  42. package/dist/modules/fanui-input-plus.css +799 -0
  43. package/dist/modules/fanui-input-plus.min.css +124 -0
  44. package/dist/modules/fanui-interactive.css +960 -0
  45. package/dist/modules/fanui-interactive.min.css +138 -0
  46. package/dist/modules/fanui-layout.css +4399 -0
  47. package/dist/modules/fanui-layout.min.css +1172 -0
  48. package/dist/modules/fanui-marketing.css +1125 -0
  49. package/dist/modules/fanui-marketing.min.css +144 -0
  50. package/dist/modules/fanui-nav.css +458 -0
  51. package/dist/modules/fanui-nav.min.css +76 -0
  52. package/dist/modules/fanui-overlay.css +547 -0
  53. package/dist/modules/fanui-overlay.min.css +91 -0
  54. package/dist/modules/fanui-table.css +290 -0
  55. package/dist/modules/fanui-table.min.css +62 -0
  56. package/dist/modules/fanui-tabs.css +333 -0
  57. package/dist/modules/fanui-tabs.min.css +58 -0
  58. package/dist/modules/fanui-themes.css +2728 -0
  59. package/dist/modules/fanui-themes.min.css +40 -0
  60. package/dist/modules/fanui-tokens.css +587 -0
  61. package/dist/modules/fanui-tokens.min.css +3 -0
  62. package/dist/modules/fanui-utilities.css +6557 -0
  63. package/dist/modules/fanui-utilities.min.css +1762 -0
  64. package/dist/modules/sizes.json +103 -0
  65. package/docs/MIGRATION-v2.md +179 -0
  66. package/examples/01-script-tag.html +149 -0
  67. package/examples/02-react/README.md +39 -0
  68. package/examples/02-react/index.html +12 -0
  69. package/examples/02-react/package.json +20 -0
  70. package/examples/02-react/src/App.jsx +108 -0
  71. package/examples/02-react/src/main.jsx +13 -0
  72. package/examples/02-react/src/useFanUI.js +87 -0
  73. package/examples/02-react/vite.config.js +6 -0
  74. package/examples/03-vue3/README.md +67 -0
  75. package/examples/03-vue3/index.html +12 -0
  76. package/examples/03-vue3/package.json +19 -0
  77. package/examples/03-vue3/src/App.vue +93 -0
  78. package/examples/03-vue3/src/main.js +8 -0
  79. package/examples/03-vue3/src/useFanUI.js +85 -0
  80. package/examples/03-vue3/vite.config.js +6 -0
  81. package/examples/04-vue2-cdn.html +93 -0
  82. package/examples/README.md +34 -0
  83. package/package.json +127 -0
  84. package/src/_functions.scss +319 -0
  85. package/src/_mixins.scss +1202 -0
  86. package/src/_tokens.scss +180 -0
  87. package/src/_variables.scss +491 -0
  88. package/src/base/_animations.scss +210 -0
  89. package/src/base/_reset.scss +359 -0
  90. package/src/base/_rtl.scss +133 -0
  91. package/src/base/_typography.scss +353 -0
  92. package/src/components/_advanced.scss +763 -0
  93. package/src/components/_alert.scss +322 -0
  94. package/src/components/_badge.scss +279 -0
  95. package/src/components/_blog.scss +693 -0
  96. package/src/components/_button.scss +351 -0
  97. package/src/components/_capabilities.scss +463 -0
  98. package/src/components/_card.scss +281 -0
  99. package/src/components/_choice.scss +444 -0
  100. package/src/components/_dashboard.scss +950 -0
  101. package/src/components/_data.scss +618 -0
  102. package/src/components/_feedback.scss +403 -0
  103. package/src/components/_form.scss +408 -0
  104. package/src/components/_glass.scss +374 -0
  105. package/src/components/_input-plus.scss +730 -0
  106. package/src/components/_interactive.scss +885 -0
  107. package/src/components/_marketing.scss +982 -0
  108. package/src/components/_nav.scss +480 -0
  109. package/src/components/_overlay.scss +517 -0
  110. package/src/components/_table.scss +276 -0
  111. package/src/components/_tabs.scss +338 -0
  112. package/src/fanui.d.ts +353 -0
  113. package/src/fanui.js +4782 -0
  114. package/src/fanui.scss +79 -0
  115. package/src/glass/_switches.scss +36 -0
  116. package/src/glass/_tokens.scss +259 -0
  117. package/src/layout/_container.scss +111 -0
  118. package/src/layout/_flex.scss +164 -0
  119. package/src/layout/_grid.scss +180 -0
  120. package/src/themes/_accents.scss +201 -0
  121. package/src/themes/_palettes.scss +180 -0
  122. package/src/utilities/_borders.scss +104 -0
  123. package/src/utilities/_display.scss +145 -0
  124. package/src/utilities/_effects.scss +210 -0
  125. package/src/utilities/_sizing.scss +123 -0
  126. package/src/utilities/_spacing.scss +118 -0
  127. package/src/utilities/_texture.scss +323 -0
package/dist/fanui.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--fanui-primary-50: #ecfeff;--fanui-primary-100: #cffafe;--fanui-primary-200: #a5f3fc;--fanui-primary-300: #67e8f9;--fanui-primary-400: #22d3ee;--fanui-primary-500: #06b6d4;--fanui-primary-600: #0891b2;--fanui-primary-700: #0e7490;--fanui-primary-800: #155e75;--fanui-primary-900: #164e63;--fanui-primary-950: #083344;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-success-50: #ecfdf5;--fanui-success-100: #d1fae5;--fanui-success-200: #a7f3d0;--fanui-success-300: #6ee7b7;--fanui-success-400: #34d399;--fanui-success-500: #10b981;--fanui-success-600: #059669;--fanui-success-700: #047857;--fanui-success-800: #065f46;--fanui-success-900: #064e3b;--fanui-success-950: #022c22;--fanui-warning-50: #fffbeb;--fanui-warning-100: #fef3c7;--fanui-warning-200: #fde68a;--fanui-warning-300: #fcd34d;--fanui-warning-400: #fbbf24;--fanui-warning-500: #f59e0b;--fanui-warning-600: #d97706;--fanui-warning-700: #b45309;--fanui-warning-800: #92400e;--fanui-warning-900: #78350f;--fanui-warning-950: #451a03;--fanui-danger-50: #fef2f2;--fanui-danger-100: #fee2e2;--fanui-danger-200: #fecaca;--fanui-danger-300: #fca5a5;--fanui-danger-400: #f87171;--fanui-danger-500: #ef4444;--fanui-danger-600: #dc2626;--fanui-danger-700: #b91c1c;--fanui-danger-800: #991b1b;--fanui-danger-900: #7f1d1d;--fanui-danger-950: #450a0a;--fanui-info-50: #f0f9ff;--fanui-info-100: #e0f2fe;--fanui-info-200: #bae6fd;--fanui-info-300: #7dd3fc;--fanui-info-400: #38bdf8;--fanui-info-500: #0ea5e9;--fanui-info-600: #0284c7;--fanui-info-700: #0369a1;--fanui-info-800: #075985;--fanui-info-900: #0c4a6e;--fanui-info-950: #082f49;--fanui-neutral-0: #ffffff;--fanui-neutral-50: #f8fafc;--fanui-neutral-100: #f1f5f9;--fanui-neutral-200: #e2e8f0;--fanui-neutral-300: #cbd5e1;--fanui-neutral-400: #94a3b8;--fanui-neutral-500: #64748b;--fanui-neutral-600: #475569;--fanui-neutral-700: #334155;--fanui-neutral-800: #1e293b;--fanui-neutral-900: #0f172a;--fanui-neutral-950: #020617;--fanui-color-bg: #f1f5f9;--fanui-color-bg-subtle: #f8fafc;--fanui-color-surface: #ffffff;--fanui-color-surface-raised: #ffffff;--fanui-color-surface-sunken: #f1f5f9;--fanui-color-overlay: #ffffff;--fanui-color-text: #0f172a;--fanui-color-text-strong: #020617;--fanui-color-text-muted: #475569;--fanui-color-text-subtle: #5b6b80;--fanui-color-text-inverse: #ffffff;--fanui-color-border: #e2e8f0;--fanui-color-border-subtle: #f1f5f9;--fanui-color-border-strong: #cbd5e1;--fanui-color-hover: #f1f5f9;--fanui-color-active: #e2e8f0;--fanui-color-disabled-bg: #f1f5f9;--fanui-color-disabled-text: #5b6b80;--fanui-glass-intensity: 1;--fanui-glass-blur-base: 22px;--fanui-glass-blur-mode-k: 1;--fanui-glass-tint-base: 0.3;--fanui-glass-tint-k: 0.24;--fanui-glass-tint-rgb: 255, 255, 255;--fanui-glass-sat-k: 70%;--fanui-glass-bri-k: 8%;--fanui-glass-sheen-a: 0.16;--fanui-glass-border-rgb: 255, 255, 255;--fanui-glass-border-a: 0.4;--fanui-glass-border-k: 0.3;--fanui-glass-edge-hi-a: 0.55;--fanui-glass-edge-lo-a: 0.06;--fanui-glass-edge-angle: 150deg;--fanui-glass-edge-alpha: 1;--fanui-glass-specular-rgb: 255, 255, 255;--fanui-glass-specular-a: 0.55;--fanui-glass-specular-alpha: 1;--fanui-glass-specular-size-base: 140px;--fanui-glass-specular-size-k: 160px;--fanui-glass-shadow-rgb: 2, 6, 23;--fanui-glass-shadow-a: 0.14;--fanui-glass-shadow-k: 0.10;--fanui-glass-shadow-y-k: 8px;--fanui-glass-shadow-blur-k: 30px;--fanui-glass-shadow-spread-k: -12px;--fanui-glass-inner-hi: 0.42;--fanui-glass-divider-rgb: 15, 23, 42;--fanui-glass-divider-a: 0.08;--fanui-glass-text-shadow: 0 1px 1px rgba(15, 23, 42, 0.05);--fanui-glass-mx: 30%;--fanui-glass-my: 0%;--fanui-glass-surface-rgb: 255, 255, 255;--fanui-glass-border-solid-rgb: 226, 232, 240;--fanui-glass-fallback-bg: var(--fanui-color-surface);--fanui-glass-filter: blur(calc(22px * var(--fanui-glass-intensity) * 1)) saturate(calc(100% + 70% * var(--fanui-glass-intensity))) brightness(calc(100% + 8% * var(--fanui-glass-intensity)));--fanui-glass-bg: rgba( 255, 255, 255, calc(0.3 + 0.24 * var(--fanui-glass-intensity)) );--fanui-glass-sheen: linear-gradient( 180deg, rgba(255, 255, 255, calc(0.16 * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46% );--fanui-glass-border-width: 1px;--fanui-glass-border: rgba(255, 255, 255, calc(0.4 + 0.3 * var(--fanui-glass-intensity)));--fanui-glass-edge-width: calc(1px + 0.5px * var(--fanui-glass-intensity));--fanui-glass-edge-hi: rgba(255, 255, 255, calc(0.55 * min(1, var(--fanui-glass-intensity))));--fanui-glass-edge-lo: rgba(255, 255, 255, calc(0.06 * var(--fanui-glass-intensity)));--fanui-glass-specular: rgba( 255, 255, 255, calc(0.55 * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha)) );--fanui-glass-specular-size: calc(140px + 160px * var(--fanui-glass-intensity));--fanui-glass-layer: radial-gradient( var(--fanui-glass-specular-size) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), var(--fanui-glass-specular), transparent 70% ), var(--fanui-glass-sheen);--fanui-glass-shadow: 0 calc(8px * var(--fanui-glass-intensity)) calc(30px * var(--fanui-glass-intensity)) calc(-12px * var(--fanui-glass-intensity)) rgba(2, 6, 23, calc(0.14 + 0.10 * var(--fanui-glass-intensity))), inset 0 1px 0 rgba(255, 255, 255, calc(0.42 * min(1, var(--fanui-glass-intensity))));--fanui-glass-divider: rgba(15, 23, 42, calc(0.08 * var(--fanui-glass-intensity)));--fanui-font-sans: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--fanui-font-serif: Georgia, Cambria, Times New Roman, Songti SC, SimSun, serif;--fanui-font-mono: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, Courier New, monospace;--fanui-font-base: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;--fanui-font-size-xs: 0.75rem;--fanui-font-size-xs-px: 12px;--fanui-font-size-sm: 0.8125rem;--fanui-font-size-sm-px: 13px;--fanui-font-size-base: 0.875rem;--fanui-font-size-base-px: 14px;--fanui-font-size-md: 1rem;--fanui-font-size-md-px: 16px;--fanui-font-size-lg: 1.125rem;--fanui-font-size-lg-px: 18px;--fanui-font-size-xl: 1.25rem;--fanui-font-size-xl-px: 20px;--fanui-font-size-2xl: 1.5rem;--fanui-font-size-2xl-px: 24px;--fanui-font-size-3xl: 1.875rem;--fanui-font-size-3xl-px: 30px;--fanui-font-size-4xl: 2.25rem;--fanui-font-size-4xl-px: 36px;--fanui-font-size-5xl: 3rem;--fanui-font-size-5xl-px: 48px;--fanui-font-size-6xl: 3.75rem;--fanui-font-size-6xl-px: 60px;--fanui-line-height-none: 1;--fanui-line-height-tight: 1.25;--fanui-line-height-snug: 1.375;--fanui-line-height-normal: 1.5;--fanui-line-height-base: 1.5715;--fanui-line-height-relaxed: 1.625;--fanui-line-height-loose: 2;--fanui-font-weight-light: 300;--fanui-font-weight-normal: 400;--fanui-font-weight-medium: 500;--fanui-font-weight-semibold: 600;--fanui-font-weight-bold: 700;--fanui-font-weight-extrabold: 800;--fanui-tracking-tighter: -0.05em;--fanui-tracking-tight: -0.025em;--fanui-tracking-normal: 0;--fanui-tracking-wide: 0.025em;--fanui-tracking-wider: 0.05em;--fanui-tracking-widest: 0.1em;--fanui-space-0: 0;--fanui-space-1: 4px;--fanui-space-2: 8px;--fanui-space-3: 12px;--fanui-space-4: 16px;--fanui-space-5: 20px;--fanui-space-6: 24px;--fanui-space-7: 28px;--fanui-space-8: 32px;--fanui-space-10: 40px;--fanui-space-12: 48px;--fanui-space-16: 64px;--fanui-space-20: 80px;--fanui-space-24: 96px;--fanui-space-auto: auto;--fanui-radius-none: 0;--fanui-radius-sm: 2px;--fanui-radius-base: 6px;--fanui-radius-md: 8px;--fanui-radius-lg: 12px;--fanui-radius-xl: 16px;--fanui-radius-2xl: 24px;--fanui-radius-full: 9999px;--fanui-radius: 6px;--fanui-shadow-none: none;--fanui-shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, 0.05);--fanui-shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, 0.1), 0 1px 2px -1px rgba(15, 23, 42, 0.1);--fanui-shadow-base: 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -2px rgba(15, 23, 42, 0.06);--fanui-shadow-md: 0 6px 12px -2px rgba(15, 23, 42, 0.12), 0 3px 6px -3px rgba(15, 23, 42, 0.08);--fanui-shadow-lg: 0 12px 20px -4px rgba(15, 23, 42, 0.14), 0 4px 8px -4px rgba(15, 23, 42, 0.08);--fanui-shadow-xl: 0 20px 32px -8px rgba(15, 23, 42, 0.18), 0 8px 16px -8px rgba(15, 23, 42, 0.1);--fanui-shadow-2xl: 0 32px 64px -16px rgba(15, 23, 42, 0.24);--fanui-shadow-inner: inset 0 2px 4px 0 rgba(15, 23, 42, 0.06);--fanui-z-dropdown: 1000;--fanui-z-sticky: 1020;--fanui-z-fixed: 1030;--fanui-z-backdrop: 1040;--fanui-z-offcanvas: 1050;--fanui-z-modal: 1060;--fanui-z-popover: 1070;--fanui-z-tooltip: 1080;--fanui-z-toast: 1090;--fanui-duration-instant: 100ms;--fanui-duration-fast: 150ms;--fanui-duration-base: 200ms;--fanui-duration-slow: 300ms;--fanui-duration-slower: 500ms;--fanui-ease-linear: linear;--fanui-ease-in: cubic-bezier(0.4, 0, 1, 1);--fanui-ease-out: cubic-bezier(0, 0, 0.2, 1);--fanui-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--fanui-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--fanui-ease-base: cubic-bezier(0.4, 0, 0.2, 1);--fanui-control-h-xs: 24px;--fanui-control-h-sm: 28px;--fanui-control-h-md: 32px;--fanui-control-h-base: 36px;--fanui-control-h-lg: 40px;--fanui-control-h-xl: 48px;--fanui-control-h: 36px;--fanui-control-px: 14px;--fanui-control-font-size: 14px;--fanui-control-radius: 6px;--fanui-border-width: 1px;--fanui-border-width-thick: 2px;--fanui-grid-columns: 12;--fanui-grid-gutter-x: 24px;--fanui-grid-gutter-y: 0;--fanui-gutter-x: 24px;--fanui-gutter-y: 0;--fanui-backdrop-bg: rgba(15, 23, 42, 0.55);--fanui-backdrop-blur: 2px;--fanui-focus-ring-color: var(--fanui-primary-ring);--fanui-focus-ring-width: 3px;--fanui-focus-ring-offset: 1px;--fanui-bp-xs: 0;--fanui-bp-sm: 576px;--fanui-bp-md: 768px;--fanui-bp-lg: 992px;--fanui-bp-xl: 1200px;--fanui-bp-xxl: 1400px;--fanui-container-max-sm: 540px;--fanui-container-max-md: 720px;--fanui-container-max-lg: 960px;--fanui-container-max-xl: 1140px;--fanui-container-max-xxl: 1320px;--fanui-container-px: 16px}[data-fanui-theme=dark],:root[data-fanui-theme=dark]{--fanui-color-bg: #020617;--fanui-color-bg-subtle: #0f172a;--fanui-color-surface: #0f172a;--fanui-color-surface-raised: #1e293b;--fanui-color-surface-sunken: #020617;--fanui-color-overlay: #1e293b;--fanui-color-text: #e8edf5;--fanui-color-text-strong: #ffffff;--fanui-color-text-muted: #94a3b8;--fanui-color-text-subtle: #8592a6;--fanui-color-text-inverse: #020617;--fanui-color-border: #2b3648;--fanui-color-border-subtle: #222c3c;--fanui-color-border-strong: #3d4a60;--fanui-color-hover: #1d2736;--fanui-color-active: #26313f;--fanui-color-disabled-bg: #1a2332;--fanui-color-disabled-text: #8592a6;--fanui-backdrop-bg: rgba(2, 6, 23, 0.68);--fanui-glass-intensity: 1;--fanui-glass-blur-base: 24px;--fanui-glass-blur-mode-k: 1.09;--fanui-glass-tint-base: 0.46;--fanui-glass-tint-k: 0.28;--fanui-glass-tint-rgb: 12, 19, 33;--fanui-glass-sat-k: 56%;--fanui-glass-bri-k: 10%;--fanui-glass-sheen-a: 0.09;--fanui-glass-border-rgb: 255, 255, 255;--fanui-glass-border-a: 0.16;--fanui-glass-border-k: 0.16;--fanui-glass-edge-hi-a: 0.26;--fanui-glass-edge-lo-a: 0.05;--fanui-glass-edge-angle: 150deg;--fanui-glass-edge-alpha: 1;--fanui-glass-specular-rgb: 255, 255, 255;--fanui-glass-specular-a: 0.15;--fanui-glass-specular-alpha: 1;--fanui-glass-specular-size-base: 140px;--fanui-glass-specular-size-k: 160px;--fanui-glass-shadow-rgb: 2, 6, 23;--fanui-glass-shadow-a: 0.45;--fanui-glass-shadow-k: 0.10;--fanui-glass-shadow-y-k: 8px;--fanui-glass-shadow-blur-k: 30px;--fanui-glass-shadow-spread-k: -12px;--fanui-glass-inner-hi: 0.14;--fanui-glass-divider-rgb: 255, 255, 255;--fanui-glass-divider-a: 0.1;--fanui-glass-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);--fanui-glass-mx: 30%;--fanui-glass-my: 0%;--fanui-glass-surface-rgb: 15, 23, 42;--fanui-glass-border-solid-rgb: 43, 54, 72;--fanui-glass-fallback-bg: var(--fanui-color-surface);--fanui-glass-filter: blur(calc(24px * var(--fanui-glass-intensity) * 1.09)) saturate(calc(100% + 56% * var(--fanui-glass-intensity))) brightness(calc(100% + 10% * var(--fanui-glass-intensity)));--fanui-glass-bg: rgba( 12, 19, 33, calc(0.46 + 0.28 * var(--fanui-glass-intensity)) );--fanui-glass-sheen: linear-gradient( 180deg, rgba(255, 255, 255, calc(0.09 * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46% );--fanui-glass-border-width: 1px;--fanui-glass-border: rgba(255, 255, 255, calc(0.16 + 0.16 * var(--fanui-glass-intensity)));--fanui-glass-edge-width: calc(1px + 0.5px * var(--fanui-glass-intensity));--fanui-glass-edge-hi: rgba(255, 255, 255, calc(0.26 * min(1, var(--fanui-glass-intensity))));--fanui-glass-edge-lo: rgba(255, 255, 255, calc(0.05 * var(--fanui-glass-intensity)));--fanui-glass-specular: rgba( 255, 255, 255, calc(0.15 * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha)) );--fanui-glass-specular-size: calc(140px + 160px * var(--fanui-glass-intensity));--fanui-glass-layer: radial-gradient( var(--fanui-glass-specular-size) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), var(--fanui-glass-specular), transparent 70% ), var(--fanui-glass-sheen);--fanui-glass-shadow: 0 calc(8px * var(--fanui-glass-intensity)) calc(30px * var(--fanui-glass-intensity)) calc(-12px * var(--fanui-glass-intensity)) rgba(2, 6, 23, calc(0.45 + 0.10 * var(--fanui-glass-intensity))), inset 0 1px 0 rgba(255, 255, 255, calc(0.14 * min(1, var(--fanui-glass-intensity))));--fanui-glass-divider: rgba(255, 255, 255, calc(0.1 * var(--fanui-glass-intensity)))}@media(prefers-color-scheme: dark){[data-fanui-theme=auto],:root[data-fanui-theme=auto]{--fanui-color-bg: #020617;--fanui-color-bg-subtle: #0f172a;--fanui-color-surface: #0f172a;--fanui-color-surface-raised: #1e293b;--fanui-color-surface-sunken: #020617;--fanui-color-overlay: #1e293b;--fanui-color-text: #e8edf5;--fanui-color-text-strong: #ffffff;--fanui-color-text-muted: #94a3b8;--fanui-color-text-subtle: #8592a6;--fanui-color-text-inverse: #020617;--fanui-color-border: #2b3648;--fanui-color-border-subtle: #222c3c;--fanui-color-border-strong: #3d4a60;--fanui-color-hover: #1d2736;--fanui-color-active: #26313f;--fanui-color-disabled-bg: #1a2332;--fanui-color-disabled-text: #8592a6;--fanui-backdrop-bg: rgba(2, 6, 23, 0.68);--fanui-glass-intensity: 1;--fanui-glass-blur-base: 24px;--fanui-glass-blur-mode-k: 1.09;--fanui-glass-tint-base: 0.46;--fanui-glass-tint-k: 0.28;--fanui-glass-tint-rgb: 12, 19, 33;--fanui-glass-sat-k: 56%;--fanui-glass-bri-k: 10%;--fanui-glass-sheen-a: 0.09;--fanui-glass-border-rgb: 255, 255, 255;--fanui-glass-border-a: 0.16;--fanui-glass-border-k: 0.16;--fanui-glass-edge-hi-a: 0.26;--fanui-glass-edge-lo-a: 0.05;--fanui-glass-edge-angle: 150deg;--fanui-glass-edge-alpha: 1;--fanui-glass-specular-rgb: 255, 255, 255;--fanui-glass-specular-a: 0.15;--fanui-glass-specular-alpha: 1;--fanui-glass-specular-size-base: 140px;--fanui-glass-specular-size-k: 160px;--fanui-glass-shadow-rgb: 2, 6, 23;--fanui-glass-shadow-a: 0.45;--fanui-glass-shadow-k: 0.10;--fanui-glass-shadow-y-k: 8px;--fanui-glass-shadow-blur-k: 30px;--fanui-glass-shadow-spread-k: -12px;--fanui-glass-inner-hi: 0.14;--fanui-glass-divider-rgb: 255, 255, 255;--fanui-glass-divider-a: 0.1;--fanui-glass-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.28);--fanui-glass-mx: 30%;--fanui-glass-my: 0%;--fanui-glass-surface-rgb: 15, 23, 42;--fanui-glass-border-solid-rgb: 43, 54, 72;--fanui-glass-fallback-bg: var(--fanui-color-surface);--fanui-glass-filter: blur(calc(24px * var(--fanui-glass-intensity) * 1.09)) saturate(calc(100% + 56% * var(--fanui-glass-intensity))) brightness(calc(100% + 10% * var(--fanui-glass-intensity)));--fanui-glass-bg: rgba( 12, 19, 33, calc(0.46 + 0.28 * var(--fanui-glass-intensity)) );--fanui-glass-sheen: linear-gradient( 180deg, rgba(255, 255, 255, calc(0.09 * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46% );--fanui-glass-border-width: 1px;--fanui-glass-border: rgba(255, 255, 255, calc(0.16 + 0.16 * var(--fanui-glass-intensity)));--fanui-glass-edge-width: calc(1px + 0.5px * var(--fanui-glass-intensity));--fanui-glass-edge-hi: rgba(255, 255, 255, calc(0.26 * min(1, var(--fanui-glass-intensity))));--fanui-glass-edge-lo: rgba(255, 255, 255, calc(0.05 * var(--fanui-glass-intensity)));--fanui-glass-specular: rgba( 255, 255, 255, calc(0.15 * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha)) );--fanui-glass-specular-size: calc(140px + 160px * var(--fanui-glass-intensity));--fanui-glass-layer: radial-gradient( var(--fanui-glass-specular-size) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), var(--fanui-glass-specular), transparent 70% ), var(--fanui-glass-sheen);--fanui-glass-shadow: 0 calc(8px * var(--fanui-glass-intensity)) calc(30px * var(--fanui-glass-intensity)) calc(-12px * var(--fanui-glass-intensity)) rgba(2, 6, 23, calc(0.45 + 0.10 * var(--fanui-glass-intensity))), inset 0 1px 0 rgba(255, 255, 255, calc(0.14 * min(1, var(--fanui-glass-intensity))));--fanui-glass-divider: rgba(255, 255, 255, calc(0.1 * var(--fanui-glass-intensity)))}}:root[data-fanui-theme=light]{--fanui-color-bg: #f1f5f9;--fanui-color-bg-subtle: #f8fafc;--fanui-color-surface: #ffffff;--fanui-color-surface-raised: #ffffff;--fanui-color-surface-sunken: #f1f5f9;--fanui-color-overlay: #ffffff;--fanui-color-text: #0f172a;--fanui-color-text-strong: #020617;--fanui-color-text-muted: #475569;--fanui-color-text-subtle: #5b6b80;--fanui-color-text-inverse: #ffffff;--fanui-color-border: #e2e8f0;--fanui-color-border-subtle: #f1f5f9;--fanui-color-border-strong: #cbd5e1;--fanui-color-hover: #f1f5f9;--fanui-color-active: #e2e8f0;--fanui-color-disabled-bg: #f1f5f9;--fanui-color-disabled-text: #5b6b80;--fanui-glass-intensity: 1;--fanui-glass-blur-base: 22px;--fanui-glass-blur-mode-k: 1;--fanui-glass-tint-base: 0.3;--fanui-glass-tint-k: 0.24;--fanui-glass-tint-rgb: 255, 255, 255;--fanui-glass-sat-k: 70%;--fanui-glass-bri-k: 8%;--fanui-glass-sheen-a: 0.16;--fanui-glass-border-rgb: 255, 255, 255;--fanui-glass-border-a: 0.4;--fanui-glass-border-k: 0.3;--fanui-glass-edge-hi-a: 0.55;--fanui-glass-edge-lo-a: 0.06;--fanui-glass-edge-angle: 150deg;--fanui-glass-edge-alpha: 1;--fanui-glass-specular-rgb: 255, 255, 255;--fanui-glass-specular-a: 0.55;--fanui-glass-specular-alpha: 1;--fanui-glass-specular-size-base: 140px;--fanui-glass-specular-size-k: 160px;--fanui-glass-shadow-rgb: 2, 6, 23;--fanui-glass-shadow-a: 0.14;--fanui-glass-shadow-k: 0.10;--fanui-glass-shadow-y-k: 8px;--fanui-glass-shadow-blur-k: 30px;--fanui-glass-shadow-spread-k: -12px;--fanui-glass-inner-hi: 0.42;--fanui-glass-divider-rgb: 15, 23, 42;--fanui-glass-divider-a: 0.08;--fanui-glass-text-shadow: 0 1px 1px rgba(15, 23, 42, 0.05);--fanui-glass-mx: 30%;--fanui-glass-my: 0%;--fanui-glass-surface-rgb: 255, 255, 255;--fanui-glass-border-solid-rgb: 226, 232, 240;--fanui-glass-fallback-bg: var(--fanui-color-surface);--fanui-glass-filter: blur(calc(22px * var(--fanui-glass-intensity) * 1)) saturate(calc(100% + 70% * var(--fanui-glass-intensity))) brightness(calc(100% + 8% * var(--fanui-glass-intensity)));--fanui-glass-bg: rgba( 255, 255, 255, calc(0.3 + 0.24 * var(--fanui-glass-intensity)) );--fanui-glass-sheen: linear-gradient( 180deg, rgba(255, 255, 255, calc(0.16 * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46% );--fanui-glass-border-width: 1px;--fanui-glass-border: rgba(255, 255, 255, calc(0.4 + 0.3 * var(--fanui-glass-intensity)));--fanui-glass-edge-width: calc(1px + 0.5px * var(--fanui-glass-intensity));--fanui-glass-edge-hi: rgba(255, 255, 255, calc(0.55 * min(1, var(--fanui-glass-intensity))));--fanui-glass-edge-lo: rgba(255, 255, 255, calc(0.06 * var(--fanui-glass-intensity)));--fanui-glass-specular: rgba( 255, 255, 255, calc(0.55 * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha)) );--fanui-glass-specular-size: calc(140px + 160px * var(--fanui-glass-intensity));--fanui-glass-layer: radial-gradient( var(--fanui-glass-specular-size) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), var(--fanui-glass-specular), transparent 70% ), var(--fanui-glass-sheen);--fanui-glass-shadow: 0 calc(8px * var(--fanui-glass-intensity)) calc(30px * var(--fanui-glass-intensity)) calc(-12px * var(--fanui-glass-intensity)) rgba(2, 6, 23, calc(0.14 + 0.10 * var(--fanui-glass-intensity))), inset 0 1px 0 rgba(255, 255, 255, calc(0.42 * min(1, var(--fanui-glass-intensity))));--fanui-glass-divider: rgba(15, 23, 42, calc(0.08 * var(--fanui-glass-intensity)))}:root{--fanui-primary: #0e7490;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(4.9960784314%, 41.3960784314%, 51.3882352941%);--fanui-primary-active: rgb(4.5568627451%, 37.7568627451%, 46.8705882353%);--fanui-primary-vivid: #06b6d4;--fanui-primary-vivid-2: #0891b2;--fanui-primary-soft: #ecfeff;--fanui-primary-soft-2: #cffafe;--fanui-primary-border: #a5f3fc;--fanui-primary-ink: #155e75;--fanui-primary-ring: rgba(6, 182, 212, 0.3);--fanui-primary-glow: rgba(6, 182, 212, 0.42);--fanui-primary-grad-a: #06b6d4;--fanui-primary-grad-b: #0891b2;--fanui-primary-50: #ecfeff;--fanui-primary-100: #cffafe;--fanui-primary-200: #a5f3fc;--fanui-primary-300: #67e8f9;--fanui-primary-400: #22d3ee;--fanui-primary-500: #06b6d4;--fanui-primary-600: #0891b2;--fanui-primary-700: #0e7490;--fanui-primary-800: #155e75;--fanui-primary-900: #164e63;--fanui-primary-950: #083344;--fanui-accent: #7c3aed;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(44.2509803922%, 20.6980392157%, 84.5764705882%);--fanui-accent-active: rgb(40.3607843137%, 18.8784313725%, 77.1411764706%);--fanui-accent-vivid: #8b5cf6;--fanui-accent-vivid-2: #7c3aed;--fanui-accent-soft: #f5f3ff;--fanui-accent-soft-2: #ede9fe;--fanui-accent-border: #ddd6fe;--fanui-accent-ink: #5b21b6;--fanui-accent-ring: rgba(139, 92, 246, 0.3);--fanui-accent-glow: rgba(139, 92, 246, 0.42);--fanui-accent-grad-a: #8b5cf6;--fanui-accent-grad-b: #7c3aed;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(6, 182, 212, 0.16), rgba(139, 92, 246, 0.14) );--fanui-brand-aura-a: rgba(6, 182, 212, 0.38);--fanui-brand-aura-b: rgba(139, 92, 246, 0.3);--fanui-brand-name: "cyan"}[data-fanui-accent=cyan],.fanui-accent-cyan{--fanui-primary: #0e7490;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(4.9960784314%, 41.3960784314%, 51.3882352941%);--fanui-primary-active: rgb(4.5568627451%, 37.7568627451%, 46.8705882353%);--fanui-primary-vivid: #06b6d4;--fanui-primary-vivid-2: #0891b2;--fanui-primary-soft: #ecfeff;--fanui-primary-soft-2: #cffafe;--fanui-primary-border: #a5f3fc;--fanui-primary-ink: #155e75;--fanui-primary-ring: rgba(6, 182, 212, 0.3);--fanui-primary-glow: rgba(6, 182, 212, 0.42);--fanui-primary-grad-a: #06b6d4;--fanui-primary-grad-b: #0891b2;--fanui-primary-50: #ecfeff;--fanui-primary-100: #cffafe;--fanui-primary-200: #a5f3fc;--fanui-primary-300: #67e8f9;--fanui-primary-400: #22d3ee;--fanui-primary-500: #06b6d4;--fanui-primary-600: #0891b2;--fanui-primary-700: #0e7490;--fanui-primary-800: #155e75;--fanui-primary-900: #164e63;--fanui-primary-950: #083344;--fanui-accent: #7c3aed;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(44.2509803922%, 20.6980392157%, 84.5764705882%);--fanui-accent-active: rgb(40.3607843137%, 18.8784313725%, 77.1411764706%);--fanui-accent-vivid: #8b5cf6;--fanui-accent-vivid-2: #7c3aed;--fanui-accent-soft: #f5f3ff;--fanui-accent-soft-2: #ede9fe;--fanui-accent-border: #ddd6fe;--fanui-accent-ink: #5b21b6;--fanui-accent-ring: rgba(139, 92, 246, 0.3);--fanui-accent-glow: rgba(139, 92, 246, 0.42);--fanui-accent-grad-a: #8b5cf6;--fanui-accent-grad-b: #7c3aed;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(6, 182, 212, 0.16), rgba(139, 92, 246, 0.14) );--fanui-brand-aura-a: rgba(6, 182, 212, 0.38);--fanui-brand-aura-b: rgba(139, 92, 246, 0.3);--fanui-brand-name: "cyan"}[data-fanui-accent=sky],.fanui-accent-sky{--fanui-primary: #0369a1;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(1.0705882353%, 37.4705882353%, 57.4549019608%);--fanui-primary-active: rgb(0.9764705882%, 34.1764705882%, 52.4039215686%);--fanui-primary-vivid: #0ea5e9;--fanui-primary-vivid-2: #0284c7;--fanui-primary-soft: #f0f9ff;--fanui-primary-soft-2: #e0f2fe;--fanui-primary-border: #bae6fd;--fanui-primary-ink: #075985;--fanui-primary-ring: rgba(14, 165, 233, 0.3);--fanui-primary-glow: rgba(14, 165, 233, 0.42);--fanui-primary-grad-a: #0ea5e9;--fanui-primary-grad-b: #0284c7;--fanui-primary-50: #f0f9ff;--fanui-primary-100: #e0f2fe;--fanui-primary-200: #bae6fd;--fanui-primary-300: #7dd3fc;--fanui-primary-400: #38bdf8;--fanui-primary-500: #0ea5e9;--fanui-primary-600: #0284c7;--fanui-primary-700: #0369a1;--fanui-primary-800: #075985;--fanui-primary-900: #0c4a6e;--fanui-primary-950: #082f49;--fanui-accent: #7c3aed;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(44.2509803922%, 20.6980392157%, 84.5764705882%);--fanui-accent-active: rgb(40.3607843137%, 18.8784313725%, 77.1411764706%);--fanui-accent-vivid: #8b5cf6;--fanui-accent-vivid-2: #7c3aed;--fanui-accent-soft: #f5f3ff;--fanui-accent-soft-2: #ede9fe;--fanui-accent-border: #ddd6fe;--fanui-accent-ink: #5b21b6;--fanui-accent-ring: rgba(139, 92, 246, 0.3);--fanui-accent-glow: rgba(139, 92, 246, 0.42);--fanui-accent-grad-a: #8b5cf6;--fanui-accent-grad-b: #7c3aed;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(14, 165, 233, 0.16), rgba(139, 92, 246, 0.14) );--fanui-brand-aura-a: rgba(14, 165, 233, 0.38);--fanui-brand-aura-b: rgba(139, 92, 246, 0.3);--fanui-brand-name: "sky"}[data-fanui-accent=blue],.fanui-accent-blue{--fanui-primary: #2563eb;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(13.2039215686%, 35.3294117647%, 83.862745098%);--fanui-primary-active: rgb(12.0431372549%, 32.2235294118%, 76.4901960784%);--fanui-primary-vivid: #3b82f6;--fanui-primary-vivid-2: #2563eb;--fanui-primary-soft: #eff6ff;--fanui-primary-soft-2: #dbeafe;--fanui-primary-border: #bfdbfe;--fanui-primary-ink: #1e40af;--fanui-primary-ring: rgba(59, 130, 246, 0.3);--fanui-primary-glow: rgba(59, 130, 246, 0.42);--fanui-primary-grad-a: #3b82f6;--fanui-primary-grad-b: #2563eb;--fanui-primary-50: #eff6ff;--fanui-primary-100: #dbeafe;--fanui-primary-200: #bfdbfe;--fanui-primary-300: #93c5fd;--fanui-primary-400: #60a5fa;--fanui-primary-500: #3b82f6;--fanui-primary-600: #2563eb;--fanui-primary-700: #1d4ed8;--fanui-primary-800: #1e40af;--fanui-primary-900: #1e3a8a;--fanui-primary-950: #172554;--fanui-accent: #0e7490;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(4.9960784314%, 41.3960784314%, 51.3882352941%);--fanui-accent-active: rgb(4.5568627451%, 37.7568627451%, 46.8705882353%);--fanui-accent-vivid: #06b6d4;--fanui-accent-vivid-2: #0891b2;--fanui-accent-soft: #ecfeff;--fanui-accent-soft-2: #cffafe;--fanui-accent-border: #a5f3fc;--fanui-accent-ink: #155e75;--fanui-accent-ring: rgba(6, 182, 212, 0.3);--fanui-accent-glow: rgba(6, 182, 212, 0.42);--fanui-accent-grad-a: #06b6d4;--fanui-accent-grad-b: #0891b2;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(59, 130, 246, 0.16), rgba(6, 182, 212, 0.14) );--fanui-brand-aura-a: rgba(59, 130, 246, 0.38);--fanui-brand-aura-b: rgba(6, 182, 212, 0.3);--fanui-brand-name: "blue"}[data-fanui-accent=indigo],.fanui-accent-indigo{--fanui-primary: #4f46e5;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(28.1921568627%, 24.9803921569%, 81.7215686275%);--fanui-primary-active: rgb(25.7137254902%, 22.7843137255%, 74.537254902%);--fanui-primary-vivid: #6366f1;--fanui-primary-vivid-2: #4f46e5;--fanui-primary-soft: #eef2ff;--fanui-primary-soft-2: #e0e7ff;--fanui-primary-border: #c7d2fe;--fanui-primary-ink: #3730a3;--fanui-primary-ring: rgba(99, 102, 241, 0.3);--fanui-primary-glow: rgba(99, 102, 241, 0.42);--fanui-primary-grad-a: #6366f1;--fanui-primary-grad-b: #4f46e5;--fanui-primary-50: #eef2ff;--fanui-primary-100: #e0e7ff;--fanui-primary-200: #c7d2fe;--fanui-primary-300: #a5b4fc;--fanui-primary-400: #818cf8;--fanui-primary-500: #6366f1;--fanui-primary-600: #4f46e5;--fanui-primary-700: #4338ca;--fanui-primary-800: #3730a3;--fanui-primary-900: #312e81;--fanui-primary-950: #1e1b4b;--fanui-accent: #0e7490;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(4.9960784314%, 41.3960784314%, 51.3882352941%);--fanui-accent-active: rgb(4.5568627451%, 37.7568627451%, 46.8705882353%);--fanui-accent-vivid: #06b6d4;--fanui-accent-vivid-2: #0891b2;--fanui-accent-soft: #ecfeff;--fanui-accent-soft-2: #cffafe;--fanui-accent-border: #a5f3fc;--fanui-accent-ink: #155e75;--fanui-accent-ring: rgba(6, 182, 212, 0.3);--fanui-accent-glow: rgba(6, 182, 212, 0.42);--fanui-accent-grad-a: #06b6d4;--fanui-accent-grad-b: #0891b2;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(99, 102, 241, 0.16), rgba(6, 182, 212, 0.14) );--fanui-brand-aura-a: rgba(99, 102, 241, 0.38);--fanui-brand-aura-b: rgba(6, 182, 212, 0.3);--fanui-brand-name: "indigo"}[data-fanui-accent=violet],.fanui-accent-violet{--fanui-primary: #7c3aed;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(44.2509803922%, 20.6980392157%, 84.5764705882%);--fanui-primary-active: rgb(40.3607843137%, 18.8784313725%, 77.1411764706%);--fanui-primary-vivid: #8b5cf6;--fanui-primary-vivid-2: #7c3aed;--fanui-primary-soft: #f5f3ff;--fanui-primary-soft-2: #ede9fe;--fanui-primary-border: #ddd6fe;--fanui-primary-ink: #5b21b6;--fanui-primary-ring: rgba(139, 92, 246, 0.3);--fanui-primary-glow: rgba(139, 92, 246, 0.42);--fanui-primary-grad-a: #8b5cf6;--fanui-primary-grad-b: #7c3aed;--fanui-primary-50: #f5f3ff;--fanui-primary-100: #ede9fe;--fanui-primary-200: #ddd6fe;--fanui-primary-300: #c4b5fd;--fanui-primary-400: #a78bfa;--fanui-primary-500: #8b5cf6;--fanui-primary-600: #7c3aed;--fanui-primary-700: #6d28d9;--fanui-primary-800: #5b21b6;--fanui-primary-900: #4c1d95;--fanui-primary-950: #2e1065;--fanui-accent: #0e7490;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(4.9960784314%, 41.3960784314%, 51.3882352941%);--fanui-accent-active: rgb(4.5568627451%, 37.7568627451%, 46.8705882353%);--fanui-accent-vivid: #06b6d4;--fanui-accent-vivid-2: #0891b2;--fanui-accent-soft: #ecfeff;--fanui-accent-soft-2: #cffafe;--fanui-accent-border: #a5f3fc;--fanui-accent-ink: #155e75;--fanui-accent-ring: rgba(6, 182, 212, 0.3);--fanui-accent-glow: rgba(6, 182, 212, 0.42);--fanui-accent-grad-a: #06b6d4;--fanui-accent-grad-b: #0891b2;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(139, 92, 246, 0.16), rgba(6, 182, 212, 0.14) );--fanui-brand-aura-a: rgba(139, 92, 246, 0.38);--fanui-brand-aura-b: rgba(6, 182, 212, 0.3);--fanui-brand-name: "violet"}[data-fanui-accent=purple],.fanui-accent-purple{--fanui-primary: #9333ea;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(52.4588235294%, 18.2%, 83.5058823529%);--fanui-primary-active: rgb(47.8470588235%, 16.6%, 76.1647058824%);--fanui-primary-vivid: #a855f7;--fanui-primary-vivid-2: #9333ea;--fanui-primary-soft: #faf5ff;--fanui-primary-soft-2: #f3e8ff;--fanui-primary-border: #e9d5ff;--fanui-primary-ink: #6b21a8;--fanui-primary-ring: rgba(168, 85, 247, 0.3);--fanui-primary-glow: rgba(168, 85, 247, 0.42);--fanui-primary-grad-a: #a855f7;--fanui-primary-grad-b: #9333ea;--fanui-primary-50: #faf5ff;--fanui-primary-100: #f3e8ff;--fanui-primary-200: #e9d5ff;--fanui-primary-300: #d8b4fe;--fanui-primary-400: #c084fc;--fanui-primary-500: #a855f7;--fanui-primary-600: #9333ea;--fanui-primary-700: #7e22ce;--fanui-primary-800: #6b21a8;--fanui-primary-900: #581c87;--fanui-primary-950: #3b0764;--fanui-accent: #db2777;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(78.1529411765%, 13.9176470588%, 42.4666666667%);--fanui-accent-active: rgb(71.2823529412%, 12.6941176471%, 38.7333333333%);--fanui-accent-vivid: #ec4899;--fanui-accent-vivid-2: #db2777;--fanui-accent-soft: #fdf2f8;--fanui-accent-soft-2: #fce7f3;--fanui-accent-border: #fbcfe8;--fanui-accent-ink: #9d174d;--fanui-accent-ring: rgba(236, 72, 153, 0.3);--fanui-accent-glow: rgba(236, 72, 153, 0.42);--fanui-accent-grad-a: #ec4899;--fanui-accent-grad-b: #db2777;--fanui-accent-50: #fdf2f8;--fanui-accent-100: #fce7f3;--fanui-accent-200: #fbcfe8;--fanui-accent-300: #f9a8d4;--fanui-accent-400: #f472b6;--fanui-accent-500: #ec4899;--fanui-accent-600: #db2777;--fanui-accent-700: #be185d;--fanui-accent-800: #9d174d;--fanui-accent-900: #831843;--fanui-accent-950: #500724;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(168, 85, 247, 0.16), rgba(236, 72, 153, 0.14) );--fanui-brand-aura-a: rgba(168, 85, 247, 0.38);--fanui-brand-aura-b: rgba(236, 72, 153, 0.3);--fanui-brand-name: "purple"}[data-fanui-accent=pink],.fanui-accent-pink{--fanui-primary: #db2777;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(78.1529411765%, 13.9176470588%, 42.4666666667%);--fanui-primary-active: rgb(71.2823529412%, 12.6941176471%, 38.7333333333%);--fanui-primary-vivid: #ec4899;--fanui-primary-vivid-2: #db2777;--fanui-primary-soft: #fdf2f8;--fanui-primary-soft-2: #fce7f3;--fanui-primary-border: #fbcfe8;--fanui-primary-ink: #9d174d;--fanui-primary-ring: rgba(236, 72, 153, 0.3);--fanui-primary-glow: rgba(236, 72, 153, 0.42);--fanui-primary-grad-a: #ec4899;--fanui-primary-grad-b: #db2777;--fanui-primary-50: #fdf2f8;--fanui-primary-100: #fce7f3;--fanui-primary-200: #fbcfe8;--fanui-primary-300: #f9a8d4;--fanui-primary-400: #f472b6;--fanui-primary-500: #ec4899;--fanui-primary-600: #db2777;--fanui-primary-700: #be185d;--fanui-primary-800: #9d174d;--fanui-primary-900: #831843;--fanui-primary-950: #500724;--fanui-accent: #7c3aed;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(44.2509803922%, 20.6980392157%, 84.5764705882%);--fanui-accent-active: rgb(40.3607843137%, 18.8784313725%, 77.1411764706%);--fanui-accent-vivid: #8b5cf6;--fanui-accent-vivid-2: #7c3aed;--fanui-accent-soft: #f5f3ff;--fanui-accent-soft-2: #ede9fe;--fanui-accent-border: #ddd6fe;--fanui-accent-ink: #5b21b6;--fanui-accent-ring: rgba(139, 92, 246, 0.3);--fanui-accent-glow: rgba(139, 92, 246, 0.42);--fanui-accent-grad-a: #8b5cf6;--fanui-accent-grad-b: #7c3aed;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(236, 72, 153, 0.16), rgba(139, 92, 246, 0.14) );--fanui-brand-aura-a: rgba(236, 72, 153, 0.38);--fanui-brand-aura-b: rgba(139, 92, 246, 0.3);--fanui-brand-name: "pink"}[data-fanui-accent=rose],.fanui-accent-rose{--fanui-primary: #e11d48;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(80.2941176471%, 10.3490196078%, 25.6941176471%);--fanui-primary-active: rgb(73.2352941176%, 9.4392156863%, 23.4352941176%);--fanui-primary-vivid: #f43f5e;--fanui-primary-vivid-2: #e11d48;--fanui-primary-soft: #fff1f2;--fanui-primary-soft-2: #ffe4e6;--fanui-primary-border: #fecdd3;--fanui-primary-ink: #9f1239;--fanui-primary-ring: rgba(244, 63, 94, 0.3);--fanui-primary-glow: rgba(244, 63, 94, 0.42);--fanui-primary-grad-a: #f43f5e;--fanui-primary-grad-b: #e11d48;--fanui-primary-50: #fff1f2;--fanui-primary-100: #ffe4e6;--fanui-primary-200: #fecdd3;--fanui-primary-300: #fda4af;--fanui-primary-400: #fb7185;--fanui-primary-500: #f43f5e;--fanui-primary-600: #e11d48;--fanui-primary-700: #be123c;--fanui-primary-800: #9f1239;--fanui-primary-900: #881337;--fanui-primary-950: #4c0519;--fanui-accent: #c2410c;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(69.231372549%, 23.1960784314%, 4.2823529412%);--fanui-accent-active: rgb(63.1450980392%, 21.1568627451%, 3.9058823529%);--fanui-accent-vivid: #f97316;--fanui-accent-vivid-2: #ea580c;--fanui-accent-soft: #fff7ed;--fanui-accent-soft-2: #ffedd5;--fanui-accent-border: #fed7aa;--fanui-accent-ink: #9a3412;--fanui-accent-ring: rgba(249, 115, 22, 0.3);--fanui-accent-glow: rgba(249, 115, 22, 0.42);--fanui-accent-grad-a: #f97316;--fanui-accent-grad-b: #ea580c;--fanui-accent-50: #fff7ed;--fanui-accent-100: #ffedd5;--fanui-accent-200: #fed7aa;--fanui-accent-300: #fdba74;--fanui-accent-400: #fb923c;--fanui-accent-500: #f97316;--fanui-accent-600: #ea580c;--fanui-accent-700: #c2410c;--fanui-accent-800: #9a3412;--fanui-accent-900: #7c2d12;--fanui-accent-950: #431407;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(244, 63, 94, 0.16), rgba(249, 115, 22, 0.14) );--fanui-brand-aura-a: rgba(244, 63, 94, 0.38);--fanui-brand-aura-b: rgba(249, 115, 22, 0.3);--fanui-brand-name: "rose"}[data-fanui-accent=red],.fanui-accent-red{--fanui-primary: #dc2626;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(78.5098039216%, 13.5607843137%, 13.5607843137%);--fanui-primary-active: rgb(71.6078431373%, 12.368627451%, 12.368627451%);--fanui-primary-vivid: #ef4444;--fanui-primary-vivid-2: #dc2626;--fanui-primary-soft: #fef2f2;--fanui-primary-soft-2: #fee2e2;--fanui-primary-border: #fecaca;--fanui-primary-ink: #991b1b;--fanui-primary-ring: rgba(239, 68, 68, 0.3);--fanui-primary-glow: rgba(239, 68, 68, 0.42);--fanui-primary-grad-a: #ef4444;--fanui-primary-grad-b: #dc2626;--fanui-primary-50: #fef2f2;--fanui-primary-100: #fee2e2;--fanui-primary-200: #fecaca;--fanui-primary-300: #fca5a5;--fanui-primary-400: #f87171;--fanui-primary-500: #ef4444;--fanui-primary-600: #dc2626;--fanui-primary-700: #b91c1c;--fanui-primary-800: #991b1b;--fanui-primary-900: #7f1d1d;--fanui-primary-950: #450a0a;--fanui-accent: #e11d48;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(80.2941176471%, 10.3490196078%, 25.6941176471%);--fanui-accent-active: rgb(73.2352941176%, 9.4392156863%, 23.4352941176%);--fanui-accent-vivid: #f43f5e;--fanui-accent-vivid-2: #e11d48;--fanui-accent-soft: #fff1f2;--fanui-accent-soft-2: #ffe4e6;--fanui-accent-border: #fecdd3;--fanui-accent-ink: #9f1239;--fanui-accent-ring: rgba(244, 63, 94, 0.3);--fanui-accent-glow: rgba(244, 63, 94, 0.42);--fanui-accent-grad-a: #f43f5e;--fanui-accent-grad-b: #e11d48;--fanui-accent-50: #fff1f2;--fanui-accent-100: #ffe4e6;--fanui-accent-200: #fecdd3;--fanui-accent-300: #fda4af;--fanui-accent-400: #fb7185;--fanui-accent-500: #f43f5e;--fanui-accent-600: #e11d48;--fanui-accent-700: #be123c;--fanui-accent-800: #9f1239;--fanui-accent-900: #881337;--fanui-accent-950: #4c0519;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(239, 68, 68, 0.16), rgba(244, 63, 94, 0.14) );--fanui-brand-aura-a: rgba(239, 68, 68, 0.38);--fanui-brand-aura-b: rgba(244, 63, 94, 0.3);--fanui-brand-name: "red"}[data-fanui-accent=orange],.fanui-accent-orange{--fanui-primary: #c2410c;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(69.231372549%, 23.1960784314%, 4.2823529412%);--fanui-primary-active: rgb(63.1450980392%, 21.1568627451%, 3.9058823529%);--fanui-primary-vivid: #f97316;--fanui-primary-vivid-2: #ea580c;--fanui-primary-soft: #fff7ed;--fanui-primary-soft-2: #ffedd5;--fanui-primary-border: #fed7aa;--fanui-primary-ink: #9a3412;--fanui-primary-ring: rgba(249, 115, 22, 0.3);--fanui-primary-glow: rgba(249, 115, 22, 0.42);--fanui-primary-grad-a: #f97316;--fanui-primary-grad-b: #ea580c;--fanui-primary-50: #fff7ed;--fanui-primary-100: #ffedd5;--fanui-primary-200: #fed7aa;--fanui-primary-300: #fdba74;--fanui-primary-400: #fb923c;--fanui-primary-500: #f97316;--fanui-primary-600: #ea580c;--fanui-primary-700: #c2410c;--fanui-primary-800: #9a3412;--fanui-primary-900: #7c2d12;--fanui-primary-950: #431407;--fanui-accent: #db2777;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(78.1529411765%, 13.9176470588%, 42.4666666667%);--fanui-accent-active: rgb(71.2823529412%, 12.6941176471%, 38.7333333333%);--fanui-accent-vivid: #ec4899;--fanui-accent-vivid-2: #db2777;--fanui-accent-soft: #fdf2f8;--fanui-accent-soft-2: #fce7f3;--fanui-accent-border: #fbcfe8;--fanui-accent-ink: #9d174d;--fanui-accent-ring: rgba(236, 72, 153, 0.3);--fanui-accent-glow: rgba(236, 72, 153, 0.42);--fanui-accent-grad-a: #ec4899;--fanui-accent-grad-b: #db2777;--fanui-accent-50: #fdf2f8;--fanui-accent-100: #fce7f3;--fanui-accent-200: #fbcfe8;--fanui-accent-300: #f9a8d4;--fanui-accent-400: #f472b6;--fanui-accent-500: #ec4899;--fanui-accent-600: #db2777;--fanui-accent-700: #be185d;--fanui-accent-800: #9d174d;--fanui-accent-900: #831843;--fanui-accent-950: #500724;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(249, 115, 22, 0.16), rgba(236, 72, 153, 0.14) );--fanui-brand-aura-a: rgba(249, 115, 22, 0.38);--fanui-brand-aura-b: rgba(236, 72, 153, 0.3);--fanui-brand-name: "orange"}[data-fanui-accent=emerald],.fanui-accent-emerald{--fanui-primary: #047857;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(1.4274509804%, 42.8235294118%, 31.0470588235%);--fanui-primary-active: rgb(1.3019607843%, 39.0588235294%, 28.3176470588%);--fanui-primary-vivid: #10b981;--fanui-primary-vivid-2: #059669;--fanui-primary-soft: #ecfdf5;--fanui-primary-soft-2: #d1fae5;--fanui-primary-border: #a7f3d0;--fanui-primary-ink: #065f46;--fanui-primary-ring: rgba(16, 185, 129, 0.3);--fanui-primary-glow: rgba(16, 185, 129, 0.42);--fanui-primary-grad-a: #10b981;--fanui-primary-grad-b: #059669;--fanui-primary-50: #ecfdf5;--fanui-primary-100: #d1fae5;--fanui-primary-200: #a7f3d0;--fanui-primary-300: #6ee7b7;--fanui-primary-400: #34d399;--fanui-primary-500: #10b981;--fanui-primary-600: #059669;--fanui-primary-700: #047857;--fanui-primary-800: #065f46;--fanui-primary-900: #064e3b;--fanui-primary-950: #022c22;--fanui-accent: #0e7490;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(4.9960784314%, 41.3960784314%, 51.3882352941%);--fanui-accent-active: rgb(4.5568627451%, 37.7568627451%, 46.8705882353%);--fanui-accent-vivid: #06b6d4;--fanui-accent-vivid-2: #0891b2;--fanui-accent-soft: #ecfeff;--fanui-accent-soft-2: #cffafe;--fanui-accent-border: #a5f3fc;--fanui-accent-ink: #155e75;--fanui-accent-ring: rgba(6, 182, 212, 0.3);--fanui-accent-glow: rgba(6, 182, 212, 0.42);--fanui-accent-grad-a: #06b6d4;--fanui-accent-grad-b: #0891b2;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(16, 185, 129, 0.16), rgba(6, 182, 212, 0.14) );--fanui-brand-aura-a: rgba(16, 185, 129, 0.38);--fanui-brand-aura-b: rgba(6, 182, 212, 0.3);--fanui-brand-name: "emerald"}[data-fanui-accent=teal],.fanui-accent-teal{--fanui-primary: #0f766e;--fanui-primary-fg: #ffffff;--fanui-primary-hover: rgb(5.3529411765%, 42.1098039216%, 39.2549019608%);--fanui-primary-active: rgb(4.8823529412%, 38.4078431373%, 35.8039215686%);--fanui-primary-vivid: #14b8a6;--fanui-primary-vivid-2: #0d9488;--fanui-primary-soft: #f0fdfa;--fanui-primary-soft-2: #ccfbf1;--fanui-primary-border: #99f6e4;--fanui-primary-ink: #115e59;--fanui-primary-ring: rgba(20, 184, 166, 0.3);--fanui-primary-glow: rgba(20, 184, 166, 0.42);--fanui-primary-grad-a: #14b8a6;--fanui-primary-grad-b: #0d9488;--fanui-primary-50: #f0fdfa;--fanui-primary-100: #ccfbf1;--fanui-primary-200: #99f6e4;--fanui-primary-300: #5eead4;--fanui-primary-400: #2dd4bf;--fanui-primary-500: #14b8a6;--fanui-primary-600: #0d9488;--fanui-primary-700: #0f766e;--fanui-primary-800: #115e59;--fanui-primary-900: #134e4a;--fanui-primary-950: #042f2e;--fanui-accent: #047857;--fanui-accent-fg: #ffffff;--fanui-accent-hover: rgb(1.4274509804%, 42.8235294118%, 31.0470588235%);--fanui-accent-active: rgb(1.3019607843%, 39.0588235294%, 28.3176470588%);--fanui-accent-vivid: #10b981;--fanui-accent-vivid-2: #059669;--fanui-accent-soft: #ecfdf5;--fanui-accent-soft-2: #d1fae5;--fanui-accent-border: #a7f3d0;--fanui-accent-ink: #065f46;--fanui-accent-ring: rgba(16, 185, 129, 0.3);--fanui-accent-glow: rgba(16, 185, 129, 0.42);--fanui-accent-grad-a: #10b981;--fanui-accent-grad-b: #059669;--fanui-accent-50: #ecfdf5;--fanui-accent-100: #d1fae5;--fanui-accent-200: #a7f3d0;--fanui-accent-300: #6ee7b7;--fanui-accent-400: #34d399;--fanui-accent-500: #10b981;--fanui-accent-600: #059669;--fanui-accent-700: #047857;--fanui-accent-800: #065f46;--fanui-accent-900: #064e3b;--fanui-accent-950: #022c22;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(20, 184, 166, 0.16), rgba(16, 185, 129, 0.14) );--fanui-brand-aura-a: rgba(20, 184, 166, 0.38);--fanui-brand-aura-b: rgba(16, 185, 129, 0.3);--fanui-brand-name: "teal"}[data-fanui-theme=dark],:root[data-fanui-theme=dark]{--fanui-primary: #06b6d4;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-primary-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-primary-vivid: #22d3ee;--fanui-primary-vivid-2: #67e8f9;--fanui-primary-soft: rgba(34, 211, 238, 0.16);--fanui-primary-soft-2: rgba(34, 211, 238, 0.26);--fanui-primary-border: rgba(34, 211, 238, 0.38);--fanui-primary-ink: #a5f3fc;--fanui-primary-ring: rgba(34, 211, 238, 0.3);--fanui-primary-glow: rgba(34, 211, 238, 0.42);--fanui-primary-grad-a: #22d3ee;--fanui-primary-grad-b: #67e8f9;--fanui-primary-50: #ecfeff;--fanui-primary-100: #cffafe;--fanui-primary-200: #a5f3fc;--fanui-primary-300: #67e8f9;--fanui-primary-400: #22d3ee;--fanui-primary-500: #06b6d4;--fanui-primary-600: #0891b2;--fanui-primary-700: #0e7490;--fanui-primary-800: #155e75;--fanui-primary-900: #164e63;--fanui-primary-950: #083344;--fanui-accent: #a78bfa;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(68.5960784314%, 58.6039215686%, 98.2156862745%);--fanui-accent-active: rgb(71.3568627451%, 62.2431372549%, 98.3725490196%);--fanui-accent-vivid: #a78bfa;--fanui-accent-vivid-2: #c4b5fd;--fanui-accent-soft: rgba(167, 139, 250, 0.16);--fanui-accent-soft-2: rgba(167, 139, 250, 0.26);--fanui-accent-border: rgba(167, 139, 250, 0.38);--fanui-accent-ink: #ddd6fe;--fanui-accent-ring: rgba(167, 139, 250, 0.3);--fanui-accent-glow: rgba(167, 139, 250, 0.42);--fanui-accent-grad-a: #a78bfa;--fanui-accent-grad-b: #c4b5fd;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(34, 211, 238, 0.16), rgba(167, 139, 250, 0.14) );--fanui-brand-aura-a: rgba(34, 211, 238, 0.38);--fanui-brand-aura-b: rgba(167, 139, 250, 0.3);--fanui-brand-name: "cyan"}[data-fanui-theme=dark][data-fanui-accent=cyan],[data-fanui-theme=dark] [data-fanui-accent=cyan],[data-fanui-theme=dark] .fanui-accent-cyan{--fanui-primary: #06b6d4;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-primary-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-primary-vivid: #22d3ee;--fanui-primary-vivid-2: #67e8f9;--fanui-primary-soft: rgba(34, 211, 238, 0.16);--fanui-primary-soft-2: rgba(34, 211, 238, 0.26);--fanui-primary-border: rgba(34, 211, 238, 0.38);--fanui-primary-ink: #a5f3fc;--fanui-primary-ring: rgba(34, 211, 238, 0.3);--fanui-primary-glow: rgba(34, 211, 238, 0.42);--fanui-primary-grad-a: #22d3ee;--fanui-primary-grad-b: #67e8f9;--fanui-primary-50: #ecfeff;--fanui-primary-100: #cffafe;--fanui-primary-200: #a5f3fc;--fanui-primary-300: #67e8f9;--fanui-primary-400: #22d3ee;--fanui-primary-500: #06b6d4;--fanui-primary-600: #0891b2;--fanui-primary-700: #0e7490;--fanui-primary-800: #155e75;--fanui-primary-900: #164e63;--fanui-primary-950: #083344;--fanui-accent: #a78bfa;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(68.5960784314%, 58.6039215686%, 98.2156862745%);--fanui-accent-active: rgb(71.3568627451%, 62.2431372549%, 98.3725490196%);--fanui-accent-vivid: #a78bfa;--fanui-accent-vivid-2: #c4b5fd;--fanui-accent-soft: rgba(167, 139, 250, 0.16);--fanui-accent-soft-2: rgba(167, 139, 250, 0.26);--fanui-accent-border: rgba(167, 139, 250, 0.38);--fanui-accent-ink: #ddd6fe;--fanui-accent-ring: rgba(167, 139, 250, 0.3);--fanui-accent-glow: rgba(167, 139, 250, 0.42);--fanui-accent-grad-a: #a78bfa;--fanui-accent-grad-b: #c4b5fd;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(34, 211, 238, 0.16), rgba(167, 139, 250, 0.14) );--fanui-brand-aura-a: rgba(34, 211, 238, 0.38);--fanui-brand-aura-b: rgba(167, 139, 250, 0.3);--fanui-brand-name: "cyan"}[data-fanui-theme=dark][data-fanui-accent=sky],[data-fanui-theme=dark] [data-fanui-accent=sky],[data-fanui-theme=dark] .fanui-accent-sky{--fanui-primary: #0ea5e9;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(13.9960784314%, 67.8823529412%, 92.1490196078%);--fanui-primary-active: rgb(21.5568627451%, 70.7058823529%, 92.8392156863%);--fanui-primary-vivid: #38bdf8;--fanui-primary-vivid-2: #7dd3fc;--fanui-primary-soft: rgba(56, 189, 248, 0.16);--fanui-primary-soft-2: rgba(56, 189, 248, 0.26);--fanui-primary-border: rgba(56, 189, 248, 0.38);--fanui-primary-ink: #bae6fd;--fanui-primary-ring: rgba(56, 189, 248, 0.3);--fanui-primary-glow: rgba(56, 189, 248, 0.42);--fanui-primary-grad-a: #38bdf8;--fanui-primary-grad-b: #7dd3fc;--fanui-primary-50: #f0f9ff;--fanui-primary-100: #e0f2fe;--fanui-primary-200: #bae6fd;--fanui-primary-300: #7dd3fc;--fanui-primary-400: #38bdf8;--fanui-primary-500: #0ea5e9;--fanui-primary-600: #0284c7;--fanui-primary-700: #0369a1;--fanui-primary-800: #075985;--fanui-primary-900: #0c4a6e;--fanui-primary-950: #082f49;--fanui-accent: #a78bfa;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(68.5960784314%, 58.6039215686%, 98.2156862745%);--fanui-accent-active: rgb(71.3568627451%, 62.2431372549%, 98.3725490196%);--fanui-accent-vivid: #a78bfa;--fanui-accent-vivid-2: #c4b5fd;--fanui-accent-soft: rgba(167, 139, 250, 0.16);--fanui-accent-soft-2: rgba(167, 139, 250, 0.26);--fanui-accent-border: rgba(167, 139, 250, 0.38);--fanui-accent-ink: #ddd6fe;--fanui-accent-ring: rgba(167, 139, 250, 0.3);--fanui-accent-glow: rgba(167, 139, 250, 0.42);--fanui-accent-grad-a: #a78bfa;--fanui-accent-grad-b: #c4b5fd;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(56, 189, 248, 0.16), rgba(167, 139, 250, 0.14) );--fanui-brand-aura-a: rgba(56, 189, 248, 0.38);--fanui-brand-aura-b: rgba(167, 139, 250, 0.3);--fanui-brand-name: "sky"}[data-fanui-theme=dark][data-fanui-accent=blue],[data-fanui-theme=dark] [data-fanui-accent=blue],[data-fanui-theme=dark] .fanui-accent-blue{--fanui-primary: #3b82f6;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(30.0549019608%, 55.3921568627%, 96.7882352941%);--fanui-primary-active: rgb(36.2039215686%, 59.3137254902%, 97.0705882353%);--fanui-primary-vivid: #60a5fa;--fanui-primary-vivid-2: #93c5fd;--fanui-primary-soft: rgba(96, 165, 250, 0.16);--fanui-primary-soft-2: rgba(96, 165, 250, 0.26);--fanui-primary-border: rgba(96, 165, 250, 0.38);--fanui-primary-ink: #bfdbfe;--fanui-primary-ring: rgba(96, 165, 250, 0.3);--fanui-primary-glow: rgba(96, 165, 250, 0.42);--fanui-primary-grad-a: #60a5fa;--fanui-primary-grad-b: #93c5fd;--fanui-primary-50: #eff6ff;--fanui-primary-100: #dbeafe;--fanui-primary-200: #bfdbfe;--fanui-primary-300: #93c5fd;--fanui-primary-400: #60a5fa;--fanui-primary-500: #3b82f6;--fanui-primary-600: #2563eb;--fanui-primary-700: #1d4ed8;--fanui-primary-800: #1e40af;--fanui-primary-900: #1e3a8a;--fanui-primary-950: #172554;--fanui-accent: #06b6d4;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-accent-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-accent-vivid: #22d3ee;--fanui-accent-vivid-2: #67e8f9;--fanui-accent-soft: rgba(34, 211, 238, 0.16);--fanui-accent-soft-2: rgba(34, 211, 238, 0.26);--fanui-accent-border: rgba(34, 211, 238, 0.38);--fanui-accent-ink: #a5f3fc;--fanui-accent-ring: rgba(34, 211, 238, 0.3);--fanui-accent-glow: rgba(34, 211, 238, 0.42);--fanui-accent-grad-a: #22d3ee;--fanui-accent-grad-b: #67e8f9;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(96, 165, 250, 0.16), rgba(34, 211, 238, 0.14) );--fanui-brand-aura-a: rgba(96, 165, 250, 0.38);--fanui-brand-aura-b: rgba(34, 211, 238, 0.3);--fanui-brand-name: "blue"}[data-fanui-theme=dark][data-fanui-accent=indigo],[data-fanui-theme=dark] [data-fanui-accent=indigo],[data-fanui-theme=dark] .fanui-accent-indigo{--fanui-primary: #818cf8;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(55.0352941176%, 58.9607843137%, 97.5019607843%);--fanui-primary-active: rgb(58.9882352941%, 62.568627451%, 97.7215686275%);--fanui-primary-vivid: #818cf8;--fanui-primary-vivid-2: #a5b4fc;--fanui-primary-soft: rgba(129, 140, 248, 0.16);--fanui-primary-soft-2: rgba(129, 140, 248, 0.26);--fanui-primary-border: rgba(129, 140, 248, 0.38);--fanui-primary-ink: #c7d2fe;--fanui-primary-ring: rgba(129, 140, 248, 0.3);--fanui-primary-glow: rgba(129, 140, 248, 0.42);--fanui-primary-grad-a: #818cf8;--fanui-primary-grad-b: #a5b4fc;--fanui-primary-50: #eef2ff;--fanui-primary-100: #e0e7ff;--fanui-primary-200: #c7d2fe;--fanui-primary-300: #a5b4fc;--fanui-primary-400: #818cf8;--fanui-primary-500: #6366f1;--fanui-primary-600: #4f46e5;--fanui-primary-700: #4338ca;--fanui-primary-800: #3730a3;--fanui-primary-900: #312e81;--fanui-primary-950: #1e1b4b;--fanui-accent: #06b6d4;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-accent-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-accent-vivid: #22d3ee;--fanui-accent-vivid-2: #67e8f9;--fanui-accent-soft: rgba(34, 211, 238, 0.16);--fanui-accent-soft-2: rgba(34, 211, 238, 0.26);--fanui-accent-border: rgba(34, 211, 238, 0.38);--fanui-accent-ink: #a5f3fc;--fanui-accent-ring: rgba(34, 211, 238, 0.3);--fanui-accent-glow: rgba(34, 211, 238, 0.42);--fanui-accent-grad-a: #22d3ee;--fanui-accent-grad-b: #67e8f9;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(129, 140, 248, 0.16), rgba(34, 211, 238, 0.14) );--fanui-brand-aura-a: rgba(129, 140, 248, 0.38);--fanui-brand-aura-b: rgba(34, 211, 238, 0.3);--fanui-brand-name: "indigo"}[data-fanui-theme=dark][data-fanui-accent=violet],[data-fanui-theme=dark] [data-fanui-accent=violet],[data-fanui-theme=dark] .fanui-accent-violet{--fanui-primary: #a78bfa;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(68.5960784314%, 58.6039215686%, 98.2156862745%);--fanui-primary-active: rgb(71.3568627451%, 62.2431372549%, 98.3725490196%);--fanui-primary-vivid: #a78bfa;--fanui-primary-vivid-2: #c4b5fd;--fanui-primary-soft: rgba(167, 139, 250, 0.16);--fanui-primary-soft-2: rgba(167, 139, 250, 0.26);--fanui-primary-border: rgba(167, 139, 250, 0.38);--fanui-primary-ink: #ddd6fe;--fanui-primary-ring: rgba(167, 139, 250, 0.3);--fanui-primary-glow: rgba(167, 139, 250, 0.42);--fanui-primary-grad-a: #a78bfa;--fanui-primary-grad-b: #c4b5fd;--fanui-primary-50: #f5f3ff;--fanui-primary-100: #ede9fe;--fanui-primary-200: #ddd6fe;--fanui-primary-300: #c4b5fd;--fanui-primary-400: #a78bfa;--fanui-primary-500: #8b5cf6;--fanui-primary-600: #7c3aed;--fanui-primary-700: #6d28d9;--fanui-primary-800: #5b21b6;--fanui-primary-900: #4c1d95;--fanui-primary-950: #2e1065;--fanui-accent: #06b6d4;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-accent-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-accent-vivid: #22d3ee;--fanui-accent-vivid-2: #67e8f9;--fanui-accent-soft: rgba(34, 211, 238, 0.16);--fanui-accent-soft-2: rgba(34, 211, 238, 0.26);--fanui-accent-border: rgba(34, 211, 238, 0.38);--fanui-accent-ink: #a5f3fc;--fanui-accent-ring: rgba(34, 211, 238, 0.3);--fanui-accent-glow: rgba(34, 211, 238, 0.42);--fanui-accent-grad-a: #22d3ee;--fanui-accent-grad-b: #67e8f9;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(167, 139, 250, 0.16), rgba(34, 211, 238, 0.14) );--fanui-brand-aura-a: rgba(167, 139, 250, 0.38);--fanui-brand-aura-b: rgba(34, 211, 238, 0.3);--fanui-brand-name: "violet"}[data-fanui-theme=dark][data-fanui-accent=purple],[data-fanui-theme=dark] [data-fanui-accent=purple],[data-fanui-theme=dark] .fanui-accent-purple{--fanui-primary: #a855f7;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(68.9529411765%, 39.3333333333%, 97.1450980392%);--fanui-primary-active: rgb(71.6823529412%, 44.6666666667%, 97.3960784314%);--fanui-primary-vivid: #c084fc;--fanui-primary-vivid-2: #d8b4fe;--fanui-primary-soft: rgba(192, 132, 252, 0.16);--fanui-primary-soft-2: rgba(192, 132, 252, 0.26);--fanui-primary-border: rgba(192, 132, 252, 0.38);--fanui-primary-ink: #e9d5ff;--fanui-primary-ring: rgba(192, 132, 252, 0.3);--fanui-primary-glow: rgba(192, 132, 252, 0.42);--fanui-primary-grad-a: #c084fc;--fanui-primary-grad-b: #d8b4fe;--fanui-primary-50: #faf5ff;--fanui-primary-100: #f3e8ff;--fanui-primary-200: #e9d5ff;--fanui-primary-300: #d8b4fe;--fanui-primary-400: #c084fc;--fanui-primary-500: #a855f7;--fanui-primary-600: #9333ea;--fanui-primary-700: #7e22ce;--fanui-primary-800: #6b21a8;--fanui-primary-900: #581c87;--fanui-primary-950: #3b0764;--fanui-accent: #ec4899;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(93.2196078431%, 34.6941176471%, 63.6%);--fanui-accent-active: rgb(93.8156862745%, 40.4352941176%, 66.8%);--fanui-accent-vivid: #f472b6;--fanui-accent-vivid-2: #f9a8d4;--fanui-accent-soft: rgba(244, 114, 182, 0.16);--fanui-accent-soft-2: rgba(244, 114, 182, 0.26);--fanui-accent-border: rgba(244, 114, 182, 0.38);--fanui-accent-ink: #fbcfe8;--fanui-accent-ring: rgba(244, 114, 182, 0.3);--fanui-accent-glow: rgba(244, 114, 182, 0.42);--fanui-accent-grad-a: #f472b6;--fanui-accent-grad-b: #f9a8d4;--fanui-accent-50: #fdf2f8;--fanui-accent-100: #fce7f3;--fanui-accent-200: #fbcfe8;--fanui-accent-300: #f9a8d4;--fanui-accent-400: #f472b6;--fanui-accent-500: #ec4899;--fanui-accent-600: #db2777;--fanui-accent-700: #be185d;--fanui-accent-800: #9d174d;--fanui-accent-900: #831843;--fanui-accent-950: #500724;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(192, 132, 252, 0.16), rgba(244, 114, 182, 0.14) );--fanui-brand-aura-a: rgba(192, 132, 252, 0.38);--fanui-brand-aura-b: rgba(244, 114, 182, 0.3);--fanui-brand-name: "purple"}[data-fanui-theme=dark][data-fanui-accent=pink],[data-fanui-theme=dark] [data-fanui-accent=pink],[data-fanui-theme=dark] .fanui-accent-pink{--fanui-primary: #ec4899;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(93.2196078431%, 34.6941176471%, 63.6%);--fanui-primary-active: rgb(93.8156862745%, 40.4352941176%, 66.8%);--fanui-primary-vivid: #f472b6;--fanui-primary-vivid-2: #f9a8d4;--fanui-primary-soft: rgba(244, 114, 182, 0.16);--fanui-primary-soft-2: rgba(244, 114, 182, 0.26);--fanui-primary-border: rgba(244, 114, 182, 0.38);--fanui-primary-ink: #fbcfe8;--fanui-primary-ring: rgba(244, 114, 182, 0.3);--fanui-primary-glow: rgba(244, 114, 182, 0.42);--fanui-primary-grad-a: #f472b6;--fanui-primary-grad-b: #f9a8d4;--fanui-primary-50: #fdf2f8;--fanui-primary-100: #fce7f3;--fanui-primary-200: #fbcfe8;--fanui-primary-300: #f9a8d4;--fanui-primary-400: #f472b6;--fanui-primary-500: #ec4899;--fanui-primary-600: #db2777;--fanui-primary-700: #be185d;--fanui-primary-800: #9d174d;--fanui-primary-900: #831843;--fanui-primary-950: #500724;--fanui-accent: #a78bfa;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(68.5960784314%, 58.6039215686%, 98.2156862745%);--fanui-accent-active: rgb(71.3568627451%, 62.2431372549%, 98.3725490196%);--fanui-accent-vivid: #a78bfa;--fanui-accent-vivid-2: #c4b5fd;--fanui-accent-soft: rgba(167, 139, 250, 0.16);--fanui-accent-soft-2: rgba(167, 139, 250, 0.26);--fanui-accent-border: rgba(167, 139, 250, 0.38);--fanui-accent-ink: #ddd6fe;--fanui-accent-ring: rgba(167, 139, 250, 0.3);--fanui-accent-glow: rgba(167, 139, 250, 0.42);--fanui-accent-grad-a: #a78bfa;--fanui-accent-grad-b: #c4b5fd;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(244, 114, 182, 0.16), rgba(167, 139, 250, 0.14) );--fanui-brand-aura-a: rgba(244, 114, 182, 0.38);--fanui-brand-aura-b: rgba(167, 139, 250, 0.3);--fanui-brand-name: "pink"}[data-fanui-theme=dark][data-fanui-accent=rose],[data-fanui-theme=dark] [data-fanui-accent=rose],[data-fanui-theme=dark] .fanui-accent-rose{--fanui-primary: #f43f5e;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(96.0745098039%, 31.4823529412%, 42.5450980392%);--fanui-primary-active: rgb(96.4196078431%, 37.5058823529%, 47.5960784314%);--fanui-primary-vivid: #fb7185;--fanui-primary-vivid-2: #fda4af;--fanui-primary-soft: rgba(251, 113, 133, 0.16);--fanui-primary-soft-2: rgba(251, 113, 133, 0.26);--fanui-primary-border: rgba(251, 113, 133, 0.38);--fanui-primary-ink: #fecdd3;--fanui-primary-ring: rgba(251, 113, 133, 0.3);--fanui-primary-glow: rgba(251, 113, 133, 0.42);--fanui-primary-grad-a: #fb7185;--fanui-primary-grad-b: #fda4af;--fanui-primary-50: #fff1f2;--fanui-primary-100: #ffe4e6;--fanui-primary-200: #fecdd3;--fanui-primary-300: #fda4af;--fanui-primary-400: #fb7185;--fanui-primary-500: #f43f5e;--fanui-primary-600: #e11d48;--fanui-primary-700: #be123c;--fanui-primary-800: #9f1239;--fanui-primary-900: #881337;--fanui-primary-950: #4c0519;--fanui-accent: #f97316;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(97.8588235294%, 50.0392156863%, 16.8509803922%);--fanui-accent-active: rgb(98.0470588235%, 54.431372549%, 24.1607843137%);--fanui-accent-vivid: #fb923c;--fanui-accent-vivid-2: #fdba74;--fanui-accent-soft: rgba(251, 146, 60, 0.16);--fanui-accent-soft-2: rgba(251, 146, 60, 0.26);--fanui-accent-border: rgba(251, 146, 60, 0.38);--fanui-accent-ink: #fed7aa;--fanui-accent-ring: rgba(251, 146, 60, 0.3);--fanui-accent-glow: rgba(251, 146, 60, 0.42);--fanui-accent-grad-a: #fb923c;--fanui-accent-grad-b: #fdba74;--fanui-accent-50: #fff7ed;--fanui-accent-100: #ffedd5;--fanui-accent-200: #fed7aa;--fanui-accent-300: #fdba74;--fanui-accent-400: #fb923c;--fanui-accent-500: #f97316;--fanui-accent-600: #ea580c;--fanui-accent-700: #c2410c;--fanui-accent-800: #9a3412;--fanui-accent-900: #7c2d12;--fanui-accent-950: #431407;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(251, 113, 133, 0.16), rgba(251, 146, 60, 0.14) );--fanui-brand-aura-a: rgba(251, 113, 133, 0.38);--fanui-brand-aura-b: rgba(251, 146, 60, 0.3);--fanui-brand-name: "rose"}[data-fanui-theme=dark][data-fanui-accent=red],[data-fanui-theme=dark] [data-fanui-accent=red],[data-fanui-theme=dark] .fanui-accent-red{--fanui-primary: #ef4444;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(94.2901960784%, 33.2666666667%, 33.2666666667%);--fanui-primary-active: rgb(94.7921568627%, 39.1333333333%, 39.1333333333%);--fanui-primary-vivid: #f87171;--fanui-primary-vivid-2: #fca5a5;--fanui-primary-soft: rgba(248, 113, 113, 0.16);--fanui-primary-soft-2: rgba(248, 113, 113, 0.26);--fanui-primary-border: rgba(248, 113, 113, 0.38);--fanui-primary-ink: #fecaca;--fanui-primary-ring: rgba(248, 113, 113, 0.3);--fanui-primary-glow: rgba(248, 113, 113, 0.42);--fanui-primary-grad-a: #f87171;--fanui-primary-grad-b: #fca5a5;--fanui-primary-50: #fef2f2;--fanui-primary-100: #fee2e2;--fanui-primary-200: #fecaca;--fanui-primary-300: #fca5a5;--fanui-primary-400: #f87171;--fanui-primary-500: #ef4444;--fanui-primary-600: #dc2626;--fanui-primary-700: #b91c1c;--fanui-primary-800: #991b1b;--fanui-primary-900: #7f1d1d;--fanui-primary-950: #450a0a;--fanui-accent: #f43f5e;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(96.0745098039%, 31.4823529412%, 42.5450980392%);--fanui-accent-active: rgb(96.4196078431%, 37.5058823529%, 47.5960784314%);--fanui-accent-vivid: #fb7185;--fanui-accent-vivid-2: #fda4af;--fanui-accent-soft: rgba(251, 113, 133, 0.16);--fanui-accent-soft-2: rgba(251, 113, 133, 0.26);--fanui-accent-border: rgba(251, 113, 133, 0.38);--fanui-accent-ink: #fecdd3;--fanui-accent-ring: rgba(251, 113, 133, 0.3);--fanui-accent-glow: rgba(251, 113, 133, 0.42);--fanui-accent-grad-a: #fb7185;--fanui-accent-grad-b: #fda4af;--fanui-accent-50: #fff1f2;--fanui-accent-100: #ffe4e6;--fanui-accent-200: #fecdd3;--fanui-accent-300: #fda4af;--fanui-accent-400: #fb7185;--fanui-accent-500: #f43f5e;--fanui-accent-600: #e11d48;--fanui-accent-700: #be123c;--fanui-accent-800: #9f1239;--fanui-accent-900: #881337;--fanui-accent-950: #4c0519;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(248, 113, 113, 0.16), rgba(251, 113, 133, 0.14) );--fanui-brand-aura-a: rgba(248, 113, 113, 0.38);--fanui-brand-aura-b: rgba(251, 113, 133, 0.3);--fanui-brand-name: "red"}[data-fanui-theme=dark][data-fanui-accent=orange],[data-fanui-theme=dark] [data-fanui-accent=orange],[data-fanui-theme=dark] .fanui-accent-orange{--fanui-primary: #f97316;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(97.8588235294%, 50.0392156863%, 16.8509803922%);--fanui-primary-active: rgb(98.0470588235%, 54.431372549%, 24.1607843137%);--fanui-primary-vivid: #fb923c;--fanui-primary-vivid-2: #fdba74;--fanui-primary-soft: rgba(251, 146, 60, 0.16);--fanui-primary-soft-2: rgba(251, 146, 60, 0.26);--fanui-primary-border: rgba(251, 146, 60, 0.38);--fanui-primary-ink: #fed7aa;--fanui-primary-ring: rgba(251, 146, 60, 0.3);--fanui-primary-glow: rgba(251, 146, 60, 0.42);--fanui-primary-grad-a: #fb923c;--fanui-primary-grad-b: #fdba74;--fanui-primary-50: #fff7ed;--fanui-primary-100: #ffedd5;--fanui-primary-200: #fed7aa;--fanui-primary-300: #fdba74;--fanui-primary-400: #fb923c;--fanui-primary-500: #f97316;--fanui-primary-600: #ea580c;--fanui-primary-700: #c2410c;--fanui-primary-800: #9a3412;--fanui-primary-900: #7c2d12;--fanui-primary-950: #431407;--fanui-accent: #ec4899;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(93.2196078431%, 34.6941176471%, 63.6%);--fanui-accent-active: rgb(93.8156862745%, 40.4352941176%, 66.8%);--fanui-accent-vivid: #f472b6;--fanui-accent-vivid-2: #f9a8d4;--fanui-accent-soft: rgba(244, 114, 182, 0.16);--fanui-accent-soft-2: rgba(244, 114, 182, 0.26);--fanui-accent-border: rgba(244, 114, 182, 0.38);--fanui-accent-ink: #fbcfe8;--fanui-accent-ring: rgba(244, 114, 182, 0.3);--fanui-accent-glow: rgba(244, 114, 182, 0.42);--fanui-accent-grad-a: #f472b6;--fanui-accent-grad-b: #f9a8d4;--fanui-accent-50: #fdf2f8;--fanui-accent-100: #fce7f3;--fanui-accent-200: #fbcfe8;--fanui-accent-300: #f9a8d4;--fanui-accent-400: #f472b6;--fanui-accent-500: #ec4899;--fanui-accent-600: #db2777;--fanui-accent-700: #be185d;--fanui-accent-800: #9d174d;--fanui-accent-900: #831843;--fanui-accent-950: #500724;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(251, 146, 60, 0.16), rgba(244, 114, 182, 0.14) );--fanui-brand-aura-a: rgba(251, 146, 60, 0.38);--fanui-brand-aura-b: rgba(244, 114, 182, 0.3);--fanui-brand-name: "orange"}[data-fanui-theme=dark][data-fanui-accent=emerald],[data-fanui-theme=dark] [data-fanui-accent=emerald],[data-fanui-theme=dark] .fanui-accent-emerald{--fanui-primary: #10b981;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(14.7098039216%, 75.0196078431%, 55.0352941176%);--fanui-primary-active: rgb(22.2078431373%, 77.2156862745%, 58.9882352941%);--fanui-primary-vivid: #34d399;--fanui-primary-vivid-2: #6ee7b7;--fanui-primary-soft: rgba(52, 211, 153, 0.16);--fanui-primary-soft-2: rgba(52, 211, 153, 0.26);--fanui-primary-border: rgba(52, 211, 153, 0.38);--fanui-primary-ink: #a7f3d0;--fanui-primary-ring: rgba(52, 211, 153, 0.3);--fanui-primary-glow: rgba(52, 211, 153, 0.42);--fanui-primary-grad-a: #34d399;--fanui-primary-grad-b: #6ee7b7;--fanui-primary-50: #ecfdf5;--fanui-primary-100: #d1fae5;--fanui-primary-200: #a7f3d0;--fanui-primary-300: #6ee7b7;--fanui-primary-400: #34d399;--fanui-primary-500: #10b981;--fanui-primary-600: #059669;--fanui-primary-700: #047857;--fanui-primary-800: #065f46;--fanui-primary-900: #064e3b;--fanui-primary-950: #022c22;--fanui-accent: #06b6d4;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-accent-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-accent-vivid: #22d3ee;--fanui-accent-vivid-2: #67e8f9;--fanui-accent-soft: rgba(34, 211, 238, 0.16);--fanui-accent-soft-2: rgba(34, 211, 238, 0.26);--fanui-accent-border: rgba(34, 211, 238, 0.38);--fanui-accent-ink: #a5f3fc;--fanui-accent-ring: rgba(34, 211, 238, 0.3);--fanui-accent-glow: rgba(34, 211, 238, 0.42);--fanui-accent-grad-a: #22d3ee;--fanui-accent-grad-b: #67e8f9;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(52, 211, 153, 0.16), rgba(34, 211, 238, 0.14) );--fanui-brand-aura-a: rgba(52, 211, 153, 0.38);--fanui-brand-aura-b: rgba(34, 211, 238, 0.3);--fanui-brand-name: "emerald"}[data-fanui-theme=dark][data-fanui-accent=teal],[data-fanui-theme=dark] [data-fanui-accent=teal],[data-fanui-theme=dark] .fanui-accent-teal{--fanui-primary: #14b8a6;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(16.137254902%, 74.662745098%, 68.2392156863%);--fanui-primary-active: rgb(23.5098039216%, 76.8901960784%, 71.031372549%);--fanui-primary-vivid: #2dd4bf;--fanui-primary-vivid-2: #5eead4;--fanui-primary-soft: rgba(45, 212, 191, 0.16);--fanui-primary-soft-2: rgba(45, 212, 191, 0.26);--fanui-primary-border: rgba(45, 212, 191, 0.38);--fanui-primary-ink: #99f6e4;--fanui-primary-ring: rgba(45, 212, 191, 0.3);--fanui-primary-glow: rgba(45, 212, 191, 0.42);--fanui-primary-grad-a: #2dd4bf;--fanui-primary-grad-b: #5eead4;--fanui-primary-50: #f0fdfa;--fanui-primary-100: #ccfbf1;--fanui-primary-200: #99f6e4;--fanui-primary-300: #5eead4;--fanui-primary-400: #2dd4bf;--fanui-primary-500: #14b8a6;--fanui-primary-600: #0d9488;--fanui-primary-700: #0f766e;--fanui-primary-800: #115e59;--fanui-primary-900: #134e4a;--fanui-primary-950: #042f2e;--fanui-accent: #10b981;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(14.7098039216%, 75.0196078431%, 55.0352941176%);--fanui-accent-active: rgb(22.2078431373%, 77.2156862745%, 58.9882352941%);--fanui-accent-vivid: #34d399;--fanui-accent-vivid-2: #6ee7b7;--fanui-accent-soft: rgba(52, 211, 153, 0.16);--fanui-accent-soft-2: rgba(52, 211, 153, 0.26);--fanui-accent-border: rgba(52, 211, 153, 0.38);--fanui-accent-ink: #a7f3d0;--fanui-accent-ring: rgba(52, 211, 153, 0.3);--fanui-accent-glow: rgba(52, 211, 153, 0.42);--fanui-accent-grad-a: #34d399;--fanui-accent-grad-b: #6ee7b7;--fanui-accent-50: #ecfdf5;--fanui-accent-100: #d1fae5;--fanui-accent-200: #a7f3d0;--fanui-accent-300: #6ee7b7;--fanui-accent-400: #34d399;--fanui-accent-500: #10b981;--fanui-accent-600: #059669;--fanui-accent-700: #047857;--fanui-accent-800: #065f46;--fanui-accent-900: #064e3b;--fanui-accent-950: #022c22;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(45, 212, 191, 0.16), rgba(52, 211, 153, 0.14) );--fanui-brand-aura-a: rgba(45, 212, 191, 0.38);--fanui-brand-aura-b: rgba(52, 211, 153, 0.3);--fanui-brand-name: "teal"}@media(prefers-color-scheme: dark){[data-fanui-theme=auto],:root[data-fanui-theme=auto]{--fanui-primary: #06b6d4;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-primary-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-primary-vivid: #22d3ee;--fanui-primary-vivid-2: #67e8f9;--fanui-primary-soft: rgba(34, 211, 238, 0.16);--fanui-primary-soft-2: rgba(34, 211, 238, 0.26);--fanui-primary-border: rgba(34, 211, 238, 0.38);--fanui-primary-ink: #a5f3fc;--fanui-primary-ring: rgba(34, 211, 238, 0.3);--fanui-primary-glow: rgba(34, 211, 238, 0.42);--fanui-primary-grad-a: #22d3ee;--fanui-primary-grad-b: #67e8f9;--fanui-primary-50: #ecfeff;--fanui-primary-100: #cffafe;--fanui-primary-200: #a5f3fc;--fanui-primary-300: #67e8f9;--fanui-primary-400: #22d3ee;--fanui-primary-500: #06b6d4;--fanui-primary-600: #0891b2;--fanui-primary-700: #0e7490;--fanui-primary-800: #155e75;--fanui-primary-900: #164e63;--fanui-primary-950: #083344;--fanui-accent: #a78bfa;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(68.5960784314%, 58.6039215686%, 98.2156862745%);--fanui-accent-active: rgb(71.3568627451%, 62.2431372549%, 98.3725490196%);--fanui-accent-vivid: #a78bfa;--fanui-accent-vivid-2: #c4b5fd;--fanui-accent-soft: rgba(167, 139, 250, 0.16);--fanui-accent-soft-2: rgba(167, 139, 250, 0.26);--fanui-accent-border: rgba(167, 139, 250, 0.38);--fanui-accent-ink: #ddd6fe;--fanui-accent-ring: rgba(167, 139, 250, 0.3);--fanui-accent-glow: rgba(167, 139, 250, 0.42);--fanui-accent-grad-a: #a78bfa;--fanui-accent-grad-b: #c4b5fd;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(34, 211, 238, 0.16), rgba(167, 139, 250, 0.14) );--fanui-brand-aura-a: rgba(34, 211, 238, 0.38);--fanui-brand-aura-b: rgba(167, 139, 250, 0.3);--fanui-brand-name: "cyan"}[data-fanui-theme=auto][data-fanui-accent=cyan],[data-fanui-theme=auto] [data-fanui-accent=cyan],[data-fanui-theme=auto] .fanui-accent-cyan{--fanui-primary: #06b6d4;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-primary-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-primary-vivid: #22d3ee;--fanui-primary-vivid-2: #67e8f9;--fanui-primary-soft: rgba(34, 211, 238, 0.16);--fanui-primary-soft-2: rgba(34, 211, 238, 0.26);--fanui-primary-border: rgba(34, 211, 238, 0.38);--fanui-primary-ink: #a5f3fc;--fanui-primary-ring: rgba(34, 211, 238, 0.3);--fanui-primary-glow: rgba(34, 211, 238, 0.42);--fanui-primary-grad-a: #22d3ee;--fanui-primary-grad-b: #67e8f9;--fanui-primary-50: #ecfeff;--fanui-primary-100: #cffafe;--fanui-primary-200: #a5f3fc;--fanui-primary-300: #67e8f9;--fanui-primary-400: #22d3ee;--fanui-primary-500: #06b6d4;--fanui-primary-600: #0891b2;--fanui-primary-700: #0e7490;--fanui-primary-800: #155e75;--fanui-primary-900: #164e63;--fanui-primary-950: #083344;--fanui-accent: #a78bfa;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(68.5960784314%, 58.6039215686%, 98.2156862745%);--fanui-accent-active: rgb(71.3568627451%, 62.2431372549%, 98.3725490196%);--fanui-accent-vivid: #a78bfa;--fanui-accent-vivid-2: #c4b5fd;--fanui-accent-soft: rgba(167, 139, 250, 0.16);--fanui-accent-soft-2: rgba(167, 139, 250, 0.26);--fanui-accent-border: rgba(167, 139, 250, 0.38);--fanui-accent-ink: #ddd6fe;--fanui-accent-ring: rgba(167, 139, 250, 0.3);--fanui-accent-glow: rgba(167, 139, 250, 0.42);--fanui-accent-grad-a: #a78bfa;--fanui-accent-grad-b: #c4b5fd;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(34, 211, 238, 0.16), rgba(167, 139, 250, 0.14) );--fanui-brand-aura-a: rgba(34, 211, 238, 0.38);--fanui-brand-aura-b: rgba(167, 139, 250, 0.3);--fanui-brand-name: "cyan"}[data-fanui-theme=auto][data-fanui-accent=sky],[data-fanui-theme=auto] [data-fanui-accent=sky],[data-fanui-theme=auto] .fanui-accent-sky{--fanui-primary: #0ea5e9;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(13.9960784314%, 67.8823529412%, 92.1490196078%);--fanui-primary-active: rgb(21.5568627451%, 70.7058823529%, 92.8392156863%);--fanui-primary-vivid: #38bdf8;--fanui-primary-vivid-2: #7dd3fc;--fanui-primary-soft: rgba(56, 189, 248, 0.16);--fanui-primary-soft-2: rgba(56, 189, 248, 0.26);--fanui-primary-border: rgba(56, 189, 248, 0.38);--fanui-primary-ink: #bae6fd;--fanui-primary-ring: rgba(56, 189, 248, 0.3);--fanui-primary-glow: rgba(56, 189, 248, 0.42);--fanui-primary-grad-a: #38bdf8;--fanui-primary-grad-b: #7dd3fc;--fanui-primary-50: #f0f9ff;--fanui-primary-100: #e0f2fe;--fanui-primary-200: #bae6fd;--fanui-primary-300: #7dd3fc;--fanui-primary-400: #38bdf8;--fanui-primary-500: #0ea5e9;--fanui-primary-600: #0284c7;--fanui-primary-700: #0369a1;--fanui-primary-800: #075985;--fanui-primary-900: #0c4a6e;--fanui-primary-950: #082f49;--fanui-accent: #a78bfa;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(68.5960784314%, 58.6039215686%, 98.2156862745%);--fanui-accent-active: rgb(71.3568627451%, 62.2431372549%, 98.3725490196%);--fanui-accent-vivid: #a78bfa;--fanui-accent-vivid-2: #c4b5fd;--fanui-accent-soft: rgba(167, 139, 250, 0.16);--fanui-accent-soft-2: rgba(167, 139, 250, 0.26);--fanui-accent-border: rgba(167, 139, 250, 0.38);--fanui-accent-ink: #ddd6fe;--fanui-accent-ring: rgba(167, 139, 250, 0.3);--fanui-accent-glow: rgba(167, 139, 250, 0.42);--fanui-accent-grad-a: #a78bfa;--fanui-accent-grad-b: #c4b5fd;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(56, 189, 248, 0.16), rgba(167, 139, 250, 0.14) );--fanui-brand-aura-a: rgba(56, 189, 248, 0.38);--fanui-brand-aura-b: rgba(167, 139, 250, 0.3);--fanui-brand-name: "sky"}[data-fanui-theme=auto][data-fanui-accent=blue],[data-fanui-theme=auto] [data-fanui-accent=blue],[data-fanui-theme=auto] .fanui-accent-blue{--fanui-primary: #3b82f6;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(30.0549019608%, 55.3921568627%, 96.7882352941%);--fanui-primary-active: rgb(36.2039215686%, 59.3137254902%, 97.0705882353%);--fanui-primary-vivid: #60a5fa;--fanui-primary-vivid-2: #93c5fd;--fanui-primary-soft: rgba(96, 165, 250, 0.16);--fanui-primary-soft-2: rgba(96, 165, 250, 0.26);--fanui-primary-border: rgba(96, 165, 250, 0.38);--fanui-primary-ink: #bfdbfe;--fanui-primary-ring: rgba(96, 165, 250, 0.3);--fanui-primary-glow: rgba(96, 165, 250, 0.42);--fanui-primary-grad-a: #60a5fa;--fanui-primary-grad-b: #93c5fd;--fanui-primary-50: #eff6ff;--fanui-primary-100: #dbeafe;--fanui-primary-200: #bfdbfe;--fanui-primary-300: #93c5fd;--fanui-primary-400: #60a5fa;--fanui-primary-500: #3b82f6;--fanui-primary-600: #2563eb;--fanui-primary-700: #1d4ed8;--fanui-primary-800: #1e40af;--fanui-primary-900: #1e3a8a;--fanui-primary-950: #172554;--fanui-accent: #06b6d4;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-accent-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-accent-vivid: #22d3ee;--fanui-accent-vivid-2: #67e8f9;--fanui-accent-soft: rgba(34, 211, 238, 0.16);--fanui-accent-soft-2: rgba(34, 211, 238, 0.26);--fanui-accent-border: rgba(34, 211, 238, 0.38);--fanui-accent-ink: #a5f3fc;--fanui-accent-ring: rgba(34, 211, 238, 0.3);--fanui-accent-glow: rgba(34, 211, 238, 0.42);--fanui-accent-grad-a: #22d3ee;--fanui-accent-grad-b: #67e8f9;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(96, 165, 250, 0.16), rgba(34, 211, 238, 0.14) );--fanui-brand-aura-a: rgba(96, 165, 250, 0.38);--fanui-brand-aura-b: rgba(34, 211, 238, 0.3);--fanui-brand-name: "blue"}[data-fanui-theme=auto][data-fanui-accent=indigo],[data-fanui-theme=auto] [data-fanui-accent=indigo],[data-fanui-theme=auto] .fanui-accent-indigo{--fanui-primary: #818cf8;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(55.0352941176%, 58.9607843137%, 97.5019607843%);--fanui-primary-active: rgb(58.9882352941%, 62.568627451%, 97.7215686275%);--fanui-primary-vivid: #818cf8;--fanui-primary-vivid-2: #a5b4fc;--fanui-primary-soft: rgba(129, 140, 248, 0.16);--fanui-primary-soft-2: rgba(129, 140, 248, 0.26);--fanui-primary-border: rgba(129, 140, 248, 0.38);--fanui-primary-ink: #c7d2fe;--fanui-primary-ring: rgba(129, 140, 248, 0.3);--fanui-primary-glow: rgba(129, 140, 248, 0.42);--fanui-primary-grad-a: #818cf8;--fanui-primary-grad-b: #a5b4fc;--fanui-primary-50: #eef2ff;--fanui-primary-100: #e0e7ff;--fanui-primary-200: #c7d2fe;--fanui-primary-300: #a5b4fc;--fanui-primary-400: #818cf8;--fanui-primary-500: #6366f1;--fanui-primary-600: #4f46e5;--fanui-primary-700: #4338ca;--fanui-primary-800: #3730a3;--fanui-primary-900: #312e81;--fanui-primary-950: #1e1b4b;--fanui-accent: #06b6d4;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-accent-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-accent-vivid: #22d3ee;--fanui-accent-vivid-2: #67e8f9;--fanui-accent-soft: rgba(34, 211, 238, 0.16);--fanui-accent-soft-2: rgba(34, 211, 238, 0.26);--fanui-accent-border: rgba(34, 211, 238, 0.38);--fanui-accent-ink: #a5f3fc;--fanui-accent-ring: rgba(34, 211, 238, 0.3);--fanui-accent-glow: rgba(34, 211, 238, 0.42);--fanui-accent-grad-a: #22d3ee;--fanui-accent-grad-b: #67e8f9;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(129, 140, 248, 0.16), rgba(34, 211, 238, 0.14) );--fanui-brand-aura-a: rgba(129, 140, 248, 0.38);--fanui-brand-aura-b: rgba(34, 211, 238, 0.3);--fanui-brand-name: "indigo"}[data-fanui-theme=auto][data-fanui-accent=violet],[data-fanui-theme=auto] [data-fanui-accent=violet],[data-fanui-theme=auto] .fanui-accent-violet{--fanui-primary: #a78bfa;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(68.5960784314%, 58.6039215686%, 98.2156862745%);--fanui-primary-active: rgb(71.3568627451%, 62.2431372549%, 98.3725490196%);--fanui-primary-vivid: #a78bfa;--fanui-primary-vivid-2: #c4b5fd;--fanui-primary-soft: rgba(167, 139, 250, 0.16);--fanui-primary-soft-2: rgba(167, 139, 250, 0.26);--fanui-primary-border: rgba(167, 139, 250, 0.38);--fanui-primary-ink: #ddd6fe;--fanui-primary-ring: rgba(167, 139, 250, 0.3);--fanui-primary-glow: rgba(167, 139, 250, 0.42);--fanui-primary-grad-a: #a78bfa;--fanui-primary-grad-b: #c4b5fd;--fanui-primary-50: #f5f3ff;--fanui-primary-100: #ede9fe;--fanui-primary-200: #ddd6fe;--fanui-primary-300: #c4b5fd;--fanui-primary-400: #a78bfa;--fanui-primary-500: #8b5cf6;--fanui-primary-600: #7c3aed;--fanui-primary-700: #6d28d9;--fanui-primary-800: #5b21b6;--fanui-primary-900: #4c1d95;--fanui-primary-950: #2e1065;--fanui-accent: #06b6d4;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-accent-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-accent-vivid: #22d3ee;--fanui-accent-vivid-2: #67e8f9;--fanui-accent-soft: rgba(34, 211, 238, 0.16);--fanui-accent-soft-2: rgba(34, 211, 238, 0.26);--fanui-accent-border: rgba(34, 211, 238, 0.38);--fanui-accent-ink: #a5f3fc;--fanui-accent-ring: rgba(34, 211, 238, 0.3);--fanui-accent-glow: rgba(34, 211, 238, 0.42);--fanui-accent-grad-a: #22d3ee;--fanui-accent-grad-b: #67e8f9;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(167, 139, 250, 0.16), rgba(34, 211, 238, 0.14) );--fanui-brand-aura-a: rgba(167, 139, 250, 0.38);--fanui-brand-aura-b: rgba(34, 211, 238, 0.3);--fanui-brand-name: "violet"}[data-fanui-theme=auto][data-fanui-accent=purple],[data-fanui-theme=auto] [data-fanui-accent=purple],[data-fanui-theme=auto] .fanui-accent-purple{--fanui-primary: #a855f7;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(68.9529411765%, 39.3333333333%, 97.1450980392%);--fanui-primary-active: rgb(71.6823529412%, 44.6666666667%, 97.3960784314%);--fanui-primary-vivid: #c084fc;--fanui-primary-vivid-2: #d8b4fe;--fanui-primary-soft: rgba(192, 132, 252, 0.16);--fanui-primary-soft-2: rgba(192, 132, 252, 0.26);--fanui-primary-border: rgba(192, 132, 252, 0.38);--fanui-primary-ink: #e9d5ff;--fanui-primary-ring: rgba(192, 132, 252, 0.3);--fanui-primary-glow: rgba(192, 132, 252, 0.42);--fanui-primary-grad-a: #c084fc;--fanui-primary-grad-b: #d8b4fe;--fanui-primary-50: #faf5ff;--fanui-primary-100: #f3e8ff;--fanui-primary-200: #e9d5ff;--fanui-primary-300: #d8b4fe;--fanui-primary-400: #c084fc;--fanui-primary-500: #a855f7;--fanui-primary-600: #9333ea;--fanui-primary-700: #7e22ce;--fanui-primary-800: #6b21a8;--fanui-primary-900: #581c87;--fanui-primary-950: #3b0764;--fanui-accent: #ec4899;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(93.2196078431%, 34.6941176471%, 63.6%);--fanui-accent-active: rgb(93.8156862745%, 40.4352941176%, 66.8%);--fanui-accent-vivid: #f472b6;--fanui-accent-vivid-2: #f9a8d4;--fanui-accent-soft: rgba(244, 114, 182, 0.16);--fanui-accent-soft-2: rgba(244, 114, 182, 0.26);--fanui-accent-border: rgba(244, 114, 182, 0.38);--fanui-accent-ink: #fbcfe8;--fanui-accent-ring: rgba(244, 114, 182, 0.3);--fanui-accent-glow: rgba(244, 114, 182, 0.42);--fanui-accent-grad-a: #f472b6;--fanui-accent-grad-b: #f9a8d4;--fanui-accent-50: #fdf2f8;--fanui-accent-100: #fce7f3;--fanui-accent-200: #fbcfe8;--fanui-accent-300: #f9a8d4;--fanui-accent-400: #f472b6;--fanui-accent-500: #ec4899;--fanui-accent-600: #db2777;--fanui-accent-700: #be185d;--fanui-accent-800: #9d174d;--fanui-accent-900: #831843;--fanui-accent-950: #500724;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(192, 132, 252, 0.16), rgba(244, 114, 182, 0.14) );--fanui-brand-aura-a: rgba(192, 132, 252, 0.38);--fanui-brand-aura-b: rgba(244, 114, 182, 0.3);--fanui-brand-name: "purple"}[data-fanui-theme=auto][data-fanui-accent=pink],[data-fanui-theme=auto] [data-fanui-accent=pink],[data-fanui-theme=auto] .fanui-accent-pink{--fanui-primary: #ec4899;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(93.2196078431%, 34.6941176471%, 63.6%);--fanui-primary-active: rgb(93.8156862745%, 40.4352941176%, 66.8%);--fanui-primary-vivid: #f472b6;--fanui-primary-vivid-2: #f9a8d4;--fanui-primary-soft: rgba(244, 114, 182, 0.16);--fanui-primary-soft-2: rgba(244, 114, 182, 0.26);--fanui-primary-border: rgba(244, 114, 182, 0.38);--fanui-primary-ink: #fbcfe8;--fanui-primary-ring: rgba(244, 114, 182, 0.3);--fanui-primary-glow: rgba(244, 114, 182, 0.42);--fanui-primary-grad-a: #f472b6;--fanui-primary-grad-b: #f9a8d4;--fanui-primary-50: #fdf2f8;--fanui-primary-100: #fce7f3;--fanui-primary-200: #fbcfe8;--fanui-primary-300: #f9a8d4;--fanui-primary-400: #f472b6;--fanui-primary-500: #ec4899;--fanui-primary-600: #db2777;--fanui-primary-700: #be185d;--fanui-primary-800: #9d174d;--fanui-primary-900: #831843;--fanui-primary-950: #500724;--fanui-accent: #a78bfa;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(68.5960784314%, 58.6039215686%, 98.2156862745%);--fanui-accent-active: rgb(71.3568627451%, 62.2431372549%, 98.3725490196%);--fanui-accent-vivid: #a78bfa;--fanui-accent-vivid-2: #c4b5fd;--fanui-accent-soft: rgba(167, 139, 250, 0.16);--fanui-accent-soft-2: rgba(167, 139, 250, 0.26);--fanui-accent-border: rgba(167, 139, 250, 0.38);--fanui-accent-ink: #ddd6fe;--fanui-accent-ring: rgba(167, 139, 250, 0.3);--fanui-accent-glow: rgba(167, 139, 250, 0.42);--fanui-accent-grad-a: #a78bfa;--fanui-accent-grad-b: #c4b5fd;--fanui-accent-50: #f5f3ff;--fanui-accent-100: #ede9fe;--fanui-accent-200: #ddd6fe;--fanui-accent-300: #c4b5fd;--fanui-accent-400: #a78bfa;--fanui-accent-500: #8b5cf6;--fanui-accent-600: #7c3aed;--fanui-accent-700: #6d28d9;--fanui-accent-800: #5b21b6;--fanui-accent-900: #4c1d95;--fanui-accent-950: #2e1065;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(244, 114, 182, 0.16), rgba(167, 139, 250, 0.14) );--fanui-brand-aura-a: rgba(244, 114, 182, 0.38);--fanui-brand-aura-b: rgba(167, 139, 250, 0.3);--fanui-brand-name: "pink"}[data-fanui-theme=auto][data-fanui-accent=rose],[data-fanui-theme=auto] [data-fanui-accent=rose],[data-fanui-theme=auto] .fanui-accent-rose{--fanui-primary: #f43f5e;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(96.0745098039%, 31.4823529412%, 42.5450980392%);--fanui-primary-active: rgb(96.4196078431%, 37.5058823529%, 47.5960784314%);--fanui-primary-vivid: #fb7185;--fanui-primary-vivid-2: #fda4af;--fanui-primary-soft: rgba(251, 113, 133, 0.16);--fanui-primary-soft-2: rgba(251, 113, 133, 0.26);--fanui-primary-border: rgba(251, 113, 133, 0.38);--fanui-primary-ink: #fecdd3;--fanui-primary-ring: rgba(251, 113, 133, 0.3);--fanui-primary-glow: rgba(251, 113, 133, 0.42);--fanui-primary-grad-a: #fb7185;--fanui-primary-grad-b: #fda4af;--fanui-primary-50: #fff1f2;--fanui-primary-100: #ffe4e6;--fanui-primary-200: #fecdd3;--fanui-primary-300: #fda4af;--fanui-primary-400: #fb7185;--fanui-primary-500: #f43f5e;--fanui-primary-600: #e11d48;--fanui-primary-700: #be123c;--fanui-primary-800: #9f1239;--fanui-primary-900: #881337;--fanui-primary-950: #4c0519;--fanui-accent: #f97316;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(97.8588235294%, 50.0392156863%, 16.8509803922%);--fanui-accent-active: rgb(98.0470588235%, 54.431372549%, 24.1607843137%);--fanui-accent-vivid: #fb923c;--fanui-accent-vivid-2: #fdba74;--fanui-accent-soft: rgba(251, 146, 60, 0.16);--fanui-accent-soft-2: rgba(251, 146, 60, 0.26);--fanui-accent-border: rgba(251, 146, 60, 0.38);--fanui-accent-ink: #fed7aa;--fanui-accent-ring: rgba(251, 146, 60, 0.3);--fanui-accent-glow: rgba(251, 146, 60, 0.42);--fanui-accent-grad-a: #fb923c;--fanui-accent-grad-b: #fdba74;--fanui-accent-50: #fff7ed;--fanui-accent-100: #ffedd5;--fanui-accent-200: #fed7aa;--fanui-accent-300: #fdba74;--fanui-accent-400: #fb923c;--fanui-accent-500: #f97316;--fanui-accent-600: #ea580c;--fanui-accent-700: #c2410c;--fanui-accent-800: #9a3412;--fanui-accent-900: #7c2d12;--fanui-accent-950: #431407;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(251, 113, 133, 0.16), rgba(251, 146, 60, 0.14) );--fanui-brand-aura-a: rgba(251, 113, 133, 0.38);--fanui-brand-aura-b: rgba(251, 146, 60, 0.3);--fanui-brand-name: "rose"}[data-fanui-theme=auto][data-fanui-accent=red],[data-fanui-theme=auto] [data-fanui-accent=red],[data-fanui-theme=auto] .fanui-accent-red{--fanui-primary: #ef4444;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(94.2901960784%, 33.2666666667%, 33.2666666667%);--fanui-primary-active: rgb(94.7921568627%, 39.1333333333%, 39.1333333333%);--fanui-primary-vivid: #f87171;--fanui-primary-vivid-2: #fca5a5;--fanui-primary-soft: rgba(248, 113, 113, 0.16);--fanui-primary-soft-2: rgba(248, 113, 113, 0.26);--fanui-primary-border: rgba(248, 113, 113, 0.38);--fanui-primary-ink: #fecaca;--fanui-primary-ring: rgba(248, 113, 113, 0.3);--fanui-primary-glow: rgba(248, 113, 113, 0.42);--fanui-primary-grad-a: #f87171;--fanui-primary-grad-b: #fca5a5;--fanui-primary-50: #fef2f2;--fanui-primary-100: #fee2e2;--fanui-primary-200: #fecaca;--fanui-primary-300: #fca5a5;--fanui-primary-400: #f87171;--fanui-primary-500: #ef4444;--fanui-primary-600: #dc2626;--fanui-primary-700: #b91c1c;--fanui-primary-800: #991b1b;--fanui-primary-900: #7f1d1d;--fanui-primary-950: #450a0a;--fanui-accent: #f43f5e;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(96.0745098039%, 31.4823529412%, 42.5450980392%);--fanui-accent-active: rgb(96.4196078431%, 37.5058823529%, 47.5960784314%);--fanui-accent-vivid: #fb7185;--fanui-accent-vivid-2: #fda4af;--fanui-accent-soft: rgba(251, 113, 133, 0.16);--fanui-accent-soft-2: rgba(251, 113, 133, 0.26);--fanui-accent-border: rgba(251, 113, 133, 0.38);--fanui-accent-ink: #fecdd3;--fanui-accent-ring: rgba(251, 113, 133, 0.3);--fanui-accent-glow: rgba(251, 113, 133, 0.42);--fanui-accent-grad-a: #fb7185;--fanui-accent-grad-b: #fda4af;--fanui-accent-50: #fff1f2;--fanui-accent-100: #ffe4e6;--fanui-accent-200: #fecdd3;--fanui-accent-300: #fda4af;--fanui-accent-400: #fb7185;--fanui-accent-500: #f43f5e;--fanui-accent-600: #e11d48;--fanui-accent-700: #be123c;--fanui-accent-800: #9f1239;--fanui-accent-900: #881337;--fanui-accent-950: #4c0519;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(248, 113, 113, 0.16), rgba(251, 113, 133, 0.14) );--fanui-brand-aura-a: rgba(248, 113, 113, 0.38);--fanui-brand-aura-b: rgba(251, 113, 133, 0.3);--fanui-brand-name: "red"}[data-fanui-theme=auto][data-fanui-accent=orange],[data-fanui-theme=auto] [data-fanui-accent=orange],[data-fanui-theme=auto] .fanui-accent-orange{--fanui-primary: #f97316;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(97.8588235294%, 50.0392156863%, 16.8509803922%);--fanui-primary-active: rgb(98.0470588235%, 54.431372549%, 24.1607843137%);--fanui-primary-vivid: #fb923c;--fanui-primary-vivid-2: #fdba74;--fanui-primary-soft: rgba(251, 146, 60, 0.16);--fanui-primary-soft-2: rgba(251, 146, 60, 0.26);--fanui-primary-border: rgba(251, 146, 60, 0.38);--fanui-primary-ink: #fed7aa;--fanui-primary-ring: rgba(251, 146, 60, 0.3);--fanui-primary-glow: rgba(251, 146, 60, 0.42);--fanui-primary-grad-a: #fb923c;--fanui-primary-grad-b: #fdba74;--fanui-primary-50: #fff7ed;--fanui-primary-100: #ffedd5;--fanui-primary-200: #fed7aa;--fanui-primary-300: #fdba74;--fanui-primary-400: #fb923c;--fanui-primary-500: #f97316;--fanui-primary-600: #ea580c;--fanui-primary-700: #c2410c;--fanui-primary-800: #9a3412;--fanui-primary-900: #7c2d12;--fanui-primary-950: #431407;--fanui-accent: #ec4899;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(93.2196078431%, 34.6941176471%, 63.6%);--fanui-accent-active: rgb(93.8156862745%, 40.4352941176%, 66.8%);--fanui-accent-vivid: #f472b6;--fanui-accent-vivid-2: #f9a8d4;--fanui-accent-soft: rgba(244, 114, 182, 0.16);--fanui-accent-soft-2: rgba(244, 114, 182, 0.26);--fanui-accent-border: rgba(244, 114, 182, 0.38);--fanui-accent-ink: #fbcfe8;--fanui-accent-ring: rgba(244, 114, 182, 0.3);--fanui-accent-glow: rgba(244, 114, 182, 0.42);--fanui-accent-grad-a: #f472b6;--fanui-accent-grad-b: #f9a8d4;--fanui-accent-50: #fdf2f8;--fanui-accent-100: #fce7f3;--fanui-accent-200: #fbcfe8;--fanui-accent-300: #f9a8d4;--fanui-accent-400: #f472b6;--fanui-accent-500: #ec4899;--fanui-accent-600: #db2777;--fanui-accent-700: #be185d;--fanui-accent-800: #9d174d;--fanui-accent-900: #831843;--fanui-accent-950: #500724;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(251, 146, 60, 0.16), rgba(244, 114, 182, 0.14) );--fanui-brand-aura-a: rgba(251, 146, 60, 0.38);--fanui-brand-aura-b: rgba(244, 114, 182, 0.3);--fanui-brand-name: "orange"}[data-fanui-theme=auto][data-fanui-accent=emerald],[data-fanui-theme=auto] [data-fanui-accent=emerald],[data-fanui-theme=auto] .fanui-accent-emerald{--fanui-primary: #10b981;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(14.7098039216%, 75.0196078431%, 55.0352941176%);--fanui-primary-active: rgb(22.2078431373%, 77.2156862745%, 58.9882352941%);--fanui-primary-vivid: #34d399;--fanui-primary-vivid-2: #6ee7b7;--fanui-primary-soft: rgba(52, 211, 153, 0.16);--fanui-primary-soft-2: rgba(52, 211, 153, 0.26);--fanui-primary-border: rgba(52, 211, 153, 0.38);--fanui-primary-ink: #a7f3d0;--fanui-primary-ring: rgba(52, 211, 153, 0.3);--fanui-primary-glow: rgba(52, 211, 153, 0.42);--fanui-primary-grad-a: #34d399;--fanui-primary-grad-b: #6ee7b7;--fanui-primary-50: #ecfdf5;--fanui-primary-100: #d1fae5;--fanui-primary-200: #a7f3d0;--fanui-primary-300: #6ee7b7;--fanui-primary-400: #34d399;--fanui-primary-500: #10b981;--fanui-primary-600: #059669;--fanui-primary-700: #047857;--fanui-primary-800: #065f46;--fanui-primary-900: #064e3b;--fanui-primary-950: #022c22;--fanui-accent: #06b6d4;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(11.1411764706%, 73.9490196078%, 84.6549019608%);--fanui-accent-active: rgb(18.9529411765%, 76.2392156863%, 86.0039215686%);--fanui-accent-vivid: #22d3ee;--fanui-accent-vivid-2: #67e8f9;--fanui-accent-soft: rgba(34, 211, 238, 0.16);--fanui-accent-soft-2: rgba(34, 211, 238, 0.26);--fanui-accent-border: rgba(34, 211, 238, 0.38);--fanui-accent-ink: #a5f3fc;--fanui-accent-ring: rgba(34, 211, 238, 0.3);--fanui-accent-glow: rgba(34, 211, 238, 0.42);--fanui-accent-grad-a: #22d3ee;--fanui-accent-grad-b: #67e8f9;--fanui-accent-50: #ecfeff;--fanui-accent-100: #cffafe;--fanui-accent-200: #a5f3fc;--fanui-accent-300: #67e8f9;--fanui-accent-400: #22d3ee;--fanui-accent-500: #06b6d4;--fanui-accent-600: #0891b2;--fanui-accent-700: #0e7490;--fanui-accent-800: #155e75;--fanui-accent-900: #164e63;--fanui-accent-950: #083344;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(52, 211, 153, 0.16), rgba(34, 211, 238, 0.14) );--fanui-brand-aura-a: rgba(52, 211, 153, 0.38);--fanui-brand-aura-b: rgba(34, 211, 238, 0.3);--fanui-brand-name: "emerald"}[data-fanui-theme=auto][data-fanui-accent=teal],[data-fanui-theme=auto] [data-fanui-accent=teal],[data-fanui-theme=auto] .fanui-accent-teal{--fanui-primary: #14b8a6;--fanui-primary-fg: #0b1220;--fanui-primary-hover: rgb(16.137254902%, 74.662745098%, 68.2392156863%);--fanui-primary-active: rgb(23.5098039216%, 76.8901960784%, 71.031372549%);--fanui-primary-vivid: #2dd4bf;--fanui-primary-vivid-2: #5eead4;--fanui-primary-soft: rgba(45, 212, 191, 0.16);--fanui-primary-soft-2: rgba(45, 212, 191, 0.26);--fanui-primary-border: rgba(45, 212, 191, 0.38);--fanui-primary-ink: #99f6e4;--fanui-primary-ring: rgba(45, 212, 191, 0.3);--fanui-primary-glow: rgba(45, 212, 191, 0.42);--fanui-primary-grad-a: #2dd4bf;--fanui-primary-grad-b: #5eead4;--fanui-primary-50: #f0fdfa;--fanui-primary-100: #ccfbf1;--fanui-primary-200: #99f6e4;--fanui-primary-300: #5eead4;--fanui-primary-400: #2dd4bf;--fanui-primary-500: #14b8a6;--fanui-primary-600: #0d9488;--fanui-primary-700: #0f766e;--fanui-primary-800: #115e59;--fanui-primary-900: #134e4a;--fanui-primary-950: #042f2e;--fanui-accent: #10b981;--fanui-accent-fg: #0b1220;--fanui-accent-hover: rgb(14.7098039216%, 75.0196078431%, 55.0352941176%);--fanui-accent-active: rgb(22.2078431373%, 77.2156862745%, 58.9882352941%);--fanui-accent-vivid: #34d399;--fanui-accent-vivid-2: #6ee7b7;--fanui-accent-soft: rgba(52, 211, 153, 0.16);--fanui-accent-soft-2: rgba(52, 211, 153, 0.26);--fanui-accent-border: rgba(52, 211, 153, 0.38);--fanui-accent-ink: #a7f3d0;--fanui-accent-ring: rgba(52, 211, 153, 0.3);--fanui-accent-glow: rgba(52, 211, 153, 0.42);--fanui-accent-grad-a: #34d399;--fanui-accent-grad-b: #6ee7b7;--fanui-accent-50: #ecfdf5;--fanui-accent-100: #d1fae5;--fanui-accent-200: #a7f3d0;--fanui-accent-300: #6ee7b7;--fanui-accent-400: #34d399;--fanui-accent-500: #10b981;--fanui-accent-600: #059669;--fanui-accent-700: #047857;--fanui-accent-800: #065f46;--fanui-accent-900: #064e3b;--fanui-accent-950: #022c22;--fanui-brand-grad-a: var(--fanui-primary-vivid);--fanui-brand-grad-b: var(--fanui-accent-vivid);--fanui-brand-grad: linear-gradient(120deg, var(--fanui-primary-vivid), var(--fanui-accent-vivid));--fanui-brand-grad-soft: linear-gradient( 120deg, rgba(45, 212, 191, 0.16), rgba(52, 211, 153, 0.14) );--fanui-brand-aura-a: rgba(45, 212, 191, 0.38);--fanui-brand-aura-b: rgba(52, 211, 153, 0.3);--fanui-brand-name: "teal"}}:root{--fanui-success: #047857;--fanui-success-fg: #ffffff;--fanui-success-hover: rgb(1.4274509804%, 42.8235294118%, 31.0470588235%);--fanui-success-active: rgb(1.3019607843%, 39.0588235294%, 28.3176470588%);--fanui-success-vivid: #10b981;--fanui-success-vivid-2: #059669;--fanui-success-soft: #ecfdf5;--fanui-success-soft-2: #d1fae5;--fanui-success-border: #a7f3d0;--fanui-success-ink: #065f46;--fanui-success-ring: rgba(16, 185, 129, 0.3);--fanui-success-glow: rgba(16, 185, 129, 0.42);--fanui-success-grad-a: #10b981;--fanui-success-grad-b: #059669;--fanui-warning: #b45309;--fanui-warning-fg: #ffffff;--fanui-warning-hover: rgb(64.2352941176%, 29.6196078431%, 3.2117647059%);--fanui-warning-active: rgb(58.5882352941%, 27.0156862745%, 2.9294117647%);--fanui-warning-vivid: #f59e0b;--fanui-warning-vivid-2: #d97706;--fanui-warning-soft: #fffbeb;--fanui-warning-soft-2: #fef3c7;--fanui-warning-border: #fde68a;--fanui-warning-ink: #92400e;--fanui-warning-ring: rgba(245, 158, 11, 0.3);--fanui-warning-glow: rgba(245, 158, 11, 0.42);--fanui-warning-grad-a: #f59e0b;--fanui-warning-grad-b: #d97706;--fanui-danger: #b91c1c;--fanui-danger-fg: #ffffff;--fanui-danger-hover: rgb(66.0196078431%, 9.9921568627%, 9.9921568627%);--fanui-danger-active: rgb(60.2156862745%, 9.1137254902%, 9.1137254902%);--fanui-danger-vivid: #ef4444;--fanui-danger-vivid-2: #dc2626;--fanui-danger-soft: #fef2f2;--fanui-danger-soft-2: #fee2e2;--fanui-danger-border: #fecaca;--fanui-danger-ink: #991b1b;--fanui-danger-ring: rgba(239, 68, 68, 0.3);--fanui-danger-glow: rgba(239, 68, 68, 0.42);--fanui-danger-grad-a: #ef4444;--fanui-danger-grad-b: #dc2626;--fanui-info: #0369a1;--fanui-info-fg: #ffffff;--fanui-info-hover: rgb(1.0705882353%, 37.4705882353%, 57.4549019608%);--fanui-info-active: rgb(0.9764705882%, 34.1764705882%, 52.4039215686%);--fanui-info-vivid: #0ea5e9;--fanui-info-vivid-2: #0284c7;--fanui-info-soft: #f0f9ff;--fanui-info-soft-2: #e0f2fe;--fanui-info-border: #bae6fd;--fanui-info-ink: #075985;--fanui-info-ring: rgba(14, 165, 233, 0.3);--fanui-info-glow: rgba(14, 165, 233, 0.42);--fanui-info-grad-a: #0ea5e9;--fanui-info-grad-b: #0284c7}[data-fanui-theme=dark],:root[data-fanui-theme=dark]{--fanui-success: #34d399;--fanui-success-fg: #0b1220;--fanui-success-hover: rgb(27.5568627451%, 84.2980392157%, 63.6%);--fanui-success-active: rgb(33.9254901961%, 85.6784313725%, 66.8%);--fanui-success-vivid: #34d399;--fanui-success-vivid-2: #6ee7b7;--fanui-success-soft: rgba(52, 211, 153, 0.16);--fanui-success-soft-2: rgba(52, 211, 153, 0.26);--fanui-success-border: rgba(52, 211, 153, 0.38);--fanui-success-ink: #a7f3d0;--fanui-success-ring: rgba(52, 211, 153, 0.3);--fanui-success-glow: rgba(52, 211, 153, 0.42);--fanui-success-grad-a: #34d399;--fanui-success-grad-b: #6ee7b7;--fanui-warning: #fbbf24;--fanui-warning-fg: #0b1220;--fanui-warning-hover: rgb(98.5725490196%, 77.1607843137%, 21.8470588235%);--fanui-warning-active: rgb(98.6980392157%, 79.168627451%, 28.7176470588%);--fanui-warning-vivid: #fbbf24;--fanui-warning-vivid-2: #fcd34d;--fanui-warning-soft: rgba(251, 191, 36, 0.16);--fanui-warning-soft-2: rgba(251, 191, 36, 0.26);--fanui-warning-border: rgba(251, 191, 36, 0.38);--fanui-warning-ink: #fde68a;--fanui-warning-ring: rgba(251, 191, 36, 0.3);--fanui-warning-glow: rgba(251, 191, 36, 0.42);--fanui-warning-grad-a: #fbbf24;--fanui-warning-grad-b: #fcd34d;--fanui-danger: #f87171;--fanui-danger-fg: #0b1220;--fanui-danger-hover: rgb(97.5019607843%, 49.3254901961%, 49.3254901961%);--fanui-danger-active: rgb(97.7215686275%, 53.7803921569%, 53.7803921569%);--fanui-danger-vivid: #f87171;--fanui-danger-vivid-2: #fca5a5;--fanui-danger-soft: rgba(248, 113, 113, 0.16);--fanui-danger-soft-2: rgba(248, 113, 113, 0.26);--fanui-danger-border: rgba(248, 113, 113, 0.38);--fanui-danger-ink: #fecaca;--fanui-danger-ring: rgba(248, 113, 113, 0.3);--fanui-danger-glow: rgba(248, 113, 113, 0.42);--fanui-danger-grad-a: #f87171;--fanui-danger-grad-b: #fca5a5;--fanui-info: #38bdf8;--fanui-info-fg: #0b1220;--fanui-info-hover: rgb(28.9843137255%, 76.4470588235%, 97.5019607843%);--fanui-info-active: rgb(35.2274509804%, 78.5176470588%, 97.7215686275%);--fanui-info-vivid: #38bdf8;--fanui-info-vivid-2: #7dd3fc;--fanui-info-soft: rgba(56, 189, 248, 0.16);--fanui-info-soft-2: rgba(56, 189, 248, 0.26);--fanui-info-border: rgba(56, 189, 248, 0.38);--fanui-info-ink: #bae6fd;--fanui-info-ring: rgba(56, 189, 248, 0.3);--fanui-info-glow: rgba(56, 189, 248, 0.42);--fanui-info-grad-a: #38bdf8;--fanui-info-grad-b: #7dd3fc}@media(prefers-color-scheme: dark){[data-fanui-theme=auto],:root[data-fanui-theme=auto]{--fanui-success: #34d399;--fanui-success-fg: #0b1220;--fanui-success-hover: rgb(27.5568627451%, 84.2980392157%, 63.6%);--fanui-success-active: rgb(33.9254901961%, 85.6784313725%, 66.8%);--fanui-success-vivid: #34d399;--fanui-success-vivid-2: #6ee7b7;--fanui-success-soft: rgba(52, 211, 153, 0.16);--fanui-success-soft-2: rgba(52, 211, 153, 0.26);--fanui-success-border: rgba(52, 211, 153, 0.38);--fanui-success-ink: #a7f3d0;--fanui-success-ring: rgba(52, 211, 153, 0.3);--fanui-success-glow: rgba(52, 211, 153, 0.42);--fanui-success-grad-a: #34d399;--fanui-success-grad-b: #6ee7b7;--fanui-warning: #fbbf24;--fanui-warning-fg: #0b1220;--fanui-warning-hover: rgb(98.5725490196%, 77.1607843137%, 21.8470588235%);--fanui-warning-active: rgb(98.6980392157%, 79.168627451%, 28.7176470588%);--fanui-warning-vivid: #fbbf24;--fanui-warning-vivid-2: #fcd34d;--fanui-warning-soft: rgba(251, 191, 36, 0.16);--fanui-warning-soft-2: rgba(251, 191, 36, 0.26);--fanui-warning-border: rgba(251, 191, 36, 0.38);--fanui-warning-ink: #fde68a;--fanui-warning-ring: rgba(251, 191, 36, 0.3);--fanui-warning-glow: rgba(251, 191, 36, 0.42);--fanui-warning-grad-a: #fbbf24;--fanui-warning-grad-b: #fcd34d;--fanui-danger: #f87171;--fanui-danger-fg: #0b1220;--fanui-danger-hover: rgb(97.5019607843%, 49.3254901961%, 49.3254901961%);--fanui-danger-active: rgb(97.7215686275%, 53.7803921569%, 53.7803921569%);--fanui-danger-vivid: #f87171;--fanui-danger-vivid-2: #fca5a5;--fanui-danger-soft: rgba(248, 113, 113, 0.16);--fanui-danger-soft-2: rgba(248, 113, 113, 0.26);--fanui-danger-border: rgba(248, 113, 113, 0.38);--fanui-danger-ink: #fecaca;--fanui-danger-ring: rgba(248, 113, 113, 0.3);--fanui-danger-glow: rgba(248, 113, 113, 0.42);--fanui-danger-grad-a: #f87171;--fanui-danger-grad-b: #fca5a5;--fanui-info: #38bdf8;--fanui-info-fg: #0b1220;--fanui-info-hover: rgb(28.9843137255%, 76.4470588235%, 97.5019607843%);--fanui-info-active: rgb(35.2274509804%, 78.5176470588%, 97.7215686275%);--fanui-info-vivid: #38bdf8;--fanui-info-vivid-2: #7dd3fc;--fanui-info-soft: rgba(56, 189, 248, 0.16);--fanui-info-soft-2: rgba(56, 189, 248, 0.26);--fanui-info-border: rgba(56, 189, 248, 0.38);--fanui-info-ink: #bae6fd;--fanui-info-ring: rgba(56, 189, 248, 0.3);--fanui-info-glow: rgba(56, 189, 248, 0.42);--fanui-info-grad-a: #38bdf8;--fanui-info-grad-b: #7dd3fc}}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);scroll-behavior:smooth;font-size:100%;line-height:1;tab-size:4;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";text-rendering:optimizeLegibility}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;min-height:100vh;font-family:var(--fanui-font-base, -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji);font-size:var(--fanui-font-size-base, 14px);font-weight:400;line-height:var(--fanui-line-height-base, 1.5715);color:var(--fanui-color-text);background-color:var(--fanui-color-bg);transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main,article,aside,figure,footer,header,hgroup,nav,section,details,summary,figcaption{display:block}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,ol,ul,pre{margin:0}ol[class],ul[class],li[class]{list-style:none;padding:0}a{color:var(--fanui-primary);text-decoration:none;background-color:rgba(0,0,0,0);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}a:hover{color:var(--fanui-primary-hover);text-decoration:underline}a:active{color:var(--fanui-primary-active)}a:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){a:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}a:focus-visible{border-radius:2px}b,strong{font-weight:700}small{font-size:.875em}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img,picture,video,canvas,svg{display:block;max-width:100%}img,video{height:auto;border-style:none}svg{overflow:hidden;vertical-align:middle}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:inherit;color:inherit}button,[type=button],[type=reset],[type=submit],[role=button]{-webkit-appearance:button;cursor:pointer;text-transform:none;background-color:rgba(0,0,0,0);background-image:none;border:0;padding:0}::-moz-focus-inner{padding:0;border-style:none}:-moz-ui-invalid{box-shadow:none}fieldset{min-width:0;padding:0;margin:0;border:0}legend{padding:0;display:table;max-width:100%;white-space:normal;color:inherit}progress{vertical-align:baseline}textarea{resize:vertical;overflow:auto}[type=search]{outline-offset:-2px;-webkit-appearance:textfield;appearance:textfield}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}[type=number]::-webkit-outer-spin-button,[type=number]::-webkit-inner-spin-button{height:auto;-webkit-appearance:none;margin:0}[type=number]{-moz-appearance:textfield}[hidden],template{display:none !important}iframe{border:0;display:block}hr{box-sizing:content-box;height:0;overflow:visible;margin:1em 0;border:0;border-top:var(--fanui-border-width, 1px) solid var(--fanui-color-border);opacity:1;color:inherit}abbr[title]{text-decoration:underline dotted;cursor:help}code,kbd,samp,pre{font-family:var(--fanui-font-mono, ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, Courier New, monospace);font-size:1em}pre{overflow:auto;-webkit-overflow-scrolling:touch}summary{display:list-item;cursor:pointer}details>summary::-webkit-details-marker{display:none}table{border-collapse:collapse;border-spacing:0;text-indent:0}th{text-align:inherit;text-align:-webkit-match-parent}html{scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}html::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:rgba(0,0,0,0)}html::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}html::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}::selection{background-color:var(--fanui-primary-soft);color:var(--fanui-primary-active)}.fanui-skip-link{position:fixed;top:-100%;left:var(--fanui-space-4);z-index:calc(var(--fanui-z-toast) + 1);padding:10px 18px;border-radius:var(--fanui-radius-md);background-color:var(--fanui-primary);color:var(--fanui-primary-fg);font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold);text-decoration:none;box-shadow:var(--fanui-shadow-lg);transition:top 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-skip-link:focus{top:var(--fanui-space-3);outline:3px solid var(--fanui-primary-ring);outline-offset:2px}.fanui-visually-hidden,.fanui-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fanui-sr-only-focusable{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fanui-sr-only-focusable:active,.fanui-sr-only-focusable:focus{position:static !important;width:auto !important;height:auto !important;margin:0 !important;overflow:visible !important;clip:auto !important;white-space:normal !important}.fanui-no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.fanui-no-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}:focus-visible{outline:2px solid var(--fanui-primary-ring);outline-offset:1px}@media(forced-colors: active){:focus-visible{outline:2px solid rgba(0,0,0,0)}}.fanui-font-sans{font-family:var(--fanui-font-sans)}.fanui-font-serif{font-family:var(--fanui-font-serif)}.fanui-font-mono{font-family:var(--fanui-font-mono)}h1,h2,h3,h4,h5,h6,.fanui-h1,.fanui-h2,.fanui-h3,.fanui-h4,.fanui-h5,.fanui-h6{margin-top:0;margin-bottom:var(--fanui-heading-margin-bottom, 0.5em);font-weight:600;line-height:1.25;color:var(--fanui-color-text-strong);text-wrap:balance}h1,.fanui-h1{font-size:var(--fanui-font-size-3xl);letter-spacing:-0.02em}h2,.fanui-h2{font-size:var(--fanui-font-size-2xl);letter-spacing:-0.015em}h3,.fanui-h3{font-size:var(--fanui-font-size-xl)}h4,.fanui-h4{font-size:var(--fanui-font-size-lg)}h5,.fanui-h5{font-size:var(--fanui-font-size-md)}h6,.fanui-h6{font-size:var(--fanui-font-size-base)}.fanui-display-1{font-size:var(--fanui-font-size-6xl);font-weight:800;line-height:1.1;letter-spacing:-0.025em}.fanui-display-2{font-size:var(--fanui-font-size-5xl);font-weight:800;line-height:1.15;letter-spacing:-0.02em}.fanui-display-3{font-size:var(--fanui-font-size-4xl);font-weight:700;line-height:1.2;letter-spacing:-0.02em}p{margin-top:0;margin-bottom:var(--fanui-paragraph-margin-bottom, 1em)}.fanui-lead{font-size:var(--fanui-font-size-md);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted)}.fanui-text-muted{color:var(--fanui-color-text-muted)}.fanui-text-subtle{color:var(--fanui-color-text-subtle)}.fanui-text-strong{color:var(--fanui-color-text-strong);font-weight:600}.fanui-text-inverse{color:var(--fanui-color-text-inverse)}.fanui-text-primary{color:var(--fanui-primary)}.fanui-text-accent{color:var(--fanui-accent)}.fanui-text-success{color:var(--fanui-success)}.fanui-text-warning{color:var(--fanui-warning)}.fanui-text-danger{color:var(--fanui-danger)}.fanui-text-info{color:var(--fanui-info)}.fanui-text-gradient{background-image:linear-gradient(to right, var(--fanui-primary), var(--fanui-accent));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.fanui-fs-xs{font-size:var(--fanui-font-size-xs)}.fanui-fs-sm{font-size:var(--fanui-font-size-sm)}.fanui-fs-base{font-size:var(--fanui-font-size-base)}.fanui-fs-md{font-size:var(--fanui-font-size-md)}.fanui-fs-lg{font-size:var(--fanui-font-size-lg)}.fanui-fs-xl{font-size:var(--fanui-font-size-xl)}.fanui-fs-2xl{font-size:var(--fanui-font-size-2xl)}.fanui-fs-3xl{font-size:var(--fanui-font-size-3xl)}.fanui-fs-4xl{font-size:var(--fanui-font-size-4xl)}.fanui-fs-5xl{font-size:var(--fanui-font-size-5xl)}.fanui-fs-6xl{font-size:var(--fanui-font-size-6xl)}.fanui-fs-lead-lg::first-letter{font-size:var(--fanui-font-size-5xl);font-weight:700;float:left;line-height:1;margin-inline-end:8px}.fanui-lh-none{line-height:1}.fanui-lh-tight{line-height:1.25}.fanui-lh-snug{line-height:1.375}.fanui-lh-normal{line-height:1.5}.fanui-lh-base{line-height:1.5715}.fanui-lh-relaxed{line-height:1.625}.fanui-lh-loose{line-height:2}.fanui-fw-light{font-weight:300}.fanui-fw-normal{font-weight:400}.fanui-fw-medium{font-weight:500}.fanui-fw-semibold{font-weight:600}.fanui-fw-bold{font-weight:700}.fanui-fw-extrabold{font-weight:800}.fanui-tracking-tighter{letter-spacing:-0.05em}.fanui-tracking-tight{letter-spacing:-0.025em}.fanui-tracking-normal{letter-spacing:0}.fanui-tracking-wide{letter-spacing:.025em}.fanui-tracking-wider{letter-spacing:.05em}.fanui-tracking-widest{letter-spacing:.1em}.fanui-italic{font-style:italic}.fanui-not-italic{font-style:normal}.fanui-uppercase{text-transform:uppercase}.fanui-lowercase{text-transform:lowercase}.fanui-capitalize{text-transform:capitalize}.fanui-underline{text-decoration:underline}.fanui-line-through{text-decoration:line-through}.fanui-no-underline{text-decoration:none}.fanui-text-start{text-align:start}.fanui-text-center{text-align:center}.fanui-text-end{text-align:end}.fanui-text-justify{text-align:justify}.fanui-text-wrap{white-space:normal}.fanui-text-nowrap{white-space:nowrap}.fanui-text-pre{white-space:pre}.fanui-text-pre-wrap{white-space:pre-wrap}.fanui-text-break{word-break:break-word;overflow-wrap:anywhere}.fanui-text-balance{text-wrap:balance}.fanui-text-pretty{text-wrap:pretty}.fanui-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.fanui-truncate-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.fanui-truncate-4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.fanui-list{padding-inline-start:1.25rem;margin-bottom:1em}.fanui-list li{margin-bottom:.25em}.fanui-list-unstyled{list-style:none;padding-inline-start:0;margin-inline-start:0}.fanui-list-inline{display:flex;flex-wrap:wrap;gap:var(--fanui-space-4);list-style:none;padding-inline-start:0}.fanui-list-dashed{list-style:none;padding-inline-start:0}.fanui-list-dashed>li{position:relative;padding-inline-start:1.25em}.fanui-list-dashed>li::before{content:"";position:absolute;left:.25em;top:.65em;width:.35em;height:.35em;border-radius:50%;background-color:var(--fanui-primary)}.fanui-blockquote{margin:0 0 1em;padding:var(--fanui-space-4) var(--fanui-space-5);border-inline-start:4px solid var(--fanui-primary);background-color:var(--fanui-color-surface-sunken);border-radius:0 var(--fanui-radius-base) var(--fanui-radius-base) 0;color:var(--fanui-color-text-muted)}.fanui-blockquote footer{margin-top:var(--fanui-space-2);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-subtle)}.fanui-blockquote footer::before{content:"— "}.fanui-code,.fanui-prose code{padding:.15em .4em;font-family:var(--fanui-font-mono);font-size:.875em;color:var(--fanui-danger);background-color:var(--fanui-color-surface-sunken);border:1px solid var(--fanui-color-border-subtle);border-radius:var(--fanui-radius-sm);white-space:nowrap}.fanui-pre,.fanui-prose pre{display:block;margin:0 0 1em;padding:var(--fanui-space-4);font-family:var(--fanui-font-mono);font-size:var(--fanui-font-size-sm);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text);background-color:var(--fanui-color-surface-sunken);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);overflow-x:auto;tab-size:2}.fanui-pre code,.fanui-prose pre code{padding:0;background:none;border:0;color:inherit;font-size:inherit;white-space:pre}.fanui-kbd{display:inline-block;min-width:1.6em;padding:.1em .4em;font-family:var(--fanui-font-mono);font-size:.8125em;line-height:1.4;text-align:center;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border-strong);border-bottom-width:2px;border-radius:var(--fanui-radius-sm);box-shadow:var(--fanui-shadow-xs)}.fanui-mark{padding:.1em .2em;background-color:rgba(245,158,11,.28);color:inherit;border-radius:var(--fanui-radius-sm)}.fanui-link{color:var(--fanui-primary);text-decoration:none;border-bottom:1px solid var(--fanui-primary-border);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-link:hover{color:var(--fanui-primary-hover);border-bottom-color:var(--fanui-primary-hover);text-decoration:none}.fanui-link--subtle{color:var(--fanui-color-text-muted);border-bottom-color:var(--fanui-color-border)}.fanui-link--subtle:hover{color:var(--fanui-color-text);border-bottom-color:var(--fanui-color-border-strong)}.fanui-anchor{position:relative;scroll-margin-top:var(--fanui-space-8)}.fanui-anchor>.fanui-anchor__link{position:absolute;left:-1.25em;padding-inline-end:.25em;color:var(--fanui-color-text-subtle);opacity:0;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-anchor>.fanui-anchor__link::before{content:"#"}.fanui-anchor:hover>.fanui-anchor__link{opacity:1}.fanui-prose{font-size:var(--fanui-font-size-md);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text);max-width:72ch}.fanui-prose>*+*{margin-top:1em}.fanui-prose>h2{margin-top:2em}.fanui-prose>h3{margin-top:1.5em}.fanui-prose>h2+*,.fanui-prose>h3+*{margin-top:.5em}.fanui-prose ul,.fanui-prose ol{padding-inline-start:1.4em}.fanui-prose li+li{margin-top:.35em}.fanui-prose li>ul,.fanui-prose li>ol{margin-top:.35em}.fanui-prose img{border-radius:var(--fanui-radius-md);margin:1.5em 0}.fanui-prose hr{margin:2.5em 0}.fanui-prose table{width:100%;border-collapse:collapse;font-size:var(--fanui-font-size-base);margin:1.5em 0}.fanui-prose table th,.fanui-prose table td{padding:8px 12px;text-align:start;border:1px solid var(--fanui-color-border)}.fanui-prose table th{background-color:var(--fanui-color-surface-sunken);font-weight:600}@keyframes fanui-fade-in{from{opacity:0}to{opacity:1}}@keyframes fanui-fade-out{from{opacity:1}to{opacity:0}}@keyframes fanui-slide-in-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fanui-slide-in-down{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fanui-slide-in-start{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes fanui-slide-in-end{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes fanui-zoom-in{from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1)}}@keyframes fanui-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0.94)}}@keyframes fanui-pop-in{from{opacity:0;transform:scale(0.86) translateY(8px)}60%{opacity:1;transform:scale(1.02) translateY(0)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fanui-spin{to{transform:rotate(360deg)}}@keyframes fanui-pulse{0%,100%{opacity:1}50%{opacity:.45}}@keyframes fanui-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fanui-shake{0%,100%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes fanui-progress-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes fanui-progress-indeterminate{0%{left:-35%;width:35%}60%{left:100%;width:60%}100%{left:100%;width:60%}}@keyframes fanui-skeleton-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}@keyframes fanui-toast-in{from{opacity:0;transform:translateY(-8px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fanui-ripple{from{transform:scale(0);opacity:.45}to{transform:scale(2.6);opacity:0}}@keyframes fanui-blink{0%,100%{opacity:1}50%{opacity:0}}.fanui-animate-fade-in{animation-name:fanui-fade-in;animation-duration:200ms;animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-fill-mode:both;animation-iteration-count:1}.fanui-animate-fade-out{animation-name:fanui-fade-out;animation-duration:200ms;animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-fill-mode:both;animation-iteration-count:1}.fanui-animate-slide-in-up{animation-name:fanui-slide-in-up;animation-duration:300ms;animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-fill-mode:both;animation-iteration-count:1}.fanui-animate-slide-in-down{animation-name:fanui-slide-in-down;animation-duration:300ms;animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-fill-mode:both;animation-iteration-count:1}.fanui-animate-slide-in-start{animation-name:fanui-slide-in-start;animation-duration:300ms;animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-fill-mode:both;animation-iteration-count:1}.fanui-animate-slide-in-end{animation-name:fanui-slide-in-end;animation-duration:300ms;animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-fill-mode:both;animation-iteration-count:1}.fanui-animate-zoom-in{animation-name:fanui-zoom-in;animation-duration:200ms;animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-fill-mode:both;animation-iteration-count:1}.fanui-animate-zoom-out{animation-name:fanui-zoom-out;animation-duration:200ms;animation-timing-function:cubic-bezier(0.4, 0, 1, 1);animation-fill-mode:both;animation-iteration-count:1}.fanui-animate-pop-in{animation-name:fanui-pop-in;animation-duration:300ms;animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);animation-fill-mode:both;animation-iteration-count:1}.fanui-animate-spin{animation-name:fanui-spin;animation-duration:900ms;animation-timing-function:linear;animation-fill-mode:infinite;animation-iteration-count:1}.fanui-animate-pulse{animation-name:fanui-pulse;animation-duration:1.6s;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-fill-mode:infinite;animation-iteration-count:1}.fanui-animate-bounce{animation-name:fanui-bounce;animation-duration:1s;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-fill-mode:infinite;animation-iteration-count:1}.fanui-animate-shake{animation-name:fanui-shake;animation-duration:420ms;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);animation-fill-mode:both;animation-iteration-count:1}.fanui-animate-blink{animation-name:fanui-blink;animation-duration:1s;animation-timing-function:step-end;animation-fill-mode:infinite;animation-iteration-count:1}.fanui-animate-spin,.fanui-animate-pulse,.fanui-animate-bounce,.fanui-animate-blink{animation-iteration-count:infinite}.fanui-animate-infinite{animation-iteration-count:infinite}.fanui-animate-once{animation-iteration-count:1}.fanui-duration-instant{animation-duration:100ms;transition-duration:100ms}.fanui-duration-fast{animation-duration:150ms;transition-duration:150ms}.fanui-duration-base{animation-duration:200ms;transition-duration:200ms}.fanui-duration-slow{animation-duration:300ms;transition-duration:300ms}.fanui-duration-slower{animation-duration:500ms;transition-duration:500ms}.fanui-ease-linear{animation-timing-function:linear;transition-timing-function:linear}.fanui-ease-in{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);transition-timing-function:cubic-bezier(0.4, 0, 1, 1)}.fanui-ease-out{animation-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.fanui-ease-in-out{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.fanui-ease-spring{animation-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1);transition-timing-function:cubic-bezier(0.34, 1.56, 0.64, 1)}.fanui-delay-75{animation-delay:75ms}.fanui-delay-150{animation-delay:150ms}.fanui-delay-300{animation-delay:300ms}.fanui-delay-500{animation-delay:500ms}.fanui-paused{animation-play-state:paused}.fanui-running{animation-play-state:running}.fanui-transition-all{transition:all 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-transition-color{transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-transition-background-color{transition:background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-transition-border-color{transition:border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-transition-box-shadow{transition:box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-transition-opacity{transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-transition-transform{transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}@media(prefers-reduced-motion: reduce){.fanui-animate-fade-in,.fanui-animate-fade-out,.fanui-animate-slide-in-up,.fanui-animate-slide-in-down,.fanui-animate-slide-in-start,.fanui-animate-slide-in-end,.fanui-animate-zoom-in,.fanui-animate-zoom-out,.fanui-animate-pop-in,.fanui-animate-shake{animation:none !important;opacity:1 !important;transform:none !important}.fanui-animate-spin,.fanui-animate-pulse,.fanui-animate-bounce,.fanui-animate-blink{animation-duration:3s !important}}[dir=rtl] .fanui-dropdown__menu{transform-origin:top right}[dir=rtl] .fanui-dropdown__menu--start{left:auto;right:0;transform-origin:top right}[dir=rtl] .fanui-dropdown__menu--end{left:0;right:auto;transform-origin:top left}[dir=rtl] .fanui-dropdown__menu--up{transform-origin:bottom right}[dir=rtl] .fanui-dropdown__menu--up.fanui-dropdown__menu--end{transform-origin:bottom left}[dir=rtl] .fanui-dropdown__menu--center{left:50%;right:auto}[dir=rtl] .fanui-popover__panel{transform-origin:top right}[dir=rtl] .fanui-popover__panel--end{left:auto;right:0;transform-origin:top right}[dir=rtl] .fanui-popover__panel--start{left:0;right:auto;transform-origin:top left}[dir=rtl] .fanui-popover__panel--center{left:50%;right:auto;transform:translateX(-50%) translateY(-4px)}[dir=rtl] .fanui-popover__panel--center.is-open,[dir=rtl] .fanui-popover__panel--center.is-active{transform:translateX(-50%) translateY(0)}[dir=rtl] .fanui-tooltip--right .fanui-tooltip__bubble{left:auto;right:calc(100% + 8px)}[dir=rtl] .fanui-tooltip--right .fanui-tooltip__bubble::after{left:auto;right:0;margin:0 -3px 0 0}[dir=rtl] .fanui-tooltip--left .fanui-tooltip__bubble{left:calc(100% + 8px);right:auto}[dir=rtl] .fanui-tooltip--left .fanui-tooltip__bubble::after{left:0;right:auto;margin:0 100% 0 -3px}[dir=rtl] .fanui-drawer--start .fanui-drawer__panel{left:auto;right:0;transform:translateX(100%)}[dir=rtl] .fanui-drawer--end .fanui-drawer__panel{left:0;right:auto;transform:translateX(-100%)}[dir=rtl] .fanui-drawer--start.is-open>.fanui-drawer__panel,[dir=rtl] .fanui-drawer--end.is-open>.fanui-drawer__panel{transform:translate(0, 0)}[dir=rtl] .fanui-sidebar--end{left:0;right:auto}[dir=rtl] .fanui-datepanel,[dir=rtl] .fanui-timepanel,[dir=rtl] .fanui-colorpanel,[dir=rtl] .fanui-cascader__panel{transform-origin:top right}[dir=rtl] .fanui-toast-region--top-right{left:var(--fanui-space-5);right:auto;align-items:flex-start}[dir=rtl] .fanui-toast-region--top-left{left:auto;right:var(--fanui-space-5);align-items:flex-end}[dir=rtl] .fanui-toast-region--bottom-right{left:var(--fanui-space-5);right:auto;align-items:flex-start}[dir=rtl] .fanui-switch__track{transform:scaleX(-1)}[dir=rtl] .fanui-scroll-progress__bar,[dir=rtl] .fanui-loading-bar__inner{transform-origin:right center}[dir=rtl] .fanui-marquee__track{animation-direction:reverse}[dir=rtl] .fanui-breadcrumb__separator,[dir=rtl] .fanui-sidebar__item__arrow,[dir=rtl] .fanui-cascader__arrow,[dir=rtl] .fanui-cascader__caret,[dir=rtl] .fanui-tree__caret,[dir=rtl] .fanui-carousel__nav,[dir=rtl] .fanui-datepanel__nav{display:inline-block;transform:scaleX(-1)}[dir=rtl] .fanui-fab{left:var(--fanui-space-5);right:auto}[dir=rtl] .fanui-skip-link{left:auto;right:var(--fanui-space-4)}.fanui-container{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media(min-width: 576px){.fanui-container{max-width:540px}}@media(min-width: 768px){.fanui-container{max-width:720px}}@media(min-width: 992px){.fanui-container{max-width:960px}}@media(min-width: 1200px){.fanui-container{max-width:1140px}}@media(min-width: 1400px){.fanui-container{max-width:1320px}}.fanui-container-fluid{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}.fanui-container-full{width:100%;margin-inline-end:auto;margin-inline-start:auto}.fanui-container-sm{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media(min-width: 576px){.fanui-container-sm{max-width:540px}}.fanui-container-md{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media(min-width: 768px){.fanui-container-md{max-width:720px}}.fanui-container-lg{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media(min-width: 992px){.fanui-container-lg{max-width:960px}}.fanui-container-xl{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media(min-width: 1200px){.fanui-container-xl{max-width:1140px}}.fanui-container-xxl{width:100%;padding-inline-end:16px;padding-inline-start:16px;margin-inline-end:auto;margin-inline-start:auto;box-sizing:border-box}@media(min-width: 1400px){.fanui-container-xxl{max-width:1320px}}.fanui-layout{display:flex;flex-direction:column;min-height:100vh}.fanui-layout__header{flex:0 0 auto;z-index:var(--fanui-z-sticky, 1020)}.fanui-layout__body{flex:1 1 auto;display:flex;min-height:0}.fanui-layout__aside{flex:0 0 auto;width:var(--fanui-layout-aside-width, 240px);overflow-y:auto}.fanui-layout__main{flex:1 1 auto;min-width:0;overflow-x:hidden}.fanui-layout__footer{flex:0 0 auto}.fanui-layout--aside-end .fanui-layout__aside{order:2}.fanui-layout--aside-end .fanui-layout__main{order:1}@media(max-width: 767.95px){.fanui-layout__aside{width:100%;max-width:none}.fanui-layout--responsive .fanui-layout__body{flex-direction:column}}.fanui-main{flex:1 1 auto;min-width:0}.fanui-aside{flex:0 0 auto}.fanui-section{padding-block:var(--fanui-space-8)}.fanui-sticky-top{position:sticky;top:0;z-index:var(--fanui-z-sticky, 1020)}.fanui-sticky-bottom{position:sticky;bottom:0;z-index:var(--fanui-z-sticky, 1020)}.fanui-row{--fanui-gutter-x: 24px;--fanui-gutter-y: 0;display:flex;flex-wrap:wrap;margin-top:0;margin-inline-end:-12px;margin-inline-start:-12px}.fanui-row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-inline-end:calc(var(--fanui-gutter-x, 24px)*.5);padding-inline-start:calc(var(--fanui-gutter-x, 24px)*.5);margin-top:var(--fanui-gutter-y, 0)}.fanui-row--no-gutters{--fanui-gutter-x: 0;--fanui-gutter-y: 0}.fanui-row--inline{display:inline-flex}.fanui-col{flex:1 0 0%;min-width:0}.fanui-col-auto{flex:0 0 auto;width:auto}.fanui-col-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}.fanui-col-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}.fanui-col-3{flex:0 0 auto;width:25%;max-width:100%}.fanui-col-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}.fanui-col-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}.fanui-col-6{flex:0 0 auto;width:50%;max-width:100%}.fanui-col-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}.fanui-col-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}.fanui-col-9{flex:0 0 auto;width:75%;max-width:100%}.fanui-col-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}.fanui-col-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}.fanui-col-12{flex:0 0 auto;width:100%;max-width:100%}.fanui-col-12{flex:0 0 auto;width:100%}.fanui-col{flex:1 0 0%;min-width:0}.fanui-col-auto{flex:0 0 auto;width:auto;max-width:100%}.fanui-col-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}.fanui-col-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}.fanui-col-3{flex:0 0 auto;width:25%;max-width:100%}.fanui-col-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}.fanui-col-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}.fanui-col-6{flex:0 0 auto;width:50%;max-width:100%}.fanui-col-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}.fanui-col-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}.fanui-col-9{flex:0 0 auto;width:75%;max-width:100%}.fanui-col-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}.fanui-col-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}.fanui-col-12{flex:0 0 auto;width:100%;max-width:100%}.fanui-offset-0{margin-inline-start:0}.fanui-offset-1{margin-inline-start:8.3333333333%}.fanui-offset-2{margin-inline-start:16.6666666667%}.fanui-offset-3{margin-inline-start:25%}.fanui-offset-4{margin-inline-start:33.3333333333%}.fanui-offset-5{margin-inline-start:41.6666666667%}.fanui-offset-6{margin-inline-start:50%}.fanui-offset-7{margin-inline-start:58.3333333333%}.fanui-offset-8{margin-inline-start:66.6666666667%}.fanui-offset-9{margin-inline-start:75%}.fanui-offset-10{margin-inline-start:83.3333333333%}.fanui-offset-11{margin-inline-start:91.6666666667%}.fanui-order-0{order:0}.fanui-order-1{order:1}.fanui-order-2{order:2}.fanui-order-3{order:3}.fanui-order-4{order:4}.fanui-order-5{order:5}.fanui-order-6{order:6}.fanui-order-7{order:7}.fanui-order-8{order:8}.fanui-order-9{order:9}.fanui-order-10{order:10}.fanui-order-11{order:11}.fanui-order-12{order:12}.fanui-order-first{order:-1}.fanui-order-last{order:13}@media(min-width: 576px){.fanui-col-sm{flex:1 0 0%;min-width:0}.fanui-col-sm-auto{flex:0 0 auto;width:auto;max-width:100%}.fanui-col-sm-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}.fanui-col-sm-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}.fanui-col-sm-3{flex:0 0 auto;width:25%;max-width:100%}.fanui-col-sm-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}.fanui-col-sm-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}.fanui-col-sm-6{flex:0 0 auto;width:50%;max-width:100%}.fanui-col-sm-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}.fanui-col-sm-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}.fanui-col-sm-9{flex:0 0 auto;width:75%;max-width:100%}.fanui-col-sm-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}.fanui-col-sm-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}.fanui-col-sm-12{flex:0 0 auto;width:100%;max-width:100%}.fanui-offset-sm-0{margin-inline-start:0}.fanui-offset-sm-1{margin-inline-start:8.3333333333%}.fanui-offset-sm-2{margin-inline-start:16.6666666667%}.fanui-offset-sm-3{margin-inline-start:25%}.fanui-offset-sm-4{margin-inline-start:33.3333333333%}.fanui-offset-sm-5{margin-inline-start:41.6666666667%}.fanui-offset-sm-6{margin-inline-start:50%}.fanui-offset-sm-7{margin-inline-start:58.3333333333%}.fanui-offset-sm-8{margin-inline-start:66.6666666667%}.fanui-offset-sm-9{margin-inline-start:75%}.fanui-offset-sm-10{margin-inline-start:83.3333333333%}.fanui-offset-sm-11{margin-inline-start:91.6666666667%}.fanui-order-sm-0{order:0}.fanui-order-sm-1{order:1}.fanui-order-sm-2{order:2}.fanui-order-sm-3{order:3}.fanui-order-sm-4{order:4}.fanui-order-sm-5{order:5}.fanui-order-sm-6{order:6}.fanui-order-sm-7{order:7}.fanui-order-sm-8{order:8}.fanui-order-sm-9{order:9}.fanui-order-sm-10{order:10}.fanui-order-sm-11{order:11}.fanui-order-sm-12{order:12}.fanui-order-sm-first{order:-1}.fanui-order-sm-last{order:13}}@media(min-width: 768px){.fanui-col-md{flex:1 0 0%;min-width:0}.fanui-col-md-auto{flex:0 0 auto;width:auto;max-width:100%}.fanui-col-md-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}.fanui-col-md-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}.fanui-col-md-3{flex:0 0 auto;width:25%;max-width:100%}.fanui-col-md-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}.fanui-col-md-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}.fanui-col-md-6{flex:0 0 auto;width:50%;max-width:100%}.fanui-col-md-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}.fanui-col-md-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}.fanui-col-md-9{flex:0 0 auto;width:75%;max-width:100%}.fanui-col-md-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}.fanui-col-md-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}.fanui-col-md-12{flex:0 0 auto;width:100%;max-width:100%}.fanui-offset-md-0{margin-inline-start:0}.fanui-offset-md-1{margin-inline-start:8.3333333333%}.fanui-offset-md-2{margin-inline-start:16.6666666667%}.fanui-offset-md-3{margin-inline-start:25%}.fanui-offset-md-4{margin-inline-start:33.3333333333%}.fanui-offset-md-5{margin-inline-start:41.6666666667%}.fanui-offset-md-6{margin-inline-start:50%}.fanui-offset-md-7{margin-inline-start:58.3333333333%}.fanui-offset-md-8{margin-inline-start:66.6666666667%}.fanui-offset-md-9{margin-inline-start:75%}.fanui-offset-md-10{margin-inline-start:83.3333333333%}.fanui-offset-md-11{margin-inline-start:91.6666666667%}.fanui-order-md-0{order:0}.fanui-order-md-1{order:1}.fanui-order-md-2{order:2}.fanui-order-md-3{order:3}.fanui-order-md-4{order:4}.fanui-order-md-5{order:5}.fanui-order-md-6{order:6}.fanui-order-md-7{order:7}.fanui-order-md-8{order:8}.fanui-order-md-9{order:9}.fanui-order-md-10{order:10}.fanui-order-md-11{order:11}.fanui-order-md-12{order:12}.fanui-order-md-first{order:-1}.fanui-order-md-last{order:13}}@media(min-width: 992px){.fanui-col-lg{flex:1 0 0%;min-width:0}.fanui-col-lg-auto{flex:0 0 auto;width:auto;max-width:100%}.fanui-col-lg-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}.fanui-col-lg-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}.fanui-col-lg-3{flex:0 0 auto;width:25%;max-width:100%}.fanui-col-lg-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}.fanui-col-lg-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}.fanui-col-lg-6{flex:0 0 auto;width:50%;max-width:100%}.fanui-col-lg-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}.fanui-col-lg-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}.fanui-col-lg-9{flex:0 0 auto;width:75%;max-width:100%}.fanui-col-lg-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}.fanui-col-lg-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}.fanui-col-lg-12{flex:0 0 auto;width:100%;max-width:100%}.fanui-offset-lg-0{margin-inline-start:0}.fanui-offset-lg-1{margin-inline-start:8.3333333333%}.fanui-offset-lg-2{margin-inline-start:16.6666666667%}.fanui-offset-lg-3{margin-inline-start:25%}.fanui-offset-lg-4{margin-inline-start:33.3333333333%}.fanui-offset-lg-5{margin-inline-start:41.6666666667%}.fanui-offset-lg-6{margin-inline-start:50%}.fanui-offset-lg-7{margin-inline-start:58.3333333333%}.fanui-offset-lg-8{margin-inline-start:66.6666666667%}.fanui-offset-lg-9{margin-inline-start:75%}.fanui-offset-lg-10{margin-inline-start:83.3333333333%}.fanui-offset-lg-11{margin-inline-start:91.6666666667%}.fanui-order-lg-0{order:0}.fanui-order-lg-1{order:1}.fanui-order-lg-2{order:2}.fanui-order-lg-3{order:3}.fanui-order-lg-4{order:4}.fanui-order-lg-5{order:5}.fanui-order-lg-6{order:6}.fanui-order-lg-7{order:7}.fanui-order-lg-8{order:8}.fanui-order-lg-9{order:9}.fanui-order-lg-10{order:10}.fanui-order-lg-11{order:11}.fanui-order-lg-12{order:12}.fanui-order-lg-first{order:-1}.fanui-order-lg-last{order:13}}@media(min-width: 1200px){.fanui-col-xl{flex:1 0 0%;min-width:0}.fanui-col-xl-auto{flex:0 0 auto;width:auto;max-width:100%}.fanui-col-xl-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}.fanui-col-xl-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}.fanui-col-xl-3{flex:0 0 auto;width:25%;max-width:100%}.fanui-col-xl-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}.fanui-col-xl-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}.fanui-col-xl-6{flex:0 0 auto;width:50%;max-width:100%}.fanui-col-xl-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}.fanui-col-xl-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}.fanui-col-xl-9{flex:0 0 auto;width:75%;max-width:100%}.fanui-col-xl-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}.fanui-col-xl-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}.fanui-col-xl-12{flex:0 0 auto;width:100%;max-width:100%}.fanui-offset-xl-0{margin-inline-start:0}.fanui-offset-xl-1{margin-inline-start:8.3333333333%}.fanui-offset-xl-2{margin-inline-start:16.6666666667%}.fanui-offset-xl-3{margin-inline-start:25%}.fanui-offset-xl-4{margin-inline-start:33.3333333333%}.fanui-offset-xl-5{margin-inline-start:41.6666666667%}.fanui-offset-xl-6{margin-inline-start:50%}.fanui-offset-xl-7{margin-inline-start:58.3333333333%}.fanui-offset-xl-8{margin-inline-start:66.6666666667%}.fanui-offset-xl-9{margin-inline-start:75%}.fanui-offset-xl-10{margin-inline-start:83.3333333333%}.fanui-offset-xl-11{margin-inline-start:91.6666666667%}.fanui-order-xl-0{order:0}.fanui-order-xl-1{order:1}.fanui-order-xl-2{order:2}.fanui-order-xl-3{order:3}.fanui-order-xl-4{order:4}.fanui-order-xl-5{order:5}.fanui-order-xl-6{order:6}.fanui-order-xl-7{order:7}.fanui-order-xl-8{order:8}.fanui-order-xl-9{order:9}.fanui-order-xl-10{order:10}.fanui-order-xl-11{order:11}.fanui-order-xl-12{order:12}.fanui-order-xl-first{order:-1}.fanui-order-xl-last{order:13}}@media(min-width: 1400px){.fanui-col-xxl{flex:1 0 0%;min-width:0}.fanui-col-xxl-auto{flex:0 0 auto;width:auto;max-width:100%}.fanui-col-xxl-1{flex:0 0 auto;width:8.3333333333%;max-width:100%}.fanui-col-xxl-2{flex:0 0 auto;width:16.6666666667%;max-width:100%}.fanui-col-xxl-3{flex:0 0 auto;width:25%;max-width:100%}.fanui-col-xxl-4{flex:0 0 auto;width:33.3333333333%;max-width:100%}.fanui-col-xxl-5{flex:0 0 auto;width:41.6666666667%;max-width:100%}.fanui-col-xxl-6{flex:0 0 auto;width:50%;max-width:100%}.fanui-col-xxl-7{flex:0 0 auto;width:58.3333333333%;max-width:100%}.fanui-col-xxl-8{flex:0 0 auto;width:66.6666666667%;max-width:100%}.fanui-col-xxl-9{flex:0 0 auto;width:75%;max-width:100%}.fanui-col-xxl-10{flex:0 0 auto;width:83.3333333333%;max-width:100%}.fanui-col-xxl-11{flex:0 0 auto;width:91.6666666667%;max-width:100%}.fanui-col-xxl-12{flex:0 0 auto;width:100%;max-width:100%}.fanui-offset-xxl-0{margin-inline-start:0}.fanui-offset-xxl-1{margin-inline-start:8.3333333333%}.fanui-offset-xxl-2{margin-inline-start:16.6666666667%}.fanui-offset-xxl-3{margin-inline-start:25%}.fanui-offset-xxl-4{margin-inline-start:33.3333333333%}.fanui-offset-xxl-5{margin-inline-start:41.6666666667%}.fanui-offset-xxl-6{margin-inline-start:50%}.fanui-offset-xxl-7{margin-inline-start:58.3333333333%}.fanui-offset-xxl-8{margin-inline-start:66.6666666667%}.fanui-offset-xxl-9{margin-inline-start:75%}.fanui-offset-xxl-10{margin-inline-start:83.3333333333%}.fanui-offset-xxl-11{margin-inline-start:91.6666666667%}.fanui-order-xxl-0{order:0}.fanui-order-xxl-1{order:1}.fanui-order-xxl-2{order:2}.fanui-order-xxl-3{order:3}.fanui-order-xxl-4{order:4}.fanui-order-xxl-5{order:5}.fanui-order-xxl-6{order:6}.fanui-order-xxl-7{order:7}.fanui-order-xxl-8{order:8}.fanui-order-xxl-9{order:9}.fanui-order-xxl-10{order:10}.fanui-order-xxl-11{order:11}.fanui-order-xxl-12{order:12}.fanui-order-xxl-first{order:-1}.fanui-order-xxl-last{order:13}}.fanui-g0{--fanui-gutter-x: 0;--fanui-gutter-y: 0}.fanui-gx0{--fanui-gutter-x: 0}.fanui-gy0{--fanui-gutter-y: 0}.fanui-g1{--fanui-gutter-x: 4px;--fanui-gutter-y: 4px}.fanui-gx1{--fanui-gutter-x: 4px}.fanui-gy1{--fanui-gutter-y: 4px}.fanui-g2{--fanui-gutter-x: 8px;--fanui-gutter-y: 8px}.fanui-gx2{--fanui-gutter-x: 8px}.fanui-gy2{--fanui-gutter-y: 8px}.fanui-g3{--fanui-gutter-x: 12px;--fanui-gutter-y: 12px}.fanui-gx3{--fanui-gutter-x: 12px}.fanui-gy3{--fanui-gutter-y: 12px}.fanui-g4{--fanui-gutter-x: 16px;--fanui-gutter-y: 16px}.fanui-gx4{--fanui-gutter-x: 16px}.fanui-gy4{--fanui-gutter-y: 16px}.fanui-g5{--fanui-gutter-x: 20px;--fanui-gutter-y: 20px}.fanui-gx5{--fanui-gutter-x: 20px}.fanui-gy5{--fanui-gutter-y: 20px}.fanui-g6{--fanui-gutter-x: 24px;--fanui-gutter-y: 24px}.fanui-gx6{--fanui-gutter-x: 24px}.fanui-gy6{--fanui-gutter-y: 24px}.fanui-g8{--fanui-gutter-x: 32px;--fanui-gutter-y: 32px}.fanui-gx8{--fanui-gutter-x: 32px}.fanui-gy8{--fanui-gutter-y: 32px}.fanui-g10{--fanui-gutter-x: 40px;--fanui-gutter-y: 40px}.fanui-gx10{--fanui-gutter-x: 40px}.fanui-gy10{--fanui-gutter-y: 40px}.fanui-g-0{--fanui-gutter-x: 0;--fanui-gutter-y: 0}.fanui-gx-0{--fanui-gutter-x: 0}.fanui-gy-0{--fanui-gutter-y: 0}.fanui-g-1{--fanui-gutter-x: 4px;--fanui-gutter-y: 4px}.fanui-gx-1{--fanui-gutter-x: 4px}.fanui-gy-1{--fanui-gutter-y: 4px}.fanui-g-2{--fanui-gutter-x: 8px;--fanui-gutter-y: 8px}.fanui-gx-2{--fanui-gutter-x: 8px}.fanui-gy-2{--fanui-gutter-y: 8px}.fanui-g-3{--fanui-gutter-x: 12px;--fanui-gutter-y: 12px}.fanui-gx-3{--fanui-gutter-x: 12px}.fanui-gy-3{--fanui-gutter-y: 12px}.fanui-g-4{--fanui-gutter-x: 16px;--fanui-gutter-y: 16px}.fanui-gx-4{--fanui-gutter-x: 16px}.fanui-gy-4{--fanui-gutter-y: 16px}.fanui-g-5{--fanui-gutter-x: 20px;--fanui-gutter-y: 20px}.fanui-gx-5{--fanui-gutter-x: 20px}.fanui-gy-5{--fanui-gutter-y: 20px}.fanui-g-6{--fanui-gutter-x: 24px;--fanui-gutter-y: 24px}.fanui-gx-6{--fanui-gutter-x: 24px}.fanui-gy-6{--fanui-gutter-y: 24px}.fanui-g-8{--fanui-gutter-x: 32px;--fanui-gutter-y: 32px}.fanui-gx-8{--fanui-gutter-x: 32px}.fanui-gy-8{--fanui-gutter-y: 32px}.fanui-g-10{--fanui-gutter-x: 40px;--fanui-gutter-y: 40px}.fanui-gx-10{--fanui-gutter-x: 40px}.fanui-gy-10{--fanui-gutter-y: 40px}@media(min-width: 576px){.fanui-g-sm-0{--fanui-gutter-x: 0;--fanui-gutter-y: 0}.fanui-gx-sm-0{--fanui-gutter-x: 0}.fanui-gy-sm-0{--fanui-gutter-y: 0}.fanui-g-sm-1{--fanui-gutter-x: 4px;--fanui-gutter-y: 4px}.fanui-gx-sm-1{--fanui-gutter-x: 4px}.fanui-gy-sm-1{--fanui-gutter-y: 4px}.fanui-g-sm-2{--fanui-gutter-x: 8px;--fanui-gutter-y: 8px}.fanui-gx-sm-2{--fanui-gutter-x: 8px}.fanui-gy-sm-2{--fanui-gutter-y: 8px}.fanui-g-sm-3{--fanui-gutter-x: 12px;--fanui-gutter-y: 12px}.fanui-gx-sm-3{--fanui-gutter-x: 12px}.fanui-gy-sm-3{--fanui-gutter-y: 12px}.fanui-g-sm-4{--fanui-gutter-x: 16px;--fanui-gutter-y: 16px}.fanui-gx-sm-4{--fanui-gutter-x: 16px}.fanui-gy-sm-4{--fanui-gutter-y: 16px}.fanui-g-sm-5{--fanui-gutter-x: 20px;--fanui-gutter-y: 20px}.fanui-gx-sm-5{--fanui-gutter-x: 20px}.fanui-gy-sm-5{--fanui-gutter-y: 20px}.fanui-g-sm-6{--fanui-gutter-x: 24px;--fanui-gutter-y: 24px}.fanui-gx-sm-6{--fanui-gutter-x: 24px}.fanui-gy-sm-6{--fanui-gutter-y: 24px}.fanui-g-sm-8{--fanui-gutter-x: 32px;--fanui-gutter-y: 32px}.fanui-gx-sm-8{--fanui-gutter-x: 32px}.fanui-gy-sm-8{--fanui-gutter-y: 32px}.fanui-g-sm-10{--fanui-gutter-x: 40px;--fanui-gutter-y: 40px}.fanui-gx-sm-10{--fanui-gutter-x: 40px}.fanui-gy-sm-10{--fanui-gutter-y: 40px}}@media(min-width: 768px){.fanui-g-md-0{--fanui-gutter-x: 0;--fanui-gutter-y: 0}.fanui-gx-md-0{--fanui-gutter-x: 0}.fanui-gy-md-0{--fanui-gutter-y: 0}.fanui-g-md-1{--fanui-gutter-x: 4px;--fanui-gutter-y: 4px}.fanui-gx-md-1{--fanui-gutter-x: 4px}.fanui-gy-md-1{--fanui-gutter-y: 4px}.fanui-g-md-2{--fanui-gutter-x: 8px;--fanui-gutter-y: 8px}.fanui-gx-md-2{--fanui-gutter-x: 8px}.fanui-gy-md-2{--fanui-gutter-y: 8px}.fanui-g-md-3{--fanui-gutter-x: 12px;--fanui-gutter-y: 12px}.fanui-gx-md-3{--fanui-gutter-x: 12px}.fanui-gy-md-3{--fanui-gutter-y: 12px}.fanui-g-md-4{--fanui-gutter-x: 16px;--fanui-gutter-y: 16px}.fanui-gx-md-4{--fanui-gutter-x: 16px}.fanui-gy-md-4{--fanui-gutter-y: 16px}.fanui-g-md-5{--fanui-gutter-x: 20px;--fanui-gutter-y: 20px}.fanui-gx-md-5{--fanui-gutter-x: 20px}.fanui-gy-md-5{--fanui-gutter-y: 20px}.fanui-g-md-6{--fanui-gutter-x: 24px;--fanui-gutter-y: 24px}.fanui-gx-md-6{--fanui-gutter-x: 24px}.fanui-gy-md-6{--fanui-gutter-y: 24px}.fanui-g-md-8{--fanui-gutter-x: 32px;--fanui-gutter-y: 32px}.fanui-gx-md-8{--fanui-gutter-x: 32px}.fanui-gy-md-8{--fanui-gutter-y: 32px}.fanui-g-md-10{--fanui-gutter-x: 40px;--fanui-gutter-y: 40px}.fanui-gx-md-10{--fanui-gutter-x: 40px}.fanui-gy-md-10{--fanui-gutter-y: 40px}}@media(min-width: 992px){.fanui-g-lg-0{--fanui-gutter-x: 0;--fanui-gutter-y: 0}.fanui-gx-lg-0{--fanui-gutter-x: 0}.fanui-gy-lg-0{--fanui-gutter-y: 0}.fanui-g-lg-1{--fanui-gutter-x: 4px;--fanui-gutter-y: 4px}.fanui-gx-lg-1{--fanui-gutter-x: 4px}.fanui-gy-lg-1{--fanui-gutter-y: 4px}.fanui-g-lg-2{--fanui-gutter-x: 8px;--fanui-gutter-y: 8px}.fanui-gx-lg-2{--fanui-gutter-x: 8px}.fanui-gy-lg-2{--fanui-gutter-y: 8px}.fanui-g-lg-3{--fanui-gutter-x: 12px;--fanui-gutter-y: 12px}.fanui-gx-lg-3{--fanui-gutter-x: 12px}.fanui-gy-lg-3{--fanui-gutter-y: 12px}.fanui-g-lg-4{--fanui-gutter-x: 16px;--fanui-gutter-y: 16px}.fanui-gx-lg-4{--fanui-gutter-x: 16px}.fanui-gy-lg-4{--fanui-gutter-y: 16px}.fanui-g-lg-5{--fanui-gutter-x: 20px;--fanui-gutter-y: 20px}.fanui-gx-lg-5{--fanui-gutter-x: 20px}.fanui-gy-lg-5{--fanui-gutter-y: 20px}.fanui-g-lg-6{--fanui-gutter-x: 24px;--fanui-gutter-y: 24px}.fanui-gx-lg-6{--fanui-gutter-x: 24px}.fanui-gy-lg-6{--fanui-gutter-y: 24px}.fanui-g-lg-8{--fanui-gutter-x: 32px;--fanui-gutter-y: 32px}.fanui-gx-lg-8{--fanui-gutter-x: 32px}.fanui-gy-lg-8{--fanui-gutter-y: 32px}.fanui-g-lg-10{--fanui-gutter-x: 40px;--fanui-gutter-y: 40px}.fanui-gx-lg-10{--fanui-gutter-x: 40px}.fanui-gy-lg-10{--fanui-gutter-y: 40px}}@media(min-width: 1200px){.fanui-g-xl-0{--fanui-gutter-x: 0;--fanui-gutter-y: 0}.fanui-gx-xl-0{--fanui-gutter-x: 0}.fanui-gy-xl-0{--fanui-gutter-y: 0}.fanui-g-xl-1{--fanui-gutter-x: 4px;--fanui-gutter-y: 4px}.fanui-gx-xl-1{--fanui-gutter-x: 4px}.fanui-gy-xl-1{--fanui-gutter-y: 4px}.fanui-g-xl-2{--fanui-gutter-x: 8px;--fanui-gutter-y: 8px}.fanui-gx-xl-2{--fanui-gutter-x: 8px}.fanui-gy-xl-2{--fanui-gutter-y: 8px}.fanui-g-xl-3{--fanui-gutter-x: 12px;--fanui-gutter-y: 12px}.fanui-gx-xl-3{--fanui-gutter-x: 12px}.fanui-gy-xl-3{--fanui-gutter-y: 12px}.fanui-g-xl-4{--fanui-gutter-x: 16px;--fanui-gutter-y: 16px}.fanui-gx-xl-4{--fanui-gutter-x: 16px}.fanui-gy-xl-4{--fanui-gutter-y: 16px}.fanui-g-xl-5{--fanui-gutter-x: 20px;--fanui-gutter-y: 20px}.fanui-gx-xl-5{--fanui-gutter-x: 20px}.fanui-gy-xl-5{--fanui-gutter-y: 20px}.fanui-g-xl-6{--fanui-gutter-x: 24px;--fanui-gutter-y: 24px}.fanui-gx-xl-6{--fanui-gutter-x: 24px}.fanui-gy-xl-6{--fanui-gutter-y: 24px}.fanui-g-xl-8{--fanui-gutter-x: 32px;--fanui-gutter-y: 32px}.fanui-gx-xl-8{--fanui-gutter-x: 32px}.fanui-gy-xl-8{--fanui-gutter-y: 32px}.fanui-g-xl-10{--fanui-gutter-x: 40px;--fanui-gutter-y: 40px}.fanui-gx-xl-10{--fanui-gutter-x: 40px}.fanui-gy-xl-10{--fanui-gutter-y: 40px}}@media(min-width: 1400px){.fanui-g-xxl-0{--fanui-gutter-x: 0;--fanui-gutter-y: 0}.fanui-gx-xxl-0{--fanui-gutter-x: 0}.fanui-gy-xxl-0{--fanui-gutter-y: 0}.fanui-g-xxl-1{--fanui-gutter-x: 4px;--fanui-gutter-y: 4px}.fanui-gx-xxl-1{--fanui-gutter-x: 4px}.fanui-gy-xxl-1{--fanui-gutter-y: 4px}.fanui-g-xxl-2{--fanui-gutter-x: 8px;--fanui-gutter-y: 8px}.fanui-gx-xxl-2{--fanui-gutter-x: 8px}.fanui-gy-xxl-2{--fanui-gutter-y: 8px}.fanui-g-xxl-3{--fanui-gutter-x: 12px;--fanui-gutter-y: 12px}.fanui-gx-xxl-3{--fanui-gutter-x: 12px}.fanui-gy-xxl-3{--fanui-gutter-y: 12px}.fanui-g-xxl-4{--fanui-gutter-x: 16px;--fanui-gutter-y: 16px}.fanui-gx-xxl-4{--fanui-gutter-x: 16px}.fanui-gy-xxl-4{--fanui-gutter-y: 16px}.fanui-g-xxl-5{--fanui-gutter-x: 20px;--fanui-gutter-y: 20px}.fanui-gx-xxl-5{--fanui-gutter-x: 20px}.fanui-gy-xxl-5{--fanui-gutter-y: 20px}.fanui-g-xxl-6{--fanui-gutter-x: 24px;--fanui-gutter-y: 24px}.fanui-gx-xxl-6{--fanui-gutter-x: 24px}.fanui-gy-xxl-6{--fanui-gutter-y: 24px}.fanui-g-xxl-8{--fanui-gutter-x: 32px;--fanui-gutter-y: 32px}.fanui-gx-xxl-8{--fanui-gutter-x: 32px}.fanui-gy-xxl-8{--fanui-gutter-y: 32px}.fanui-g-xxl-10{--fanui-gutter-x: 40px;--fanui-gutter-y: 40px}.fanui-gx-xxl-10{--fanui-gutter-x: 40px}.fanui-gy-xxl-10{--fanui-gutter-y: 40px}}.fanui-grid{display:grid;gap:var(--fanui-space-4)}.fanui-grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.fanui-grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.fanui-grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.fanui-grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.fanui-grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.fanui-grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.fanui-grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.fanui-grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.fanui-grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.fanui-grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.fanui-grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.fanui-grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.fanui-grid-auto-xs{display:grid;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:16px}.fanui-grid-auto-sm{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:16px}.fanui-grid-auto-md{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:16px}.fanui-grid-auto-lg{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:16px}.fanui-grid-auto-xl{display:grid;grid-template-columns:repeat(auto-fit, minmax(380px, 1fr));gap:16px}.fanui-grid-cols-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.fanui-grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.fanui-grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.fanui-grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.fanui-grid-cols-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.fanui-grid-cols-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.fanui-grid-cols-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.fanui-grid-cols-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.fanui-grid-cols-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.fanui-grid-cols-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.fanui-grid-cols-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.fanui-grid-cols-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.fanui-grid-span-full{grid-column:1/-1}.fanui-grid-span-1{grid-column:span 1/span 1}.fanui-grid-rows-1{grid-row:span 1/span 1}.fanui-grid-span-2{grid-column:span 2/span 2}.fanui-grid-rows-2{grid-row:span 2/span 2}.fanui-grid-span-3{grid-column:span 3/span 3}.fanui-grid-rows-3{grid-row:span 3/span 3}.fanui-grid-span-4{grid-column:span 4/span 4}.fanui-grid-rows-4{grid-row:span 4/span 4}.fanui-grid-span-5{grid-column:span 5/span 5}.fanui-grid-rows-5{grid-row:span 5/span 5}.fanui-grid-span-6{grid-column:span 6/span 6}.fanui-grid-rows-6{grid-row:span 6/span 6}.fanui-grid-span-7{grid-column:span 7/span 7}.fanui-grid-rows-7{grid-row:span 7/span 7}.fanui-grid-span-8{grid-column:span 8/span 8}.fanui-grid-rows-8{grid-row:span 8/span 8}.fanui-grid-span-9{grid-column:span 9/span 9}.fanui-grid-rows-9{grid-row:span 9/span 9}.fanui-grid-span-10{grid-column:span 10/span 10}.fanui-grid-rows-10{grid-row:span 10/span 10}.fanui-grid-span-11{grid-column:span 11/span 11}.fanui-grid-rows-11{grid-row:span 11/span 11}.fanui-grid-span-12{grid-column:span 12/span 12}.fanui-grid-rows-12{grid-row:span 12/span 12}@media(min-width: 576px){.fanui-grid-cols-sm-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.fanui-grid-cols-sm-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.fanui-grid-cols-sm-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.fanui-grid-cols-sm-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.fanui-grid-cols-sm-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.fanui-grid-cols-sm-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.fanui-grid-cols-sm-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.fanui-grid-cols-sm-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.fanui-grid-cols-sm-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.fanui-grid-cols-sm-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.fanui-grid-cols-sm-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.fanui-grid-cols-sm-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.fanui-grid-span-sm-full{grid-column:1/-1}.fanui-grid-span-sm-1{grid-column:span 1/span 1}.fanui-grid-rows-sm-1{grid-row:span 1/span 1}.fanui-grid-span-sm-2{grid-column:span 2/span 2}.fanui-grid-rows-sm-2{grid-row:span 2/span 2}.fanui-grid-span-sm-3{grid-column:span 3/span 3}.fanui-grid-rows-sm-3{grid-row:span 3/span 3}.fanui-grid-span-sm-4{grid-column:span 4/span 4}.fanui-grid-rows-sm-4{grid-row:span 4/span 4}.fanui-grid-span-sm-5{grid-column:span 5/span 5}.fanui-grid-rows-sm-5{grid-row:span 5/span 5}.fanui-grid-span-sm-6{grid-column:span 6/span 6}.fanui-grid-rows-sm-6{grid-row:span 6/span 6}.fanui-grid-span-sm-7{grid-column:span 7/span 7}.fanui-grid-rows-sm-7{grid-row:span 7/span 7}.fanui-grid-span-sm-8{grid-column:span 8/span 8}.fanui-grid-rows-sm-8{grid-row:span 8/span 8}.fanui-grid-span-sm-9{grid-column:span 9/span 9}.fanui-grid-rows-sm-9{grid-row:span 9/span 9}.fanui-grid-span-sm-10{grid-column:span 10/span 10}.fanui-grid-rows-sm-10{grid-row:span 10/span 10}.fanui-grid-span-sm-11{grid-column:span 11/span 11}.fanui-grid-rows-sm-11{grid-row:span 11/span 11}.fanui-grid-span-sm-12{grid-column:span 12/span 12}.fanui-grid-rows-sm-12{grid-row:span 12/span 12}}@media(min-width: 768px){.fanui-grid-cols-md-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.fanui-grid-cols-md-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.fanui-grid-cols-md-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.fanui-grid-cols-md-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.fanui-grid-cols-md-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.fanui-grid-cols-md-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.fanui-grid-cols-md-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.fanui-grid-cols-md-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.fanui-grid-cols-md-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.fanui-grid-cols-md-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.fanui-grid-cols-md-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.fanui-grid-cols-md-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.fanui-grid-span-md-full{grid-column:1/-1}.fanui-grid-span-md-1{grid-column:span 1/span 1}.fanui-grid-rows-md-1{grid-row:span 1/span 1}.fanui-grid-span-md-2{grid-column:span 2/span 2}.fanui-grid-rows-md-2{grid-row:span 2/span 2}.fanui-grid-span-md-3{grid-column:span 3/span 3}.fanui-grid-rows-md-3{grid-row:span 3/span 3}.fanui-grid-span-md-4{grid-column:span 4/span 4}.fanui-grid-rows-md-4{grid-row:span 4/span 4}.fanui-grid-span-md-5{grid-column:span 5/span 5}.fanui-grid-rows-md-5{grid-row:span 5/span 5}.fanui-grid-span-md-6{grid-column:span 6/span 6}.fanui-grid-rows-md-6{grid-row:span 6/span 6}.fanui-grid-span-md-7{grid-column:span 7/span 7}.fanui-grid-rows-md-7{grid-row:span 7/span 7}.fanui-grid-span-md-8{grid-column:span 8/span 8}.fanui-grid-rows-md-8{grid-row:span 8/span 8}.fanui-grid-span-md-9{grid-column:span 9/span 9}.fanui-grid-rows-md-9{grid-row:span 9/span 9}.fanui-grid-span-md-10{grid-column:span 10/span 10}.fanui-grid-rows-md-10{grid-row:span 10/span 10}.fanui-grid-span-md-11{grid-column:span 11/span 11}.fanui-grid-rows-md-11{grid-row:span 11/span 11}.fanui-grid-span-md-12{grid-column:span 12/span 12}.fanui-grid-rows-md-12{grid-row:span 12/span 12}}@media(min-width: 992px){.fanui-grid-cols-lg-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.fanui-grid-cols-lg-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.fanui-grid-cols-lg-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.fanui-grid-cols-lg-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.fanui-grid-cols-lg-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.fanui-grid-cols-lg-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.fanui-grid-cols-lg-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.fanui-grid-cols-lg-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.fanui-grid-cols-lg-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.fanui-grid-cols-lg-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.fanui-grid-cols-lg-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.fanui-grid-cols-lg-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.fanui-grid-span-lg-full{grid-column:1/-1}.fanui-grid-span-lg-1{grid-column:span 1/span 1}.fanui-grid-rows-lg-1{grid-row:span 1/span 1}.fanui-grid-span-lg-2{grid-column:span 2/span 2}.fanui-grid-rows-lg-2{grid-row:span 2/span 2}.fanui-grid-span-lg-3{grid-column:span 3/span 3}.fanui-grid-rows-lg-3{grid-row:span 3/span 3}.fanui-grid-span-lg-4{grid-column:span 4/span 4}.fanui-grid-rows-lg-4{grid-row:span 4/span 4}.fanui-grid-span-lg-5{grid-column:span 5/span 5}.fanui-grid-rows-lg-5{grid-row:span 5/span 5}.fanui-grid-span-lg-6{grid-column:span 6/span 6}.fanui-grid-rows-lg-6{grid-row:span 6/span 6}.fanui-grid-span-lg-7{grid-column:span 7/span 7}.fanui-grid-rows-lg-7{grid-row:span 7/span 7}.fanui-grid-span-lg-8{grid-column:span 8/span 8}.fanui-grid-rows-lg-8{grid-row:span 8/span 8}.fanui-grid-span-lg-9{grid-column:span 9/span 9}.fanui-grid-rows-lg-9{grid-row:span 9/span 9}.fanui-grid-span-lg-10{grid-column:span 10/span 10}.fanui-grid-rows-lg-10{grid-row:span 10/span 10}.fanui-grid-span-lg-11{grid-column:span 11/span 11}.fanui-grid-rows-lg-11{grid-row:span 11/span 11}.fanui-grid-span-lg-12{grid-column:span 12/span 12}.fanui-grid-rows-lg-12{grid-row:span 12/span 12}}@media(min-width: 1200px){.fanui-grid-cols-xl-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.fanui-grid-cols-xl-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.fanui-grid-cols-xl-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.fanui-grid-cols-xl-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.fanui-grid-cols-xl-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.fanui-grid-cols-xl-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.fanui-grid-cols-xl-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.fanui-grid-cols-xl-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.fanui-grid-cols-xl-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.fanui-grid-cols-xl-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.fanui-grid-cols-xl-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.fanui-grid-cols-xl-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.fanui-grid-span-xl-full{grid-column:1/-1}.fanui-grid-span-xl-1{grid-column:span 1/span 1}.fanui-grid-rows-xl-1{grid-row:span 1/span 1}.fanui-grid-span-xl-2{grid-column:span 2/span 2}.fanui-grid-rows-xl-2{grid-row:span 2/span 2}.fanui-grid-span-xl-3{grid-column:span 3/span 3}.fanui-grid-rows-xl-3{grid-row:span 3/span 3}.fanui-grid-span-xl-4{grid-column:span 4/span 4}.fanui-grid-rows-xl-4{grid-row:span 4/span 4}.fanui-grid-span-xl-5{grid-column:span 5/span 5}.fanui-grid-rows-xl-5{grid-row:span 5/span 5}.fanui-grid-span-xl-6{grid-column:span 6/span 6}.fanui-grid-rows-xl-6{grid-row:span 6/span 6}.fanui-grid-span-xl-7{grid-column:span 7/span 7}.fanui-grid-rows-xl-7{grid-row:span 7/span 7}.fanui-grid-span-xl-8{grid-column:span 8/span 8}.fanui-grid-rows-xl-8{grid-row:span 8/span 8}.fanui-grid-span-xl-9{grid-column:span 9/span 9}.fanui-grid-rows-xl-9{grid-row:span 9/span 9}.fanui-grid-span-xl-10{grid-column:span 10/span 10}.fanui-grid-rows-xl-10{grid-row:span 10/span 10}.fanui-grid-span-xl-11{grid-column:span 11/span 11}.fanui-grid-rows-xl-11{grid-row:span 11/span 11}.fanui-grid-span-xl-12{grid-column:span 12/span 12}.fanui-grid-rows-xl-12{grid-row:span 12/span 12}}@media(min-width: 1400px){.fanui-grid-cols-xxl-1{grid-template-columns:repeat(1, minmax(0, 1fr))}.fanui-grid-cols-xxl-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.fanui-grid-cols-xxl-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.fanui-grid-cols-xxl-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.fanui-grid-cols-xxl-5{grid-template-columns:repeat(5, minmax(0, 1fr))}.fanui-grid-cols-xxl-6{grid-template-columns:repeat(6, minmax(0, 1fr))}.fanui-grid-cols-xxl-7{grid-template-columns:repeat(7, minmax(0, 1fr))}.fanui-grid-cols-xxl-8{grid-template-columns:repeat(8, minmax(0, 1fr))}.fanui-grid-cols-xxl-9{grid-template-columns:repeat(9, minmax(0, 1fr))}.fanui-grid-cols-xxl-10{grid-template-columns:repeat(10, minmax(0, 1fr))}.fanui-grid-cols-xxl-11{grid-template-columns:repeat(11, minmax(0, 1fr))}.fanui-grid-cols-xxl-12{grid-template-columns:repeat(12, minmax(0, 1fr))}.fanui-grid-span-xxl-full{grid-column:1/-1}.fanui-grid-span-xxl-1{grid-column:span 1/span 1}.fanui-grid-rows-xxl-1{grid-row:span 1/span 1}.fanui-grid-span-xxl-2{grid-column:span 2/span 2}.fanui-grid-rows-xxl-2{grid-row:span 2/span 2}.fanui-grid-span-xxl-3{grid-column:span 3/span 3}.fanui-grid-rows-xxl-3{grid-row:span 3/span 3}.fanui-grid-span-xxl-4{grid-column:span 4/span 4}.fanui-grid-rows-xxl-4{grid-row:span 4/span 4}.fanui-grid-span-xxl-5{grid-column:span 5/span 5}.fanui-grid-rows-xxl-5{grid-row:span 5/span 5}.fanui-grid-span-xxl-6{grid-column:span 6/span 6}.fanui-grid-rows-xxl-6{grid-row:span 6/span 6}.fanui-grid-span-xxl-7{grid-column:span 7/span 7}.fanui-grid-rows-xxl-7{grid-row:span 7/span 7}.fanui-grid-span-xxl-8{grid-column:span 8/span 8}.fanui-grid-rows-xxl-8{grid-row:span 8/span 8}.fanui-grid-span-xxl-9{grid-column:span 9/span 9}.fanui-grid-rows-xxl-9{grid-row:span 9/span 9}.fanui-grid-span-xxl-10{grid-column:span 10/span 10}.fanui-grid-rows-xxl-10{grid-row:span 10/span 10}.fanui-grid-span-xxl-11{grid-column:span 11/span 11}.fanui-grid-rows-xxl-11{grid-row:span 11/span 11}.fanui-grid-span-xxl-12{grid-column:span 12/span 12}.fanui-grid-rows-xxl-12{grid-row:span 12/span 12}}.fanui-d-none{display:none}.fanui-d-block{display:block}.fanui-d-inline{display:inline}.fanui-d-inline-block{display:inline-block}.fanui-d-flex{display:flex}.fanui-d-inline-flex{display:inline-flex}.fanui-d-grid{display:grid}.fanui-d-inline-grid{display:inline-grid}.fanui-d-contents{display:contents}.fanui-d-flow-root{display:flow-root}.fanui-flex-row{flex-direction:row}.fanui-flex-row-reverse{flex-direction:row-reverse}.fanui-flex-col{flex-direction:column}.fanui-flex-col-reverse{flex-direction:column-reverse}.fanui-flex-wrap{flex-wrap:wrap}.fanui-flex-wrap-reverse{flex-wrap:wrap-reverse}.fanui-flex-nowrap{flex-wrap:nowrap}.fanui-justify-start{justify-content:flex-start}.fanui-justify-end{justify-content:flex-end}.fanui-justify-center{justify-content:center}.fanui-justify-between{justify-content:space-between}.fanui-justify-around{justify-content:space-around}.fanui-justify-evenly{justify-content:space-evenly}.fanui-justify-stretch{justify-content:stretch}.fanui-items-start{align-items:flex-start}.fanui-content-start{align-content:flex-start}.fanui-self-start{align-self:flex-start}.fanui-items-end{align-items:flex-end}.fanui-content-end{align-content:flex-end}.fanui-self-end{align-self:flex-end}.fanui-items-center{align-items:center}.fanui-content-center{align-content:center}.fanui-self-center{align-self:center}.fanui-items-baseline{align-items:baseline}.fanui-content-baseline{align-content:baseline}.fanui-self-baseline{align-self:baseline}.fanui-items-stretch{align-items:stretch}.fanui-content-stretch{align-content:stretch}.fanui-self-stretch{align-self:stretch}.fanui-place-center{place-items:center}.fanui-place-start{place-items:start}.fanui-place-end{place-items:end}.fanui-flex-1{flex:1 1 0%}.fanui-flex-auto{flex:1 1 auto}.fanui-flex-initial{flex:0 1 auto}.fanui-flex-none{flex:none}.fanui-grow{flex-grow:1}.fanui-grow-0{flex-grow:0}.fanui-shrink{flex-shrink:1}.fanui-shrink-0{flex-shrink:0}.fanui-basis-auto{flex-basis:auto}.fanui-basis-0{flex-basis:0%}.fanui-basis-full{flex-basis:100%}.fanui-basis-1-2{flex-basis:50%}.fanui-basis-1-3{flex-basis:33.333333%}.fanui-basis-2-3{flex-basis:66.666667%}.fanui-basis-1-4{flex-basis:25%}.fanui-basis-3-4{flex-basis:75%}.fanui-order-0{order:0}.fanui-order-1{order:1}.fanui-order-2{order:2}.fanui-order-3{order:3}.fanui-order-4{order:4}.fanui-order-5{order:5}.fanui-order-6{order:6}.fanui-order-7{order:7}.fanui-order-8{order:8}.fanui-order-9{order:9}.fanui-order-10{order:10}.fanui-order-11{order:11}.fanui-order-12{order:12}.fanui-order-first{order:-9999}.fanui-order-last{order:9999}.fanui-gap-0{gap:0}.fanui-gap-x-0{column-gap:0}.fanui-gap-y-0{row-gap:0}.fanui-gap-1{gap:4px}.fanui-gap-x-1{column-gap:4px}.fanui-gap-y-1{row-gap:4px}.fanui-gap-2{gap:8px}.fanui-gap-x-2{column-gap:8px}.fanui-gap-y-2{row-gap:8px}.fanui-gap-3{gap:12px}.fanui-gap-x-3{column-gap:12px}.fanui-gap-y-3{row-gap:12px}.fanui-gap-4{gap:16px}.fanui-gap-x-4{column-gap:16px}.fanui-gap-y-4{row-gap:16px}.fanui-gap-5{gap:20px}.fanui-gap-x-5{column-gap:20px}.fanui-gap-y-5{row-gap:20px}.fanui-gap-6{gap:24px}.fanui-gap-x-6{column-gap:24px}.fanui-gap-y-6{row-gap:24px}.fanui-gap-8{gap:32px}.fanui-gap-x-8{column-gap:32px}.fanui-gap-y-8{row-gap:32px}.fanui-gap-10{gap:40px}.fanui-gap-x-10{column-gap:40px}.fanui-gap-y-10{row-gap:40px}.fanui-gap-12{gap:48px}.fanui-gap-x-12{column-gap:48px}.fanui-gap-y-12{row-gap:48px}.fanui-gap-16{gap:64px}.fanui-gap-x-16{column-gap:64px}.fanui-gap-y-16{row-gap:64px}.fanui-gap-20{gap:80px}.fanui-gap-x-20{column-gap:80px}.fanui-gap-y-20{row-gap:80px}.fanui-gap-24{gap:96px}.fanui-gap-x-24{column-gap:96px}.fanui-gap-y-24{row-gap:96px}.fanui-d-none{display:none}.fanui-d-block{display:block}.fanui-d-inline{display:inline}.fanui-d-inline-block{display:inline-block}.fanui-d-flex{display:flex}.fanui-d-inline-flex{display:inline-flex}.fanui-d-grid{display:grid}.fanui-d-inline-grid{display:inline-grid}.fanui-flex-row{flex-direction:row}.fanui-flex-col{flex-direction:column}.fanui-flex-row-reverse{flex-direction:row-reverse}.fanui-flex-col-reverse{flex-direction:column-reverse}.fanui-flex-wrap{flex-wrap:wrap}.fanui-flex-nowrap{flex-wrap:nowrap}.fanui-justify-start{justify-content:flex-start}.fanui-justify-end{justify-content:flex-end}.fanui-justify-center{justify-content:center}.fanui-justify-between{justify-content:space-between}.fanui-justify-around{justify-content:space-around}.fanui-justify-evenly{justify-content:space-evenly}.fanui-justify-stretch{justify-content:stretch}.fanui-items-start{align-items:flex-start}.fanui-self-start{align-self:flex-start}.fanui-items-end{align-items:flex-end}.fanui-self-end{align-self:flex-end}.fanui-items-center{align-items:center}.fanui-self-center{align-self:center}.fanui-items-baseline{align-items:baseline}.fanui-self-baseline{align-self:baseline}.fanui-items-stretch{align-items:stretch}.fanui-self-stretch{align-self:stretch}.fanui-gap-0{gap:0}.fanui-gap-1{gap:4px}.fanui-gap-2{gap:8px}.fanui-gap-3{gap:12px}.fanui-gap-4{gap:16px}.fanui-gap-5{gap:20px}.fanui-gap-6{gap:24px}.fanui-gap-8{gap:32px}.fanui-gap-10{gap:40px}.fanui-gap-12{gap:48px}.fanui-gap-16{gap:64px}.fanui-gap-20{gap:80px}.fanui-gap-24{gap:96px}.fanui-order-0{order:0}.fanui-order-1{order:1}.fanui-order-2{order:2}.fanui-order-3{order:3}.fanui-order-4{order:4}.fanui-order-5{order:5}.fanui-order-6{order:6}.fanui-order-7{order:7}.fanui-order-8{order:8}.fanui-order-9{order:9}.fanui-order-10{order:10}.fanui-order-11{order:11}.fanui-order-12{order:12}.fanui-order-first{order:-9999}.fanui-order-last{order:9999}@media(min-width: 576px){.fanui-d-sm-none{display:none}.fanui-d-sm-block{display:block}.fanui-d-sm-inline{display:inline}.fanui-d-sm-inline-block{display:inline-block}.fanui-d-sm-flex{display:flex}.fanui-d-sm-inline-flex{display:inline-flex}.fanui-d-sm-grid{display:grid}.fanui-d-sm-inline-grid{display:inline-grid}.fanui-flex-sm-row{flex-direction:row}.fanui-flex-sm-col{flex-direction:column}.fanui-flex-sm-row-reverse{flex-direction:row-reverse}.fanui-flex-sm-col-reverse{flex-direction:column-reverse}.fanui-flex-sm-wrap{flex-wrap:wrap}.fanui-flex-sm-nowrap{flex-wrap:nowrap}.fanui-justify-sm-start{justify-content:flex-start}.fanui-justify-sm-end{justify-content:flex-end}.fanui-justify-sm-center{justify-content:center}.fanui-justify-sm-between{justify-content:space-between}.fanui-justify-sm-around{justify-content:space-around}.fanui-justify-sm-evenly{justify-content:space-evenly}.fanui-justify-sm-stretch{justify-content:stretch}.fanui-items-sm-start{align-items:flex-start}.fanui-self-sm-start{align-self:flex-start}.fanui-items-sm-end{align-items:flex-end}.fanui-self-sm-end{align-self:flex-end}.fanui-items-sm-center{align-items:center}.fanui-self-sm-center{align-self:center}.fanui-items-sm-baseline{align-items:baseline}.fanui-self-sm-baseline{align-self:baseline}.fanui-items-sm-stretch{align-items:stretch}.fanui-self-sm-stretch{align-self:stretch}.fanui-gap-sm-0{gap:0}.fanui-gap-sm-1{gap:4px}.fanui-gap-sm-2{gap:8px}.fanui-gap-sm-3{gap:12px}.fanui-gap-sm-4{gap:16px}.fanui-gap-sm-5{gap:20px}.fanui-gap-sm-6{gap:24px}.fanui-gap-sm-8{gap:32px}.fanui-gap-sm-10{gap:40px}.fanui-gap-sm-12{gap:48px}.fanui-gap-sm-16{gap:64px}.fanui-gap-sm-20{gap:80px}.fanui-gap-sm-24{gap:96px}.fanui-order-sm-0{order:0}.fanui-order-sm-1{order:1}.fanui-order-sm-2{order:2}.fanui-order-sm-3{order:3}.fanui-order-sm-4{order:4}.fanui-order-sm-5{order:5}.fanui-order-sm-6{order:6}.fanui-order-sm-7{order:7}.fanui-order-sm-8{order:8}.fanui-order-sm-9{order:9}.fanui-order-sm-10{order:10}.fanui-order-sm-11{order:11}.fanui-order-sm-12{order:12}.fanui-order-sm-first{order:-9999}.fanui-order-sm-last{order:9999}}@media(min-width: 768px){.fanui-d-md-none{display:none}.fanui-d-md-block{display:block}.fanui-d-md-inline{display:inline}.fanui-d-md-inline-block{display:inline-block}.fanui-d-md-flex{display:flex}.fanui-d-md-inline-flex{display:inline-flex}.fanui-d-md-grid{display:grid}.fanui-d-md-inline-grid{display:inline-grid}.fanui-flex-md-row{flex-direction:row}.fanui-flex-md-col{flex-direction:column}.fanui-flex-md-row-reverse{flex-direction:row-reverse}.fanui-flex-md-col-reverse{flex-direction:column-reverse}.fanui-flex-md-wrap{flex-wrap:wrap}.fanui-flex-md-nowrap{flex-wrap:nowrap}.fanui-justify-md-start{justify-content:flex-start}.fanui-justify-md-end{justify-content:flex-end}.fanui-justify-md-center{justify-content:center}.fanui-justify-md-between{justify-content:space-between}.fanui-justify-md-around{justify-content:space-around}.fanui-justify-md-evenly{justify-content:space-evenly}.fanui-justify-md-stretch{justify-content:stretch}.fanui-items-md-start{align-items:flex-start}.fanui-self-md-start{align-self:flex-start}.fanui-items-md-end{align-items:flex-end}.fanui-self-md-end{align-self:flex-end}.fanui-items-md-center{align-items:center}.fanui-self-md-center{align-self:center}.fanui-items-md-baseline{align-items:baseline}.fanui-self-md-baseline{align-self:baseline}.fanui-items-md-stretch{align-items:stretch}.fanui-self-md-stretch{align-self:stretch}.fanui-gap-md-0{gap:0}.fanui-gap-md-1{gap:4px}.fanui-gap-md-2{gap:8px}.fanui-gap-md-3{gap:12px}.fanui-gap-md-4{gap:16px}.fanui-gap-md-5{gap:20px}.fanui-gap-md-6{gap:24px}.fanui-gap-md-8{gap:32px}.fanui-gap-md-10{gap:40px}.fanui-gap-md-12{gap:48px}.fanui-gap-md-16{gap:64px}.fanui-gap-md-20{gap:80px}.fanui-gap-md-24{gap:96px}.fanui-order-md-0{order:0}.fanui-order-md-1{order:1}.fanui-order-md-2{order:2}.fanui-order-md-3{order:3}.fanui-order-md-4{order:4}.fanui-order-md-5{order:5}.fanui-order-md-6{order:6}.fanui-order-md-7{order:7}.fanui-order-md-8{order:8}.fanui-order-md-9{order:9}.fanui-order-md-10{order:10}.fanui-order-md-11{order:11}.fanui-order-md-12{order:12}.fanui-order-md-first{order:-9999}.fanui-order-md-last{order:9999}}@media(min-width: 992px){.fanui-d-lg-none{display:none}.fanui-d-lg-block{display:block}.fanui-d-lg-inline{display:inline}.fanui-d-lg-inline-block{display:inline-block}.fanui-d-lg-flex{display:flex}.fanui-d-lg-inline-flex{display:inline-flex}.fanui-d-lg-grid{display:grid}.fanui-d-lg-inline-grid{display:inline-grid}.fanui-flex-lg-row{flex-direction:row}.fanui-flex-lg-col{flex-direction:column}.fanui-flex-lg-row-reverse{flex-direction:row-reverse}.fanui-flex-lg-col-reverse{flex-direction:column-reverse}.fanui-flex-lg-wrap{flex-wrap:wrap}.fanui-flex-lg-nowrap{flex-wrap:nowrap}.fanui-justify-lg-start{justify-content:flex-start}.fanui-justify-lg-end{justify-content:flex-end}.fanui-justify-lg-center{justify-content:center}.fanui-justify-lg-between{justify-content:space-between}.fanui-justify-lg-around{justify-content:space-around}.fanui-justify-lg-evenly{justify-content:space-evenly}.fanui-justify-lg-stretch{justify-content:stretch}.fanui-items-lg-start{align-items:flex-start}.fanui-self-lg-start{align-self:flex-start}.fanui-items-lg-end{align-items:flex-end}.fanui-self-lg-end{align-self:flex-end}.fanui-items-lg-center{align-items:center}.fanui-self-lg-center{align-self:center}.fanui-items-lg-baseline{align-items:baseline}.fanui-self-lg-baseline{align-self:baseline}.fanui-items-lg-stretch{align-items:stretch}.fanui-self-lg-stretch{align-self:stretch}.fanui-gap-lg-0{gap:0}.fanui-gap-lg-1{gap:4px}.fanui-gap-lg-2{gap:8px}.fanui-gap-lg-3{gap:12px}.fanui-gap-lg-4{gap:16px}.fanui-gap-lg-5{gap:20px}.fanui-gap-lg-6{gap:24px}.fanui-gap-lg-8{gap:32px}.fanui-gap-lg-10{gap:40px}.fanui-gap-lg-12{gap:48px}.fanui-gap-lg-16{gap:64px}.fanui-gap-lg-20{gap:80px}.fanui-gap-lg-24{gap:96px}.fanui-order-lg-0{order:0}.fanui-order-lg-1{order:1}.fanui-order-lg-2{order:2}.fanui-order-lg-3{order:3}.fanui-order-lg-4{order:4}.fanui-order-lg-5{order:5}.fanui-order-lg-6{order:6}.fanui-order-lg-7{order:7}.fanui-order-lg-8{order:8}.fanui-order-lg-9{order:9}.fanui-order-lg-10{order:10}.fanui-order-lg-11{order:11}.fanui-order-lg-12{order:12}.fanui-order-lg-first{order:-9999}.fanui-order-lg-last{order:9999}}@media(min-width: 1200px){.fanui-d-xl-none{display:none}.fanui-d-xl-block{display:block}.fanui-d-xl-inline{display:inline}.fanui-d-xl-inline-block{display:inline-block}.fanui-d-xl-flex{display:flex}.fanui-d-xl-inline-flex{display:inline-flex}.fanui-d-xl-grid{display:grid}.fanui-d-xl-inline-grid{display:inline-grid}.fanui-flex-xl-row{flex-direction:row}.fanui-flex-xl-col{flex-direction:column}.fanui-flex-xl-row-reverse{flex-direction:row-reverse}.fanui-flex-xl-col-reverse{flex-direction:column-reverse}.fanui-flex-xl-wrap{flex-wrap:wrap}.fanui-flex-xl-nowrap{flex-wrap:nowrap}.fanui-justify-xl-start{justify-content:flex-start}.fanui-justify-xl-end{justify-content:flex-end}.fanui-justify-xl-center{justify-content:center}.fanui-justify-xl-between{justify-content:space-between}.fanui-justify-xl-around{justify-content:space-around}.fanui-justify-xl-evenly{justify-content:space-evenly}.fanui-justify-xl-stretch{justify-content:stretch}.fanui-items-xl-start{align-items:flex-start}.fanui-self-xl-start{align-self:flex-start}.fanui-items-xl-end{align-items:flex-end}.fanui-self-xl-end{align-self:flex-end}.fanui-items-xl-center{align-items:center}.fanui-self-xl-center{align-self:center}.fanui-items-xl-baseline{align-items:baseline}.fanui-self-xl-baseline{align-self:baseline}.fanui-items-xl-stretch{align-items:stretch}.fanui-self-xl-stretch{align-self:stretch}.fanui-gap-xl-0{gap:0}.fanui-gap-xl-1{gap:4px}.fanui-gap-xl-2{gap:8px}.fanui-gap-xl-3{gap:12px}.fanui-gap-xl-4{gap:16px}.fanui-gap-xl-5{gap:20px}.fanui-gap-xl-6{gap:24px}.fanui-gap-xl-8{gap:32px}.fanui-gap-xl-10{gap:40px}.fanui-gap-xl-12{gap:48px}.fanui-gap-xl-16{gap:64px}.fanui-gap-xl-20{gap:80px}.fanui-gap-xl-24{gap:96px}.fanui-order-xl-0{order:0}.fanui-order-xl-1{order:1}.fanui-order-xl-2{order:2}.fanui-order-xl-3{order:3}.fanui-order-xl-4{order:4}.fanui-order-xl-5{order:5}.fanui-order-xl-6{order:6}.fanui-order-xl-7{order:7}.fanui-order-xl-8{order:8}.fanui-order-xl-9{order:9}.fanui-order-xl-10{order:10}.fanui-order-xl-11{order:11}.fanui-order-xl-12{order:12}.fanui-order-xl-first{order:-9999}.fanui-order-xl-last{order:9999}}@media(min-width: 1400px){.fanui-d-xxl-none{display:none}.fanui-d-xxl-block{display:block}.fanui-d-xxl-inline{display:inline}.fanui-d-xxl-inline-block{display:inline-block}.fanui-d-xxl-flex{display:flex}.fanui-d-xxl-inline-flex{display:inline-flex}.fanui-d-xxl-grid{display:grid}.fanui-d-xxl-inline-grid{display:inline-grid}.fanui-flex-xxl-row{flex-direction:row}.fanui-flex-xxl-col{flex-direction:column}.fanui-flex-xxl-row-reverse{flex-direction:row-reverse}.fanui-flex-xxl-col-reverse{flex-direction:column-reverse}.fanui-flex-xxl-wrap{flex-wrap:wrap}.fanui-flex-xxl-nowrap{flex-wrap:nowrap}.fanui-justify-xxl-start{justify-content:flex-start}.fanui-justify-xxl-end{justify-content:flex-end}.fanui-justify-xxl-center{justify-content:center}.fanui-justify-xxl-between{justify-content:space-between}.fanui-justify-xxl-around{justify-content:space-around}.fanui-justify-xxl-evenly{justify-content:space-evenly}.fanui-justify-xxl-stretch{justify-content:stretch}.fanui-items-xxl-start{align-items:flex-start}.fanui-self-xxl-start{align-self:flex-start}.fanui-items-xxl-end{align-items:flex-end}.fanui-self-xxl-end{align-self:flex-end}.fanui-items-xxl-center{align-items:center}.fanui-self-xxl-center{align-self:center}.fanui-items-xxl-baseline{align-items:baseline}.fanui-self-xxl-baseline{align-self:baseline}.fanui-items-xxl-stretch{align-items:stretch}.fanui-self-xxl-stretch{align-self:stretch}.fanui-gap-xxl-0{gap:0}.fanui-gap-xxl-1{gap:4px}.fanui-gap-xxl-2{gap:8px}.fanui-gap-xxl-3{gap:12px}.fanui-gap-xxl-4{gap:16px}.fanui-gap-xxl-5{gap:20px}.fanui-gap-xxl-6{gap:24px}.fanui-gap-xxl-8{gap:32px}.fanui-gap-xxl-10{gap:40px}.fanui-gap-xxl-12{gap:48px}.fanui-gap-xxl-16{gap:64px}.fanui-gap-xxl-20{gap:80px}.fanui-gap-xxl-24{gap:96px}.fanui-order-xxl-0{order:0}.fanui-order-xxl-1{order:1}.fanui-order-xxl-2{order:2}.fanui-order-xxl-3{order:3}.fanui-order-xxl-4{order:4}.fanui-order-xxl-5{order:5}.fanui-order-xxl-6{order:6}.fanui-order-xxl-7{order:7}.fanui-order-xxl-8{order:8}.fanui-order-xxl-9{order:9}.fanui-order-xxl-10{order:10}.fanui-order-xxl-11{order:11}.fanui-order-xxl-12{order:12}.fanui-order-xxl-first{order:-9999}.fanui-order-xxl-last{order:9999}}.fanui-center{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.fanui-center-col{display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap}.fanui-between{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap}.fanui-around{display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:nowrap}.fanui-start{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.fanui-end{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:nowrap}.fanui-stack{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;flex-wrap:nowrap}.fanui-inline-row{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap}.fanui-fill{flex:1 1 0%;min-width:0}.fanui-all-center{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.fanui-btn{--fanui-btn-bg: var(--fanui-primary);--fanui-btn-fg: var(--fanui-primary-fg, #fff);--fanui-btn-border: var(--fanui-primary);--fanui-btn-hover-bg: var(--fanui-primary-hover);--fanui-btn-hover-fg: var(--fanui-primary-fg, #fff);--fanui-btn-hover-border: var(--fanui-primary-hover);--fanui-btn-active-bg: var(--fanui-primary-active);--fanui-btn-active-fg: var(--fanui-primary-fg, #fff);--fanui-btn-active-border: var(--fanui-primary-active);--fanui-btn-ring: var(--fanui-primary-ring);--fanui-btn-height: var(--fanui-control-h, 36px);--fanui-btn-padding-x: var(--fanui-control-px, 14px);--fanui-btn-font-size: var(--fanui-font-size-base);--fanui-btn-radius: var(--fanui-radius-base);--fanui-btn-gap: 6px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--fanui-btn-gap);min-height:var(--fanui-btn-height);padding:0 var(--fanui-btn-padding-x);font-family:inherit;font-size:var(--fanui-btn-font-size);font-weight:500;line-height:1;white-space:nowrap;vertical-align:middle;text-decoration:none;text-align:center;color:var(--fanui-btn-fg);background-color:var(--fanui-btn-bg);border:1px solid var(--fanui-btn-border);border-radius:var(--fanui-btn-radius);cursor:pointer;user-select:none;box-sizing:border-box;overflow:hidden;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box}.fanui-btn:hover:not(:disabled):not(.is-disabled){color:var(--fanui-btn-hover-fg);background-color:var(--fanui-btn-hover-bg);border-color:var(--fanui-btn-hover-border);text-decoration:none}.fanui-btn:active:not(:disabled):not(.is-disabled),.fanui-btn.is-active{color:var(--fanui-btn-active-fg);background-color:var(--fanui-btn-active-bg);border-color:var(--fanui-btn-active-border)}.fanui-btn:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-btn-ring)}.fanui-btn>svg,.fanui-btn .fanui-btn__icon{flex:0 0 auto;width:1em;height:1em;font-size:1.15em;line-height:1;display:inline-flex;align-items:center;justify-content:center;pointer-events:none}.fanui-btn:disabled,.fanui-btn.is-disabled,.fanui-btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none;box-shadow:none}.fanui-btn[aria-busy=true]{pointer-events:none}.fanui-btn--primary{--fanui-btn-bg: var(--fanui-primary, #0e7490);--fanui-btn-fg: var(--fanui-primary-fg, #ffffff);--fanui-btn-border: var(--fanui-primary, #0e7490);--fanui-btn-hover-bg: var(--fanui-primary-hover, rgb(4.9411764706%, 40.9411764706%, 50.8235294118%));--fanui-btn-hover-fg: var(--fanui-primary-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-primary-hover, rgb(4.9411764706%, 40.9411764706%, 50.8235294118%));--fanui-btn-active-bg: var(--fanui-primary-active, rgb(4.5019607843%, 37.3019607843%, 46.3058823529%));--fanui-btn-active-fg: var(--fanui-primary-fg, #ffffff);--fanui-btn-active-border: var(--fanui-primary-active, rgb(4.5019607843%, 37.3019607843%, 46.3058823529%));--fanui-btn-ring: var(--fanui-primary-ring, rgba(14, 116, 144, 0.3))}.fanui-btn--accent{--fanui-btn-bg: var(--fanui-accent, #7c3aed);--fanui-btn-fg: var(--fanui-accent-fg, #ffffff);--fanui-btn-border: var(--fanui-accent, #7c3aed);--fanui-btn-hover-bg: var(--fanui-accent-hover, rgb(43.7647058824%, 20.4705882353%, 83.6470588235%));--fanui-btn-hover-fg: var(--fanui-accent-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-accent-hover, rgb(43.7647058824%, 20.4705882353%, 83.6470588235%));--fanui-btn-active-bg: var(--fanui-accent-active, rgb(39.8745098039%, 18.6509803922%, 76.2117647059%));--fanui-btn-active-fg: var(--fanui-accent-fg, #ffffff);--fanui-btn-active-border: var(--fanui-accent-active, rgb(39.8745098039%, 18.6509803922%, 76.2117647059%));--fanui-btn-ring: var(--fanui-accent-ring, rgba(124, 58, 237, 0.3))}.fanui-btn--success{--fanui-btn-bg: var(--fanui-success, #047857);--fanui-btn-fg: var(--fanui-success-fg, #ffffff);--fanui-btn-border: var(--fanui-success, #047857);--fanui-btn-hover-bg: var(--fanui-success-hover, rgb(1.4117647059%, 42.3529411765%, 30.7058823529%));--fanui-btn-hover-fg: var(--fanui-success-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-success-hover, rgb(1.4117647059%, 42.3529411765%, 30.7058823529%));--fanui-btn-active-bg: var(--fanui-success-active, rgb(1.2862745098%, 38.5882352941%, 27.9764705882%));--fanui-btn-active-fg: var(--fanui-success-fg, #ffffff);--fanui-btn-active-border: var(--fanui-success-active, rgb(1.2862745098%, 38.5882352941%, 27.9764705882%));--fanui-btn-ring: var(--fanui-success-ring, rgba(4, 120, 87, 0.3))}.fanui-btn--warning{--fanui-btn-bg: var(--fanui-warning, #b45309);--fanui-btn-fg: var(--fanui-warning-fg, #ffffff);--fanui-btn-border: var(--fanui-warning, #b45309);--fanui-btn-hover-bg: var(--fanui-warning-hover, rgb(63.5294117647%, 29.2941176471%, 3.1764705882%));--fanui-btn-hover-fg: var(--fanui-warning-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-warning-hover, rgb(63.5294117647%, 29.2941176471%, 3.1764705882%));--fanui-btn-active-bg: var(--fanui-warning-active, rgb(57.8823529412%, 26.6901960784%, 2.8941176471%));--fanui-btn-active-fg: var(--fanui-warning-fg, #ffffff);--fanui-btn-active-border: var(--fanui-warning-active, rgb(57.8823529412%, 26.6901960784%, 2.8941176471%));--fanui-btn-ring: var(--fanui-warning-ring, rgba(180, 83, 9, 0.3))}.fanui-btn--danger{--fanui-btn-bg: var(--fanui-danger, #b91c1c);--fanui-btn-fg: var(--fanui-danger-fg, #ffffff);--fanui-btn-border: var(--fanui-danger, #b91c1c);--fanui-btn-hover-bg: var(--fanui-danger-hover, rgb(65.2941176471%, 9.8823529412%, 9.8823529412%));--fanui-btn-hover-fg: var(--fanui-danger-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-danger-hover, rgb(65.2941176471%, 9.8823529412%, 9.8823529412%));--fanui-btn-active-bg: var(--fanui-danger-active, rgb(59.4901960784%, 9.0039215686%, 9.0039215686%));--fanui-btn-active-fg: var(--fanui-danger-fg, #ffffff);--fanui-btn-active-border: var(--fanui-danger-active, rgb(59.4901960784%, 9.0039215686%, 9.0039215686%));--fanui-btn-ring: var(--fanui-danger-ring, rgba(185, 28, 28, 0.3))}.fanui-btn--info{--fanui-btn-bg: var(--fanui-info, #0369a1);--fanui-btn-fg: var(--fanui-info-fg, #ffffff);--fanui-btn-border: var(--fanui-info, #0369a1);--fanui-btn-hover-bg: var(--fanui-info-hover, rgb(1.0588235294%, 37.0588235294%, 56.8235294118%));--fanui-btn-hover-fg: var(--fanui-info-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-info-hover, rgb(1.0588235294%, 37.0588235294%, 56.8235294118%));--fanui-btn-active-bg: var(--fanui-info-active, rgb(0.9647058824%, 33.7647058824%, 51.7725490196%));--fanui-btn-active-fg: var(--fanui-info-fg, #ffffff);--fanui-btn-active-border: var(--fanui-info-active, rgb(0.9647058824%, 33.7647058824%, 51.7725490196%));--fanui-btn-ring: var(--fanui-info-ring, rgba(3, 105, 161, 0.3))}.fanui-btn--neutral,.fanui-btn--default{--fanui-btn-bg: var(--fanui-color-surface);--fanui-btn-fg: var(--fanui-color-text);--fanui-btn-border: var(--fanui-color-border-strong);--fanui-btn-hover-bg: var(--fanui-color-hover);--fanui-btn-hover-fg: var(--fanui-color-text-strong);--fanui-btn-hover-border: var(--fanui-color-border-strong);--fanui-btn-active-bg: var(--fanui-color-active);--fanui-btn-active-fg: var(--fanui-color-text-strong);--fanui-btn-active-border: var(--fanui-color-border-strong);--fanui-btn-ring: rgba(14, 116, 144, 0.28)}.fanui-btn--white{--fanui-btn-bg: #ffffff;--fanui-btn-fg: var(--fanui-color-text-strong);--fanui-btn-border: #ffffff;--fanui-btn-hover-bg: rgb(90%, 90%, 90%);--fanui-btn-hover-fg: var(--fanui-color-text-strong);--fanui-btn-hover-border: rgb(90%, 90%, 90%);--fanui-btn-active-bg: rgb(82%, 82%, 82%);--fanui-btn-active-fg: var(--fanui-color-text-strong);--fanui-btn-active-border: rgb(82%, 82%, 82%);--fanui-btn-ring: rgba(255, 255, 255, 0.3)}.fanui-btn--outline.fanui-btn--primary{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-primary, #0e7490);--fanui-btn-border: var(--fanui-primary, #0e7490);--fanui-btn-hover-bg: var(--fanui-primary, #0e7490);--fanui-btn-hover-fg: var(--fanui-primary-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-primary, #0e7490);--fanui-btn-active-bg: var(--fanui-primary-active, rgb(4.5019607843%, 37.3019607843%, 46.3058823529%));--fanui-btn-active-fg: var(--fanui-primary-fg, #ffffff);--fanui-btn-active-border: var(--fanui-primary-active, rgb(4.5019607843%, 37.3019607843%, 46.3058823529%));--fanui-btn-ring: var(--fanui-primary-ring, rgba(14, 116, 144, 0.3))}.fanui-btn--outline.fanui-btn--accent{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-accent, #7c3aed);--fanui-btn-border: var(--fanui-accent, #7c3aed);--fanui-btn-hover-bg: var(--fanui-accent, #7c3aed);--fanui-btn-hover-fg: var(--fanui-accent-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-accent, #7c3aed);--fanui-btn-active-bg: var(--fanui-accent-active, rgb(39.8745098039%, 18.6509803922%, 76.2117647059%));--fanui-btn-active-fg: var(--fanui-accent-fg, #ffffff);--fanui-btn-active-border: var(--fanui-accent-active, rgb(39.8745098039%, 18.6509803922%, 76.2117647059%));--fanui-btn-ring: var(--fanui-accent-ring, rgba(124, 58, 237, 0.3))}.fanui-btn--outline.fanui-btn--success{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-success, #047857);--fanui-btn-border: var(--fanui-success, #047857);--fanui-btn-hover-bg: var(--fanui-success, #047857);--fanui-btn-hover-fg: var(--fanui-success-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-success, #047857);--fanui-btn-active-bg: var(--fanui-success-active, rgb(1.2862745098%, 38.5882352941%, 27.9764705882%));--fanui-btn-active-fg: var(--fanui-success-fg, #ffffff);--fanui-btn-active-border: var(--fanui-success-active, rgb(1.2862745098%, 38.5882352941%, 27.9764705882%));--fanui-btn-ring: var(--fanui-success-ring, rgba(4, 120, 87, 0.3))}.fanui-btn--outline.fanui-btn--warning{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-warning, #b45309);--fanui-btn-border: var(--fanui-warning, #b45309);--fanui-btn-hover-bg: var(--fanui-warning, #b45309);--fanui-btn-hover-fg: var(--fanui-warning-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-warning, #b45309);--fanui-btn-active-bg: var(--fanui-warning-active, rgb(57.8823529412%, 26.6901960784%, 2.8941176471%));--fanui-btn-active-fg: var(--fanui-warning-fg, #ffffff);--fanui-btn-active-border: var(--fanui-warning-active, rgb(57.8823529412%, 26.6901960784%, 2.8941176471%));--fanui-btn-ring: var(--fanui-warning-ring, rgba(180, 83, 9, 0.3))}.fanui-btn--outline.fanui-btn--danger{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-danger, #b91c1c);--fanui-btn-border: var(--fanui-danger, #b91c1c);--fanui-btn-hover-bg: var(--fanui-danger, #b91c1c);--fanui-btn-hover-fg: var(--fanui-danger-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-danger, #b91c1c);--fanui-btn-active-bg: var(--fanui-danger-active, rgb(59.4901960784%, 9.0039215686%, 9.0039215686%));--fanui-btn-active-fg: var(--fanui-danger-fg, #ffffff);--fanui-btn-active-border: var(--fanui-danger-active, rgb(59.4901960784%, 9.0039215686%, 9.0039215686%));--fanui-btn-ring: var(--fanui-danger-ring, rgba(185, 28, 28, 0.3))}.fanui-btn--outline.fanui-btn--info{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-info, #0369a1);--fanui-btn-border: var(--fanui-info, #0369a1);--fanui-btn-hover-bg: var(--fanui-info, #0369a1);--fanui-btn-hover-fg: var(--fanui-info-fg, #ffffff);--fanui-btn-hover-border: var(--fanui-info, #0369a1);--fanui-btn-active-bg: var(--fanui-info-active, rgb(0.9647058824%, 33.7647058824%, 51.7725490196%));--fanui-btn-active-fg: var(--fanui-info-fg, #ffffff);--fanui-btn-active-border: var(--fanui-info-active, rgb(0.9647058824%, 33.7647058824%, 51.7725490196%));--fanui-btn-ring: var(--fanui-info-ring, rgba(3, 105, 161, 0.3))}.fanui-btn--ghost,.fanui-btn--text{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-color-text-muted);--fanui-btn-border: transparent;--fanui-btn-hover-bg: var(--fanui-color-hover);--fanui-btn-hover-fg: var(--fanui-color-text);--fanui-btn-hover-border: transparent;--fanui-btn-active-bg: var(--fanui-color-active);--fanui-btn-active-fg: var(--fanui-color-text-strong);--fanui-btn-active-border: transparent;--fanui-btn-ring: var(--fanui-primary-ring)}.fanui-btn--ghost.fanui-btn--primary,.fanui-btn--text.fanui-btn--primary{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-primary, #0e7490);--fanui-btn-border: transparent;--fanui-btn-hover-bg: var(--fanui-primary-soft, rgba(14, 116, 144, 0.1));--fanui-btn-hover-fg: var(--fanui-primary-hover, rgb(5.0509803922%, 41.8509803922%, 51.9529411765%));--fanui-btn-hover-border: transparent;--fanui-btn-active-bg: rgba(14, 116, 144, 0.18);--fanui-btn-active-fg: var(--fanui-primary-active, rgb(4.6117647059%, 38.2117647059%, 47.4352941176%));--fanui-btn-active-border: transparent;--fanui-btn-ring: var(--fanui-primary-ring, rgba(14, 116, 144, 0.3))}.fanui-btn--ghost.fanui-btn--accent,.fanui-btn--text.fanui-btn--accent{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-accent, #7c3aed);--fanui-btn-border: transparent;--fanui-btn-hover-bg: var(--fanui-accent-soft, rgba(124, 58, 237, 0.1));--fanui-btn-hover-fg: var(--fanui-accent-hover, rgb(44.737254902%, 20.9254901961%, 85.5058823529%));--fanui-btn-hover-border: transparent;--fanui-btn-active-bg: rgba(124, 58, 237, 0.18);--fanui-btn-active-fg: var(--fanui-accent-active, rgb(40.8470588235%, 19.1058823529%, 78.0705882353%));--fanui-btn-active-border: transparent;--fanui-btn-ring: var(--fanui-accent-ring, rgba(124, 58, 237, 0.3))}.fanui-btn--ghost.fanui-btn--success,.fanui-btn--text.fanui-btn--success{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-success, #047857);--fanui-btn-border: transparent;--fanui-btn-hover-bg: var(--fanui-success-soft, rgba(4, 120, 87, 0.1));--fanui-btn-hover-fg: var(--fanui-success-hover, rgb(1.4431372549%, 43.2941176471%, 31.3882352941%));--fanui-btn-hover-border: transparent;--fanui-btn-active-bg: rgba(4, 120, 87, 0.18);--fanui-btn-active-fg: var(--fanui-success-active, rgb(1.3176470588%, 39.5294117647%, 28.6588235294%));--fanui-btn-active-border: transparent;--fanui-btn-ring: var(--fanui-success-ring, rgba(4, 120, 87, 0.3))}.fanui-btn--ghost.fanui-btn--warning,.fanui-btn--text.fanui-btn--warning{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-warning, #b45309);--fanui-btn-border: transparent;--fanui-btn-hover-bg: var(--fanui-warning-soft, rgba(180, 83, 9, 0.1));--fanui-btn-hover-fg: var(--fanui-warning-hover, rgb(64.9411764706%, 29.9450980392%, 3.2470588235%));--fanui-btn-hover-border: transparent;--fanui-btn-active-bg: rgba(180, 83, 9, 0.18);--fanui-btn-active-fg: var(--fanui-warning-active, rgb(59.2941176471%, 27.3411764706%, 2.9647058824%));--fanui-btn-active-border: transparent;--fanui-btn-ring: var(--fanui-warning-ring, rgba(180, 83, 9, 0.3))}.fanui-btn--ghost.fanui-btn--danger,.fanui-btn--text.fanui-btn--danger{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-danger, #b91c1c);--fanui-btn-border: transparent;--fanui-btn-hover-bg: var(--fanui-danger-soft, rgba(185, 28, 28, 0.1));--fanui-btn-hover-fg: var(--fanui-danger-hover, rgb(66.7450980392%, 10.1019607843%, 10.1019607843%));--fanui-btn-hover-border: transparent;--fanui-btn-active-bg: rgba(185, 28, 28, 0.18);--fanui-btn-active-fg: var(--fanui-danger-active, rgb(60.9411764706%, 9.2235294118%, 9.2235294118%));--fanui-btn-active-border: transparent;--fanui-btn-ring: var(--fanui-danger-ring, rgba(185, 28, 28, 0.3))}.fanui-btn--ghost.fanui-btn--info,.fanui-btn--text.fanui-btn--info{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-info, #0369a1);--fanui-btn-border: transparent;--fanui-btn-hover-bg: var(--fanui-info-soft, rgba(3, 105, 161, 0.1));--fanui-btn-hover-fg: var(--fanui-info-hover, rgb(1.0823529412%, 37.8823529412%, 58.0862745098%));--fanui-btn-hover-border: transparent;--fanui-btn-active-bg: rgba(3, 105, 161, 0.18);--fanui-btn-active-fg: var(--fanui-info-active, rgb(0.9882352941%, 34.5882352941%, 53.0352941176%));--fanui-btn-active-border: transparent;--fanui-btn-ring: var(--fanui-info-ring, rgba(3, 105, 161, 0.3))}.fanui-btn--link{--fanui-btn-bg: transparent;--fanui-btn-fg: var(--fanui-primary);--fanui-btn-border: transparent;--fanui-btn-hover-bg: transparent;--fanui-btn-hover-fg: var(--fanui-primary-hover);--fanui-btn-hover-border: transparent;--fanui-btn-active-bg: transparent;--fanui-btn-active-fg: var(--fanui-primary-active);--fanui-btn-active-border: transparent;padding:0;min-height:auto;text-decoration:none}.fanui-btn--link:hover{text-decoration:underline}.fanui-btn--xs{--fanui-btn-height: 24px;--fanui-btn-padding-x: 8px;--fanui-btn-font-size: var(--fanui-font-size-xs);--fanui-btn-radius: var(--fanui-radius-sm);--fanui-btn-gap: 4px}.fanui-btn--sm{--fanui-btn-height: 28px;--fanui-btn-padding-x: 10px;--fanui-btn-font-size: var(--fanui-font-size-sm);--fanui-btn-gap: 4px}.fanui-btn--md{--fanui-btn-height: 32px;--fanui-btn-padding-x: 12px;--fanui-btn-font-size: var(--fanui-font-size-base)}.fanui-btn--base,.fanui-btn--lg{--fanui-btn-height: 40px;--fanui-btn-padding-x: 16px;--fanui-btn-font-size: var(--fanui-font-size-md)}.fanui-btn--xl{--fanui-btn-height: 48px;--fanui-btn-padding-x: 22px;--fanui-btn-font-size: var(--fanui-font-size-lg);--fanui-btn-radius: var(--fanui-radius-md)}.fanui-btn--block{display:flex;width:100%}.fanui-btn--square{--fanui-btn-padding-x: 0;width:var(--fanui-btn-height);padding:0;flex:0 0 auto}.fanui-btn--circle{--fanui-btn-padding-x: 0;width:var(--fanui-btn-height);padding:0;border-radius:9999px;flex:0 0 auto}.fanui-btn--pill{--fanui-btn-radius: 9999px}.fanui-btn--sharp{--fanui-btn-radius: 0}.fanui-btn--icon-start{flex-direction:row-reverse}.fanui-btn--icon-end{flex-direction:row}.fanui-btn--loading,.fanui-btn.is-loading{pointer-events:none;color:rgba(0,0,0,0) !important}.fanui-btn--loading::after,.fanui-btn.is-loading::after{content:"";position:absolute;top:50%;left:50%;width:1em;height:1em;margin:-0.5em 0 0 -0.5em;border:2px solid currentColor;border-top-color:rgba(0,0,0,0);border-radius:50%;color:var(--fanui-btn-fg);animation:fanui-spin 700ms linear infinite}.fanui-btn--loading>*,.fanui-btn.is-loading>*{visibility:hidden}.fanui-btn-group{display:inline-flex;vertical-align:middle;border-radius:var(--fanui-radius-base);overflow:hidden}.fanui-btn-group>.fanui-btn{border-radius:0;margin-inline-start:-1px;flex:1 1 auto}.fanui-btn-group>.fanui-btn:first-child{margin-inline-start:0;border-start-start-radius:var(--fanui-radius-base);border-end-start-radius:var(--fanui-radius-base)}.fanui-btn-group>.fanui-btn:last-child{border-start-end-radius:var(--fanui-radius-base);border-end-end-radius:var(--fanui-radius-base)}.fanui-btn-group>.fanui-btn:hover,.fanui-btn-group>.fanui-btn:focus-visible,.fanui-btn-group>.fanui-btn.is-active{z-index:1}.fanui-btn-group--pill{border-radius:9999px}.fanui-btn-group--vertical{flex-direction:column}.fanui-btn-group--vertical>.fanui-btn{margin-inline-start:0;margin-top:-1px;width:100%}.fanui-btn-group--vertical>.fanui-btn:first-child{border-radius:var(--fanui-radius-base) var(--fanui-radius-base) 0 0}.fanui-btn-group--vertical>.fanui-btn:last-child{border-radius:0 0 var(--fanui-radius-base) var(--fanui-radius-base)}.fanui-btn-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fanui-space-3)}.fanui-slider{--fanui-slider-fill: 50%;--fanui-slider-track: var(--fanui-color-border);--fanui-slider-thumb: #ffffff;--fanui-slider-size: 6px;--fanui-slider-thumb-size: 18px;display:block;width:100%;margin:0;padding:0;background:rgba(0,0,0,0);appearance:none;-webkit-appearance:none;cursor:pointer;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-slider:focus-visible{outline:none}.fanui-slider:focus-visible::-webkit-slider-thumb{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-slider:focus-visible::-webkit-slider-thumb{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-slider:focus-visible::-moz-range-thumb{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-slider:focus-visible::-moz-range-thumb{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-slider::-webkit-slider-runnable-track{height:var(--fanui-slider-size);border-radius:var(--fanui-radius-full);background-image:linear-gradient(to right, var(--fanui-primary) 0%, var(--fanui-primary-vivid) var(--fanui-slider-fill), var(--fanui-slider-track) var(--fanui-slider-fill), var(--fanui-slider-track) 100%)}.fanui-slider::-moz-range-track{height:var(--fanui-slider-size);border-radius:var(--fanui-radius-full);background-color:var(--fanui-slider-track)}.fanui-slider::-moz-range-progress{height:var(--fanui-slider-size);border-radius:var(--fanui-radius-full);background-image:linear-gradient(to right, var(--fanui-primary), var(--fanui-primary-vivid))}.fanui-slider::-webkit-slider-thumb{width:var(--fanui-slider-thumb-size);height:var(--fanui-slider-thumb-size);margin-top:calc((var(--fanui-slider-size) - var(--fanui-slider-thumb-size))/2);border:2px solid var(--fanui-primary);border-radius:var(--fanui-radius-full);background-color:var(--fanui-slider-thumb);box-shadow:0 1px 4px rgba(2,6,23,.22);appearance:none;-webkit-appearance:none;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-slider::-moz-range-thumb{width:var(--fanui-slider-thumb-size);height:var(--fanui-slider-thumb-size);border:2px solid var(--fanui-primary);border-radius:var(--fanui-radius-full);background-color:var(--fanui-slider-thumb);box-shadow:0 1px 4px rgba(2,6,23,.22)}.fanui-slider:hover::-webkit-slider-thumb{transform:scale(1.12)}.fanui-slider:active::-webkit-slider-thumb{transform:scale(1.2)}.fanui-slider:disabled{opacity:.5;cursor:not-allowed}.fanui-slider:disabled::-webkit-slider-thumb{border-color:var(--fanui-color-border-strong)}.fanui-slider--sm{--fanui-slider-size: 4px;--fanui-slider-thumb-size: 14px}.fanui-slider--lg{--fanui-slider-size: 8px;--fanui-slider-thumb-size: 24px}.fanui-slider-field{position:relative;display:flex;align-items:center;gap:var(--fanui-space-3);padding-top:var(--fanui-space-5)}.fanui-slider-field .fanui-slider{flex:1 1 auto;min-width:0}.fanui-slider-field__bubble{position:absolute;top:0;left:var(--fanui-slider-fill, 50%);transform:translateX(-50%);padding:1px 7px;font-size:var(--fanui-font-size-xs);font-variant-numeric:tabular-nums;color:var(--fanui-primary-fg);background-color:var(--fanui-primary);border-radius:var(--fanui-radius-sm);white-space:nowrap;pointer-events:none}.fanui-slider-field__value{min-width:3.5em;font-size:var(--fanui-font-size-sm);font-variant-numeric:tabular-nums;text-align:end;color:var(--fanui-color-text-muted)}.fanui-slider-field__marks{display:flex;justify-content:space-between;margin-top:var(--fanui-space-1);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-slider-range{position:relative;height:var(--fanui-slider-thumb-size, 18px)}.fanui-slider-range .fanui-slider{position:absolute;inset:0;width:100%;pointer-events:none}.fanui-slider-range .fanui-slider::-webkit-slider-thumb{pointer-events:auto}.fanui-slider-range .fanui-slider::-moz-range-thumb{pointer-events:auto}.fanui-slider-range__rail{position:absolute;top:50%;left:0;right:0;height:var(--fanui-slider-size, 6px);transform:translateY(-50%);border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-border)}.fanui-slider-range__fill{position:absolute;top:50%;height:var(--fanui-slider-size, 6px);transform:translateY(-50%);border-radius:var(--fanui-radius-full);background-image:linear-gradient(to right, var(--fanui-primary), var(--fanui-primary-vivid))}.fanui-rate{display:inline-flex;flex-direction:row-reverse;justify-content:flex-end;gap:2px;font-size:22px;line-height:1}.fanui-rate__input{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fanui-rate__input:focus-visible~.fanui-rate__star{outline:2px solid var(--fanui-primary-ring);outline-offset:2px}.fanui-rate__star{color:var(--fanui-color-border-strong);cursor:pointer;user-select:none;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-rate__star::before{content:"★"}.fanui-rate__star:hover{transform:scale(1.15)}.fanui-rate__input:checked~.fanui-rate__star{color:var(--fanui-warning-vivid)}.fanui-rate__star:hover,.fanui-rate__star:hover~.fanui-rate__star{color:var(--fanui-warning)}.fanui-rate--primary .fanui-rate__input:checked~.fanui-rate__star{color:var(--fanui-primary)}.fanui-rate--primary .fanui-rate__star:hover,.fanui-rate--primary .fanui-rate__star:hover~.fanui-rate__star{color:var(--fanui-primary-hover)}.fanui-rate--sm{font-size:16px}.fanui-rate--lg{font-size:30px}.fanui-rate--readonly .fanui-rate__star{cursor:default;pointer-events:none}.fanui-rate--readonly .fanui-rate__star:hover{transform:none}.fanui-rate__value{margin-inline-start:var(--fanui-space-2);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted);align-self:center}.fanui-rate__desc{margin-inline-start:var(--fanui-space-2);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle);align-self:center}.fanui-upload{display:flex;flex-direction:column;gap:var(--fanui-space-3)}.fanui-upload__drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--fanui-space-2);padding:var(--fanui-space-8) var(--fanui-space-4);text-align:center;border:2px dashed var(--fanui-color-border-strong);border-radius:var(--fanui-radius-lg);background-color:var(--fanui-color-surface-sunken);color:var(--fanui-color-text-muted);cursor:pointer;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-upload__drop input[type=file]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fanui-upload__drop:hover,.fanui-upload__drop.is-dragover{border-color:var(--fanui-primary);background-color:var(--fanui-primary-soft);color:var(--fanui-primary-ink)}.fanui-upload__drop.is-dragover{transform:scale(1.01);box-shadow:0 0 0 4px var(--fanui-primary-ring)}.fanui-upload__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:var(--fanui-radius-full);background-color:var(--fanui-primary-soft);color:var(--fanui-primary);font-size:var(--fanui-font-size-xl)}.fanui-upload__hint{font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-upload__list{display:flex;flex-direction:column;gap:var(--fanui-space-2);margin:0;padding:0;list-style:none}.fanui-upload__item{display:flex;align-items:center;gap:var(--fanui-space-3);padding:var(--fanui-space-2) var(--fanui-space-3);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-surface);transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-upload__item:hover{border-color:var(--fanui-color-border-strong)}.fanui-upload__item.is-error{border-color:var(--fanui-danger-border);background-color:var(--fanui-danger-soft)}.fanui-upload__item.is-done .fanui-upload__item__state{color:var(--fanui-success)}.fanui-upload__thumb{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:var(--fanui-radius-sm);background-color:var(--fanui-color-surface-sunken);color:var(--fanui-color-text-muted);overflow:hidden}.fanui-upload__thumb img{width:100%;height:100%;object-fit:cover}.fanui-upload__meta{flex:1 1 auto;min-width:0}.fanui-upload__name{display:block;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-upload__size{font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle);font-variant-numeric:tabular-nums}.fanui-upload__state{color:var(--fanui-color-text-muted);flex:0 0 auto}.fanui-tag-input{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fanui-space-1);min-height:var(--fanui-control-h);padding:5px 8px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-control-radius);background-color:var(--fanui-color-surface);cursor:text;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-tag-input:hover{border-color:var(--fanui-color-border-strong)}.fanui-tag-input:focus-within{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-tag-input:focus-within{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-tag-input__tag{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 4px 2px 8px;font-size:var(--fanui-font-size-xs);line-height:1.5;color:var(--fanui-primary-ink);background-color:var(--fanui-primary-soft);border:1px solid var(--fanui-primary-border);border-radius:var(--fanui-radius-full);animation:fanui-tag-pop 180ms cubic-bezier(0.34, 1.56, 0.64, 1) both}.fanui-tag-input__tag span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:12em}.fanui-tag-input__remove{display:grid;place-items:center;width:16px;height:16px;padding:0;border:0;border-radius:var(--fanui-radius-full);background:rgba(0,0,0,0);color:currentColor;cursor:pointer;opacity:.65;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-tag-input__remove::before{content:"×";font-size:14px;line-height:1}.fanui-tag-input__remove:hover{opacity:1;background-color:rgba(2,6,23,.08)}.fanui-tag-input__field{flex:1 1 6em;min-width:6em;padding:2px 4px;border:0;background:rgba(0,0,0,0);font:inherit;font-size:var(--fanui-font-size-base);color:var(--fanui-color-text)}.fanui-tag-input__field:focus{outline:none}.fanui-tag-input__field::placeholder{color:var(--fanui-color-text-subtle)}.fanui-tag-input__suggest{position:absolute;z-index:var(--fanui-z-dropdown);margin-top:var(--fanui-space-1);padding:var(--fanui-space-1);min-width:180px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-overlay);box-shadow:var(--fanui-shadow-lg)}.fanui-tag-input__suggest button{display:block;width:100%;padding:6px 10px;border:0;border-radius:var(--fanui-radius-sm);background:rgba(0,0,0,0);font:inherit;font-size:var(--fanui-font-size-sm);text-align:start;color:var(--fanui-color-text);cursor:pointer}.fanui-tag-input__suggest button:hover{background-color:var(--fanui-color-hover)}.fanui-tag-input__suggest button.is-active{background-color:var(--fanui-primary-soft);color:var(--fanui-primary-ink)}@keyframes fanui-tag-pop{from{opacity:0;transform:scale(0.86)}to{opacity:1;transform:scale(1)}}.fanui-stepper{display:inline-flex;align-items:stretch;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-control-radius);background-color:var(--fanui-color-surface);overflow:hidden;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-stepper:focus-within{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-stepper:focus-within{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-stepper__btn{display:grid;place-items:center;width:calc(var(--fanui-control-h) + 4px);border:0;background:rgba(0,0,0,0);color:var(--fanui-color-text-muted);font-size:16px;line-height:1;cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-stepper__btn:hover:not(:disabled){background-color:var(--fanui-primary-soft);color:var(--fanui-primary-ink)}.fanui-stepper__btn:disabled{opacity:.4;cursor:not-allowed}.fanui-stepper__input{width:3.6em;min-height:var(--fanui-control-h);padding:0 4px;border:0;border-inline:1px solid var(--fanui-color-border-subtle);background:rgba(0,0,0,0);font:inherit;font-size:var(--fanui-font-size-base);font-variant-numeric:tabular-nums;text-align:center;color:var(--fanui-color-text)}.fanui-stepper__input:focus{outline:none}.fanui-stepper__input::-webkit-outer-spin-button,.fanui-stepper__input::-webkit-inner-spin-button{appearance:none;margin:0}.fanui-stepper--sm{--fanui-control-h: 28px}.fanui-stepper--lg{--fanui-control-h: 40px}.fanui-pin{display:inline-flex;gap:var(--fanui-space-2)}.fanui-pin__cell{width:44px;height:52px;padding:0;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-surface);font-family:var(--fanui-font-mono);font-size:var(--fanui-font-size-xl);font-variant-numeric:tabular-nums;text-align:center;color:var(--fanui-color-text-strong);transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-pin__cell:focus{outline:none;border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-pin__cell:focus{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-pin__cell:focus{transform:translateY(-2px)}.fanui-pin__cell.is-filled{border-color:var(--fanui-primary-border);background-color:var(--fanui-primary-soft)}.fanui-pin__cell:disabled{background-color:var(--fanui-color-disabled-bg)}.fanui-pin--filled .fanui-pin__cell{background-color:var(--fanui-color-surface-sunken)}.fanui-pin--sm .fanui-pin__cell{width:36px;height:42px;font-size:var(--fanui-font-size-lg)}.fanui-pin--separated{gap:var(--fanui-space-4)}.fanui-swatch{display:inline-flex;flex-wrap:wrap;gap:var(--fanui-space-2)}.fanui-swatch__item{position:relative;display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid rgba(2,6,23,.12);border-radius:var(--fanui-radius-md);background-color:var(--fanui-swatch-color, var(--fanui-color-border));cursor:pointer;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-swatch__item:hover{transform:translateY(-2px);box-shadow:var(--fanui-shadow-md)}.fanui-swatch__item[aria-checked=true],.fanui-swatch__item.is-selected{box-shadow:0 0 0 2px var(--fanui-color-surface),0 0 0 4px var(--fanui-swatch-color)}.fanui-swatch__item[aria-checked=true]::after{content:"";width:10px;height:6px;border-inline-start:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px, -1px);filter:drop-shadow(0 1px 1px rgba(0, 0, 0, 0.4))}.fanui-swatch--lg .fanui-swatch__item{width:40px;height:40px}.fanui-swatch--round .fanui-swatch__item{border-radius:var(--fanui-radius-full)}.fanui-combobox{position:relative}.fanui-combobox__control{position:relative;display:flex;align-items:center}.fanui-combobox__input{display:block;width:100%;min-height:36px;padding:6.5px 14px;font-family:inherit;font-size:14px;line-height:1.5;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:6px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-combobox__input::placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-combobox__input::-webkit-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-combobox__input::-moz-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-combobox__input:-ms-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-combobox__input:hover:not(:disabled):not(.is-disabled){border-color:var(--fanui-color-border-strong)}.fanui-combobox__input:focus,.fanui-combobox__input:focus-visible{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-combobox__input:focus,.fanui-combobox__input:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-combobox__input:disabled,.fanui-combobox__input.is-disabled{background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text);cursor:not-allowed;resize:none}.fanui-combobox__input[readonly]{background-color:var(--fanui-color-surface-sunken)}.fanui-combobox__input{padding-inline-end:34px}.fanui-combobox__toggle{position:absolute;inset-inline-end:6px;display:grid;place-items:center;width:24px;height:24px;border:0;border-radius:var(--fanui-radius-sm);background:rgba(0,0,0,0);color:var(--fanui-color-text-muted);cursor:pointer}.fanui-combobox__toggle:hover{background-color:var(--fanui-color-hover)}.fanui-combobox__list{position:absolute;inset-inline:0;top:calc(100% + 4px);z-index:var(--fanui-z-dropdown);max-height:260px;margin:0;padding:var(--fanui-space-1);list-style:none;overflow-y:auto;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-overlay);box-shadow:var(--fanui-shadow-xl);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-combobox__list.is-open{opacity:1;visibility:visible;transform:translateY(0)}.fanui-combobox__option{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-2);padding:7px 10px;border-radius:var(--fanui-radius-sm);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text);cursor:pointer}.fanui-combobox__option:hover,.fanui-combobox__option.is-active{background-color:var(--fanui-color-hover)}.fanui-combobox__option.is-selected{color:var(--fanui-primary-ink);background-color:var(--fanui-primary-soft)}.fanui-combobox__option.is-disabled{opacity:.5;cursor:not-allowed}.fanui-combobox__empty{padding:var(--fanui-space-4);text-align:center;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-subtle)}.fanui-combobox__mark{background-color:var(--fanui-warning-soft-2);color:inherit;font-weight:var(--fanui-font-weight-semibold)}.fanui-command{position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--fanui-z-modal) + 10);display:flex;justify-content:center;align-items:flex-start;padding:12vh var(--fanui-space-4) var(--fanui-space-4);opacity:0;visibility:hidden;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-command.is-open{opacity:1;visibility:visible}.fanui-command__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--fanui-backdrop-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.fanui-command__dialog{position:relative;width:min(640px,100%);max-height:70vh;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-2xl);background-color:var(--fanui-color-overlay);box-shadow:var(--fanui-shadow-2xl);transform:translateY(-12px) scale(0.98);transition:transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,opacity 300ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.fanui-command.is-open .fanui-command__dialog{transform:translateY(0) scale(1)}.fanui-command--glass .fanui-command__dialog{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-command--glass .fanui-command__dialog{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-command--glass .fanui-command__dialog{background-image:linear-gradient(color-mix(in srgb, var(--fanui-color-overlay) 55%, transparent), color-mix(in srgb, var(--fanui-color-overlay) 70%, transparent))}.fanui-command--glass .fanui-command__group-title,.fanui-command--glass .fanui-command__item-desc,.fanui-command--glass .fanui-command__item-hint,.fanui-command--glass .fanui-command__item-icon,.fanui-command--glass .fanui-command__foot{color:var(--fanui-color-text-muted)}.fanui-command__head{display:flex;align-items:center;gap:var(--fanui-space-3);padding:var(--fanui-space-4);border-bottom:1px solid var(--fanui-color-border-subtle)}.fanui-command__icon{color:var(--fanui-color-text-subtle);flex:0 0 auto}.fanui-command__input{flex:1 1 auto;min-width:0;border:0;background:rgba(0,0,0,0);font:inherit;font-size:var(--fanui-font-size-md);color:var(--fanui-color-text)}.fanui-command__input:focus{outline:none}.fanui-command__input::placeholder{color:var(--fanui-color-text-subtle)}.fanui-command__body{flex:1 1 auto;min-height:120px;overflow-y:auto;padding:var(--fanui-space-2);scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-command__body::-webkit-scrollbar{width:6px;height:6px}.fanui-command__body::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-command__body::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-command__body::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-command__group-title{padding:var(--fanui-space-3) var(--fanui-space-3) var(--fanui-space-1);font-size:var(--fanui-font-size-xs);font-weight:var(--fanui-font-weight-semibold);letter-spacing:var(--fanui-tracking-wider);text-transform:uppercase;color:var(--fanui-color-text-subtle)}.fanui-command__item{display:flex;align-items:center;gap:var(--fanui-space-3);padding:9px var(--fanui-space-3);border-radius:var(--fanui-radius-md);color:var(--fanui-color-text);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-command__item[aria-selected=true],.fanui-command__item.is-active{background-color:var(--fanui-primary-soft);color:var(--fanui-primary-ink)}.fanui-command__item:active{transform:scale(0.995)}.fanui-command__item[aria-disabled=true]{opacity:.45;pointer-events:none}.fanui-command__item-icon{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border-radius:var(--fanui-radius-sm);background-color:var(--fanui-color-surface-sunken);color:var(--fanui-color-text-muted);font-size:var(--fanui-font-size-sm)}.fanui-command__item-body{flex:1 1 auto;min-width:0}.fanui-command__item-title{display:block;font-size:var(--fanui-font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-command__item-desc{display:block;font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-command__item-hint{flex:0 0 auto;font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-command__empty{display:grid;place-items:center;gap:var(--fanui-space-2);padding:var(--fanui-space-10) var(--fanui-space-4);text-align:center;color:var(--fanui-color-text-subtle);font-size:var(--fanui-font-size-sm)}.fanui-command__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-3);padding:var(--fanui-space-2) var(--fanui-space-4);border-top:1px solid var(--fanui-color-border-subtle);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-command__keys{display:inline-flex;align-items:center;gap:var(--fanui-space-1)}.fanui-command__mark{padding:0 1px;border-radius:3px;background-color:var(--fanui-warning-soft-2);color:var(--fanui-warning-ink)}.fanui-dock{display:inline-flex;align-items:flex-end;gap:var(--fanui-space-2);padding:var(--fanui-space-2) var(--fanui-space-3);border-radius:var(--fanui-radius-2xl)}.fanui-dock__item{--fanui-dock-scale: 1;position:relative;display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;color:var(--fanui-color-text);text-decoration:none;border-radius:var(--fanui-radius-lg);transform:scale(var(--fanui-dock-scale)) translateY(calc((var(--fanui-dock-scale) - 1) * -8px));transform-origin:bottom center;transition:transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,box-shadow 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.fanui-dock__item:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-dock__item:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-dock__item:hover{--fanui-dock-scale: 1.42}.fanui-dock__item:hover+.fanui-dock__item,.fanui-dock__item:has(+.fanui-dock__item:hover){--fanui-dock-scale: 1.24}.fanui-dock__item:hover+.fanui-dock__item+.fanui-dock__item,.fanui-dock__item:has(+.fanui-dock__item+.fanui-dock__item:hover){--fanui-dock-scale: 1.1}.fanui-dock__label{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(4px);padding:3px 8px;font-size:var(--fanui-font-size-xs);white-space:nowrap;color:var(--fanui-color-text-inverse);background-color:var(--fanui-color-text-strong);border-radius:var(--fanui-radius-sm);opacity:0;pointer-events:none;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-dock__item:hover .fanui-dock__label{opacity:1;transform:translateX(-50%) translateY(0)}.fanui-dock__item.is-active::after{content:"";position:absolute;bottom:-5px;width:4px;height:4px;border-radius:var(--fanui-radius-full);background-color:currentColor}.fanui-dock--sm .fanui-dock__item{width:38px;height:38px}.fanui-dock--vertical{flex-direction:column;align-items:center}.fanui-dock--vertical .fanui-dock__label{bottom:auto;left:calc(100% + 10px);top:50%;transform:translateY(-50%) translateX(-4px)}.fanui-dock--vertical .fanui-dock__item:hover .fanui-dock__label{transform:translateY(-50%) translateX(0)}.fanui-carousel{position:relative}.fanui-carousel__viewport{display:flex;gap:var(--fanui-carousel-gap, var(--fanui-space-4));overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none}.fanui-carousel__viewport::-webkit-scrollbar{width:0;height:0;display:none}.fanui-carousel__viewport>*{flex:0 0 var(--fanui-carousel-slide, 100%);scroll-snap-align:start}.fanui-carousel--peek .fanui-carousel__viewport>*{--fanui-carousel-slide: calc(100% - 48px)}.fanui-carousel--2 .fanui-carousel__viewport>*{--fanui-carousel-slide: calc((100% - var(--fanui-carousel-gap, 16px)) / 2)}.fanui-carousel--3 .fanui-carousel__viewport>*{--fanui-carousel-slide: calc((100% - var(--fanui-carousel-gap, 16px) * 2) / 3)}.fanui-carousel__nav{position:absolute;top:50%;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-overlay);color:var(--fanui-color-text);box-shadow:var(--fanui-shadow-md);cursor:pointer;transform:translateY(-50%);transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-carousel__nav:hover{background-color:var(--fanui-color-hover);transform:translateY(-50%) scale(1.06)}.fanui-carousel__nav:disabled{opacity:.35;cursor:not-allowed}.fanui-carousel__nav--prev{inset-inline-start:-8px}.fanui-carousel__nav--next{inset-inline-end:-8px}.fanui-carousel__dots{display:flex;align-items:center;justify-content:center;gap:var(--fanui-space-2);margin-top:var(--fanui-space-4)}.fanui-carousel__dot{width:8px;height:8px;padding:0;border:0;border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-border-strong);cursor:pointer;transition:width 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,background-color 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.fanui-carousel__dot.is-active{width:22px;background-color:var(--fanui-primary)}.fanui-carousel__progress{height:3px;margin-top:var(--fanui-space-4);border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-border);overflow:hidden}.fanui-carousel__progress-bar{height:100%;border-radius:inherit;background-image:linear-gradient(to right, var(--fanui-primary), var(--fanui-primary-vivid));transform-origin:left center;transform:scaleX(var(--fanui-carousel-progress, 0));transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-fab{position:fixed;inset-block-end:var(--fanui-space-6);inset-inline-end:var(--fanui-space-6);z-index:var(--fanui-z-fixed);display:flex;flex-direction:column-reverse;align-items:center;gap:var(--fanui-space-3)}.fanui-fab__trigger{display:grid;place-items:center;width:54px;height:54px;border:0;border-radius:var(--fanui-radius-full);background-image:var(--fanui-brand-grad);color:#fff;font-size:20px;cursor:pointer;box-shadow:0 10px 24px -8px var(--fanui-primary-glow);transition:transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,box-shadow 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.fanui-fab__trigger:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 16px 32px -10px var(--fanui-primary-glow)}.fanui-fab__trigger:active{transform:scale(0.96)}.is-open .fanui-fab__trigger{transform:rotate(45deg)}.fanui-fab__list{display:flex;flex-direction:column-reverse;align-items:center;gap:var(--fanui-space-3);margin:0;padding:0;list-style:none}.fanui-fab__item{display:flex;align-items:center;gap:var(--fanui-space-2);opacity:0;transform:translateY(10px) scale(0.9);pointer-events:none;transition:opacity 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.is-open .fanui-fab__item{opacity:1;transform:none;pointer-events:auto}.fanui-fab__action{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-overlay);color:var(--fanui-color-text);box-shadow:var(--fanui-shadow-md);cursor:pointer}.fanui-fab__text{padding:3px 8px;font-size:var(--fanui-font-size-xs);white-space:nowrap;color:var(--fanui-color-text-inverse);background-color:var(--fanui-color-text-strong);border-radius:var(--fanui-radius-sm)}.fanui-fab__list .fanui-fab__item:nth-child(1){transition-delay:0ms}.fanui-fab__list .fanui-fab__item:nth-child(2){transition-delay:40ms}.fanui-fab__list .fanui-fab__item:nth-child(3){transition-delay:80ms}.fanui-fab__list .fanui-fab__item:nth-child(4){transition-delay:120ms}.fanui-fab__list .fanui-fab__item:nth-child(5){transition-delay:160ms}.fanui-fab--glass .fanui-fab__trigger{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-fab--glass .fanui-fab__trigger{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-fab--glass .fanui-fab__trigger{background-image:var(--fanui-brand-grad)}.fanui-scroll-progress{position:fixed;inset-block-start:0;inset-inline:0;z-index:calc(var(--fanui-z-fixed) + 1);height:3px;background-color:rgba(0,0,0,0);pointer-events:none}.fanui-scroll-progress__bar{height:100%;background-image:linear-gradient(to right, var(--fanui-primary), var(--fanui-accent));transform-origin:left center;transform:scaleX(var(--fanui-scroll-progress, 0));transition:transform 150ms linear 0s}.fanui-scroll-progress--thin{height:2px}.fanui-scroll-progress--thick{height:4px}.fanui-scroll-progress--glow .fanui-scroll-progress__bar{box-shadow:0 0 12px var(--fanui-primary-glow)}.fanui-spotlight{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-xl);background-color:var(--fanui-color-surface);transition:border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-spotlight::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;background:radial-gradient(260px circle at var(--fanui-spot-x, 50%) var(--fanui-spot-y, 0%), var(--fanui-primary-soft-2, var(--fanui-primary-soft)), transparent 68%);transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-spotlight::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;padding:1px;opacity:0;background:radial-gradient(200px circle at var(--fanui-spot-x, 50%) var(--fanui-spot-y, 0%), var(--fanui-primary), transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-spotlight:hover::before,.fanui-spotlight:hover::after{opacity:1}.fanui-spotlight>*{position:relative;z-index:2}.fanui-spotlight:hover{transform:translateY(-2px);box-shadow:var(--fanui-shadow-lg)}.fanui-spotlight--static::before,.fanui-spotlight--static::after{opacity:.55}.fanui-cursor-glow{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(520px circle at var(--fanui-cursor-x, 50%) var(--fanui-cursor-y, 30%), var(--fanui-brand-aura-a), transparent 62%);opacity:.9}html[data-fanui-glass=off] .fanui-cursor-glow{opacity:.5}.fanui-studio{position:fixed;inset-block-end:var(--fanui-space-5);inset-inline-end:var(--fanui-space-5);z-index:calc(var(--fanui-z-fixed) + 20);display:flex;flex-direction:column;align-items:flex-end;gap:var(--fanui-space-3);font-size:var(--fanui-font-size-sm)}.fanui-studio__trigger{display:inline-flex;align-items:center;gap:var(--fanui-space-2);height:44px;padding:0 var(--fanui-space-4);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-overlay);color:var(--fanui-color-text);box-shadow:var(--fanui-shadow-lg);cursor:pointer;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-studio__trigger{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-studio__trigger{box-shadow:var(--fanui-shadow-lg);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-studio__trigger:hover{transform:translateY(-2px)}.fanui-studio__trigger-dot{width:14px;height:14px;border-radius:var(--fanui-radius-full);background-image:var(--fanui-brand-grad);box-shadow:0 0 0 3px var(--fanui-primary-ring)}.fanui-studio__panel{width:300px;max-height:min(74vh,620px);overflow-y:auto;padding:var(--fanui-space-5);border-radius:var(--fanui-radius-2xl);scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-studio__panel::-webkit-scrollbar{width:6px;height:6px}.fanui-studio__panel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-studio__panel::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-studio__panel::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-studio__panel{position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-studio__panel::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-studio__panel{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-studio__panel{--fanui-glass-radius: var(--fanui-radius-2xl);opacity:0;visibility:hidden;transform:translateY(12px) scale(0.97);transform-origin:bottom right;transition:opacity 300ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,visibility 300ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.fanui-studio.is-open .fanui-studio__panel{opacity:1;visibility:visible;transform:none}.fanui-studio__title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--fanui-space-4);font-size:var(--fanui-font-size-md);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-studio__section{padding-block:var(--fanui-space-3);border-top:1px solid var(--fanui-glass-divider)}.fanui-studio__section:first-of-type{border-top:0;padding-top:0}.fanui-studio__label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--fanui-space-2);font-size:var(--fanui-font-size-xs);font-weight:var(--fanui-font-weight-semibold);letter-spacing:var(--fanui-tracking-wide);color:var(--fanui-color-text-subtle);text-transform:uppercase}.fanui-studio__value{font-variant-numeric:tabular-nums;font-weight:var(--fanui-font-weight-normal);color:var(--fanui-primary-ink);text-transform:none;letter-spacing:0}.fanui-studio__accents{display:grid;grid-template-columns:repeat(6, 1fr);gap:var(--fanui-space-2)}.fanui-studio__accent{position:relative;aspect-ratio:1;padding:0;border:1px solid rgba(2,6,23,.14);border-radius:var(--fanui-radius-md);background-image:linear-gradient(135deg, var(--fanui-studio-c1), var(--fanui-studio-c2));cursor:pointer;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-studio__accent:hover{transform:translateY(-2px) scale(1.05)}.fanui-studio__accent[aria-pressed=true]{box-shadow:0 0 0 2px var(--fanui-color-overlay),0 0 0 4px var(--fanui-primary)}.fanui-studio__accent[aria-pressed=true]::after{content:"";position:absolute;inset:0;margin:auto;width:8px;height:5px;border-inline-start:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px, -1px);filter:drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5))}.fanui-studio__row{display:flex;align-items:center;gap:var(--fanui-space-2)}.fanui-studio__hint{margin-top:var(--fanui-space-2);font-size:var(--fanui-font-size-xs);line-height:var(--fanui-line-height-normal);color:var(--fanui-color-text-subtle)}.fanui-studio__kbd{display:inline-block;padding:0 5px;font-family:var(--fanui-font-mono);font-size:11px;line-height:18px;color:var(--fanui-color-text-muted);background-color:var(--fanui-glass-divider);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-sm)}.fanui-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--fanui-z-modal);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-sheet.is-open{opacity:1;visibility:visible}.fanui-sheet__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--fanui-backdrop-bg)}.fanui-sheet__panel{position:relative;width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;padding:var(--fanui-space-3) var(--fanui-space-5) var(--fanui-space-6);border-radius:var(--fanui-radius-2xl) var(--fanui-radius-2xl) 0 0;position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-sheet__panel::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-sheet__panel{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-sheet__panel{--fanui-glass-radius: var(--fanui-radius-2xl);transform:translateY(100%);transition:transform 300ms cubic-bezier(0, 0, 0.2, 1) 0s}.fanui-sheet.is-open .fanui-sheet__panel{transform:translateY(0)}.fanui-sheet__handle{width:40px;height:4px;margin:0 auto var(--fanui-space-4);border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-border-strong);flex:0 0 auto}.fanui-sheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--fanui-space-3)}.fanui-sheet__body{flex:1 1 auto;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom, 0)}.fanui-bottom-nav{position:fixed;inset-block-end:0;inset-inline:0;z-index:var(--fanui-z-fixed);display:flex;padding-bottom:env(safe-area-inset-bottom, 0)}.fanui-bottom-nav__item{flex:1 1 0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--fanui-space-2) 0;border:0;background:rgba(0,0,0,0);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle);text-decoration:none;cursor:pointer;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-bottom-nav__item[aria-current=page],.fanui-bottom-nav__item.is-active{color:var(--fanui-primary)}.fanui-bottom-nav__item:hover{color:var(--fanui-color-text)}.fanui-bottom-nav__icon{display:grid;place-items:center;width:24px;height:24px;font-size:18px}.fanui-bottom-nav__badge{position:absolute;transform:translate(12px, -6px)}@supports(padding: env(safe-area-inset-bottom)){.fanui-fab{inset-block-end:calc(var(--fanui-space-6) + env(safe-area-inset-bottom, 0px))}}@media(prefers-reduced-motion: reduce){.fanui-dock__item{transform:none !important}.fanui-carousel__viewport{scroll-behavior:auto}.fanui-spotlight:hover{transform:none}}.fanui-announcement{display:flex;align-items:center;justify-content:center;gap:var(--fanui-space-3);padding:var(--fanui-space-2) var(--fanui-space-4);font-size:var(--fanui-font-size-sm);color:var(--fanui-primary-fg);background-image:var(--fanui-brand-grad);text-align:center}.fanui-announcement a{color:inherit;text-decoration:underline;text-underline-offset:2px}.fanui-announcement__badge{padding:1px 8px;font-size:var(--fanui-font-size-xs);font-weight:var(--fanui-font-weight-semibold);border-radius:var(--fanui-radius-full);background-color:rgba(255,255,255,.22);color:#fff}.fanui-announcement__close{margin-inline-start:var(--fanui-space-2);border:0;background:rgba(0,0,0,0);color:inherit;opacity:.7;cursor:pointer}.fanui-announcement__close:hover{opacity:1}.fanui-announcement--soft{background-image:none;background-color:var(--fanui-primary-soft);color:var(--fanui-primary-ink)}.fanui-announcement--soft .fanui-announcement__badge{background-color:rgba(255,255,255,.7);color:var(--fanui-primary-ink)}.fanui-hero{position:relative;isolation:isolate;overflow:hidden;padding-block:var(--fanui-space-24) var(--fanui-space-20);text-align:center}.fanui-hero__aurora{position:absolute;inset:-20% -10% auto -10%;height:140%;z-index:-2;pointer-events:none;background:radial-gradient(42% 46% at 24% 26%, var(--fanui-brand-aura-a), transparent 62%),radial-gradient(38% 42% at 76% 22%, var(--fanui-brand-aura-b), transparent 60%),radial-gradient(52% 48% at 50% 84%, var(--fanui-primary-soft), transparent 68%);filter:blur(28px);opacity:.9}.fanui-hero__grid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(100, 116, 139, 0.1) 1px, transparent 1px),linear-gradient(90deg, rgba(100, 116, 139, 0.1) 1px, transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%, #000 0%, transparent 100%);mask-image:radial-gradient(70% 60% at 50% 30%, #000 0%, transparent 100%)}.fanui-hero__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--fanui-space-5);max-width:820px;margin-inline:auto}.fanui-hero__eyebrow{display:inline-flex;align-items:center;gap:var(--fanui-space-2);padding:5px 12px 5px 6px;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted);border-radius:var(--fanui-radius-full);position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-hero__eyebrow::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-hero__eyebrow{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-hero__eyebrow{--fanui-glass-radius: 9999px;--fanui-glass-intensity: 0.6}.fanui-hero__eyebrow-tag{padding:1px 8px;font-size:var(--fanui-font-size-xs);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-primary-fg);background-color:var(--fanui-primary);border-radius:var(--fanui-radius-full)}.fanui-hero__title{margin:0;font-size:clamp(2.25rem,5.2vw,4rem);font-weight:var(--fanui-font-weight-extrabold);line-height:1.1;letter-spacing:var(--fanui-tracking-tight);color:var(--fanui-color-text-strong);text-wrap:balance}.fanui-hero__title em{font-style:normal;background-image:linear-gradient(100deg, var(--fanui-brand-grad-a), var(--fanui-brand-grad-b));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.fanui-hero__lead{max-width:620px;margin:0;font-size:clamp(1rem,1.4vw,1.1875rem);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted);text-wrap:pretty}.fanui-hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--fanui-space-3)}.fanui-hero__note{font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-hero__media{position:relative;width:100%;max-width:1080px;margin-top:var(--fanui-space-10);border-radius:var(--fanui-radius-2xl);overflow:hidden}.fanui-hero__media img{display:block;width:100%;height:auto}.fanui-hero__media::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}.fanui-hero--split{text-align:start}.fanui-hero--split .fanui-hero__inner{flex-direction:row;align-items:center;gap:var(--fanui-space-16);max-width:1200px;text-align:start}.fanui-hero--split .fanui-hero__copy{flex:1 1 46%;display:flex;flex-direction:column;gap:var(--fanui-space-5);align-items:flex-start}.fanui-hero--split .fanui-hero__media{flex:1 1 54%;margin-top:0}.fanui-hero--split .fanui-hero__actions{justify-content:flex-start}@media(max-width: 767.95px){.fanui-hero--split .fanui-hero__inner{flex-direction:column;gap:var(--fanui-space-10)}.fanui-hero--split .fanui-hero__copy{align-items:center;text-align:center}.fanui-hero--split .fanui-hero__actions{justify-content:center}}.fanui-hero--compact{padding-block:var(--fanui-space-16) var(--fanui-space-12)}.fanui-section-head{display:flex;flex-direction:column;gap:var(--fanui-space-3);max-width:680px;margin-bottom:var(--fanui-space-10)}.fanui-section-head__eyebrow{font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold);letter-spacing:var(--fanui-tracking-wider);text-transform:uppercase;color:var(--fanui-primary)}.fanui-section-head__title{margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--fanui-font-weight-bold);line-height:1.2;letter-spacing:var(--fanui-tracking-tight);color:var(--fanui-color-text-strong);text-wrap:balance}.fanui-section-head__desc{margin:0;font-size:var(--fanui-font-size-md);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted)}.fanui-section-head--center{align-items:center;margin-inline:auto;text-align:center}.fanui-feature{display:flex;flex-direction:column;gap:var(--fanui-space-3);padding:var(--fanui-space-5);border-radius:var(--fanui-radius-xl);transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-feature__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--fanui-radius-lg);color:var(--fanui-primary-fg);background-image:var(--fanui-brand-grad);font-size:var(--fanui-font-size-lg);box-shadow:0 6px 16px -8px var(--fanui-primary-glow)}.fanui-feature__title{margin:0;font-size:var(--fanui-font-size-md);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-feature__desc{margin:0;font-size:var(--fanui-font-size-sm);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted)}.fanui-feature__link{margin-top:auto;font-size:var(--fanui-font-size-sm);color:var(--fanui-primary);text-decoration:none}.fanui-feature__link::after{content:" →";transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s;display:inline-block}.fanui-feature__link:hover::after{transform:translateX(3px)}.fanui-feature--plain{padding:0}.fanui-feature--glass{position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-feature--glass::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-feature--glass{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-bento{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:var(--fanui-space-4)}.fanui-bento>*{grid-column:span var(--fanui-bento-cols, 4);grid-row:span var(--fanui-bento-rows, 1);min-width:0}.fanui-bento__cell{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--fanui-space-2);padding:var(--fanui-space-5);border-radius:var(--fanui-radius-xl);position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-bento__cell::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-bento__cell{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-bento__cell{transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-bento__cell:hover{transform:translateY(-2px)}.fanui-bento__title{margin:0;font-size:var(--fanui-font-size-lg);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-bento__desc{margin:0;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-bento__media{margin-top:auto;border-radius:var(--fanui-radius-lg);overflow:hidden}.fanui-bento__media img{display:block;width:100%;height:100%;object-fit:cover}.fanui-bento__cell--brand{background-image:var(--fanui-brand-grad);color:var(--fanui-primary-fg);border-color:rgba(0,0,0,0)}.fanui-bento__cell--brand .fanui-bento__title,.fanui-bento__cell--brand .fanui-bento__desc{color:inherit}.fanui-bento__cell--span-6{--fanui-bento-cols: 6}.fanui-bento__cell--span-8{--fanui-bento-cols: 8}.fanui-bento__cell--span-12{--fanui-bento-cols: 12}.fanui-bento__cell--tall{--fanui-bento-rows: 2}@media(max-width: 991.95px){.fanui-bento>*{--fanui-bento-cols: 6}}@media(max-width: 575.95px){.fanui-bento>*{--fanui-bento-cols: 12}}.fanui-flow{display:grid;grid-template-columns:repeat(var(--fanui-flow-cols, 3), minmax(0, 1fr));gap:var(--fanui-space-6);counter-reset:fanui-flow}@media(max-width: 767.95px){.fanui-flow{grid-template-columns:1fr}}.fanui-flow__step{position:relative;counter-increment:fanui-flow;display:flex;flex-direction:column;gap:var(--fanui-space-2);padding-top:var(--fanui-space-4)}.fanui-flow__step::before{content:"";position:absolute;top:0;left:0;right:calc(var(--fanui-space-6)*-1 + 1px);height:2px;background-image:linear-gradient(to right, var(--fanui-primary), var(--fanui-primary-vivid));border-radius:var(--fanui-radius-full)}.fanui-flow__step:last-child::before{right:0}.fanui-flow__index{display:grid;place-items:center;width:30px;height:30px;font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-primary-ink);background-color:var(--fanui-primary-soft-2);border-radius:var(--fanui-radius-full)}.fanui-flow__title{margin:0;font-size:var(--fanui-font-size-md);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-flow__desc{margin:0;font-size:var(--fanui-font-size-sm);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted)}.fanui-marquee{display:flex;overflow:hidden;gap:var(--fanui-marquee-gap, var(--fanui-space-12));-webkit-mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);mask-image:linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent)}.fanui-marquee__track{display:flex;align-items:center;gap:inherit;flex:0 0 auto;min-width:100%;animation:fanui-marquee var(--fanui-marquee-duration, 36s) linear infinite}.fanui-marquee:hover .fanui-marquee__track{animation-play-state:paused}.fanui-marquee__item{display:grid;place-items:center;flex:0 0 auto;height:40px;color:var(--fanui-color-text-subtle);font-size:var(--fanui-font-size-lg);font-weight:var(--fanui-font-weight-semibold);letter-spacing:var(--fanui-tracking-tight);filter:grayscale(1);opacity:.72;transition:filter 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-marquee__item:hover{filter:none;opacity:1;color:var(--fanui-color-text)}.fanui-marquee__item img{max-height:32px;width:auto}.fanui-marquee--reverse .fanui-marquee__track{animation-direction:reverse}@media(prefers-reduced-motion: reduce){.fanui-marquee__track{animation:none}}@keyframes fanui-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--fanui-marquee-gap, 48px)))}}.fanui-stat-band{display:grid;grid-template-columns:repeat(var(--fanui-stat-cols, 4), minmax(0, 1fr));gap:var(--fanui-space-6);padding:var(--fanui-space-8);border-radius:var(--fanui-radius-2xl);position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-stat-band::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-stat-band{background-color:var(--fanui-glass-fallback-bg);background-image:none}}@media(max-width: 767.95px){.fanui-stat-band{grid-template-columns:repeat(2, minmax(0, 1fr))}}.fanui-stat-band__item{display:flex;flex-direction:column;gap:var(--fanui-space-1);text-align:center}.fanui-stat-band__value{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:var(--fanui-font-weight-extrabold);line-height:1.1;letter-spacing:var(--fanui-tracking-tight);font-variant-numeric:tabular-nums;background-image:linear-gradient(120deg, var(--fanui-brand-grad-a), var(--fanui-brand-grad-b));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.fanui-stat-band__label{font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-pricing__switch{display:inline-flex;align-items:center;gap:var(--fanui-space-3);margin:0 auto var(--fanui-space-8)}.fanui-pricing__save{padding:2px 8px;font-size:var(--fanui-font-size-xs);color:var(--fanui-success-ink);background-color:var(--fanui-success-soft);border-radius:var(--fanui-radius-full)}.fanui-pricing__grid{display:grid;grid-template-columns:repeat(var(--fanui-pricing-cols, 3), minmax(0, 1fr));gap:var(--fanui-space-5);align-items:start}@media(max-width: 991.95px){.fanui-pricing__grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}.fanui-pricing__plan{position:relative;display:flex;flex-direction:column;gap:var(--fanui-space-4);padding:var(--fanui-space-6);border-radius:var(--fanui-radius-2xl);position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-pricing__plan::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-pricing__plan{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-pricing__plan{transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-pricing__plan:hover{transform:translateY(-3px)}.fanui-pricing__plan--featured{border-color:rgba(0,0,0,0);box-shadow:0 0 0 2px var(--fanui-primary),var(--fanui-glass-shadow)}@media(min-width: 992px){.fanui-pricing__plan--featured{transform:scale(1.03)}}.fanui-pricing__plan--featured:hover{transform:translateY(-3px) scale(1.03)}.fanui-pricing__tag{position:absolute;inset-block-start:-12px;inset-inline-start:var(--fanui-space-6);padding:3px 10px;font-size:var(--fanui-font-size-xs);font-weight:var(--fanui-font-weight-semibold);color:#fff;background-image:var(--fanui-brand-grad);border-radius:var(--fanui-radius-full)}.fanui-pricing__name{font-size:var(--fanui-font-size-md);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-pricing__desc{font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-pricing__price{display:flex;align-items:flex-end;gap:var(--fanui-space-1);font-variant-numeric:tabular-nums}.fanui-pricing__price strong{font-size:clamp(2rem,3.4vw,2.75rem);font-weight:var(--fanui-font-weight-extrabold);line-height:1;letter-spacing:var(--fanui-tracking-tight);color:var(--fanui-color-text-strong)}.fanui-pricing__price span{font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-subtle);padding-bottom:4px}.fanui-pricing__features{display:flex;flex-direction:column;gap:var(--fanui-space-2);margin:0;padding:0;list-style:none;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-pricing__features li{display:flex;align-items:flex-start;gap:var(--fanui-space-2)}.fanui-pricing__features li::before{content:"✓";flex:0 0 auto;font-size:var(--fanui-font-size-sm);color:var(--fanui-primary);font-weight:var(--fanui-font-weight-bold)}.fanui-pricing__features li.is-off{opacity:.5;text-decoration:line-through}.fanui-pricing__features li.is-off::before{content:"—";color:var(--fanui-color-text-subtle)}.fanui-pricing__foot{margin-top:auto}.fanui-pricing .fanui-price--yearly{display:none}.fanui-pricing.is-yearly .fanui-price--monthly{display:none}.fanui-pricing.is-yearly .fanui-price--yearly{display:flex}.fanui-testimonial{display:flex;flex-direction:column;gap:var(--fanui-space-4);padding:var(--fanui-space-6);border-radius:var(--fanui-radius-xl);position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-testimonial::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-testimonial{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-testimonial__quote{margin:0;font-size:var(--fanui-font-size-md);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text);text-wrap:pretty}.fanui-testimonial__quote::before{content:"“";display:block;font-size:40px;line-height:.6;color:var(--fanui-primary);opacity:.5}.fanui-testimonial__person{display:flex;align-items:center;gap:var(--fanui-space-3);margin-top:auto;padding-top:var(--fanui-space-3);border-top:1px solid var(--fanui-glass-divider)}.fanui-testimonial__name{font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-testimonial__role{font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-testimonial--brand{background-image:var(--fanui-brand-grad);color:var(--fanui-primary-fg);border-color:rgba(0,0,0,0)}.fanui-testimonial--brand .fanui-testimonial__quote,.fanui-testimonial--brand .fanui-testimonial__name,.fanui-testimonial--brand .fanui-testimonial__role{color:inherit}.fanui-testimonial--brand .fanui-testimonial__quote::before{color:inherit;opacity:.4}.fanui-testimonial--brand .fanui-testimonial__person{border-top-color:rgba(255,255,255,.25)}.fanui-cta{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--fanui-space-4);padding:var(--fanui-space-16) var(--fanui-space-6);text-align:center;border-radius:var(--fanui-radius-2xl);position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-cta::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-cta{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-cta__glow{position:absolute;inset:-30% -10%;z-index:-1;pointer-events:none;background:radial-gradient(40% 44% at 20% 30%, var(--fanui-brand-aura-a), transparent 60%),radial-gradient(36% 40% at 80% 70%, var(--fanui-brand-aura-b), transparent 58%);filter:blur(30px)}.fanui-cta__title{margin:0;max-width:640px;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:var(--fanui-font-weight-bold);letter-spacing:var(--fanui-tracking-tight);color:var(--fanui-color-text-strong);text-wrap:balance}.fanui-cta__desc{margin:0;max-width:520px;font-size:var(--fanui-font-size-md);color:var(--fanui-color-text-muted)}.fanui-cta__actions{display:flex;flex-wrap:wrap;gap:var(--fanui-space-3);justify-content:center}.fanui-faq{display:flex;flex-direction:column;gap:var(--fanui-space-2)}.fanui-faq__item{border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-lg);background-color:var(--fanui-color-surface);overflow:hidden;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-faq__item[open]{border-color:var(--fanui-primary-border);background-color:var(--fanui-primary-soft)}.fanui-faq__q{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-3);padding:var(--fanui-space-4) var(--fanui-space-5);font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong);cursor:pointer;list-style:none}.fanui-faq__q::-webkit-details-marker{display:none}.fanui-faq__q::after{content:"+";flex:0 0 auto;font-size:18px;font-weight:var(--fanui-font-weight-normal);color:var(--fanui-color-text-muted);transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-faq__item[open] .fanui-faq__q::after{transform:rotate(45deg)}.fanui-faq__a{padding:0 var(--fanui-space-5) var(--fanui-space-4);font-size:var(--fanui-font-size-sm);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted)}.fanui-footer{padding-block:var(--fanui-space-16) var(--fanui-space-8);border-top:1px solid var(--fanui-color-border);background-color:var(--fanui-color-bg-subtle);font-size:var(--fanui-font-size-sm)}.fanui-footer__grid{display:grid;grid-template-columns:1.6fr repeat(var(--fanui-footer-cols, 3), 1fr);gap:var(--fanui-space-8)}@media(max-width: 767.95px){.fanui-footer__grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}.fanui-footer__brand{display:flex;flex-direction:column;gap:var(--fanui-space-3);max-width:320px}.fanui-footer__logo{display:inline-flex;align-items:center;gap:var(--fanui-space-2);font-size:var(--fanui-font-size-lg);font-weight:var(--fanui-font-weight-bold);color:var(--fanui-color-text-strong);text-decoration:none}.fanui-footer__desc{margin:0;line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted)}.fanui-footer__title{margin:0 0 var(--fanui-space-3);font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-footer__list{display:flex;flex-direction:column;gap:var(--fanui-space-2);margin:0;padding:0;list-style:none}.fanui-footer__list a{color:var(--fanui-color-text-muted);text-decoration:none;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-footer__list a:hover{color:var(--fanui-primary)}.fanui-footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--fanui-space-3);margin-top:var(--fanui-space-10);padding-top:var(--fanui-space-5);border-top:1px solid var(--fanui-color-border-subtle);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-footer__social{display:flex;gap:var(--fanui-space-2)}.fanui-footer__social a{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--fanui-radius-full);color:var(--fanui-color-text-muted);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);text-decoration:none;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-footer__social a:hover{color:var(--fanui-primary);border-color:var(--fanui-primary-border);transform:translateY(-2px)}.fanui-read-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fanui-space-2);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-subtle)}.fanui-read-meta__dot{width:3px;height:3px;border-radius:var(--fanui-radius-full);background-color:currentColor;opacity:.6}.fanui-read-meta__author{display:inline-flex;align-items:center;gap:var(--fanui-space-2);color:var(--fanui-color-text-muted);font-weight:var(--fanui-font-weight-medium)}.fanui-read-meta__badge{padding:1px 8px;font-size:var(--fanui-font-size-xs);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-primary-ink);background-color:var(--fanui-primary-soft-2);border-radius:var(--fanui-radius-full)}.fanui-post-card{position:relative;display:flex;flex-direction:column;gap:var(--fanui-space-3);overflow:hidden;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-xl);background-color:var(--fanui-color-surface);text-decoration:none;color:inherit;transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-post-card:hover{transform:translateY(-3px);border-color:var(--fanui-primary-border);box-shadow:var(--fanui-shadow-lg)}.fanui-post-card:hover .fanui-post-card__cover img{transform:scale(1.04)}.fanui-post-card:hover .fanui-post-card__title{color:var(--fanui-primary)}.fanui-post-card__cover{position:relative;aspect-ratio:16/9;overflow:hidden;background-image:var(--fanui-brand-grad-soft)}.fanui-post-card__cover img{width:100%;height:100%;object-fit:cover;transition:transform 500ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-post-card__cover::after{content:"";position:absolute;inset:0;box-shadow:inset 0 -1px 0 rgba(2,6,23,.06)}.fanui-post-card__body{display:flex;flex-direction:column;gap:var(--fanui-space-2);padding:var(--fanui-space-5)}.fanui-post-card__eyebrow{display:inline-flex;align-items:center;gap:var(--fanui-space-2);font-size:var(--fanui-font-size-xs);font-weight:var(--fanui-font-weight-semibold);letter-spacing:var(--fanui-tracking-wide);text-transform:uppercase;color:var(--fanui-primary)}.fanui-post-card__title{margin:0;font-size:var(--fanui-font-size-lg);font-weight:var(--fanui-font-weight-semibold);line-height:var(--fanui-line-height-snug);color:var(--fanui-color-text-strong);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.fanui-post-card__excerpt{margin:0;font-size:var(--fanui-font-size-sm);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.fanui-post-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-3);margin-top:auto;padding-top:var(--fanui-space-3);border-top:1px solid var(--fanui-color-border-subtle);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-post-card--horizontal{flex-direction:row;align-items:stretch}.fanui-post-card--horizontal .fanui-post-card__cover{flex:0 0 38%;aspect-ratio:auto;min-height:132px}.fanui-post-card--horizontal .fanui-post-card__body{justify-content:center}@media(max-width: 575.95px){.fanui-post-card--horizontal{flex-direction:column}.fanui-post-card--horizontal .fanui-post-card__cover{aspect-ratio:16/9;flex:none}}.fanui-post-card--plain{border:0;border-radius:0;border-bottom:1px solid var(--fanui-color-border-subtle);background:rgba(0,0,0,0)}.fanui-post-card--plain:hover{transform:none;box-shadow:none}.fanui-post-card--plain .fanui-post-card__body{padding:var(--fanui-space-4) 0}.fanui-post-card--overlay{position:relative;border:0;justify-content:flex-end;min-height:260px;background:linear-gradient(180deg, transparent 30%, rgba(2, 6, 23, 0.72) 100%)}.fanui-post-card--overlay .fanui-post-card__cover{position:absolute;inset:0;aspect-ratio:auto}.fanui-post-card--overlay .fanui-post-card__cover::after{background:linear-gradient(180deg, transparent 24%, rgba(2, 6, 23, 0.78) 100%)}.fanui-post-card--overlay .fanui-post-card__body{position:relative;z-index:1;color:#fff}.fanui-post-card--overlay .fanui-post-card__title,.fanui-post-card--overlay .fanui-post-card__excerpt,.fanui-post-card--overlay .fanui-post-card__eyebrow{color:#fff}.fanui-post-card--overlay .fanui-post-card__excerpt{opacity:.85}.fanui-post-card--overlay .fanui-post-card__foot{border-top-color:rgba(255,255,255,.24);color:rgba(255,255,255,.8)}.fanui-article{max-width:var(--fanui-article-width, 720px);margin-inline:auto}.fanui-article__header{display:flex;flex-direction:column;gap:var(--fanui-space-4);padding-block:var(--fanui-space-8) var(--fanui-space-6);text-align:center;align-items:center}.fanui-article__eyebrow{font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold);letter-spacing:var(--fanui-tracking-wider);text-transform:uppercase;color:var(--fanui-primary)}.fanui-article__title{margin:0;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:var(--fanui-font-weight-extrabold);line-height:1.15;letter-spacing:var(--fanui-tracking-tight);color:var(--fanui-color-text-strong);text-wrap:balance}.fanui-article__lead{margin:0;max-width:620px;font-size:var(--fanui-font-size-lg);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted);text-wrap:pretty}.fanui-article__cover{margin-block:var(--fanui-space-6);border-radius:var(--fanui-radius-2xl);overflow:hidden}.fanui-article__cover img{display:block;width:100%;height:auto}.fanui-article__footer{display:flex;flex-direction:column;gap:var(--fanui-space-6);margin-top:var(--fanui-space-10);padding-top:var(--fanui-space-8);border-top:1px solid var(--fanui-color-border)}.fanui-article__callout{display:flex;gap:var(--fanui-space-3);margin-block:var(--fanui-space-6);padding:var(--fanui-space-4) var(--fanui-space-5);border-inline-start:3px solid var(--fanui-primary);border-radius:var(--fanui-radius-md);background-color:var(--fanui-primary-soft);color:var(--fanui-primary-ink);font-size:var(--fanui-font-size-sm);line-height:var(--fanui-line-height-relaxed)}.fanui-article--with-toc{display:grid;grid-template-columns:minmax(0, 1fr) 240px;gap:var(--fanui-space-12);max-width:1080px}@media(max-width: 991.95px){.fanui-article--with-toc{grid-template-columns:minmax(0, 1fr)}}.fanui-toc{position:sticky;top:calc(var(--fanui-space-10) + 60px);align-self:start;max-height:calc(100vh - 140px);overflow-y:auto;padding-inline-start:var(--fanui-space-4);border-inline-start:1px solid var(--fanui-color-border);font-size:var(--fanui-font-size-sm);scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-toc::-webkit-scrollbar{width:6px;height:6px}.fanui-toc::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-toc::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-toc::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}@media(max-width: 991.95px){.fanui-toc{position:static;max-height:none;margin-bottom:var(--fanui-space-6)}}.fanui-toc__title{margin-bottom:var(--fanui-space-3);font-size:var(--fanui-font-size-xs);font-weight:var(--fanui-font-weight-semibold);letter-spacing:var(--fanui-tracking-wider);text-transform:uppercase;color:var(--fanui-color-text-subtle)}.fanui-toc__list{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;list-style:none}.fanui-toc__link{display:block;padding:5px 10px;border-radius:var(--fanui-radius-sm);color:var(--fanui-color-text-muted);text-decoration:none;line-height:var(--fanui-line-height-snug);border-inline-start:2px solid rgba(0,0,0,0);transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-toc__link:hover{color:var(--fanui-color-text);background-color:var(--fanui-color-hover)}.fanui-toc__link.is-active{color:var(--fanui-primary);border-inline-start-color:var(--fanui-primary);background-color:var(--fanui-primary-soft);font-weight:var(--fanui-font-weight-medium)}.fanui-toc__list .fanui-toc__list{margin-inline-start:var(--fanui-space-3)}.fanui-toc__progress{margin-top:var(--fanui-space-4);padding-top:var(--fanui-space-3);border-top:1px solid var(--fanui-color-border-subtle);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle);font-variant-numeric:tabular-nums}.fanui-author{display:flex;gap:var(--fanui-space-4);padding:var(--fanui-space-5);border-radius:var(--fanui-radius-xl);position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-author::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-author{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-author__avatar{flex:0 0 auto;width:56px;height:56px;border-radius:var(--fanui-radius-full);overflow:hidden;background-image:var(--fanui-brand-grad);display:grid;place-items:center;color:#fff;font-weight:var(--fanui-font-weight-semibold)}.fanui-author__avatar img{width:100%;height:100%;object-fit:cover}.fanui-author__body{display:flex;flex-direction:column;gap:var(--fanui-space-1);min-width:0}.fanui-author__name{font-size:var(--fanui-font-size-md);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-author__role{font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-author__bio{margin:var(--fanui-space-1) 0 0;font-size:var(--fanui-font-size-sm);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted)}.fanui-author__links{display:flex;gap:var(--fanui-space-2);margin-top:var(--fanui-space-2)}.fanui-author__links a{font-size:var(--fanui-font-size-xs);color:var(--fanui-primary);text-decoration:none}.fanui-author__links a:hover{text-decoration:underline}.fanui-share{display:flex;align-items:center;gap:var(--fanui-space-2)}.fanui-share__label{font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle);margin-inline-end:var(--fanui-space-1)}.fanui-share__btn{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-surface);color:var(--fanui-color-text-muted);cursor:pointer;text-decoration:none;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-share__btn:hover{color:var(--fanui-primary-fg);background-color:var(--fanui-primary);border-color:var(--fanui-primary);transform:translateY(-2px)}.fanui-share--sticky{position:sticky;top:calc(var(--fanui-space-10) + 60px);flex-direction:column;align-self:start}.fanui-share--sticky .fanui-share__label{writing-mode:vertical-rl;margin:0 0 var(--fanui-space-1)}@media(max-width: 991.95px){.fanui-share--sticky{position:static;flex-direction:row}.fanui-share--sticky .fanui-share__label{writing-mode:horizontal-tb;margin:0 var(--fanui-space-1) 0 0}}.fanui-comment{display:flex;gap:var(--fanui-space-3)}.fanui-comment__avatar{flex:0 0 auto;width:36px;height:36px;border-radius:var(--fanui-radius-full);overflow:hidden;display:grid;place-items:center;background-color:var(--fanui-primary-soft-2);color:var(--fanui-primary-ink);font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold)}.fanui-comment__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--fanui-space-1)}.fanui-comment__head{display:flex;align-items:center;gap:var(--fanui-space-2);font-size:var(--fanui-font-size-sm)}.fanui-comment__name{font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-comment__time{font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-comment__text{font-size:var(--fanui-font-size-sm);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text)}.fanui-comment__actions{display:flex;gap:var(--fanui-space-3);margin-top:var(--fanui-space-1);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-comment__actions button{border:0;background:rgba(0,0,0,0);padding:0;font:inherit;color:inherit;cursor:pointer}.fanui-comment__actions button:hover{color:var(--fanui-primary)}.fanui-comment__replies{display:flex;flex-direction:column;gap:var(--fanui-space-4);margin-top:var(--fanui-space-4);padding-inline-start:var(--fanui-space-5);border-inline-start:2px solid var(--fanui-color-border-subtle)}.fanui-comment--pinned{padding:var(--fanui-space-4);border-radius:var(--fanui-radius-lg);background-color:var(--fanui-primary-soft)}.fanui-comment-list{display:flex;flex-direction:column;gap:var(--fanui-space-6);margin:0;padding:0;list-style:none}.fanui-newsletter{display:flex;flex-direction:column;gap:var(--fanui-space-3);padding:var(--fanui-space-6);border-radius:var(--fanui-radius-2xl);position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-newsletter::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-newsletter{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-newsletter__title{margin:0;font-size:var(--fanui-font-size-lg);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-newsletter__desc{margin:0;font-size:var(--fanui-font-size-sm);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted)}.fanui-newsletter__form{display:flex;gap:var(--fanui-space-2)}@media(max-width: 575.95px){.fanui-newsletter__form{flex-direction:column}}.fanui-newsletter__input{display:block;width:100%;min-height:36px;padding:6.5px 14px;font-family:inherit;font-size:14px;line-height:1.5;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:6px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-newsletter__input::placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-newsletter__input::-webkit-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-newsletter__input::-moz-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-newsletter__input:-ms-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-newsletter__input:hover:not(:disabled):not(.is-disabled){border-color:var(--fanui-color-border-strong)}.fanui-newsletter__input:focus,.fanui-newsletter__input:focus-visible{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-newsletter__input:focus,.fanui-newsletter__input:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-newsletter__input:disabled,.fanui-newsletter__input.is-disabled{background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text);cursor:not-allowed;resize:none}.fanui-newsletter__input[readonly]{background-color:var(--fanui-color-surface-sunken)}.fanui-newsletter__input{flex:1 1 auto}.fanui-newsletter__note{font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-newsletter--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--fanui-space-6);flex-wrap:wrap}.fanui-newsletter--inline .fanui-newsletter__form{flex:1 1 320px}.fanui-related{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:var(--fanui-space-5)}.fanui-related__title{grid-column:1/-1;margin:0 0 var(--fanui-space-2);font-size:var(--fanui-font-size-lg);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-tag-cloud{display:flex;flex-wrap:wrap;gap:var(--fanui-space-2)}.fanui-tag-cloud__item{display:inline-flex;align-items:center;gap:var(--fanui-space-1);padding:4px 12px;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-full);text-decoration:none;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-tag-cloud__item:hover{color:var(--fanui-primary-ink);background-color:var(--fanui-primary-soft);border-color:var(--fanui-primary-border);transform:translateY(-1px)}.fanui-tag-cloud__item--active{color:var(--fanui-primary-fg);background-color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-tag-cloud__count{font-size:var(--fanui-font-size-xs);opacity:.7;font-variant-numeric:tabular-nums}.fanui-kpi{display:flex;flex-direction:column;gap:var(--fanui-space-3);padding:var(--fanui-space-5);border-radius:var(--fanui-radius-xl);position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-kpi::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-kpi{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-kpi{transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-kpi:hover{transform:translateY(-2px)}.fanui-kpi__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--fanui-space-3)}.fanui-kpi__label{font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-kpi__icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:var(--fanui-radius-md);color:var(--fanui-primary);background-color:var(--fanui-primary-soft);font-size:var(--fanui-font-size-md)}.fanui-kpi__value{display:flex;align-items:baseline;gap:var(--fanui-space-2);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:var(--fanui-font-weight-bold);line-height:1.15;letter-spacing:var(--fanui-tracking-tight);font-variant-numeric:tabular-nums;color:var(--fanui-color-text-strong)}.fanui-kpi__value small{font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-normal);color:var(--fanui-color-text-subtle)}.fanui-kpi__delta{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;font-size:var(--fanui-font-size-xs);font-weight:var(--fanui-font-weight-semibold);border-radius:var(--fanui-radius-full);font-variant-numeric:tabular-nums}.fanui-kpi__delta--up{color:var(--fanui-danger-ink);background-color:var(--fanui-danger-soft)}.fanui-kpi__delta--down{color:var(--fanui-success-ink);background-color:var(--fanui-success-soft)}.fanui-kpi__delta--flat{color:var(--fanui-color-text-muted);background-color:var(--fanui-color-surface-sunken)}.fanui-kpi__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-3);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-kpi__spark{display:flex;align-items:flex-end;gap:2px;height:28px;margin-top:var(--fanui-space-1)}.fanui-kpi__spark-bar{flex:1 1 0;min-width:2px;height:var(--fanui-spark-h, 40%);border-radius:2px;background-image:linear-gradient(to top, var(--fanui-primary), var(--fanui-primary-vivid));opacity:.85;transition:height 300ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,opacity 300ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.fanui-kpi__spark-bar:last-child{opacity:1}.fanui-kpi:hover .fanui-kpi__spark-bar{opacity:1}.fanui-kpi--accent .fanui-kpi__spark-bar{background-image:linear-gradient(to top, var(--fanui-accent), var(--fanui-accent-vivid))}.fanui-kpi--accent .fanui-kpi__icon{color:var(--fanui-accent);background-color:var(--fanui-accent-soft)}.fanui-kpi--success .fanui-kpi__spark-bar{background-image:linear-gradient(to top, var(--fanui-success), var(--fanui-success-vivid))}.fanui-kpi--success .fanui-kpi__icon{color:var(--fanui-success);background-color:var(--fanui-success-soft)}.fanui-kpi--warning .fanui-kpi__spark-bar{background-image:linear-gradient(to top, var(--fanui-warning), var(--fanui-warning-vivid))}.fanui-kpi--warning .fanui-kpi__icon{color:var(--fanui-warning);background-color:var(--fanui-warning-soft)}.fanui-kpi--danger .fanui-kpi__spark-bar{background-image:linear-gradient(to top, var(--fanui-danger), var(--fanui-danger-vivid))}.fanui-kpi--danger .fanui-kpi__icon{color:var(--fanui-danger);background-color:var(--fanui-danger-soft)}.fanui-kpi--compact{padding:var(--fanui-space-4);gap:var(--fanui-space-2)}.fanui-kpi--compact .fanui-kpi__value{font-size:var(--fanui-font-size-xl)}.fanui-bars{--fanui-bars-height: 180px;display:flex;align-items:flex-end;gap:var(--fanui-bars-gap, 6px);height:var(--fanui-bars-height);padding-top:var(--fanui-space-4)}.fanui-bars__group{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:var(--fanui-space-2);height:100%}.fanui-bars__stack{display:flex;align-items:flex-end;justify-content:center;gap:2px;width:100%;flex:1 1 auto;min-height:0}.fanui-bars__bar{position:relative;width:100%;max-width:var(--fanui-bars-width, 28px);height:var(--fanui-bar-h, 50%);border-radius:var(--fanui-radius-sm) var(--fanui-radius-sm) 2px 2px;background-image:linear-gradient(to top, var(--fanui-bar-c1, var(--fanui-primary)), var(--fanui-bar-c2, var(--fanui-primary-vivid)));transform-origin:bottom center;animation:fanui-bar-grow 520ms cubic-bezier(0, 0, 0.2, 1) both;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,filter 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-bars__bar:hover{filter:brightness(1.08)}.fanui-bars__group:hover .fanui-bars__bar{opacity:.72}.fanui-bars__group:hover .fanui-bars__bar:hover,.fanui-bars__bar:hover{opacity:1}.fanui-bars__label{font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.fanui-bars__tip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(4px);padding:3px 8px;font-size:var(--fanui-font-size-xs);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--fanui-color-text-inverse);background-color:var(--fanui-color-text-strong);border-radius:var(--fanui-radius-sm);opacity:0;pointer-events:none;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-bars__bar:hover .fanui-bars__tip{opacity:1;transform:translateX(-50%) translateY(0)}.fanui-bars__grid{position:relative}.fanui-bars__grid::before{content:"";position:absolute;inset:var(--fanui-space-4) 0 0;pointer-events:none;background-image:repeating-linear-gradient(to top, var(--fanui-color-border-subtle) 0 1px, transparent 1px 25%);opacity:.7}.fanui-bars--horizontal{flex-direction:column;align-items:stretch;height:auto}.fanui-bars--horizontal .fanui-bars__group{flex-direction:row;align-items:center;height:auto;gap:var(--fanui-space-3)}.fanui-bars--horizontal .fanui-bars__stack{align-items:center;height:22px}.fanui-bars--horizontal .fanui-bars__bar{height:12px !important;max-width:none;width:var(--fanui-bar-h, 50%);border-radius:var(--fanui-radius-full)}.fanui-bars--horizontal .fanui-bars__label{min-width:84px;text-align:start}@keyframes fanui-bar-grow{from{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.fanui-donut{--fanui-donut-value: 68%;--fanui-donut-size: 148px;--fanui-donut-thickness: 14px;--fanui-donut-c1: var(--fanui-primary);--fanui-donut-c2: var(--fanui-primary-vivid);position:relative;display:grid;place-items:center;width:var(--fanui-donut-size);height:var(--fanui-donut-size);border-radius:var(--fanui-radius-full);background-image:conic-gradient(from -90deg, var(--fanui-donut-c1) 0%, var(--fanui-donut-c2) var(--fanui-donut-value), var(--fanui-color-border) var(--fanui-donut-value), var(--fanui-color-border) 100%)}.fanui-donut::before{content:"";position:absolute;inset:var(--fanui-donut-thickness);border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-surface)}.fanui-donut__center{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.fanui-donut__value{font-size:var(--fanui-font-size-2xl);font-weight:var(--fanui-font-weight-bold);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:var(--fanui-tracking-tight);color:var(--fanui-color-text-strong)}.fanui-donut__label{font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-donut--sm{--fanui-donut-size: 96px;--fanui-donut-thickness: 10px}.fanui-donut--lg{--fanui-donut-size: 200px;--fanui-donut-thickness: 18px}.fanui-donut--accent{--fanui-donut-c1: var(--fanui-accent);--fanui-donut-c2: var(--fanui-accent-vivid)}.fanui-donut--success{--fanui-donut-c1: var(--fanui-success);--fanui-donut-c2: var(--fanui-success-vivid)}.fanui-donut--warning{--fanui-donut-c1: var(--fanui-warning);--fanui-donut-c2: var(--fanui-warning-vivid)}.fanui-donut--danger{--fanui-donut-c1: var(--fanui-danger);--fanui-donut-c2: var(--fanui-danger-vivid)}.fanui-legend{display:flex;flex-wrap:wrap;gap:var(--fanui-space-3) var(--fanui-space-4);margin:0;padding:0;list-style:none;font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-muted)}.fanui-legend__item{display:inline-flex;align-items:center;gap:var(--fanui-space-2)}.fanui-legend__dot{width:10px;height:10px;border-radius:3px;background-color:var(--fanui-legend-color, var(--fanui-primary));flex:0 0 auto}.fanui-legend__value{font-variant-numeric:tabular-nums;color:var(--fanui-color-text-strong);font-weight:var(--fanui-font-weight-medium)}.fanui-usage{display:flex;flex-direction:column;gap:var(--fanui-space-2)}.fanui-usage__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--fanui-space-3);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-usage__value{font-variant-numeric:tabular-nums;color:var(--fanui-color-text-strong);font-weight:var(--fanui-font-weight-semibold)}.fanui-usage__track{height:8px;border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-surface-sunken);overflow:hidden}.fanui-usage__bar{height:100%;width:var(--fanui-usage-value, 60%);border-radius:inherit;background-image:linear-gradient(to right, var(--fanui-primary), var(--fanui-primary-vivid));transition:width 300ms cubic-bezier(0, 0, 0.2, 1) 0s,background-color 300ms cubic-bezier(0, 0, 0.2, 1) 0s}.fanui-usage--warning .fanui-usage__bar{background-image:linear-gradient(to right, var(--fanui-warning), var(--fanui-warning-vivid))}.fanui-usage--danger .fanui-usage__bar{background-image:linear-gradient(to right, var(--fanui-danger), var(--fanui-danger-vivid))}.fanui-usage--striped .fanui-usage__bar{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.18) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0.18) 75%, transparent 75%, transparent),linear-gradient(to right, var(--fanui-primary), var(--fanui-primary-vivid));background-size:1rem 1rem,100% 100%;animation:fanui-stripes 1s linear infinite}@keyframes fanui-stripes{from{background-position:0 0,0 0}to{background-position:1rem 0,0 0}}.fanui-kanban{display:flex;gap:var(--fanui-space-4);align-items:flex-start;overflow-x:auto;padding-bottom:var(--fanui-space-3);scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-kanban::-webkit-scrollbar{width:8px;height:8px}.fanui-kanban::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-kanban::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-kanban::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-kanban__column{flex:0 0 288px;display:flex;flex-direction:column;gap:var(--fanui-space-3);padding:var(--fanui-space-3);border-radius:var(--fanui-radius-xl);background-color:var(--fanui-color-surface-sunken);transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-kanban__column.is-dragover{background-color:var(--fanui-primary-soft);box-shadow:inset 0 0 0 2px var(--fanui-primary-border)}.fanui-kanban__head{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-2);padding-inline:var(--fanui-space-1)}.fanui-kanban__title{display:inline-flex;align-items:center;gap:var(--fanui-space-2);font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-kanban__title::before{content:"";width:8px;height:8px;border-radius:var(--fanui-radius-full);background-color:var(--fanui-column-color, var(--fanui-primary))}.fanui-kanban__count{min-width:20px;padding:0 6px;font-size:var(--fanui-font-size-xs);line-height:18px;text-align:center;font-variant-numeric:tabular-nums;color:var(--fanui-color-text-muted);background-color:var(--fanui-color-surface);border-radius:var(--fanui-radius-full)}.fanui-kanban__list{display:flex;flex-direction:column;gap:var(--fanui-space-2);margin:0;padding:0;list-style:none;min-height:24px}.fanui-kanban__card{display:flex;flex-direction:column;gap:var(--fanui-space-2);padding:var(--fanui-space-3);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-lg);background-color:var(--fanui-color-surface);cursor:grab;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-kanban__card:hover{transform:translateY(-1px);border-color:var(--fanui-primary-border);box-shadow:var(--fanui-shadow-md)}.fanui-kanban__card:active{cursor:grabbing}.fanui-kanban__card.is-dragging{opacity:.5;transform:rotate(1.5deg) scale(0.98);border-style:dashed}.fanui-kanban__card.is-drop-target{border-color:var(--fanui-primary);box-shadow:0 0 0 3px var(--fanui-primary-ring)}.fanui-kanban__card-title{font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-medium);line-height:var(--fanui-line-height-snug);color:var(--fanui-color-text)}.fanui-kanban__card-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-2);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-kanban__labels{display:flex;flex-wrap:wrap;gap:4px}.fanui-kanban__label{padding:1px 7px;font-size:11px;border-radius:var(--fanui-radius-full);background-color:var(--fanui-label-bg, var(--fanui-primary-soft));color:var(--fanui-label-fg, var(--fanui-primary-ink))}.fanui-kanban__add{display:flex;align-items:center;gap:var(--fanui-space-2);padding:var(--fanui-space-2) var(--fanui-space-3);border:1px dashed var(--fanui-color-border-strong);border-radius:var(--fanui-radius-lg);background:rgba(0,0,0,0);font:inherit;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted);cursor:pointer;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-kanban__add:hover{border-color:var(--fanui-primary);color:var(--fanui-primary);background-color:var(--fanui-primary-soft)}.fanui-kanban__avatars{display:flex}.fanui-kanban__avatars>*{width:22px;height:22px;border-radius:var(--fanui-radius-full);border:2px solid var(--fanui-color-surface);margin-inline-start:-6px;display:grid;place-items:center;font-size:10px;background-color:var(--fanui-primary-soft-2);color:var(--fanui-primary-ink)}.fanui-kanban__avatars>*:first-child{margin-inline-start:0}.fanui-activity{display:flex;flex-direction:column;gap:var(--fanui-space-4);margin:0;padding:0;list-style:none}.fanui-activity__item{position:relative;display:flex;gap:var(--fanui-space-3);padding-inline-start:var(--fanui-space-1)}.fanui-activity__item:not(:last-child)::before{content:"";position:absolute;inset-block:26px calc(var(--fanui-space-4)*-1);inset-inline-start:13px;width:1px;background-color:var(--fanui-color-border)}.fanui-activity__icon{position:relative;z-index:1;display:grid;place-items:center;width:26px;height:26px;flex:0 0 auto;border-radius:var(--fanui-radius-full);font-size:var(--fanui-font-size-xs);color:var(--fanui-primary-fg);background-color:var(--fanui-primary);box-shadow:0 0 0 3px var(--fanui-color-surface)}.fanui-activity__body{flex:1 1 auto;min-width:0}.fanui-activity__text{font-size:var(--fanui-font-size-sm);line-height:var(--fanui-line-height-snug);color:var(--fanui-color-text)}.fanui-activity__text strong{font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-activity__text a{color:var(--fanui-primary);text-decoration:none}.fanui-activity__text a:hover{text-decoration:underline}.fanui-activity__time{display:block;margin-top:2px;font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-activity__quote{margin-top:var(--fanui-space-2);padding:var(--fanui-space-2) var(--fanui-space-3);border-inline-start:2px solid var(--fanui-color-border);border-radius:var(--fanui-radius-sm);background-color:var(--fanui-color-surface-sunken);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-muted)}.fanui-activity--compact{gap:var(--fanui-space-3)}.fanui-activity--compact .fanui-activity__icon{width:22px;height:22px}.fanui-activity--compact .fanui-activity__item:not(:last-child)::before{inset-inline-start:11px;inset-block-start:22px}.fanui-notify{position:relative}.fanui-notify__trigger{position:relative;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(0,0,0,0);border-radius:var(--fanui-radius-md);background:rgba(0,0,0,0);color:var(--fanui-color-text-muted);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-notify__trigger:hover{background-color:var(--fanui-color-hover);color:var(--fanui-color-text)}.fanui-notify__dot{position:absolute;inset-block-start:6px;inset-inline-end:6px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;font-size:10px;font-weight:var(--fanui-font-weight-semibold);line-height:1;color:var(--fanui-danger-fg);background-color:var(--fanui-danger);border-radius:var(--fanui-radius-full);box-shadow:0 0 0 2px var(--fanui-color-bg)}.fanui-notify__dot.is-pulse::after{content:"";position:absolute;inset:0;border-radius:inherit;background-color:inherit;animation:fanui-notify-pulse 1.8s cubic-bezier(0, 0, 0.2, 1) infinite}.fanui-notify__panel{position:absolute;inset-inline-end:0;inset-block-start:calc(100% + 8px);z-index:var(--fanui-z-dropdown);width:360px;max-width:calc(100vw - 32px);max-height:440px;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--fanui-glass-border, var(--fanui-color-border));border-radius:var(--fanui-radius-xl);background-color:var(--fanui-color-overlay);box-shadow:var(--fanui-shadow-2xl);opacity:0;visibility:hidden;transform:translateY(-6px) scale(0.98);transform-origin:top right;transition:opacity 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,visibility 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.fanui-notify__panel.is-open{opacity:1;visibility:visible;transform:none}.fanui-notify__head{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-3);padding:var(--fanui-space-3) var(--fanui-space-4);border-bottom:1px solid var(--fanui-color-border-subtle);font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-notify__list{flex:1 1 auto;overflow-y:auto;margin:0;padding:var(--fanui-space-1);list-style:none;scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-notify__list::-webkit-scrollbar{width:6px;height:6px}.fanui-notify__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-notify__list::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-notify__list::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-notify__item{display:flex;gap:var(--fanui-space-3);padding:var(--fanui-space-3);border-radius:var(--fanui-radius-md);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-notify__item:hover{background-color:var(--fanui-color-hover)}.fanui-notify__item.is-unread{background-color:var(--fanui-primary-soft)}.fanui-notify__item.is-unread .fanui-notify__item-title::after{content:"";display:inline-block;width:6px;height:6px;margin-inline-start:6px;border-radius:var(--fanui-radius-full);background-color:var(--fanui-primary);vertical-align:middle}.fanui-notify__item-icon{display:grid;place-items:center;width:32px;height:32px;flex:0 0 auto;border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-surface);color:var(--fanui-color-text-muted)}.fanui-notify__item-title{font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-medium);color:var(--fanui-color-text-strong)}.fanui-notify__item-desc{margin-top:2px;font-size:var(--fanui-font-size-xs);line-height:var(--fanui-line-height-snug);color:var(--fanui-color-text-muted)}.fanui-notify__item-time{margin-top:4px;font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-notify__foot{padding:var(--fanui-space-2) var(--fanui-space-4);border-top:1px solid var(--fanui-color-border-subtle);text-align:center;font-size:var(--fanui-font-size-sm)}.fanui-notify__foot a{color:var(--fanui-primary);text-decoration:none}@keyframes fanui-notify-pulse{0%{opacity:.6;transform:scale(1)}70%{opacity:0;transform:scale(2.2)}100%{opacity:0;transform:scale(2.2)}}.fanui-filter-bar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fanui-space-3);padding:var(--fanui-space-3);border-radius:var(--fanui-radius-xl);position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-filter-bar::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-filter-bar{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-filter-bar{--fanui-glass-radius: var(--fanui-radius-xl)}.fanui-filter-bar__search{position:relative;flex:1 1 240px;min-width:200px}.fanui-filter-bar__search input{display:block;width:100%;min-height:36px;padding:6.5px 14px;font-family:inherit;font-size:14px;line-height:1.5;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:6px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-filter-bar__search input::placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-filter-bar__search input::-webkit-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-filter-bar__search input::-moz-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-filter-bar__search input:-ms-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-filter-bar__search input:hover:not(:disabled):not(.is-disabled){border-color:var(--fanui-color-border-strong)}.fanui-filter-bar__search input:focus,.fanui-filter-bar__search input:focus-visible{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-filter-bar__search input:focus,.fanui-filter-bar__search input:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-filter-bar__search input:disabled,.fanui-filter-bar__search input.is-disabled{background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text);cursor:not-allowed;resize:none}.fanui-filter-bar__search input[readonly]{background-color:var(--fanui-color-surface-sunken)}.fanui-filter-bar__search input{padding-inline-start:34px}.fanui-filter-bar__search svg,.fanui-filter-bar__search .fanui-icon{position:absolute;inset-inline-start:10px;inset-block-start:50%;transform:translateY(-50%);color:var(--fanui-color-text-subtle);pointer-events:none}.fanui-filter-bar__chips{display:flex;flex-wrap:wrap;gap:var(--fanui-space-2)}.fanui-filter-bar__chip{display:inline-flex;align-items:center;gap:var(--fanui-space-1);padding:4px 12px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-surface);font:inherit;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted);cursor:pointer;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-filter-bar__chip:hover{border-color:var(--fanui-primary-border);color:var(--fanui-primary-ink)}.fanui-filter-bar__chip:active{transform:scale(0.97)}.fanui-filter-bar__chip.is-active{color:var(--fanui-primary-fg);background-color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-filter-bar__chip-count{font-size:var(--fanui-font-size-xs);opacity:.75;font-variant-numeric:tabular-nums}.fanui-filter-bar__spacer{flex:1 1 auto}.fanui-filter-bar__views{display:inline-flex;padding:2px;border-radius:var(--fanui-radius-md);background-color:var(--fanui-glass-divider)}.fanui-filter-bar__views button{display:grid;place-items:center;width:30px;height:26px;border:0;border-radius:var(--fanui-radius-sm);background:rgba(0,0,0,0);color:var(--fanui-color-text-muted);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-filter-bar__views button.is-active{background-color:var(--fanui-color-surface);color:var(--fanui-primary);box-shadow:var(--fanui-shadow-xs)}.fanui-form{display:block}.fanui-form-item{margin-bottom:var(--fanui-space-5)}.fanui-form-item:last-child{margin-bottom:0}.fanui-form--horizontal .fanui-form-item{display:flex;align-items:flex-start;gap:var(--fanui-space-4)}.fanui-form--horizontal .fanui-form-item>.fanui-form-label{flex:0 0 auto;width:var(--fanui-form-label-width, 120px);padding-top:8px;margin-bottom:0;text-align:end}.fanui-form--horizontal .fanui-form-item>.fanui-form-content{flex:1 1 auto;min-width:0}@media(max-width: 575.95px){.fanui-form--horizontal .fanui-form-item{display:block}.fanui-form--horizontal .fanui-form-item>.fanui-form-label{width:auto;text-align:start;padding-top:0;margin-bottom:var(--fanui-space-2)}}.fanui-form--inline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--fanui-space-4)}.fanui-form--inline .fanui-form-item{margin-bottom:0;flex:0 1 auto}.fanui-form-label,.fanui-label{display:inline-block;margin-bottom:var(--fanui-space-2);font-size:var(--fanui-font-size-base);font-weight:500;line-height:1.5;color:var(--fanui-color-text)}.fanui-form-label--required::after,.fanui-form-label.is-required::after,.fanui-label--required::after,.fanui-label.is-required::after{content:"*";margin-inline-start:4px;color:var(--fanui-danger)}.fanui-form-label--optional::after,.fanui-label--optional::after{content:"(选填)";margin-inline-start:6px;font-weight:400;color:var(--fanui-color-text-subtle);font-size:var(--fanui-font-size-xs)}.fanui-form-help{display:block;margin-top:var(--fanui-space-1);font-size:var(--fanui-font-size-sm);line-height:1.5;color:var(--fanui-color-text-muted)}.fanui-form-control{display:block;width:100%;min-height:36px;padding:6.5px 14px;font-family:inherit;font-size:14px;line-height:1.5;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:6px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-form-control::placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control::-webkit-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control::-moz-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control:-ms-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control:hover:not(:disabled):not(.is-disabled){border-color:var(--fanui-color-border-strong)}.fanui-form-control:focus,.fanui-form-control:focus-visible{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-form-control:focus,.fanui-form-control:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-form-control:disabled,.fanui-form-control.is-disabled{background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text);cursor:not-allowed;resize:none}.fanui-form-control[readonly]{background-color:var(--fanui-color-surface-sunken)}textarea.fanui-form-control,.fanui-textarea{min-height:88px;padding-top:8px;padding-bottom:8px;line-height:var(--fanui-line-height-base);resize:vertical}.fanui-form-control--xs,.fanui-textarea--xs,.fanui-select--xs{display:block;width:100%;min-height:24px;padding:2px 8px;font-family:inherit;font-size:12px;line-height:1.5;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:2px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-form-control--xs::placeholder,.fanui-textarea--xs::placeholder,.fanui-select--xs::placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--xs::-webkit-input-placeholder,.fanui-textarea--xs::-webkit-input-placeholder,.fanui-select--xs::-webkit-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--xs::-moz-placeholder,.fanui-textarea--xs::-moz-placeholder,.fanui-select--xs::-moz-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--xs:-ms-input-placeholder,.fanui-textarea--xs:-ms-input-placeholder,.fanui-select--xs:-ms-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--xs:hover:not(:disabled):not(.is-disabled),.fanui-textarea--xs:hover:not(:disabled):not(.is-disabled),.fanui-select--xs:hover:not(:disabled):not(.is-disabled){border-color:var(--fanui-color-border-strong)}.fanui-form-control--xs:focus,.fanui-form-control--xs:focus-visible,.fanui-textarea--xs:focus,.fanui-textarea--xs:focus-visible,.fanui-select--xs:focus,.fanui-select--xs:focus-visible{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-form-control--xs:focus,.fanui-form-control--xs:focus-visible,.fanui-textarea--xs:focus,.fanui-textarea--xs:focus-visible,.fanui-select--xs:focus,.fanui-select--xs:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-form-control--xs:disabled,.fanui-form-control--xs.is-disabled,.fanui-textarea--xs:disabled,.fanui-textarea--xs.is-disabled,.fanui-select--xs:disabled,.fanui-select--xs.is-disabled{background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text);cursor:not-allowed;resize:none}.fanui-form-control--xs[readonly],.fanui-textarea--xs[readonly],.fanui-select--xs[readonly]{background-color:var(--fanui-color-surface-sunken)}.fanui-form-control--sm,.fanui-textarea--sm,.fanui-select--sm{display:block;width:100%;min-height:28px;padding:3.25px 10px;font-family:inherit;font-size:13px;line-height:1.5;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:2px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-form-control--sm::placeholder,.fanui-textarea--sm::placeholder,.fanui-select--sm::placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--sm::-webkit-input-placeholder,.fanui-textarea--sm::-webkit-input-placeholder,.fanui-select--sm::-webkit-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--sm::-moz-placeholder,.fanui-textarea--sm::-moz-placeholder,.fanui-select--sm::-moz-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--sm:-ms-input-placeholder,.fanui-textarea--sm:-ms-input-placeholder,.fanui-select--sm:-ms-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--sm:hover:not(:disabled):not(.is-disabled),.fanui-textarea--sm:hover:not(:disabled):not(.is-disabled),.fanui-select--sm:hover:not(:disabled):not(.is-disabled){border-color:var(--fanui-color-border-strong)}.fanui-form-control--sm:focus,.fanui-form-control--sm:focus-visible,.fanui-textarea--sm:focus,.fanui-textarea--sm:focus-visible,.fanui-select--sm:focus,.fanui-select--sm:focus-visible{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-form-control--sm:focus,.fanui-form-control--sm:focus-visible,.fanui-textarea--sm:focus,.fanui-textarea--sm:focus-visible,.fanui-select--sm:focus,.fanui-select--sm:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-form-control--sm:disabled,.fanui-form-control--sm.is-disabled,.fanui-textarea--sm:disabled,.fanui-textarea--sm.is-disabled,.fanui-select--sm:disabled,.fanui-select--sm.is-disabled{background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text);cursor:not-allowed;resize:none}.fanui-form-control--sm[readonly],.fanui-textarea--sm[readonly],.fanui-select--sm[readonly]{background-color:var(--fanui-color-surface-sunken)}.fanui-form-control--md,.fanui-textarea--md,.fanui-select--md{display:block;width:100%;min-height:32px;padding:4.5px 12px;font-family:inherit;font-size:14px;line-height:1.5;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:6px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-form-control--md::placeholder,.fanui-textarea--md::placeholder,.fanui-select--md::placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--md::-webkit-input-placeholder,.fanui-textarea--md::-webkit-input-placeholder,.fanui-select--md::-webkit-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--md::-moz-placeholder,.fanui-textarea--md::-moz-placeholder,.fanui-select--md::-moz-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--md:-ms-input-placeholder,.fanui-textarea--md:-ms-input-placeholder,.fanui-select--md:-ms-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--md:hover:not(:disabled):not(.is-disabled),.fanui-textarea--md:hover:not(:disabled):not(.is-disabled),.fanui-select--md:hover:not(:disabled):not(.is-disabled){border-color:var(--fanui-color-border-strong)}.fanui-form-control--md:focus,.fanui-form-control--md:focus-visible,.fanui-textarea--md:focus,.fanui-textarea--md:focus-visible,.fanui-select--md:focus,.fanui-select--md:focus-visible{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-form-control--md:focus,.fanui-form-control--md:focus-visible,.fanui-textarea--md:focus,.fanui-textarea--md:focus-visible,.fanui-select--md:focus,.fanui-select--md:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-form-control--md:disabled,.fanui-form-control--md.is-disabled,.fanui-textarea--md:disabled,.fanui-textarea--md.is-disabled,.fanui-select--md:disabled,.fanui-select--md.is-disabled{background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text);cursor:not-allowed;resize:none}.fanui-form-control--md[readonly],.fanui-textarea--md[readonly],.fanui-select--md[readonly]{background-color:var(--fanui-color-surface-sunken)}.fanui-form-control--lg,.fanui-textarea--lg,.fanui-select--lg{display:block;width:100%;min-height:40px;padding:7px 16px;font-family:inherit;font-size:16px;line-height:1.5;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:8px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-form-control--lg::placeholder,.fanui-textarea--lg::placeholder,.fanui-select--lg::placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--lg::-webkit-input-placeholder,.fanui-textarea--lg::-webkit-input-placeholder,.fanui-select--lg::-webkit-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--lg::-moz-placeholder,.fanui-textarea--lg::-moz-placeholder,.fanui-select--lg::-moz-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--lg:-ms-input-placeholder,.fanui-textarea--lg:-ms-input-placeholder,.fanui-select--lg:-ms-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--lg:hover:not(:disabled):not(.is-disabled),.fanui-textarea--lg:hover:not(:disabled):not(.is-disabled),.fanui-select--lg:hover:not(:disabled):not(.is-disabled){border-color:var(--fanui-color-border-strong)}.fanui-form-control--lg:focus,.fanui-form-control--lg:focus-visible,.fanui-textarea--lg:focus,.fanui-textarea--lg:focus-visible,.fanui-select--lg:focus,.fanui-select--lg:focus-visible{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-form-control--lg:focus,.fanui-form-control--lg:focus-visible,.fanui-textarea--lg:focus,.fanui-textarea--lg:focus-visible,.fanui-select--lg:focus,.fanui-select--lg:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-form-control--lg:disabled,.fanui-form-control--lg.is-disabled,.fanui-textarea--lg:disabled,.fanui-textarea--lg.is-disabled,.fanui-select--lg:disabled,.fanui-select--lg.is-disabled{background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text);cursor:not-allowed;resize:none}.fanui-form-control--lg[readonly],.fanui-textarea--lg[readonly],.fanui-select--lg[readonly]{background-color:var(--fanui-color-surface-sunken)}.fanui-form-control--xl,.fanui-textarea--xl,.fanui-select--xl{display:block;width:100%;min-height:48px;padding:9.5px 20px;font-family:inherit;font-size:18px;line-height:1.5;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:8px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-form-control--xl::placeholder,.fanui-textarea--xl::placeholder,.fanui-select--xl::placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--xl::-webkit-input-placeholder,.fanui-textarea--xl::-webkit-input-placeholder,.fanui-select--xl::-webkit-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--xl::-moz-placeholder,.fanui-textarea--xl::-moz-placeholder,.fanui-select--xl::-moz-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--xl:-ms-input-placeholder,.fanui-textarea--xl:-ms-input-placeholder,.fanui-select--xl:-ms-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-form-control--xl:hover:not(:disabled):not(.is-disabled),.fanui-textarea--xl:hover:not(:disabled):not(.is-disabled),.fanui-select--xl:hover:not(:disabled):not(.is-disabled){border-color:var(--fanui-color-border-strong)}.fanui-form-control--xl:focus,.fanui-form-control--xl:focus-visible,.fanui-textarea--xl:focus,.fanui-textarea--xl:focus-visible,.fanui-select--xl:focus,.fanui-select--xl:focus-visible{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-form-control--xl:focus,.fanui-form-control--xl:focus-visible,.fanui-textarea--xl:focus,.fanui-textarea--xl:focus-visible,.fanui-select--xl:focus,.fanui-select--xl:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-form-control--xl:disabled,.fanui-form-control--xl.is-disabled,.fanui-textarea--xl:disabled,.fanui-textarea--xl.is-disabled,.fanui-select--xl:disabled,.fanui-select--xl.is-disabled{background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text);cursor:not-allowed;resize:none}.fanui-form-control--xl[readonly],.fanui-textarea--xl[readonly],.fanui-select--xl[readonly]{background-color:var(--fanui-color-surface-sunken)}.fanui-form-control--flush{border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);border-radius:0}.fanui-form-control--flush:hover:not(:disabled){border-color:rgba(0,0,0,0);background-color:var(--fanui-color-hover)}.fanui-form-control--flush:focus{border-color:rgba(0,0,0,0);box-shadow:none;background-color:var(--fanui-color-surface)}.fanui-form-control--underline{border-width:0 0 1px 0;border-radius:0;background-color:rgba(0,0,0,0);padding-inline-start:0;padding-inline-end:0}.fanui-form-control--underline:focus{box-shadow:none;border-bottom-color:var(--fanui-primary)}.fanui-form-control-plaintext{display:block;width:100%;padding-top:8px;padding-bottom:8px;font-size:var(--fanui-font-size-base);line-height:1.5;color:var(--fanui-color-text);background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0)}.fanui-input-group{display:flex;align-items:stretch;width:100%}.fanui-input-group>.fanui-form-control,.fanui-input-group>.fanui-select{flex:1 1 auto;width:1%;min-width:0}.fanui-input-group>.fanui-input-group__text,.fanui-input-group>.fanui-input-group__icon{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--fanui-control-px, 14px);font-size:var(--fanui-font-size-base);color:var(--fanui-color-text-muted);background-color:var(--fanui-color-surface-sunken);border:1px solid var(--fanui-color-border);white-space:nowrap;flex:0 0 auto}.fanui-input-group>.fanui-input-group__icon{padding:0 10px}.fanui-input-group>:first-child:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.fanui-input-group>:last-child:not(:first-child){border-start-start-radius:0;border-end-start-radius:0}.fanui-input-group>*+*{margin-inline-start:-1px}.fanui-input-group>.fanui-btn{flex:0 0 auto}.fanui-input-group:focus-within>.fanui-form-control{border-color:var(--fanui-primary);z-index:2}.fanui-search{position:relative;display:block}.fanui-search>.fanui-form-control{padding-inline-start:36px;padding-inline-end:36px}.fanui-search__icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);display:flex;color:var(--fanui-color-text-subtle);pointer-events:none}.fanui-search__clear{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:flex;padding:2px;color:var(--fanui-color-text-subtle);background:none;border:0;border-radius:50%;cursor:pointer}.fanui-search__clear:hover{color:var(--fanui-color-text);background-color:var(--fanui-color-hover)}.fanui-form-counter{display:block;margin-top:var(--fanui-space-1);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle);text-align:end}.fanui-form-counter.is-limit{color:var(--fanui-danger)}.fanui-form-feedback{display:block;margin-top:var(--fanui-space-1);font-size:var(--fanui-font-size-sm);line-height:1.5;color:var(--fanui-color-text-muted)}.fanui-form-feedback::before{content:""}.fanui-form-feedback:empty{display:none}.fanui-form-item--error .fanui-form-control,.fanui-form-item--error .fanui-select,.fanui-form-item--error .fanui-textarea{border-color:#b91c1c}.fanui-form-item--error .fanui-form-control:focus,.fanui-form-item--error .fanui-form-control:focus-visible,.fanui-form-item--error .fanui-select:focus,.fanui-form-item--error .fanui-select:focus-visible,.fanui-form-item--error .fanui-textarea:focus,.fanui-form-item--error .fanui-textarea:focus-visible{border-color:#b91c1c;box-shadow:0 0 0 1px var(--fanui-color-surface, #fff),0 0 0 4px rgba(185,28,28,.3)}.fanui-form-item--error .fanui-form-feedback{color:#b91c1c}.fanui-form-item--error .fanui-form-feedback{color:var(--fanui-danger)}.fanui-form-item--success .fanui-form-control,.fanui-form-item--success .fanui-select,.fanui-form-item--success .fanui-textarea{border-color:#047857}.fanui-form-item--success .fanui-form-control:focus,.fanui-form-item--success .fanui-form-control:focus-visible,.fanui-form-item--success .fanui-select:focus,.fanui-form-item--success .fanui-select:focus-visible,.fanui-form-item--success .fanui-textarea:focus,.fanui-form-item--success .fanui-textarea:focus-visible{border-color:#047857;box-shadow:0 0 0 1px var(--fanui-color-surface, #fff),0 0 0 4px rgba(4,120,87,.3)}.fanui-form-item--success .fanui-form-feedback{color:#047857}.fanui-form-item--success .fanui-form-feedback{color:var(--fanui-success)}.fanui-form-item--warning .fanui-form-control,.fanui-form-item--warning .fanui-select,.fanui-form-item--warning .fanui-textarea{border-color:#b45309}.fanui-form-item--warning .fanui-form-control:focus,.fanui-form-item--warning .fanui-form-control:focus-visible,.fanui-form-item--warning .fanui-select:focus,.fanui-form-item--warning .fanui-select:focus-visible,.fanui-form-item--warning .fanui-textarea:focus,.fanui-form-item--warning .fanui-textarea:focus-visible{border-color:#b45309;box-shadow:0 0 0 1px var(--fanui-color-surface, #fff),0 0 0 4px rgba(180,83,9,.3)}.fanui-form-item--warning .fanui-form-feedback{color:#b45309}.fanui-form-item--warning .fanui-form-feedback{color:var(--fanui-warning)}.fanui-is-invalid,.fanui-is-error{border-color:var(--fanui-danger) !important}.fanui-is-invalid:focus,.fanui-is-invalid:focus-visible,.fanui-is-error:focus,.fanui-is-error:focus-visible{box-shadow:0 0 0 3px var(--fanui-danger-ring) !important}.fanui-is-valid,.fanui-is-success{border-color:var(--fanui-success) !important}.fanui-is-valid:focus,.fanui-is-valid:focus-visible,.fanui-is-success:focus,.fanui-is-success:focus-visible{box-shadow:0 0 0 3px var(--fanui-success-ring) !important}.fanui-shake{animation:fanui-shake 420ms cubic-bezier(0.4, 0, 0.2, 1) both}.fanui-file{display:flex;align-items:center;gap:var(--fanui-space-3);padding:var(--fanui-space-3) var(--fanui-space-4);border:1px dashed var(--fanui-color-border-strong);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-surface-sunken);cursor:pointer;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-file:hover{border-color:var(--fanui-primary);background-color:var(--fanui-primary-soft)}.fanui-file input[type=file]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fanui-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--fanui-space-2);padding:var(--fanui-space-8) var(--fanui-space-4);text-align:center;border:2px dashed var(--fanui-color-border-strong);border-radius:var(--fanui-radius-lg);color:var(--fanui-color-text-muted);background-color:var(--fanui-color-surface-sunken);cursor:pointer;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-dropzone input[type=file]{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fanui-dropzone input[type=file]:active,.fanui-dropzone input[type=file]:focus{position:static !important;width:auto !important;height:auto !important;margin:0 !important;overflow:visible !important;clip:auto !important;white-space:normal !important}.fanui-dropzone.is-dragover,.fanui-dropzone:hover{border-color:var(--fanui-primary);background-color:var(--fanui-primary-soft);color:var(--fanui-primary)}.fanui-form-section{padding:var(--fanui-space-5);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-lg);background-color:var(--fanui-color-surface)}.fanui-form-section__title{margin-bottom:var(--fanui-space-1);font-size:var(--fanui-font-size-md);font-weight:600;color:var(--fanui-color-text-strong)}.fanui-form-section__desc{margin-bottom:var(--fanui-space-5);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--fanui-space-3);padding-top:var(--fanui-space-5);margin-top:var(--fanui-space-5);border-top:1px solid var(--fanui-color-border)}.fanui-form-actions--start{justify-content:flex-start}.fanui-form-actions--between{justify-content:space-between}.fanui-select,.fanui-select-multiple{display:block;width:100%;min-height:36px;padding:6.5px 14px;font-family:inherit;font-size:14px;line-height:1.5;color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:6px;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-clip:padding-box;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-select::placeholder,.fanui-select-multiple::placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-select::-webkit-input-placeholder,.fanui-select-multiple::-webkit-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-select::-moz-placeholder,.fanui-select-multiple::-moz-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-select:-ms-input-placeholder,.fanui-select-multiple:-ms-input-placeholder{color:var(--fanui-color-text-subtle);opacity:1}.fanui-select:hover:not(:disabled):not(.is-disabled),.fanui-select-multiple:hover:not(:disabled):not(.is-disabled){border-color:var(--fanui-color-border-strong)}.fanui-select:focus,.fanui-select-multiple:focus,.fanui-select:focus-visible,.fanui-select-multiple:focus-visible{border-color:var(--fanui-primary);outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-select:focus,.fanui-select-multiple:focus,.fanui-select:focus-visible,.fanui-select-multiple:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-select:disabled,.fanui-select-multiple:disabled,.fanui-select.is-disabled,.is-disabled.fanui-select-multiple{background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text);cursor:not-allowed;resize:none}.fanui-select[readonly],[readonly].fanui-select-multiple{background-color:var(--fanui-color-surface-sunken)}.fanui-select,.fanui-select-multiple{padding-inline-end:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;appearance:none;-webkit-appearance:none}.fanui-select[multiple],[multiple].fanui-select-multiple,.fanui-select[size]:not([size="1"]),[size].fanui-select-multiple:not([size="1"]){padding-inline-end:var(--fanui-control-px, 14px);background-image:none;height:auto;min-height:88px}.fanui-select::-ms-expand,.fanui-select-multiple::-ms-expand{display:none}.fanui-select:disabled,.fanui-select-multiple:disabled{cursor:not-allowed}.fanui-select-multiple{min-height:96px;padding:6px}.fanui-select-multiple option{padding:4px 8px;border-radius:var(--fanui-radius-sm)}.fanui-select-multiple option:checked{background-color:var(--fanui-primary);color:var(--fanui-primary-fg)}.fanui-select-wrap{position:relative;display:block}.fanui-select-wrap__prefix{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--fanui-color-text-subtle);pointer-events:none}.fanui-select-wrap .fanui-select,.fanui-select-wrap .fanui-select-multiple{padding-inline-start:36px}.fanui-checkbox,.fanui-radio{display:inline-flex;align-items:flex-start;gap:8px;position:relative;font-size:var(--fanui-font-size-base);line-height:1.5;color:var(--fanui-color-text);cursor:pointer;user-select:none}.fanui-checkbox__input,.fanui-radio__input{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fanui-checkbox__input:focus-visible+.fanui-checkbox__box,.fanui-checkbox__input:focus-visible+.fanui-radio__box,.fanui-radio__input:focus-visible+.fanui-checkbox__box,.fanui-radio__input:focus-visible+.fanui-radio__box{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-checkbox__input:focus-visible+.fanui-checkbox__box,.fanui-checkbox__input:focus-visible+.fanui-radio__box,.fanui-radio__input:focus-visible+.fanui-checkbox__box,.fanui-radio__input:focus-visible+.fanui-radio__box{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-checkbox__label,.fanui-radio__label{flex:1 1 auto;min-width:0}.fanui-checkbox__desc,.fanui-radio__desc{display:block;margin-top:2px;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-checkbox.is-disabled,.fanui-checkbox__input:disabled~.fanui-checkbox__label,.fanui-radio.is-disabled,.fanui-checkbox__input:disabled~.fanui-radio__label,.fanui-radio__input:disabled~.fanui-checkbox__label,.fanui-radio__input:disabled~.fanui-radio__label{color:var(--fanui-color-disabled-text);cursor:not-allowed}.fanui-checkbox__input:disabled+.fanui-checkbox__box,.fanui-checkbox__input:disabled+.fanui-radio__box,.fanui-radio__input:disabled+.fanui-checkbox__box,.fanui-radio__input:disabled+.fanui-radio__box{background-color:var(--fanui-color-disabled-bg);border-color:var(--fanui-color-border);cursor:not-allowed}.fanui-checkbox__input:disabled+.fanui-checkbox__box::after,.fanui-checkbox__input:disabled+.fanui-radio__box::after,.fanui-radio__input:disabled+.fanui-checkbox__box::after,.fanui-radio__input:disabled+.fanui-radio__box::after{opacity:.45}.fanui-checkbox__box{position:relative;flex:0 0 auto;width:16px;height:16px;margin-top:3px;background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border-strong);border-radius:var(--fanui-radius-sm);box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-checkbox__box::after{content:"";position:absolute;top:50%;left:50%;width:4px;height:8px;margin:-5px 0 0 -2px;border:solid var(--fanui-color-text-inverse);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0.6);opacity:0;transition:opacity 150ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,transform 150ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.fanui-checkbox:hover .fanui-checkbox__box{border-color:var(--fanui-primary)}.fanui-checkbox__input:checked+.fanui-checkbox__box,.fanui-checkbox.is-checked .fanui-checkbox__box{background-color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-checkbox__input:checked+.fanui-checkbox__box::after,.fanui-checkbox.is-checked .fanui-checkbox__box::after{opacity:1;transform:rotate(45deg) scale(1)}.fanui-checkbox__input:indeterminate+.fanui-checkbox__box{background-color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-checkbox__input:indeterminate+.fanui-checkbox__box::after{width:8px;height:0;margin:-1px 0 0 -4px;border-width:0 0 2px 0;transform:none;opacity:1}.fanui-radio__box{position:relative;flex:0 0 auto;width:16px;height:16px;margin-top:3px;background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border-strong);border-radius:50%;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-radio__box::after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;background-color:var(--fanui-color-text-inverse);border-radius:50%;transform:scale(0);opacity:0;transition:opacity 150ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s,transform 150ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.fanui-radio:hover .fanui-radio__box{border-color:var(--fanui-primary)}.fanui-radio__input:checked+.fanui-radio__box,.fanui-radio.is-checked .fanui-radio__box{background-color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-radio__input:checked+.fanui-radio__box::after,.fanui-radio.is-checked .fanui-radio__box::after{opacity:1;transform:scale(1)}.fanui-checkbox--sm .fanui-checkbox__box,.fanui-checkbox--sm .fanui-radio__box,.fanui-radio--sm .fanui-checkbox__box,.fanui-radio--sm .fanui-radio__box{width:14px;height:14px}.fanui-checkbox--lg,.fanui-radio--lg{font-size:var(--fanui-font-size-md)}.fanui-checkbox--lg .fanui-checkbox__box,.fanui-checkbox--lg .fanui-radio__box,.fanui-radio--lg .fanui-checkbox__box,.fanui-radio--lg .fanui-radio__box{width:20px;height:20px;border-radius:var(--fanui-radius-base)}.fanui-checkbox--lg .fanui-radio__box,.fanui-radio--lg .fanui-radio__box{border-radius:50%}.fanui-checkbox--lg .fanui-radio__box::after,.fanui-radio--lg .fanui-radio__box::after{width:8px;height:8px;margin:-4px 0 0 -4px}.fanui-checkbox--lg .fanui-checkbox__box::after,.fanui-radio--lg .fanui-checkbox__box::after{width:5px;height:10px;margin:-6px 0 0 -2.5px}.fanui-checkbox--card,.fanui-radio--card{display:flex;align-items:flex-start;gap:var(--fanui-space-3);padding:var(--fanui-space-3) var(--fanui-space-4);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-checkbox--card:hover,.fanui-radio--card:hover{border-color:var(--fanui-color-border-strong);background-color:var(--fanui-color-hover)}.fanui-checkbox--card:has(.fanui-checkbox__input:checked),.fanui-checkbox--card:has(.fanui-radio__input:checked),.fanui-checkbox--card.is-checked,.fanui-radio--card:has(.fanui-checkbox__input:checked),.fanui-radio--card:has(.fanui-radio__input:checked),.fanui-radio--card.is-checked{border-color:var(--fanui-primary);background-color:var(--fanui-primary-soft)}.fanui-checkbox--button,.fanui-radio--button{padding:6px 14px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-base);font-size:var(--fanui-font-size-sm);transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-checkbox--button .fanui-checkbox__box,.fanui-checkbox--button .fanui-radio__box,.fanui-radio--button .fanui-checkbox__box,.fanui-radio--button .fanui-radio__box{display:none}.fanui-checkbox--button:has(.fanui-checkbox__input:checked),.fanui-checkbox--button:has(.fanui-radio__input:checked),.fanui-radio--button:has(.fanui-checkbox__input:checked),.fanui-radio--button:has(.fanui-radio__input:checked){border-color:var(--fanui-primary);background-color:var(--fanui-primary);color:var(--fanui-primary-fg)}.fanui-choice-group{display:flex;flex-wrap:wrap;gap:var(--fanui-space-4)}.fanui-choice-group--vertical{flex-direction:column;gap:var(--fanui-space-3)}.fanui-choice-group--tight{gap:var(--fanui-space-2)}.fanui-segmented{display:inline-flex;padding:2px;background-color:var(--fanui-color-surface-sunken);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);gap:2px}.fanui-segmented__item{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;font-size:var(--fanui-font-size-sm);font-weight:500;color:var(--fanui-color-text-muted);border-radius:var(--fanui-radius-base);cursor:pointer;white-space:nowrap;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-segmented__item input{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fanui-segmented__item:hover{color:var(--fanui-color-text)}.fanui-segmented__item:has(input:checked),.fanui-segmented__item.is-active,.fanui-segmented__item[aria-selected=true]{color:var(--fanui-color-text-strong);background-color:var(--fanui-color-surface);box-shadow:var(--fanui-shadow-xs)}.fanui-switch{--fanui-switch-w: 40px;--fanui-switch-h: 22px;--fanui-switch-travel: calc(var(--fanui-switch-w) - var(--fanui-switch-h));display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.fanui-switch__input{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important}.fanui-switch__track{position:relative;flex:0 0 auto;width:var(--fanui-switch-w);height:var(--fanui-switch-h);background-color:var(--fanui-color-border-strong);border:1px solid rgba(0,0,0,0);border-radius:9999px;box-sizing:border-box;transition:background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-switch__thumb{position:absolute;top:2px;left:2px;width:calc(var(--fanui-switch-h) - 4px);height:calc(var(--fanui-switch-h) - 4px);background-color:#fff;border-radius:50%;box-shadow:0 1px 3px rgba(15,23,42,.3);transition:transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s}.fanui-switch__label{font-size:var(--fanui-font-size-base)}.fanui-switch__input:checked~.fanui-switch__track,.fanui-switch.is-checked .fanui-switch__track{background-color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-switch__input:checked~.fanui-switch__track .fanui-switch__thumb,.fanui-switch.is-checked .fanui-switch__track .fanui-switch__thumb{transform:translateX(var(--fanui-switch-travel))}.fanui-switch__input:focus-visible~.fanui-switch__track{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-switch__input:focus-visible~.fanui-switch__track{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-switch__input:disabled~.fanui-switch__track{opacity:.5;cursor:not-allowed}.fanui-switch--primary{--fanui-switch-checked: var(--fanui-primary, #0e7490)}.fanui-switch--primary .fanui-switch__input:checked~.fanui-switch__track,.fanui-switch--primary.is-checked .fanui-switch__track{background-color:var(--fanui-primary, #0e7490);border-color:var(--fanui-primary, #0e7490)}.fanui-switch--accent{--fanui-switch-checked: var(--fanui-accent, #7c3aed)}.fanui-switch--accent .fanui-switch__input:checked~.fanui-switch__track,.fanui-switch--accent.is-checked .fanui-switch__track{background-color:var(--fanui-accent, #7c3aed);border-color:var(--fanui-accent, #7c3aed)}.fanui-switch--success{--fanui-switch-checked: var(--fanui-success, #047857)}.fanui-switch--success .fanui-switch__input:checked~.fanui-switch__track,.fanui-switch--success.is-checked .fanui-switch__track{background-color:var(--fanui-success, #047857);border-color:var(--fanui-success, #047857)}.fanui-switch--warning{--fanui-switch-checked: var(--fanui-warning, #b45309)}.fanui-switch--warning .fanui-switch__input:checked~.fanui-switch__track,.fanui-switch--warning.is-checked .fanui-switch__track{background-color:var(--fanui-warning, #b45309);border-color:var(--fanui-warning, #b45309)}.fanui-switch--danger{--fanui-switch-checked: var(--fanui-danger, #b91c1c)}.fanui-switch--danger .fanui-switch__input:checked~.fanui-switch__track,.fanui-switch--danger.is-checked .fanui-switch__track{background-color:var(--fanui-danger, #b91c1c);border-color:var(--fanui-danger, #b91c1c)}.fanui-switch--info{--fanui-switch-checked: var(--fanui-info, #0369a1)}.fanui-switch--info .fanui-switch__input:checked~.fanui-switch__track,.fanui-switch--info.is-checked .fanui-switch__track{background-color:var(--fanui-info, #0369a1);border-color:var(--fanui-info, #0369a1)}.fanui-switch--sm{--fanui-switch-w: 32px;--fanui-switch-h: 18px}.fanui-switch--lg{--fanui-switch-w: 52px;--fanui-switch-h: 28px}.fanui-switch--loading .fanui-switch__thumb::after{content:"";position:absolute;inset:3px;border:2px solid var(--fanui-color-text-subtle);border-top-color:rgba(0,0,0,0);border-radius:50%;animation:fanui-spin 700ms linear infinite}.fanui-card{--fanui-card-padding: var(--fanui-space-5);--fanui-card-radius: var(--fanui-radius-lg);--fanui-card-bg: var(--fanui-color-surface);--fanui-card-border: var(--fanui-color-border);position:relative;display:flex;flex-direction:column;min-width:0;background-color:var(--fanui-card-bg);border:1px solid var(--fanui-card-border);border-radius:var(--fanui-card-radius);box-shadow:var(--fanui-shadow-sm);box-sizing:border-box;transition:box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-3);padding:var(--fanui-card-padding);border-bottom:1px solid var(--fanui-card-border);flex:0 0 auto}.fanui-card__title{margin:0;font-size:var(--fanui-font-size-md);font-weight:600;line-height:1.4;color:var(--fanui-color-text-strong)}.fanui-card__subtitle{margin:2px 0 0;font-size:var(--fanui-font-size-sm);font-weight:400;color:var(--fanui-color-text-muted)}.fanui-card__extra{flex:0 0 auto;display:flex;align-items:center;gap:var(--fanui-space-2);color:var(--fanui-color-text-muted)}.fanui-card__body{flex:1 1 auto;padding:var(--fanui-card-padding);min-width:0}.fanui-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--fanui-space-3);padding:var(--fanui-card-padding);border-top:1px solid var(--fanui-card-border);flex:0 0 auto}.fanui-card__footer--start{justify-content:flex-start}.fanui-card__footer--between{justify-content:space-between}.fanui-card__media{position:relative;flex:0 0 auto;overflow:hidden;border-radius:var(--fanui-card-radius) var(--fanui-card-radius) 0 0;background-color:var(--fanui-color-surface-sunken)}.fanui-card__media>img,.fanui-card__media>video{width:100%;height:100%;object-fit:cover;display:block}.fanui-card__body--flush{padding:0}.fanui-card__body--tight{padding:var(--fanui-space-3)}.fanui-card__body--loose{padding:var(--fanui-space-8)}.fanui-card--flat,.fanui-card--bordered{box-shadow:none}.fanui-card--elevated{border-color:rgba(0,0,0,0);box-shadow:var(--fanui-shadow-md)}.fanui-card--glass{background-color:rgba(255,255,255,.66);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-color:rgba(255,255,255,.5)}:root[data-fanui-theme=dark] .fanui-card--glass{background-color:rgba(15,23,42,.6);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-color:rgba(255,255,255,.1)}.fanui-card--sunken{--fanui-card-bg: var(--fanui-color-surface-sunken);box-shadow:none}.fanui-card--ghost{--fanui-card-bg: transparent;--fanui-card-border: transparent;box-shadow:none}.fanui-card--accent-bar{overflow:hidden}.fanui-card--accent-bar::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background-color:var(--fanui-card-accent, var(--fanui-primary))}.fanui-card--primary{--fanui-card-border: rgba(14, 116, 144, 0.35);--fanui-card-accent: var(--fanui-primary, #0e7490)}.fanui-card--accent{--fanui-card-border: rgba(124, 58, 237, 0.35);--fanui-card-accent: var(--fanui-accent, #7c3aed)}.fanui-card--success{--fanui-card-border: rgba(4, 120, 87, 0.35);--fanui-card-accent: var(--fanui-success, #047857)}.fanui-card--warning{--fanui-card-border: rgba(180, 83, 9, 0.35);--fanui-card-accent: var(--fanui-warning, #b45309)}.fanui-card--danger{--fanui-card-border: rgba(185, 28, 28, 0.35);--fanui-card-accent: var(--fanui-danger, #b91c1c)}.fanui-card--info{--fanui-card-border: rgba(3, 105, 161, 0.35);--fanui-card-accent: var(--fanui-info, #0369a1)}.fanui-card--interactive{cursor:pointer}.fanui-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--fanui-shadow-lg);border-color:var(--fanui-color-border-strong)}.fanui-card--interactive:active{transform:translateY(0)}.fanui-card--interactive:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-card--interactive:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-card--selected{border-color:var(--fanui-primary);box-shadow:0 0 0 1px var(--fanui-primary),var(--fanui-shadow-md)}.fanui-card--disabled{opacity:.6;pointer-events:none;filter:grayscale(0.3)}.fanui-card--horizontal{flex-direction:row;align-items:stretch}.fanui-card--horizontal .fanui-card__media{flex:0 0 auto;width:var(--fanui-card-media-width, 33.333%);border-radius:var(--fanui-card-radius) 0 0 var(--fanui-card-radius)}.fanui-card--horizontal .fanui-card__media>img,.fanui-card--horizontal .fanui-card__media>video{height:100%}@media(max-width: 575.95px){.fanui-card--horizontal{flex-direction:column}.fanui-card--horizontal .fanui-card__media{width:100%;border-radius:var(--fanui-card-radius) var(--fanui-card-radius) 0 0}}.fanui-card--fill{height:100%}.fanui-card--compact{--fanui-card-padding: var(--fanui-space-3);--fanui-card-radius: var(--fanui-radius-md)}.fanui-card--roomy{--fanui-card-padding: var(--fanui-space-8)}.fanui-card-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:var(--fanui-space-5)}.fanui-panel{padding:var(--fanui-space-5);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md)}.fanui-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--fanui-space-4);padding-bottom:var(--fanui-space-3);border-bottom:1px solid var(--fanui-color-border-subtle)}.fanui-panel__title{font-size:var(--fanui-font-size-base);font-weight:600;color:var(--fanui-color-text-strong)}.fanui-stat{display:flex;flex-direction:column;gap:var(--fanui-space-2)}.fanui-stat__label{font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-stat__value{font-size:var(--fanui-font-size-3xl);font-weight:700;line-height:1.1;color:var(--fanui-color-text-strong);font-variant-numeric:tabular-nums}.fanui-stat__trend{display:inline-flex;align-items:center;gap:4px;font-size:var(--fanui-font-size-sm);font-weight:500}.fanui-stat__trend--up{color:var(--fanui-danger)}.fanui-stat__trend--down{color:var(--fanui-success)}.fanui-stat__trend--flat{color:var(--fanui-color-text-muted)}.fanui-table-wrap{position:relative;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-lg);background-color:var(--fanui-color-surface);scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-table-wrap::-webkit-scrollbar{width:10px;height:10px}.fanui-table-wrap::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-table-wrap::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-table-wrap::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-table-wrap--plain{border:0;border-radius:0;background:rgba(0,0,0,0)}.fanui-table-wrap--flush{border-radius:0}.fanui-table{--fanui-table-bg: transparent;--fanui-table-striped-bg: var(--fanui-color-surface-sunken);--fanui-table-hover-bg: var(--fanui-color-hover);--fanui-table-border-color: var(--fanui-color-border);--fanui-table-caption-color: var(--fanui-color-text-muted);--fanui-table-head-bg: var(--fanui-color-surface-sunken);--fanui-table-cell-py: 10px;--fanui-table-cell-px: 14px;width:100%;margin-bottom:0;color:var(--fanui-color-text);font-size:var(--fanui-font-size-base);line-height:1.5;vertical-align:top;border-collapse:separate;border-spacing:0;background-color:var(--fanui-table-bg)}.fanui-table>thead{background-color:var(--fanui-table-head-bg)}.fanui-table>thead th{font-weight:600;color:var(--fanui-color-text-strong);white-space:nowrap;text-align:start;border-bottom:1px solid var(--fanui-table-border-color)}.fanui-table th,.fanui-table td{padding:var(--fanui-table-cell-py) var(--fanui-table-cell-px);border-bottom:1px solid var(--fanui-table-border-color);box-sizing:border-box}.fanui-table>tbody tr:last-child>td{border-bottom:0}.fanui-table caption{padding:var(--fanui-space-3) var(--fanui-table-cell-px);font-size:var(--fanui-font-size-sm);color:var(--fanui-table-caption-color);text-align:start;caption-side:bottom}.fanui-table a{color:var(--fanui-primary)}.fanui-table .fanui-btn{vertical-align:middle}.fanui-table--bordered>thead th,.fanui-table--bordered>tbody td,.fanui-table--bordered>tfoot td{border:1px solid var(--fanui-table-border-color)}.fanui-table--bordered>thead th{border-bottom-width:1px}.fanui-table--borderless{--fanui-table-border-color: transparent}.fanui-table--borderless>thead th{border-bottom-width:0}.fanui-table--striped>tbody>tr:nth-of-type(odd)>td{background-color:var(--fanui-table-striped-bg)}.fanui-table--hover>tbody>tr{transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-table--hover>tbody>tr:hover>td,.fanui-table--hover>tbody>tr:hover>th{background-color:var(--fanui-table-hover-bg)}.fanui-table--compact{--fanui-table-cell-py: 6px;--fanui-table-cell-px: 10px;font-size:var(--fanui-font-size-sm)}.fanui-table--roomy{--fanui-table-cell-py: 16px;--fanui-table-cell-px: 20px;font-size:var(--fanui-font-size-md)}.fanui-table--fixed{table-layout:fixed;word-break:break-word}.fanui-table--align-middle th,.fanui-table--align-middle td{vertical-align:middle}.fanui-table--align-top th,.fanui-table--align-top td{vertical-align:top}.fanui-table--align-center th,.fanui-table--align-center td{text-align:center}.fanui-table--align-center th:first-child,.fanui-table--align-center td:first-child{text-align:start}.fanui-table--sticky-head>thead th{position:sticky;top:0;z-index:2;background-color:var(--fanui-table-head-bg);box-shadow:inset 0 -1px 0 var(--fanui-table-border-color)}.fanui-table--sticky-col>thead th:first-child,.fanui-table--sticky-col>tbody td:first-child{position:sticky;left:0;z-index:3;background-color:var(--fanui-color-surface);box-shadow:inset -1px 0 0 var(--fanui-table-border-color)}.fanui-table--sticky-col>thead th:first-child{z-index:4;background-color:var(--fanui-table-head-bg)}.fanui-table--primary{--fanui-table-head-bg: rgba(14, 116, 144, 0.1)}.fanui-table--primary>thead th{color:rgb(4.2823529412%, 35.4823529412%, 44.0470588235%)}[data-fanui-theme=dark] .fanui-table--primary>thead th{color:var(--fanui-primary-ink, rgb(35.7333333333%, 62.9333333333%, 70.4%))}.fanui-table--accent{--fanui-table-head-bg: rgba(124, 58, 237, 0.1)}.fanui-table--accent>thead th{color:rgb(37.9294117647%, 17.7411764706%, 72.4941176471%)}[data-fanui-theme=dark] .fanui-table--accent>thead th{color:var(--fanui-accent-ink, rgb(65.0666666667%, 47.4666666667%, 95.2%))}.fanui-table--success{--fanui-table-head-bg: rgba(4, 120, 87, 0.1)}.fanui-table--success>thead th{color:rgb(1.2235294118%, 36.7058823529%, 26.6117647059%)}[data-fanui-theme=dark] .fanui-table--success>thead th{color:var(--fanui-success-ink, rgb(33.0666666667%, 64%, 55.2%))}.fanui-table--warning{--fanui-table-head-bg: rgba(180, 83, 9, 0.1)}.fanui-table--warning>thead th{color:rgb(55.0588235294%, 25.3882352941%, 2.7529411765%)}[data-fanui-theme=dark] .fanui-table--warning>thead th{color:var(--fanui-warning-ink, rgb(80%, 54.1333333333%, 34.4%))}.fanui-table--danger{--fanui-table-head-bg: rgba(185, 28, 28, 0.1)}.fanui-table--danger>thead th{color:rgb(56.5882352941%, 8.5647058824%, 8.5647058824%)}[data-fanui-theme=dark] .fanui-table--danger>thead th{color:var(--fanui-danger-ink, rgb(81.3333333333%, 39.4666666667%, 39.4666666667%))}.fanui-table--info{--fanui-table-head-bg: rgba(3, 105, 161, 0.1)}.fanui-table--info>thead th{color:rgb(0.9176470588%, 32.1176470588%, 49.2470588235%)}[data-fanui-theme=dark] .fanui-table--info>thead th{color:var(--fanui-info-ink, rgb(32.8%, 60%, 74.9333333333%))}.fanui-table--selected-row,.fanui-table>tbody>tr.is-selected>td{background-color:var(--fanui-primary-soft) !important}.fanui-table>tbody>tr.is-disabled{opacity:.55}.fanui-table>tbody>tr.is-danger>td{background-color:rgba(185,28,28,.07)}.fanui-table>tbody>tr.is-success>td{background-color:rgba(4,120,87,.07)}.fanui-table>tbody>tr.is-warning>td{background-color:rgba(180,83,9,.09)}.fanui-table__actions{display:flex;align-items:center;gap:var(--fanui-space-2);white-space:nowrap}.fanui-table__num{text-align:end;font-variant-numeric:tabular-nums}.fanui-table__checkbox{width:1%;white-space:nowrap;padding-inline-end:0}.fanui-table__empty{padding:var(--fanui-space-12) var(--fanui-space-4);text-align:center;color:var(--fanui-color-text-muted);font-size:var(--fanui-font-size-base)}.fanui-table__empty-icon{display:block;margin:0 auto var(--fanui-space-3);font-size:32px;opacity:.5}.fanui-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-4);padding:var(--fanui-space-3) var(--fanui-space-4);border-top:1px solid var(--fanui-color-border);background-color:var(--fanui-color-surface);flex-wrap:wrap}.fanui-table-toolbar__info{font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-badge{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:20px;padding:0 8px;font-size:var(--fanui-font-size-xs);font-weight:500;line-height:1;white-space:nowrap;vertical-align:middle;color:var(--fanui-color-text-inverse);background-color:var(--fanui-color-text-muted);border:1px solid rgba(0,0,0,0);border-radius:var(--fanui-radius-sm);box-sizing:border-box}.fanui-badge--pill{border-radius:9999px;padding:0 8px}.fanui-badge--square{border-radius:var(--fanui-radius-sm)}.fanui-badge--circle{width:20px;padding:0;border-radius:50%;font-variant-numeric:tabular-nums}.fanui-badge--xs{height:16px;padding:0 6px;font-size:10px}.fanui-badge--sm{height:18px;padding:0 7px;font-size:11px}.fanui-badge--md{height:22px;padding:0 9px;font-size:var(--fanui-font-size-xs)}.fanui-badge--lg{height:26px;padding:0 11px;font-size:var(--fanui-font-size-sm)}.fanui-badge__dot{width:6px;height:6px;border-radius:50%;background-color:currentColor;flex:0 0 auto}.fanui-badge__count{font-variant-numeric:tabular-nums}.fanui-badge--primary{background-color:var(--fanui-primary, #0e7490);color:var(--fanui-primary-fg, #ffffff);border-color:rgba(0,0,0,0)}.fanui-badge--soft.fanui-badge--primary{background-color:var(--fanui-primary-soft);color:var(--fanui-primary);border-color:var(--fanui-primary-border)}[data-fanui-theme=dark] .fanui-badge--soft.fanui-badge--primary{color:var(--fanui-primary-ink, rgb(33.8431372549%, 61.8431372549%, 69.5294117647%))}.fanui-badge--outline.fanui-badge--primary{background-color:rgba(0,0,0,0);color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-badge--dot.fanui-badge--primary{background-color:var(--fanui-primary)}.fanui-badge--accent{background-color:var(--fanui-accent, #7c3aed);color:var(--fanui-accent-fg, #ffffff);border-color:rgba(0,0,0,0)}.fanui-badge--soft.fanui-badge--accent{background-color:var(--fanui-accent-soft);color:var(--fanui-accent);border-color:var(--fanui-accent-border)}[data-fanui-theme=dark] .fanui-badge--soft.fanui-badge--accent{color:var(--fanui-accent-ink, rgb(64.0392156863%, 45.9215686275%, 95.0588235294%))}.fanui-badge--outline.fanui-badge--accent{background-color:rgba(0,0,0,0);color:var(--fanui-accent);border-color:var(--fanui-accent)}.fanui-badge--dot.fanui-badge--accent{background-color:var(--fanui-accent)}.fanui-badge--success{background-color:var(--fanui-success, #047857);color:var(--fanui-success-fg, #ffffff);border-color:rgba(0,0,0,0)}.fanui-badge--soft.fanui-badge--success{background-color:var(--fanui-success-soft);color:var(--fanui-success);border-color:var(--fanui-success-border)}[data-fanui-theme=dark] .fanui-badge--soft.fanui-badge--success{color:var(--fanui-success-ink, rgb(31.0980392157%, 62.9411764706%, 53.8823529412%))}.fanui-badge--outline.fanui-badge--success{background-color:rgba(0,0,0,0);color:var(--fanui-success);border-color:var(--fanui-success)}.fanui-badge--dot.fanui-badge--success{background-color:var(--fanui-success)}.fanui-badge--warning{background-color:var(--fanui-warning, #b45309);color:var(--fanui-warning-fg, #ffffff);border-color:rgba(0,0,0,0)}.fanui-badge--soft.fanui-badge--warning{background-color:var(--fanui-warning-soft);color:var(--fanui-warning);border-color:var(--fanui-warning-border)}[data-fanui-theme=dark] .fanui-badge--soft.fanui-badge--warning{color:var(--fanui-warning-ink, rgb(79.4117647059%, 52.7843137255%, 32.4705882353%))}.fanui-badge--outline.fanui-badge--warning{background-color:rgba(0,0,0,0);color:var(--fanui-warning);border-color:var(--fanui-warning)}.fanui-badge--dot.fanui-badge--warning{background-color:var(--fanui-warning)}.fanui-badge--danger{background-color:var(--fanui-danger, #b91c1c);color:var(--fanui-danger-fg, #ffffff);border-color:rgba(0,0,0,0)}.fanui-badge--soft.fanui-badge--danger{background-color:var(--fanui-danger-soft);color:var(--fanui-danger);border-color:var(--fanui-danger-border)}[data-fanui-theme=dark] .fanui-badge--soft.fanui-badge--danger{color:var(--fanui-danger-ink, rgb(80.7843137255%, 37.6862745098%, 37.6862745098%))}.fanui-badge--outline.fanui-badge--danger{background-color:rgba(0,0,0,0);color:var(--fanui-danger);border-color:var(--fanui-danger)}.fanui-badge--dot.fanui-badge--danger{background-color:var(--fanui-danger)}.fanui-badge--info{background-color:var(--fanui-info, #0369a1);color:var(--fanui-info-fg, #ffffff);border-color:rgba(0,0,0,0)}.fanui-badge--soft.fanui-badge--info{background-color:var(--fanui-info-soft);color:var(--fanui-info);border-color:var(--fanui-info-border)}[data-fanui-theme=dark] .fanui-badge--soft.fanui-badge--info{color:var(--fanui-info-ink, rgb(30.8235294118%, 58.8235294118%, 74.1960784314%))}.fanui-badge--outline.fanui-badge--info{background-color:rgba(0,0,0,0);color:var(--fanui-info);border-color:var(--fanui-info)}.fanui-badge--dot.fanui-badge--info{background-color:var(--fanui-info)}.fanui-badge--neutral,.fanui-badge--gray{background-color:var(--fanui-color-text-muted);color:var(--fanui-color-text-inverse);border-color:rgba(0,0,0,0)}.fanui-badge--soft.fanui-badge--neutral,.fanui-badge--soft.fanui-badge--gray{background-color:var(--fanui-color-surface-sunken);color:var(--fanui-color-text-muted);border-color:var(--fanui-color-border)}.fanui-badge--dot{width:8px;height:8px;min-width:8px;padding:0;border-radius:50%;background-color:var(--fanui-color-text-muted);border:0}.fanui-badge--dot.fanui-badge--lg{width:10px;height:10px;min-width:10px}.fanui-badge--dot.fanui-badge--sm{width:6px;height:6px;min-width:6px}.fanui-badge--dot--pulse{position:relative}.fanui-badge--dot--pulse::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background-color:inherit;animation:fanui-pulse 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite}.fanui-badge-sup{position:absolute;top:0;right:0;transform:translate(50%, -50%);z-index:1;transform-origin:100% 0}.fanui-badge-sup--dot{width:8px;height:8px;padding:0;border-radius:50%;transform:translate(35%, -35%)}.fanui-badge-sup--bordered{border:2px solid var(--fanui-color-surface)}.fanui-badge-wrap{position:relative;display:inline-flex}.fanui-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;font-size:var(--fanui-font-size-sm);line-height:1;color:var(--fanui-color-text);background-color:var(--fanui-color-surface-sunken);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-base);box-sizing:border-box;white-space:nowrap;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-tag--pill{border-radius:9999px}.fanui-tag--solid{background-color:var(--fanui-color-text);color:var(--fanui-color-surface);border-color:rgba(0,0,0,0)}.fanui-tag--outline{background-color:rgba(0,0,0,0)}.fanui-tag__close{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin-inline-end:-2px;padding:0;font-size:12px;line-height:1;color:var(--fanui-color-text-subtle);background:none;border:0;border-radius:50%;cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-tag__close:hover{color:var(--fanui-color-text-strong);background-color:rgba(15,23,42,.12)}.fanui-tag--interactive{cursor:pointer}.fanui-tag--interactive:hover{border-color:var(--fanui-color-border-strong);background-color:var(--fanui-color-hover)}.fanui-tag--selected{background-color:var(--fanui-primary-soft);border-color:var(--fanui-primary);color:var(--fanui-primary)}.fanui-tag--primary{background-color:var(--fanui-primary-soft);border-color:var(--fanui-primary-border);color:var(--fanui-primary)}.fanui-tag--accent{background-color:var(--fanui-accent-soft);border-color:var(--fanui-accent-border);color:var(--fanui-accent)}.fanui-tag--success{background-color:var(--fanui-success-soft);border-color:var(--fanui-success-border);color:var(--fanui-success)}.fanui-tag--warning{background-color:var(--fanui-warning-soft);border-color:var(--fanui-warning-border);color:var(--fanui-warning)}.fanui-tag--danger{background-color:var(--fanui-danger-soft);border-color:var(--fanui-danger-border);color:var(--fanui-danger)}.fanui-tag--info{background-color:var(--fanui-info-soft);border-color:var(--fanui-info-border);color:var(--fanui-info)}.fanui-tag-list{display:flex;flex-wrap:wrap;gap:var(--fanui-space-2)}.fanui-status{display:inline-flex;align-items:center;gap:6px;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-status__dot{width:6px;height:6px;border-radius:50%;background-color:var(--fanui-color-text-muted);flex:0 0 auto}.fanui-status--online{color:var(--fanui-success)}.fanui-status--online .fanui-status__dot{background-color:var(--fanui-success)}.fanui-status--offline{color:var(--fanui-color-text-subtle)}.fanui-status--offline .fanui-status__dot{background-color:var(--fanui-color-text-subtle)}.fanui-status--busy{color:var(--fanui-danger)}.fanui-status--busy .fanui-status__dot{background-color:var(--fanui-danger)}.fanui-status--away{color:var(--fanui-warning)}.fanui-status--away .fanui-status__dot{background-color:var(--fanui-warning)}.fanui-alert{position:relative;display:flex;align-items:flex-start;gap:var(--fanui-space-3);padding:var(--fanui-space-3) var(--fanui-space-4);font-size:var(--fanui-font-size-base);line-height:1.6;color:var(--fanui-color-text);background-color:var(--fanui-color-surface-sunken);border:1px solid var(--fanui-color-border);border-inline-start:3px solid var(--fanui-color-text-subtle);border-radius:var(--fanui-radius-md);box-sizing:border-box;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-alert.is-hidden,.fanui-alert[hidden]{display:none}.fanui-alert__icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-top:1px;font-size:16px;line-height:1}.fanui-alert__content{flex:1 1 auto;min-width:0}.fanui-alert__title{margin:0 0 2px;font-size:var(--fanui-font-size-base);font-weight:600;line-height:1.5;color:var(--fanui-color-text-strong)}.fanui-alert__desc{margin:0;font-size:var(--fanui-font-size-base);color:var(--fanui-color-text-muted);word-break:break-word}.fanui-alert__actions{margin-top:var(--fanui-space-3);display:flex;align-items:center;gap:var(--fanui-space-2)}.fanui-alert__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin:-2px -4px 0 0;padding:0;font-size:14px;line-height:1;color:inherit;opacity:.6;background:none;border:0;border-radius:var(--fanui-radius-sm);cursor:pointer;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-alert__close:hover{opacity:1;background-color:rgba(15,23,42,.08)}.fanui-alert__close:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-alert__close:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-alert ul,.fanui-alert ol{margin:var(--fanui-space-2) 0 0;padding-inline-start:1.25em;color:var(--fanui-color-text-muted)}.fanui-alert--primary{background-color:var(--fanui-primary-soft, rgba(14, 116, 144, 0.1));border-color:var(--fanui-primary-border, rgba(14, 116, 144, 0.28));border-left-color:var(--fanui-primary, #0e7490)}.fanui-alert--primary .fanui-alert__icon{color:var(--fanui-primary, #0e7490)}.fanui-alert--primary .fanui-alert__title{color:rgb(4.062745098%, 33.662745098%, 41.7882352941%)}.fanui-alert--primary .fanui-alert__desc{color:rgb(4.831372549%, 40.031372549%, 49.6941176471%)}[data-fanui-theme=dark] .fanui-alert--primary{background-color:rgba(14, 116, 144, 0.16);border-color:rgba(14, 116, 144, 0.34)}[data-fanui-theme=dark] .fanui-alert--primary .fanui-alert__title{color:var(--fanui-primary-ink, rgb(35.7333333333%, 62.9333333333%, 70.4%))}[data-fanui-theme=dark] .fanui-alert--primary .fanui-alert__desc{color:var(--fanui-primary, rgb(16.831372549%, 52.031372549%, 61.6941176471%))}.fanui-alert--solid.fanui-alert--primary{background-color:var(--fanui-primary, #0e7490);border-color:var(--fanui-primary, #0e7490);border-left-color:rgb(4.1176470588%, 34.1176470588%, 42.3529411765%);color:var(--fanui-primary-fg, #ffffff)}.fanui-alert--solid.fanui-alert--primary .fanui-alert__title,.fanui-alert--solid.fanui-alert--primary .fanui-alert__desc,.fanui-alert--solid.fanui-alert--primary .fanui-alert__icon{color:inherit}.fanui-alert--solid.fanui-alert--primary .fanui-alert__desc{opacity:.88}.fanui-alert--outline.fanui-alert--primary{background-color:rgba(0,0,0,0);border-color:rgba(14, 116, 144, 0.45);border-left-color:var(--fanui-primary, #0e7490)}.fanui-alert--outline.fanui-alert--primary .fanui-alert__icon{color:var(--fanui-primary, #0e7490)}.fanui-alert--accent{background-color:var(--fanui-accent-soft, rgba(124, 58, 237, 0.1));border-color:var(--fanui-accent-border, rgba(124, 58, 237, 0.28));border-left-color:var(--fanui-accent, #7c3aed)}.fanui-alert--accent .fanui-alert__icon{color:var(--fanui-accent, #7c3aed)}.fanui-alert--accent .fanui-alert__title{color:rgb(35.9843137255%, 16.831372549%, 68.7764705882%)}.fanui-alert--accent .fanui-alert__desc{color:rgb(42.7921568627%, 20.0156862745%, 81.7882352941%)}[data-fanui-theme=dark] .fanui-alert--accent{background-color:rgba(124, 58, 237, 0.16);border-color:rgba(124, 58, 237, 0.34)}[data-fanui-theme=dark] .fanui-alert--accent .fanui-alert__title{color:var(--fanui-accent-ink, rgb(65.0666666667%, 47.4666666667%, 95.2%))}[data-fanui-theme=dark] .fanui-alert--accent .fanui-alert__desc{color:var(--fanui-accent, rgb(54.7921568627%, 32.0156862745%, 93.7882352941%))}.fanui-alert--solid.fanui-alert--accent{background-color:var(--fanui-accent, #7c3aed);border-color:var(--fanui-accent, #7c3aed);border-left-color:rgb(36.4705882353%, 17.0588235294%, 69.7058823529%);color:var(--fanui-accent-fg, #ffffff)}.fanui-alert--solid.fanui-alert--accent .fanui-alert__title,.fanui-alert--solid.fanui-alert--accent .fanui-alert__desc,.fanui-alert--solid.fanui-alert--accent .fanui-alert__icon{color:inherit}.fanui-alert--solid.fanui-alert--accent .fanui-alert__desc{opacity:.88}.fanui-alert--outline.fanui-alert--accent{background-color:rgba(0,0,0,0);border-color:rgba(124, 58, 237, 0.45);border-left-color:var(--fanui-accent, #7c3aed)}.fanui-alert--outline.fanui-alert--accent .fanui-alert__icon{color:var(--fanui-accent, #7c3aed)}.fanui-alert--success{background-color:var(--fanui-success-soft, rgba(4, 120, 87, 0.1));border-color:var(--fanui-success-border, rgba(4, 120, 87, 0.28));border-left-color:var(--fanui-success, #047857)}.fanui-alert--success .fanui-alert__icon{color:var(--fanui-success, #047857)}.fanui-alert--success .fanui-alert__title{color:rgb(1.1607843137%, 34.8235294118%, 25.2470588235%)}.fanui-alert--success .fanui-alert__desc{color:rgb(1.3803921569%, 41.4117647059%, 30.0235294118%)}[data-fanui-theme=dark] .fanui-alert--success{background-color:rgba(4, 120, 87, 0.16);border-color:rgba(4, 120, 87, 0.34)}[data-fanui-theme=dark] .fanui-alert--success .fanui-alert__title{color:var(--fanui-success-ink, rgb(33.0666666667%, 64%, 55.2%))}[data-fanui-theme=dark] .fanui-alert--success .fanui-alert__desc{color:var(--fanui-success, rgb(13.3803921569%, 53.4117647059%, 42.0235294118%))}.fanui-alert--solid.fanui-alert--success{background-color:var(--fanui-success, #047857);border-color:var(--fanui-success, #047857);border-left-color:rgb(1.1764705882%, 35.2941176471%, 25.5882352941%);color:var(--fanui-success-fg, #ffffff)}.fanui-alert--solid.fanui-alert--success .fanui-alert__title,.fanui-alert--solid.fanui-alert--success .fanui-alert__desc,.fanui-alert--solid.fanui-alert--success .fanui-alert__icon{color:inherit}.fanui-alert--solid.fanui-alert--success .fanui-alert__desc{opacity:.88}.fanui-alert--outline.fanui-alert--success{background-color:rgba(0,0,0,0);border-color:rgba(4, 120, 87, 0.45);border-left-color:var(--fanui-success, #047857)}.fanui-alert--outline.fanui-alert--success .fanui-alert__icon{color:var(--fanui-success, #047857)}.fanui-alert--warning{background-color:var(--fanui-warning-soft, rgba(180, 83, 9, 0.1));border-color:var(--fanui-warning-border, rgba(180, 83, 9, 0.28));border-left-color:var(--fanui-warning, #b45309)}.fanui-alert--warning .fanui-alert__icon{color:var(--fanui-warning, #b45309)}.fanui-alert--warning .fanui-alert__title{color:rgb(52.2352941176%, 24.0862745098%, 2.6117647059%)}.fanui-alert--warning .fanui-alert__desc{color:rgb(62.1176470588%, 28.6431372549%, 3.1058823529%)}[data-fanui-theme=dark] .fanui-alert--warning{background-color:rgba(180, 83, 9, 0.16);border-color:rgba(180, 83, 9, 0.34)}[data-fanui-theme=dark] .fanui-alert--warning .fanui-alert__title{color:var(--fanui-warning-ink, rgb(80%, 54.1333333333%, 34.4%))}[data-fanui-theme=dark] .fanui-alert--warning .fanui-alert__desc{color:var(--fanui-warning, rgb(74.1176470588%, 40.6431372549%, 15.1058823529%))}.fanui-alert--solid.fanui-alert--warning{background-color:var(--fanui-warning, #b45309);border-color:var(--fanui-warning, #b45309);border-left-color:rgb(52.9411764706%, 24.4117647059%, 2.6470588235%);color:var(--fanui-warning-fg, #ffffff)}.fanui-alert--solid.fanui-alert--warning .fanui-alert__title,.fanui-alert--solid.fanui-alert--warning .fanui-alert__desc,.fanui-alert--solid.fanui-alert--warning .fanui-alert__icon{color:inherit}.fanui-alert--solid.fanui-alert--warning .fanui-alert__desc{opacity:.88}.fanui-alert--outline.fanui-alert--warning{background-color:rgba(0,0,0,0);border-color:rgba(180, 83, 9, 0.45);border-left-color:var(--fanui-warning, #b45309)}.fanui-alert--outline.fanui-alert--warning .fanui-alert__icon{color:var(--fanui-warning, #b45309)}.fanui-alert--danger{background-color:var(--fanui-danger-soft, rgba(185, 28, 28, 0.1));border-color:var(--fanui-danger-border, rgba(185, 28, 28, 0.28));border-left-color:var(--fanui-danger, #b91c1c)}.fanui-alert--danger .fanui-alert__icon{color:var(--fanui-danger, #b91c1c)}.fanui-alert--danger .fanui-alert__title{color:rgb(53.6862745098%, 8.1254901961%, 8.1254901961%)}.fanui-alert--danger .fanui-alert__desc{color:rgb(63.8431372549%, 9.662745098%, 9.662745098%)}[data-fanui-theme=dark] .fanui-alert--danger{background-color:rgba(185, 28, 28, 0.16);border-color:rgba(185, 28, 28, 0.34)}[data-fanui-theme=dark] .fanui-alert--danger .fanui-alert__title{color:var(--fanui-danger-ink, rgb(81.3333333333%, 39.4666666667%, 39.4666666667%))}[data-fanui-theme=dark] .fanui-alert--danger .fanui-alert__desc{color:var(--fanui-danger, rgb(75.8431372549%, 21.662745098%, 21.662745098%))}.fanui-alert--solid.fanui-alert--danger{background-color:var(--fanui-danger, #b91c1c);border-color:var(--fanui-danger, #b91c1c);border-left-color:rgb(54.4117647059%, 8.2352941176%, 8.2352941176%);color:var(--fanui-danger-fg, #ffffff)}.fanui-alert--solid.fanui-alert--danger .fanui-alert__title,.fanui-alert--solid.fanui-alert--danger .fanui-alert__desc,.fanui-alert--solid.fanui-alert--danger .fanui-alert__icon{color:inherit}.fanui-alert--solid.fanui-alert--danger .fanui-alert__desc{opacity:.88}.fanui-alert--outline.fanui-alert--danger{background-color:rgba(0,0,0,0);border-color:rgba(185, 28, 28, 0.45);border-left-color:var(--fanui-danger, #b91c1c)}.fanui-alert--outline.fanui-alert--danger .fanui-alert__icon{color:var(--fanui-danger, #b91c1c)}.fanui-alert--info{background-color:var(--fanui-info-soft, rgba(3, 105, 161, 0.1));border-color:var(--fanui-info-border, rgba(3, 105, 161, 0.28));border-left-color:var(--fanui-info, #0369a1)}.fanui-alert--info .fanui-alert__icon{color:var(--fanui-info, #0369a1)}.fanui-alert--info .fanui-alert__title{color:rgb(0.8705882353%, 30.4705882353%, 46.7215686275%)}.fanui-alert--info .fanui-alert__desc{color:rgb(1.0352941176%, 36.2352941176%, 55.5607843137%)}[data-fanui-theme=dark] .fanui-alert--info{background-color:rgba(3, 105, 161, 0.16);border-color:rgba(3, 105, 161, 0.34)}[data-fanui-theme=dark] .fanui-alert--info .fanui-alert__title{color:var(--fanui-info-ink, rgb(32.8%, 60%, 74.9333333333%))}[data-fanui-theme=dark] .fanui-alert--info .fanui-alert__desc{color:var(--fanui-info, rgb(13.0352941176%, 48.2352941176%, 67.5607843137%))}.fanui-alert--solid.fanui-alert--info{background-color:var(--fanui-info, #0369a1);border-color:var(--fanui-info, #0369a1);border-left-color:rgb(0.8823529412%, 30.8823529412%, 47.3529411765%);color:var(--fanui-info-fg, #ffffff)}.fanui-alert--solid.fanui-alert--info .fanui-alert__title,.fanui-alert--solid.fanui-alert--info .fanui-alert__desc,.fanui-alert--solid.fanui-alert--info .fanui-alert__icon{color:inherit}.fanui-alert--solid.fanui-alert--info .fanui-alert__desc{opacity:.88}.fanui-alert--outline.fanui-alert--info{background-color:rgba(0,0,0,0);border-color:rgba(3, 105, 161, 0.45);border-left-color:var(--fanui-info, #0369a1)}.fanui-alert--outline.fanui-alert--info .fanui-alert__icon{color:var(--fanui-info, #0369a1)}.fanui-alert--sm{padding:var(--fanui-space-2) var(--fanui-space-3);font-size:var(--fanui-font-size-sm)}.fanui-alert--sm .fanui-alert__icon{width:16px;height:16px;font-size:14px}.fanui-alert--lg{padding:var(--fanui-space-4) var(--fanui-space-5)}.fanui-alert--lg .fanui-alert__title{font-size:var(--fanui-font-size-md)}.fanui-alert--center{align-items:center;text-align:center;flex-direction:column}.fanui-alert--center .fanui-alert__icon{margin-top:0}.fanui-alert--flat{border-radius:0;border-inline-start-width:0;border-top-width:0;border-inline-end-width:0}.fanui-alert--bordered-all{border-inline-start-width:1px}.fanui-alert--banner{border-radius:0;border-width:0 0 1px 0;border-inline-start-width:0;padding:var(--fanui-space-3) var(--fanui-container-px, 16px);justify-content:center}.fanui-alert--banner .fanui-alert__content{flex:0 1 auto;display:flex;align-items:center;gap:var(--fanui-space-2);flex-wrap:wrap}.fanui-alert--inline{display:inline-flex;padding:4px 10px;font-size:var(--fanui-font-size-sm);border-radius:var(--fanui-radius-full);border-inline-start-width:1px}.fanui-toast-region{position:fixed;top:var(--fanui-space-5);left:50%;transform:translateX(-50%);z-index:var(--fanui-z-toast, 1090);display:flex;flex-direction:column;align-items:center;gap:var(--fanui-space-3);pointer-events:none;max-width:min(92vw,480px)}.fanui-toast-region--top-right{left:auto;right:var(--fanui-space-5);transform:none;align-items:flex-end}.fanui-toast-region--top-left{left:var(--fanui-space-5);transform:none;align-items:flex-start}.fanui-toast-region--bottom{top:auto;bottom:var(--fanui-space-5)}.fanui-toast-region--bottom-right{top:auto;bottom:var(--fanui-space-5);left:auto;right:var(--fanui-space-5);transform:none;align-items:flex-end}.fanui-toast{display:flex;align-items:center;gap:var(--fanui-space-3);padding:var(--fanui-space-3) var(--fanui-space-4);min-width:220px;pointer-events:none;font-size:var(--fanui-font-size-base);color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);box-shadow:var(--fanui-shadow-lg);animation:fanui-toast-in 200ms cubic-bezier(0, 0, 0.2, 1) both}.fanui-toast--interactive{pointer-events:auto}.fanui-toast__icon{flex:0 0 auto;display:flex;font-size:16px}.fanui-toast__content{flex:1 1 auto;min-width:0}.fanui-toast__title{font-weight:600;color:var(--fanui-color-text-strong)}.fanui-toast__desc{font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-toast__actions{display:flex;gap:var(--fanui-space-2);margin-inline-start:var(--fanui-space-2);flex:0 0 auto}.fanui-toast.is-leaving{animation:fanui-fade-out 200ms cubic-bezier(0.4, 0, 1, 1) both}.fanui-toast--primary{border-inline-start:3px solid var(--fanui-primary, #0e7490)}.fanui-toast--primary .fanui-toast__icon{color:var(--fanui-primary, #0e7490)}.fanui-toast--accent{border-inline-start:3px solid var(--fanui-accent, #7c3aed)}.fanui-toast--accent .fanui-toast__icon{color:var(--fanui-accent, #7c3aed)}.fanui-toast--success{border-inline-start:3px solid var(--fanui-success, #047857)}.fanui-toast--success .fanui-toast__icon{color:var(--fanui-success, #047857)}.fanui-toast--warning{border-inline-start:3px solid var(--fanui-warning, #b45309)}.fanui-toast--warning .fanui-toast__icon{color:var(--fanui-warning, #b45309)}.fanui-toast--danger{border-inline-start:3px solid var(--fanui-danger, #b91c1c)}.fanui-toast--danger .fanui-toast__icon{color:var(--fanui-danger, #b91c1c)}.fanui-toast--info{border-inline-start:3px solid var(--fanui-info, #0369a1)}.fanui-toast--info .fanui-toast__icon{color:var(--fanui-info, #0369a1)}.fanui-toast--solid{background-color:var(--fanui-color-text-strong);color:var(--fanui-color-surface);border-color:rgba(0,0,0,0)}.fanui-toast--solid .fanui-toast__title{color:inherit}.fanui-toast--solid .fanui-toast__desc{color:rgba(255,255,255,.72)}.fanui-navbar{--fanui-navbar-height: 56px;--fanui-navbar-bg: var(--fanui-color-surface);--fanui-navbar-border: var(--fanui-color-border);position:relative;display:flex;align-items:center;gap:var(--fanui-space-4);min-height:var(--fanui-navbar-height);padding:0 var(--fanui-container-px, 16px);background-color:var(--fanui-navbar-bg);border-bottom:1px solid var(--fanui-navbar-border);box-sizing:border-box;z-index:var(--fanui-z-sticky, 1020)}.fanui-navbar--sticky{position:sticky;top:0}.fanui-navbar--fixed{position:fixed;top:0;right:0;left:0}.fanui-navbar--glass{background-color:rgba(255,255,255,.78);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border-bottom-color:rgba(15,23,42,.06)}:root[data-fanui-theme=dark] .fanui-navbar--glass{background-color:rgba(15,23,42,.72);backdrop-filter:blur(14px) saturate(180%);-webkit-backdrop-filter:blur(14px) saturate(180%);border-bottom-color:rgba(255,255,255,.08)}.fanui-navbar--dark{--fanui-navbar-bg: #0f172a;--fanui-navbar-border: rgba(255, 255, 255, 0.08);color:#f1f5f9}.fanui-navbar--borderless{border-bottom-color:rgba(0,0,0,0)}.fanui-navbar__inner{display:flex;align-items:center;gap:var(--fanui-space-4);width:100%;max-width:var(--fanui-navbar-max-width, none);margin:0 auto}.fanui-navbar__brand{display:inline-flex;align-items:center;gap:var(--fanui-space-2);flex:0 0 auto;font-size:var(--fanui-font-size-md);font-weight:700;color:var(--fanui-color-text-strong);text-decoration:none;white-space:nowrap;letter-spacing:-0.01em}.fanui-navbar__brand:hover{text-decoration:none}.fanui-navbar__brand img,.fanui-navbar__brand svg{height:24px;width:auto}.fanui-navbar__menu{display:flex;align-items:center;gap:var(--fanui-space-1);flex:1 1 auto;min-width:0}.fanui-navbar__actions{display:flex;align-items:center;gap:var(--fanui-space-2);flex:0 0 auto;margin-inline-start:auto}.fanui-navbar__toggle{display:none;flex:0 0 auto}@media(max-width: 767.95px){.fanui-navbar__toggle{display:inline-flex}}.fanui-navbar__divider{width:1px;height:20px;background-color:var(--fanui-color-border);flex:0 0 auto}@media(max-width: 767.95px){.fanui-navbar__menu{display:none}.fanui-navbar__menu.is-open{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;padding:var(--fanui-space-2);background-color:var(--fanui-color-surface);border-bottom:1px solid var(--fanui-color-border);box-shadow:var(--fanui-shadow-lg)}}.fanui-nav{display:flex;align-items:center;gap:var(--fanui-space-1);list-style:none;margin:0;padding:0}.fanui-nav--vertical{flex-direction:column;align-items:stretch}.fanui-nav--pill{padding:3px;background-color:var(--fanui-color-surface-sunken);border-radius:var(--fanui-radius-md)}.fanui-nav--underline{gap:var(--fanui-space-5)}.fanui-nav__item{position:relative;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;font-size:var(--fanui-font-size-base);font-weight:500;line-height:1.4;color:var(--fanui-color-text-muted);text-decoration:none;border-radius:var(--fanui-radius-base);cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-nav__item:hover{color:var(--fanui-color-text-strong);background-color:var(--fanui-color-hover);text-decoration:none}.fanui-nav__item:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-nav__item:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-nav__item.is-active,.fanui-nav__item[aria-current=page]{color:var(--fanui-primary);background-color:var(--fanui-primary-soft);font-weight:600}.fanui-nav__item.is-disabled,.fanui-nav__item[aria-disabled=true]{color:var(--fanui-color-disabled-text);pointer-events:none;cursor:not-allowed}.fanui-nav__item__icon{display:inline-flex;flex:0 0 auto;font-size:1.1em;line-height:1}.fanui-nav__item__badge{margin-inline-start:auto}.fanui-nav--underline .fanui-nav__item{padding:10px 0;background:none;border-radius:0}.fanui-nav--underline .fanui-nav__item:hover{background:none}.fanui-nav--underline .fanui-nav__item::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background-color:rgba(0,0,0,0);border-radius:2px;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-nav--underline .fanui-nav__item.is-active::after,.fanui-nav--underline .fanui-nav__item[aria-current=page]::after{background-color:var(--fanui-primary)}.fanui-nav--vertical .fanui-nav__item{width:100%;justify-content:flex-start}.fanui-nav--pill .fanui-nav__item.is-active{color:var(--fanui-color-text-strong);background-color:var(--fanui-color-surface);box-shadow:var(--fanui-shadow-xs)}.fanui-nav__item--sm{padding:5px 9px;font-size:var(--fanui-font-size-sm)}.fanui-nav__item--lg{padding:11px 16px;font-size:var(--fanui-font-size-md)}.fanui-sidebar{--fanui-sidebar-width: 240px;display:flex;flex-direction:column;width:var(--fanui-sidebar-width);flex:0 0 auto;padding:var(--fanui-space-4) var(--fanui-space-3);gap:var(--fanui-space-1);background-color:var(--fanui-color-surface);border-inline-end:1px solid var(--fanui-color-border);box-sizing:border-box;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-sidebar::-webkit-scrollbar{width:8px;height:8px}.fanui-sidebar::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-sidebar::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-sidebar::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-sidebar--end{border-inline-end:0;border-inline-start:1px solid var(--fanui-color-border)}.fanui-sidebar--sunken{background-color:var(--fanui-color-surface-sunken)}.fanui-sidebar--bordered-none{border:0}.fanui-sidebar__section{margin-top:var(--fanui-space-4)}.fanui-sidebar__section:first-child{margin-top:0}.fanui-sidebar__title{padding:var(--fanui-space-2) var(--fanui-space-3);font-size:var(--fanui-font-size-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--fanui-color-text-subtle)}.fanui-sidebar__item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:var(--fanui-font-size-base);color:var(--fanui-color-text-muted);text-decoration:none;border-radius:var(--fanui-radius-base);cursor:pointer;box-sizing:border-box;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-sidebar__item:hover{color:var(--fanui-color-text-strong);background-color:var(--fanui-color-hover);text-decoration:none}.fanui-sidebar__item.is-active{color:var(--fanui-primary);background-color:var(--fanui-primary-soft);font-weight:600}.fanui-sidebar__item__icon{flex:0 0 auto;display:inline-flex;width:18px;justify-content:center}.fanui-sidebar__item__text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-sidebar__item__badge{flex:0 0 auto}.fanui-sidebar__item__arrow{flex:0 0 auto;font-size:12px;opacity:.6;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-sidebar__item[aria-expanded=true] .fanui-sidebar__item__arrow{transform:rotate(90deg)}.fanui-sidebar__sub{display:flex;flex-direction:column;gap:2px;padding-inline-start:var(--fanui-space-6);margin-top:2px}.fanui-sidebar--collapsed{--fanui-sidebar-width: 64px}.fanui-sidebar--collapsed .fanui-sidebar__item{justify-content:center;padding:10px 0}.fanui-sidebar--collapsed .fanui-sidebar__item__text,.fanui-sidebar--collapsed .fanui-sidebar__title,.fanui-sidebar--collapsed .fanui-sidebar__item__badge,.fanui-sidebar--collapsed .fanui-sidebar__item__arrow{display:none}.fanui-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fanui-space-2);list-style:none;margin:0;padding:0;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-breadcrumb__item{display:inline-flex;align-items:center;gap:var(--fanui-space-2)}.fanui-breadcrumb__item a{color:var(--fanui-color-text-muted);text-decoration:none}.fanui-breadcrumb__item a:hover{color:var(--fanui-primary);text-decoration:none}.fanui-breadcrumb__item+.fanui-breadcrumb__item::before,.fanui-breadcrumb__separator{content:"/";color:var(--fanui-color-text-subtle);user-select:none}.fanui-breadcrumb__item.is-active,.fanui-breadcrumb__item[aria-current=page]{color:var(--fanui-color-text-strong);font-weight:500}.fanui-breadcrumb--arrow .fanui-breadcrumb__separator{content:"›"}.fanui-breadcrumb--chevron .fanui-breadcrumb__item+.fanui-breadcrumb__item::before{content:"›"}.fanui-menu{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0;min-width:160px}.fanui-menu__item{display:flex;align-items:center;gap:10px;padding:7px 12px;font-size:var(--fanui-font-size-base);color:var(--fanui-color-text);text-decoration:none;border-radius:var(--fanui-radius-base);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-menu__item:hover{background-color:var(--fanui-color-hover);text-decoration:none;color:var(--fanui-color-text-strong)}.fanui-menu__item.is-active{color:var(--fanui-primary);background-color:var(--fanui-primary-soft)}.fanui-menu__item.is-disabled{color:var(--fanui-color-disabled-text);pointer-events:none}.fanui-menu__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-menu__shortcut{flex:0 0 auto;font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle);font-family:var(--fanui-font-mono)}.fanui-menu__divider{height:1px;margin:5px 2px;background-color:var(--fanui-color-border-subtle)}.fanui-menu__group-title{padding:8px 12px 4px;font-size:var(--fanui-font-size-xs);font-weight:600;color:var(--fanui-color-text-subtle);text-transform:uppercase;letter-spacing:.05em}.fanui-menu--horizontal{flex-direction:row;align-items:center}.fanui-tabs{display:flex;flex-direction:column}.fanui-tabs__list{display:flex;align-items:center;gap:var(--fanui-space-1);position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.fanui-tabs__list::-webkit-scrollbar{display:none;width:0;height:0}.fanui-tabs__item{position:relative;display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:10px 14px;font-size:var(--fanui-font-size-base);font-weight:500;line-height:1.4;color:var(--fanui-color-text-muted);text-decoration:none;background:none;border:0;border-bottom:2px solid rgba(0,0,0,0);cursor:pointer;white-space:nowrap;box-sizing:border-box;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-tabs__item:hover{color:var(--fanui-color-text-strong);text-decoration:none}.fanui-tabs__item:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-tabs__item:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-tabs__item.is-active,.fanui-tabs__item[aria-selected=true]{color:var(--fanui-primary);border-bottom-color:var(--fanui-primary);font-weight:600}.fanui-tabs__item.is-disabled,.fanui-tabs__item:disabled{color:var(--fanui-color-disabled-text);cursor:not-allowed;pointer-events:none}.fanui-tabs__item__icon{display:inline-flex;font-size:1.05em}.fanui-tabs__item__close{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-inline-start:2px;margin-inline-end:-4px;border-radius:50%;color:inherit;opacity:.6}.fanui-tabs__item__close:hover{opacity:1;background-color:rgba(15,23,42,.1)}.fanui-tabs__panel{display:none;padding-top:var(--fanui-space-4)}.fanui-tabs__panel.is-active{display:block;animation:fanui-fade-in 200ms cubic-bezier(0, 0, 0.2, 1) both}.fanui-tabs__badge{margin-inline-start:4px}.fanui-tabs--line>.fanui-tabs__list{border-bottom:1px solid var(--fanui-color-border)}.fanui-tabs--card>.fanui-tabs__list{gap:4px;padding:4px 4px 0;border-bottom:1px solid var(--fanui-color-border)}.fanui-tabs--card>.fanui-tabs__list>.fanui-tabs__item{border:1px solid rgba(0,0,0,0);border-bottom:0;border-radius:var(--fanui-radius-base) var(--fanui-radius-base) 0 0;margin-bottom:-1px}.fanui-tabs--card>.fanui-tabs__list>.fanui-tabs__item.is-active{background-color:var(--fanui-color-surface);border-color:var(--fanui-color-border);border-bottom-color:var(--fanui-color-surface)}.fanui-tabs--pill>.fanui-tabs__list{gap:4px;padding:4px;background-color:var(--fanui-color-surface-sunken);border-radius:var(--fanui-radius-md);border-bottom:0}.fanui-tabs--pill>.fanui-tabs__list>.fanui-tabs__item{border-bottom:0;border-radius:var(--fanui-radius-base);padding:7px 14px}.fanui-tabs--pill>.fanui-tabs__list>.fanui-tabs__item.is-active{color:var(--fanui-color-text-strong);background-color:var(--fanui-color-surface);box-shadow:var(--fanui-shadow-xs)}.fanui-tabs--segmented>.fanui-tabs__list{gap:0;border-bottom:0}.fanui-tabs--segmented>.fanui-tabs__list>.fanui-tabs__item{border:1px solid var(--fanui-color-border);border-bottom:1px solid var(--fanui-color-border);border-inline-end-width:0;border-radius:0;padding:7px 16px;margin-inline-start:-1px}.fanui-tabs--segmented>.fanui-tabs__list>.fanui-tabs__item:first-child{margin-inline-start:0;border-radius:var(--fanui-radius-base) 0 0 var(--fanui-radius-base)}.fanui-tabs--segmented>.fanui-tabs__list>.fanui-tabs__item:last-child{border-inline-end-width:1px;border-radius:0 var(--fanui-radius-base) var(--fanui-radius-base) 0}.fanui-tabs--segmented>.fanui-tabs__list>.fanui-tabs__item.is-active{color:var(--fanui-primary-fg);background-color:var(--fanui-primary);border-color:var(--fanui-primary);z-index:1}.fanui-tabs--vertical{flex-direction:row;align-items:stretch;gap:var(--fanui-space-4)}.fanui-tabs--vertical>.fanui-tabs__list{flex-direction:column;align-items:stretch;border-bottom:0;border-inline-end:1px solid var(--fanui-color-border);overflow:visible;min-width:var(--fanui-tabs-aside-width, 160px)}.fanui-tabs--vertical>.fanui-tabs__list>.fanui-tabs__item{justify-content:flex-start;border-bottom:0;border-inline-end:2px solid rgba(0,0,0,0);border-radius:var(--fanui-radius-base) 0 0 var(--fanui-radius-base);margin-inline-end:-1px}.fanui-tabs--vertical>.fanui-tabs__list>.fanui-tabs__item.is-active{border-right-color:var(--fanui-primary);background-color:var(--fanui-primary-soft)}.fanui-tabs--vertical>.fanui-tabs__panel{flex:1 1 auto;min-width:0;padding-top:0}.fanui-accordion{display:flex;flex-direction:column;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-lg);overflow:hidden;background-color:var(--fanui-color-surface)}.fanui-accordion--flush{border:0;border-radius:0;background:rgba(0,0,0,0)}.fanui-accordion--separated{gap:var(--fanui-space-2);border:0;background:rgba(0,0,0,0)}.fanui-accordion__item{border-bottom:1px solid var(--fanui-color-border)}.fanui-accordion__item:last-child{border-bottom:0}.fanui-accordion--separated .fanui-accordion__item{border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);overflow:hidden;background-color:var(--fanui-color-surface)}.fanui-accordion__header{margin:0;font-size:inherit;font-weight:inherit}.fanui-accordion__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-3);width:100%;padding:var(--fanui-space-4) var(--fanui-space-5);font-size:var(--fanui-font-size-base);font-weight:600;line-height:1.5;text-align:start;color:var(--fanui-color-text-strong);background:none;border:0;cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-accordion__trigger:hover{background-color:var(--fanui-color-hover)}.fanui-accordion__trigger:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-accordion__trigger:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-accordion__trigger__icon,.fanui-accordion__trigger .fanui-accordion__icon{flex:0 0 auto;display:inline-flex;font-size:14px;color:var(--fanui-color-text-subtle);transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-accordion__trigger[aria-expanded=true] .fanui-accordion__icon,.fanui-accordion__trigger[aria-expanded=true] .fanui-accordion__trigger__icon{transform:rotate(180deg)}.fanui-accordion__trigger--sm{padding:var(--fanui-space-3) var(--fanui-space-4);font-size:var(--fanui-font-size-sm)}.fanui-accordion__trigger--lg{padding:var(--fanui-space-5);font-size:var(--fanui-font-size-md)}.fanui-accordion__panel{display:none;padding:0 var(--fanui-space-5) var(--fanui-space-4);font-size:var(--fanui-font-size-base);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text-muted)}.fanui-accordion__panel.is-open,.fanui-accordion__panel.is-active{display:block;animation:fanui-slide-in-down 200ms cubic-bezier(0, 0, 0.2, 1) both}.fanui-collapse__trigger{display:inline-flex;align-items:center;gap:6px;font-size:var(--fanui-font-size-base);font-weight:500;color:var(--fanui-color-text);background:none;border:0;cursor:pointer;padding:0}.fanui-collapse__trigger__icon{transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-collapse__trigger[aria-expanded=true] .fanui-collapse__trigger__icon{transform:rotate(90deg)}.fanui-collapse__panel{display:none}.fanui-collapse__panel.is-open{display:block;animation:fanui-slide-in-down 200ms cubic-bezier(0, 0, 0.2, 1) both}.fanui-tab-scroll{display:flex;gap:var(--fanui-space-2);overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-tab-scroll::-webkit-scrollbar{width:6px;height:6px}.fanui-tab-scroll::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-tab-scroll::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-tab-scroll::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-tab-scroll{padding-bottom:2px}.fanui-modal{position:fixed;inset:0;z-index:var(--fanui-z-modal, 1060);display:flex;align-items:center;justify-content:center;padding:var(--fanui-space-4);opacity:0;visibility:hidden;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s;overflow-y:auto;-webkit-overflow-scrolling:touch}.fanui-modal.is-open,.fanui-modal.is-active{opacity:1;visibility:visible}.fanui-modal.is-open>.fanui-modal__dialog,.fanui-modal.is-active>.fanui-modal__dialog{transform:translateY(0) scale(1)}.fanui-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--fanui-backdrop-bg, rgba(15, 23, 42, 0.55));backdrop-filter:blur(var(--fanui-backdrop-blur, 2px));-webkit-backdrop-filter:blur(var(--fanui-backdrop-blur, 2px));z-index:var(--fanui-z-backdrop, 1040);z-index:0}.fanui-modal__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:var(--fanui-modal-width, 520px);max-height:calc(100vh - var(--fanui-space-8));margin:auto;background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-xl);box-shadow:var(--fanui-shadow-2xl);box-sizing:border-box;transform:translateY(12px) scale(0.98);transition:transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1) 0s;overflow:hidden}.fanui-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--fanui-space-4);padding:var(--fanui-space-5) var(--fanui-space-5) var(--fanui-space-4);flex:0 0 auto}.fanui-modal__title{margin:0;font-size:var(--fanui-font-size-lg);font-weight:600;line-height:1.4;color:var(--fanui-color-text-strong)}.fanui-modal__desc{margin:4px 0 0;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-modal__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin:-4px -6px 0 0;padding:0;font-size:16px;line-height:1;color:var(--fanui-color-text-subtle);background:none;border:0;border-radius:var(--fanui-radius-base);cursor:pointer;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-modal__close:hover{color:var(--fanui-color-text);background-color:var(--fanui-color-hover)}.fanui-modal__close:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-modal__close:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-modal__body{flex:1 1 auto;padding:0 var(--fanui-space-5) var(--fanui-space-5);overflow-y:auto;min-height:0;font-size:var(--fanui-font-size-base);line-height:var(--fanui-line-height-relaxed);color:var(--fanui-color-text);scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-modal__body::-webkit-scrollbar{width:8px;height:8px}.fanui-modal__body::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-modal__body::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-modal__body::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--fanui-space-3);padding:var(--fanui-space-4) var(--fanui-space-5);background-color:var(--fanui-color-surface-sunken);border-top:1px solid var(--fanui-color-border);flex:0 0 auto}.fanui-modal__footer--start{justify-content:flex-start}.fanui-modal__footer--between{justify-content:space-between}.fanui-modal__header--bordered{padding-bottom:var(--fanui-space-4);border-bottom:1px solid var(--fanui-color-border)}.fanui-modal--sm>.fanui-modal__dialog{--fanui-modal-width: 380px}.fanui-modal--md>.fanui-modal__dialog{--fanui-modal-width: 520px}.fanui-modal--lg>.fanui-modal__dialog{--fanui-modal-width: 720px}.fanui-modal--xl>.fanui-modal__dialog{--fanui-modal-width: 960px}.fanui-modal--full>.fanui-modal__dialog{--fanui-modal-width: 100%;max-height:100vh;height:100%;border-radius:0;border:0}.fanui-modal--top{align-items:flex-start;padding-top:var(--fanui-space-16)}.fanui-modal--bottom{align-items:flex-end}.fanui-modal--plain>.fanui-modal__dialog{border:0;box-shadow:var(--fanui-shadow-2xl)}.fanui-modal--scrollable>.fanui-modal__dialog{overflow:hidden}.fanui-modal-open{overflow:hidden}.fanui-drawer{position:fixed;inset:0;z-index:var(--fanui-z-offcanvas, 1050);visibility:hidden;transition:visibility 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-drawer.is-open,.fanui-drawer.is-active{visibility:visible}.fanui-drawer__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--fanui-backdrop-bg, rgba(15, 23, 42, 0.55));backdrop-filter:blur(var(--fanui-backdrop-blur, 2px));-webkit-backdrop-filter:blur(var(--fanui-backdrop-blur, 2px));z-index:var(--fanui-z-backdrop, 1040);opacity:0;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-drawer.is-open>.fanui-drawer__backdrop{opacity:1}.fanui-drawer__panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;width:var(--fanui-drawer-width, 360px);max-width:92vw;background-color:var(--fanui-color-surface);box-shadow:var(--fanui-shadow-2xl);box-sizing:border-box;transition:transform 300ms cubic-bezier(0, 0, 0.2, 1) 0s;z-index:1}.fanui-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-3);padding:var(--fanui-space-4) var(--fanui-space-5);border-bottom:1px solid var(--fanui-color-border);flex:0 0 auto}.fanui-drawer__title{margin:0;font-size:var(--fanui-font-size-md);font-weight:600;color:var(--fanui-color-text-strong)}.fanui-drawer__body{flex:1 1 auto;padding:var(--fanui-space-5);overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-drawer__body::-webkit-scrollbar{width:8px;height:8px}.fanui-drawer__body::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-drawer__body::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-drawer__body::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-drawer__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--fanui-space-3);padding:var(--fanui-space-4) var(--fanui-space-5);border-top:1px solid var(--fanui-color-border);flex:0 0 auto}.fanui-drawer--start .fanui-drawer__panel{left:0;right:auto;transform:translateX(-100%)}.fanui-drawer--end .fanui-drawer__panel{right:0;left:auto;transform:translateX(100%)}.fanui-drawer--top .fanui-drawer__panel{left:0;right:0;top:0;bottom:auto;width:100%;max-width:none;height:var(--fanui-drawer-height, 320px);transform:translateY(-100%);border-radius:0 0 var(--fanui-radius-xl) var(--fanui-radius-xl)}.fanui-drawer--bottom .fanui-drawer__panel{left:0;right:0;bottom:0;top:auto;width:100%;max-width:none;height:var(--fanui-drawer-height, auto);max-height:88vh;transform:translateY(100%);border-radius:var(--fanui-radius-xl) var(--fanui-radius-xl) 0 0}.fanui-drawer.is-open>.fanui-drawer__panel{transform:translate(0, 0)}.fanui-drawer--sm>.fanui-drawer__panel{--fanui-drawer-width: 280px}.fanui-drawer--lg>.fanui-drawer__panel{--fanui-drawer-width: 480px}.fanui-drawer--xl>.fanui-drawer__panel{--fanui-drawer-width: 640px}.fanui-drawer--full>.fanui-drawer__panel{--fanui-drawer-width: 100%;max-width:none}.fanui-drawer__grabber{width:36px;height:4px;margin:var(--fanui-space-2) auto 0;border-radius:9999px;background-color:var(--fanui-color-border-strong);flex:0 0 auto}.fanui-dropdown{position:relative;display:inline-flex}.fanui-dropdown__menu{position:absolute;top:calc(100% + 6px);left:0;z-index:var(--fanui-z-dropdown, 1000);min-width:var(--fanui-dropdown-width, 180px);max-width:320px;padding:6px;background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);box-shadow:var(--fanui-shadow-lg);box-sizing:border-box;opacity:0;visibility:hidden;transform:translateY(-4px) scale(0.98);transform-origin:top left;transition:opacity 150ms cubic-bezier(0, 0, 0.2, 1) 0s,visibility 150ms cubic-bezier(0, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0, 0, 0.2, 1) 0s}.fanui-dropdown__menu.is-open,.fanui-dropdown__menu.is-active{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.fanui-dropdown__menu--end{left:auto;right:0;transform-origin:top right}.fanui-dropdown__menu--start{left:0;right:auto}.fanui-dropdown__menu--up{top:auto;bottom:calc(100% + 6px);transform-origin:bottom left;transform:translateY(4px) scale(0.98)}.fanui-dropdown__menu--up.fanui-dropdown__menu--end{transform-origin:bottom right}.fanui-dropdown__menu--flush{padding:0}.fanui-dropdown.is-open>.fanui-dropdown__trigger,.fanui-dropdown__trigger[aria-expanded=true]{color:var(--fanui-color-text-strong)}.fanui-tooltip{position:relative;display:inline-flex}.fanui-tooltip__bubble{position:absolute;z-index:var(--fanui-z-tooltip, 1080);max-width:260px;padding:6px 10px;font-size:var(--fanui-font-size-xs);line-height:1.5;white-space:normal;text-align:center;color:var(--fanui-color-surface);background-color:var(--fanui-color-text-strong);border-radius:var(--fanui-radius-base);box-shadow:var(--fanui-shadow-md);opacity:0;visibility:hidden;pointer-events:none;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-tooltip__bubble::after{content:"";position:absolute;width:6px;height:6px;background-color:inherit;transform:rotate(45deg)}.fanui-tooltip__bubble{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px)}.fanui-tooltip__bubble::after{top:100%;left:50%;margin:-3px 0 0 -3px}.fanui-tooltip:hover>.fanui-tooltip__bubble,.fanui-tooltip:focus-within>.fanui-tooltip__bubble,.fanui-tooltip>.fanui-tooltip__bubble.is-open{opacity:1;visibility:visible}.fanui-tooltip:hover>.fanui-tooltip__bubble{transform:translateX(-50%) translateY(0)}.fanui-tooltip--bottom:hover>.fanui-tooltip__bubble,.fanui-tooltip--bottom:focus-within>.fanui-tooltip__bubble{transform:translateX(-50%) translateY(0)}.fanui-tooltip--right:hover>.fanui-tooltip__bubble,.fanui-tooltip--right:focus-within>.fanui-tooltip__bubble,.fanui-tooltip--left:hover>.fanui-tooltip__bubble,.fanui-tooltip--left:focus-within>.fanui-tooltip__bubble{transform:translateY(-50%) translateX(0)}.fanui-tooltip--bottom>.fanui-tooltip__bubble{bottom:auto;top:calc(100% + 8px);transform:translateX(-50%) translateY(-4px)}.fanui-tooltip--bottom>.fanui-tooltip__bubble::after{top:auto;bottom:100%;margin:0 0 -3px -3px}.fanui-tooltip--right>.fanui-tooltip__bubble{bottom:auto;top:50%;left:calc(100% + 8px);transform:translateY(-50%) translateX(-4px)}.fanui-tooltip--right>.fanui-tooltip__bubble::after{top:50%;left:0;margin:-3px 0 0 -3px}.fanui-tooltip--left>.fanui-tooltip__bubble{bottom:auto;top:50%;left:auto;right:calc(100% + 8px);transform:translateY(-50%) translateX(4px)}.fanui-tooltip--left>.fanui-tooltip__bubble::after{top:50%;left:100%;margin:-3px 0 0 -3px}.fanui-tooltip--light>.fanui-tooltip__bubble{color:var(--fanui-color-text);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border-strong)}.fanui-tooltip--primary>.fanui-tooltip__bubble{background-color:var(--fanui-primary);color:var(--fanui-primary-fg)}.fanui-tooltip--danger>.fanui-tooltip__bubble{background-color:var(--fanui-danger);color:var(--fanui-danger-fg)}.fanui-tooltip--success>.fanui-tooltip__bubble{background-color:var(--fanui-success);color:var(--fanui-success-fg)}.fanui-popover{position:relative;display:inline-flex}.fanui-popover__panel{position:absolute;top:calc(100% + 8px);left:0;z-index:var(--fanui-z-popover, 1070);width:var(--fanui-popover-width, 280px);background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);box-shadow:var(--fanui-shadow-xl);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity 150ms cubic-bezier(0, 0, 0.2, 1) 0s,visibility 150ms cubic-bezier(0, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0, 0, 0.2, 1) 0s}.fanui-popover__panel.is-open,.fanui-popover__panel.is-active{opacity:1;visibility:visible;transform:translateY(0)}.fanui-popover__panel--end{left:auto;right:0}.fanui-popover__panel--center{left:50%;transform:translateX(-50%) translateY(-4px)}.fanui-popover__panel--center.is-open{transform:translateX(-50%) translateY(0)}.fanui-popover__panel--wide{--fanui-popover-width: 420px}.fanui-popover__header{padding:var(--fanui-space-3) var(--fanui-space-4);font-size:var(--fanui-font-size-base);font-weight:600;color:var(--fanui-color-text-strong);border-bottom:1px solid var(--fanui-color-border-subtle)}.fanui-popover__body{padding:var(--fanui-space-4);font-size:var(--fanui-font-size-sm);line-height:1.6;color:var(--fanui-color-text-muted)}.fanui-popover__footer{padding:var(--fanui-space-3) var(--fanui-space-4);border-top:1px solid var(--fanui-color-border-subtle);display:flex;justify-content:flex-end;gap:var(--fanui-space-2)}.fanui-progress{--fanui-progress-h: 8px;--fanui-progress-radius: var(--fanui-radius-full);--fanui-progress-track: var(--fanui-color-surface-sunken);--fanui-progress-bar: var(--fanui-primary);position:relative;display:flex;width:100%;height:var(--fanui-progress-h);overflow:hidden;background-color:var(--fanui-progress-track);border-radius:var(--fanui-progress-radius);box-sizing:border-box}.fanui-progress__bar{display:flex;align-items:center;justify-content:flex-end;width:0;height:100%;background-color:var(--fanui-progress-bar);border-radius:inherit;transition:width 300ms cubic-bezier(0, 0, 0.2, 1) 0s}.fanui-progress__label{padding:0 6px;font-size:10px;font-weight:600;line-height:1;color:var(--fanui-color-text-inverse);white-space:nowrap}.fanui-progress--xs{--fanui-progress-h: 3px}.fanui-progress--sm{--fanui-progress-h: 5px}.fanui-progress--lg{--fanui-progress-h: 12px}.fanui-progress--xl{--fanui-progress-h: 18px}.fanui-progress--striped .fanui-progress__bar{background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);background-size:1rem 1rem}.fanui-progress--animated .fanui-progress__bar{animation:fanui-progress-stripes 1s linear infinite}.fanui-progress--indeterminate .fanui-progress__bar{position:absolute;top:0;bottom:0;width:35%;animation:fanui-progress-indeterminate 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite}.fanui-progress--primary{--fanui-progress-bar: var(--fanui-primary, #0e7490)}.fanui-progress--accent{--fanui-progress-bar: var(--fanui-accent, #7c3aed)}.fanui-progress--success{--fanui-progress-bar: var(--fanui-success, #047857)}.fanui-progress--warning{--fanui-progress-bar: var(--fanui-warning, #b45309)}.fanui-progress--danger{--fanui-progress-bar: var(--fanui-danger, #b91c1c)}.fanui-progress--info{--fanui-progress-bar: var(--fanui-info, #0369a1)}.fanui-progress--neutral{--fanui-progress-bar: var(--fanui-color-text-muted)}.fanui-progress-line{display:flex;align-items:center;gap:var(--fanui-space-3)}.fanui-progress-line .fanui-progress{flex:1 1 auto}.fanui-progress-line__text{flex:0 0 auto;min-width:40px;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted);text-align:end;font-variant-numeric:tabular-nums}.fanui-progress-ring{--fanui-ring-size: 56px;--fanui-ring-width: 6px;--fanui-ring-value: 0;--fanui-ring-color: var(--fanui-primary);position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--fanui-ring-size);height:var(--fanui-ring-size);border-radius:50%;background:conic-gradient(var(--fanui-ring-color) calc(var(--fanui-ring-value) * 1%), var(--fanui-color-surface-sunken) 0)}.fanui-progress-ring::before{content:"";position:absolute;inset:var(--fanui-ring-width);border-radius:50%;background-color:var(--fanui-color-surface)}.fanui-progress-ring__text{position:relative;font-size:var(--fanui-font-size-sm);font-weight:600;color:var(--fanui-color-text-strong);font-variant-numeric:tabular-nums}.fanui-progress-ring--sm{--fanui-ring-size: 40px;--fanui-ring-width: 4px}.fanui-progress-ring--lg{--fanui-ring-size: 80px;--fanui-ring-width: 8px}.fanui-spinner{--fanui-spinner-size: 20px;--fanui-spinner-width: 2px;--fanui-spinner-color: currentColor;display:inline-block;width:var(--fanui-spinner-size);height:var(--fanui-spinner-size);border:var(--fanui-spinner-width) solid rgba(100,116,139,.25);border-top-color:var(--fanui-spinner-color);border-radius:50%;animation:fanui-spin 720ms linear infinite;box-sizing:border-box;flex:0 0 auto}.fanui-spinner--primary{--fanui-spinner-color: var(--fanui-primary, #0e7490)}.fanui-spinner--accent{--fanui-spinner-color: var(--fanui-accent, #7c3aed)}.fanui-spinner--success{--fanui-spinner-color: var(--fanui-success, #047857)}.fanui-spinner--warning{--fanui-spinner-color: var(--fanui-warning, #b45309)}.fanui-spinner--danger{--fanui-spinner-color: var(--fanui-danger, #b91c1c)}.fanui-spinner--info{--fanui-spinner-color: var(--fanui-info, #0369a1)}.fanui-spinner--xs{--fanui-spinner-size: 12px;--fanui-spinner-width: 2px}.fanui-spinner--sm{--fanui-spinner-size: 16px;--fanui-spinner-width: 2px}.fanui-spinner--lg{--fanui-spinner-size: 28px;--fanui-spinner-width: 3px}.fanui-spinner--xl{--fanui-spinner-size: 40px;--fanui-spinner-width: 4px}.fanui-spinner--dots{width:auto;height:auto;border:0;animation:none;display:inline-flex;gap:5px}.fanui-spinner--dots::before,.fanui-spinner--dots::after,.fanui-spinner--dots>i{content:"";display:block;width:6px;height:6px;border-radius:50%;background-color:var(--fanui-spinner-color);animation:fanui-bounce 1.2s cubic-bezier(0.4, 0, 0.2, 1) infinite}.fanui-spinner--dots::after{animation-delay:.15s}.fanui-spinner--dots>i{animation-delay:.3s}.fanui-spinner--pulse{border:0;animation:fanui-pulse 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite;background-color:var(--fanui-spinner-color);border-radius:50%}.fanui-loading{position:relative}.fanui-loading__mask{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--fanui-space-3);color:var(--fanui-color-text-muted);font-size:var(--fanui-font-size-sm);background-color:rgba(255,255,255,.72);backdrop-filter:blur(1px);border-radius:inherit}:root[data-fanui-theme=dark] .fanui-loading__mask{background-color:rgba(2,6,23,.62)}.fanui-loading.is-loading{pointer-events:none}.fanui-skeleton{--fanui-skeleton-bg: var(--fanui-color-surface-sunken);--fanui-skeleton-shine: rgba(255, 255, 255, 0.55);display:block;width:100%;height:1em;border-radius:var(--fanui-radius-base);background-color:var(--fanui-skeleton-bg);background-image:linear-gradient(90deg, transparent 0%, var(--fanui-skeleton-shine) 50%, transparent 100%);background-size:200% 100%;background-repeat:no-repeat;animation:fanui-skeleton-shimmer 1.6s ease-in-out infinite}:root[data-fanui-theme=dark] .fanui-skeleton{--fanui-skeleton-shine: rgba(255, 255, 255, 0.08)}.fanui-skeleton--text{height:1em;border-radius:var(--fanui-radius-sm)}.fanui-skeleton--title{height:1.4em;width:40%;border-radius:var(--fanui-radius-sm)}.fanui-skeleton--circle{width:40px;height:40px;border-radius:50%;flex:0 0 auto}.fanui-skeleton--rect{height:120px;border-radius:var(--fanui-radius-md)}.fanui-skeleton--button{height:32px;width:88px;border-radius:var(--fanui-radius-base)}.fanui-skeleton--w-25{width:25%}.fanui-skeleton--w-50{width:50%}.fanui-skeleton--w-75{width:75%}.fanui-skeleton--w-100{width:100%}.fanui-skeleton--no-anim{animation:none;background-image:none}.fanui-skeleton-group{display:flex;flex-direction:column;gap:var(--fanui-space-2)}.fanui-skeleton-media{display:flex;gap:var(--fanui-space-3);align-items:flex-start}.fanui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--fanui-space-3);padding:var(--fanui-space-12) var(--fanui-space-5);text-align:center;color:var(--fanui-color-text-muted)}.fanui-empty__icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:var(--fanui-space-1);font-size:28px;color:var(--fanui-color-text-subtle);background-color:var(--fanui-color-surface-sunken);border-radius:50%}.fanui-empty__title{margin:0;font-size:var(--fanui-font-size-md);font-weight:600;color:var(--fanui-color-text-strong)}.fanui-empty__desc{margin:0;max-width:380px;font-size:var(--fanui-font-size-base);line-height:1.6;color:var(--fanui-color-text-muted)}.fanui-empty__actions{display:flex;align-items:center;gap:var(--fanui-space-3);margin-top:var(--fanui-space-2)}.fanui-empty--sm{padding:var(--fanui-space-6) var(--fanui-space-4)}.fanui-empty--inline{flex-direction:row;justify-content:flex-start;text-align:start;padding:var(--fanui-space-4)}.fanui-result{display:flex;flex-direction:column;align-items:center;gap:var(--fanui-space-3);padding:var(--fanui-space-12) var(--fanui-space-5);text-align:center}.fanui-result__icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;font-size:26px;border-radius:50%;color:var(--fanui-color-surface);background-color:var(--fanui-color-text-muted)}.fanui-result__title{font-size:var(--fanui-font-size-xl);font-weight:600;color:var(--fanui-color-text-strong)}.fanui-result__desc{max-width:440px;font-size:var(--fanui-font-size-base);color:var(--fanui-color-text-muted)}.fanui-result--primary .fanui-result__icon{background-color:var(--fanui-primary, #0e7490)}.fanui-result--accent .fanui-result__icon{background-color:var(--fanui-accent, #7c3aed)}.fanui-result--success .fanui-result__icon{background-color:var(--fanui-success, #047857)}.fanui-result--warning .fanui-result__icon{background-color:var(--fanui-warning, #b45309)}.fanui-result--danger .fanui-result__icon{background-color:var(--fanui-danger, #b91c1c)}.fanui-result--info .fanui-result__icon{background-color:var(--fanui-info, #0369a1)}.fanui-top-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:var(--fanui-z-toast, 1090);background-color:rgba(0,0,0,0);overflow:hidden;opacity:0;transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-top-progress.is-active{opacity:1}.fanui-top-progress.is-active::after{content:"";position:absolute;top:0;bottom:0;width:40%;background-color:var(--fanui-primary);border-radius:9999px;animation:fanui-progress-indeterminate 1.4s cubic-bezier(0.4, 0, 0.2, 1) infinite}.fanui-avatar{--fanui-avatar-size: 40px;--fanui-avatar-radius: 50%;position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--fanui-avatar-size);height:var(--fanui-avatar-size);font-size:calc(var(--fanui-avatar-size)*.4);font-weight:600;line-height:1;color:var(--fanui-color-text-inverse);background-color:var(--fanui-primary);border-radius:var(--fanui-avatar-radius);overflow:hidden;user-select:none;box-sizing:border-box}.fanui-avatar>img,.fanui-avatar>video{width:100%;height:100%;object-fit:cover;display:block}.fanui-avatar__icon{display:inline-flex;font-size:1.1em}.fanui-avatar__text{font-size:.85em;letter-spacing:.02em}.fanui-avatar--xs{--fanui-avatar-size: 24px;font-size:11px}.fanui-avatar--sm{--fanui-avatar-size: 32px;font-size:13px}.fanui-avatar--md{--fanui-avatar-size: 40px}.fanui-avatar--lg{--fanui-avatar-size: 48px}.fanui-avatar--xl{--fanui-avatar-size: 64px;font-size:22px}.fanui-avatar--2xl{--fanui-avatar-size: 80px;font-size:28px}.fanui-avatar--square{--fanui-avatar-radius: var(--fanui-radius-base)}.fanui-avatar--rounded{--fanui-avatar-radius: var(--fanui-radius-lg)}.fanui-avatar--bordered{border:2px solid var(--fanui-color-surface);box-shadow:var(--fanui-shadow-sm)}.fanui-avatar--primary{background-color:var(--fanui-primary, #0e7490);color:var(--fanui-primary-fg, #ffffff)}.fanui-avatar--accent{background-color:var(--fanui-accent, #7c3aed);color:var(--fanui-accent-fg, #ffffff)}.fanui-avatar--success{background-color:var(--fanui-success, #047857);color:var(--fanui-success-fg, #ffffff)}.fanui-avatar--warning{background-color:var(--fanui-warning, #b45309);color:var(--fanui-warning-fg, #ffffff)}.fanui-avatar--danger{background-color:var(--fanui-danger, #b91c1c);color:var(--fanui-danger-fg, #ffffff)}.fanui-avatar--info{background-color:var(--fanui-info, #0369a1);color:var(--fanui-info-fg, #ffffff)}.fanui-avatar--neutral{background-color:var(--fanui-color-surface-sunken);color:var(--fanui-color-text-muted)}.fanui-avatar__status{position:absolute;right:0;bottom:0;width:28%;height:28%;min-width:8px;min-height:8px;border-radius:50%;border:2px solid var(--fanui-color-surface);background-color:var(--fanui-color-text-subtle);box-sizing:content-box}.fanui-avatar__status--online{background-color:var(--fanui-success)}.fanui-avatar__status--busy{background-color:var(--fanui-danger)}.fanui-avatar__status--away{background-color:var(--fanui-warning)}.fanui-avatar__status--offline{background-color:var(--fanui-color-text-subtle)}.fanui-avatar-group{display:inline-flex;align-items:center}.fanui-avatar-group>.fanui-avatar{margin-inline-start:-10px;border:2px solid var(--fanui-color-surface);transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,z-index 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-avatar-group>.fanui-avatar:first-child{margin-inline-start:0}.fanui-avatar-group>.fanui-avatar:hover{transform:translateY(-2px);z-index:2}.fanui-avatar-group--sm>.fanui-avatar{margin-inline-start:-8px}.fanui-avatar-group--lg>.fanui-avatar{margin-inline-start:-12px}.fanui-avatar-group__more{background-color:var(--fanui-color-surface-sunken) !important;color:var(--fanui-color-text-muted) !important;font-size:12px}.fanui-avatar-media{display:flex;align-items:center;gap:var(--fanui-space-3);min-width:0}.fanui-avatar-media__body{min-width:0}.fanui-avatar-media__title{font-size:var(--fanui-font-size-base);font-weight:500;color:var(--fanui-color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-avatar-media__desc{font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-list-group{display:flex;flex-direction:column;padding:0;margin:0;list-style:none;background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-lg);overflow:hidden}.fanui-list-group--flush{border:0;border-radius:0;background:rgba(0,0,0,0)}.fanui-list-group--separated{gap:var(--fanui-space-2);border:0;background:rgba(0,0,0,0);overflow:visible}.fanui-list-item{display:flex;align-items:center;gap:var(--fanui-space-3);padding:var(--fanui-space-3) var(--fanui-space-4);font-size:var(--fanui-font-size-base);color:var(--fanui-color-text);background-color:rgba(0,0,0,0);border-bottom:1px solid var(--fanui-color-border);text-decoration:none;box-sizing:border-box;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-list-item:last-child{border-bottom:0}.fanui-list-item--interactive{cursor:pointer}.fanui-list-item--interactive:hover{background-color:var(--fanui-color-hover);text-decoration:none}.fanui-list-item--interactive:active{background-color:var(--fanui-color-active)}.fanui-list-item--interactive:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-list-item--interactive:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-list-item.is-active,.fanui-list-item--active{background-color:var(--fanui-primary-soft);color:var(--fanui-primary);border-color:var(--fanui-primary-border, var(--fanui-primary));--fanui-color-text-subtle: var(--fanui-primary-ink, var(--fanui-color-text-muted))}.fanui-list-item.is-disabled{opacity:.55;pointer-events:none}.fanui-list-group--separated .fanui-list-item{border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-surface)}.fanui-list-item__icon{flex:0 0 auto;display:inline-flex;width:20px;justify-content:center;color:var(--fanui-color-text-muted)}.fanui-list-item__body{flex:1 1 auto;min-width:0}.fanui-list-item__title{font-weight:500;color:var(--fanui-color-text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-list-item__desc{margin-top:2px;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.fanui-list-item__meta{flex:0 0 auto;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-subtle);white-space:nowrap}.fanui-list-item__action{flex:0 0 auto;margin-inline-start:auto}.fanui-list-item--sm{padding:6px 12px;font-size:var(--fanui-font-size-sm)}.fanui-list-item--lg{padding:var(--fanui-space-4) var(--fanui-space-5)}.fanui-list-header{padding:var(--fanui-space-3) var(--fanui-space-4);font-size:var(--fanui-font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--fanui-color-text-subtle);background-color:var(--fanui-color-surface-sunken);border-bottom:1px solid var(--fanui-color-border)}.fanui-descriptions{display:grid;gap:var(--fanui-space-3) var(--fanui-space-6);font-size:var(--fanui-font-size-base)}.fanui-descriptions__item{min-width:0}.fanui-descriptions__label{margin-bottom:2px;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-descriptions__value{color:var(--fanui-color-text-strong);word-break:break-word}.fanui-descriptions--2{grid-template-columns:repeat(2, minmax(0, 1fr))}.fanui-descriptions--3{grid-template-columns:repeat(3, minmax(0, 1fr))}.fanui-descriptions--4{grid-template-columns:repeat(4, minmax(0, 1fr))}@media(max-width: 767.95px){.fanui-descriptions--3,.fanui-descriptions--4{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media(max-width: 575.95px){.fanui-descriptions--2,.fanui-descriptions--3,.fanui-descriptions--4{grid-template-columns:minmax(0, 1fr)}}.fanui-descriptions--inline{display:flex;flex-wrap:wrap;gap:var(--fanui-space-5);grid-template-columns:none}.fanui-descriptions--inline .fanui-descriptions__item{display:flex;gap:8px}.fanui-descriptions--inline .fanui-descriptions__label{margin-bottom:0}.fanui-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fanui-space-1);padding:0;margin:0;list-style:none}.fanui-pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;font-size:var(--fanui-font-size-base);font-weight:500;color:var(--fanui-color-text);text-decoration:none;background-color:rgba(0,0,0,0);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-base);cursor:pointer;box-sizing:border-box;user-select:none;font-variant-numeric:tabular-nums;transition:color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-pagination__item:hover:not(.is-disabled):not([aria-disabled=true]):not(.is-active){color:var(--fanui-primary);border-color:var(--fanui-primary);background-color:var(--fanui-primary-soft);text-decoration:none}.fanui-pagination__item:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-pagination__item:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-pagination__item.is-active,.fanui-pagination__item[aria-current=page]{color:var(--fanui-primary-fg);background-color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-pagination__item.is-disabled,.fanui-pagination__item[aria-disabled=true]{color:var(--fanui-color-disabled-text);cursor:not-allowed;pointer-events:none}.fanui-pagination__item--ellipsis{border-color:rgba(0,0,0,0);background:rgba(0,0,0,0);color:var(--fanui-color-text-subtle);cursor:default;pointer-events:none}.fanui-pagination__item--icon{padding:0}.fanui-pagination__info{margin-inline-start:var(--fanui-space-3);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-pagination--borderless .fanui-pagination__item{border-color:rgba(0,0,0,0)}.fanui-pagination--pill .fanui-pagination__item{border-radius:9999px}.fanui-pagination--sm .fanui-pagination__item{min-width:26px;height:26px;font-size:var(--fanui-font-size-sm)}.fanui-pagination--lg .fanui-pagination__item{min-width:38px;height:38px;font-size:var(--fanui-font-size-md)}.fanui-pagination--center{justify-content:center}.fanui-pagination--end{justify-content:flex-end}.fanui-pagination--simple{gap:var(--fanui-space-2)}.fanui-pagination--simple .fanui-pagination__item{border-color:rgba(0,0,0,0)}.fanui-pagination-page-size{display:inline-flex;align-items:center;gap:var(--fanui-space-2);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted)}.fanui-pagination-page-size .fanui-select{width:auto;min-width:72px}.fanui-steps{--fanui-step-dot: 28px;display:flex;align-items:flex-start;width:100%;list-style:none;margin:0;padding:0}.fanui-steps__item{position:relative;flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--fanui-space-2)}.fanui-steps__item:not(:last-child)::after{content:"";position:absolute;top:calc(var(--fanui-step-dot)/2);left:calc(50% + var(--fanui-step-dot)/2 + 6px);right:calc(-50% + var(--fanui-step-dot)/2 + 6px);height:2px;background-color:var(--fanui-color-border);transition:background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-steps__item.is-done:not(:last-child)::after{background-color:var(--fanui-primary)}.fanui-steps__dot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--fanui-step-dot);height:var(--fanui-step-dot);font-size:var(--fanui-font-size-sm);font-weight:600;line-height:1;color:var(--fanui-color-text-muted);background-color:var(--fanui-color-surface);border:2px solid var(--fanui-color-border-strong);border-radius:50%;box-sizing:border-box;z-index:1;transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-steps__title{font-size:var(--fanui-font-size-base);font-weight:500;color:var(--fanui-color-text-muted);transition:color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-steps__desc{font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-subtle);line-height:1.5}.fanui-steps__item.is-active .fanui-steps__dot{color:var(--fanui-primary-fg);background-color:var(--fanui-primary);border-color:var(--fanui-primary);box-shadow:0 0 0 4px var(--fanui-primary-soft)}.fanui-steps__item.is-active .fanui-steps__title{color:var(--fanui-color-text-strong);font-weight:600}.fanui-steps__item.is-done .fanui-steps__dot{color:var(--fanui-primary-fg);background-color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-steps__item.is-done .fanui-steps__title{color:var(--fanui-color-text)}.fanui-steps__item.is-error .fanui-steps__dot{color:var(--fanui-danger-fg);background-color:var(--fanui-danger);border-color:var(--fanui-danger)}.fanui-steps__item.is-error .fanui-steps__title{color:var(--fanui-danger)}.fanui-steps--simple .fanui-steps__item:not(:last-child)::after{left:calc(var(--fanui-step-dot)/2 + 8px);right:calc(-50% + var(--fanui-step-dot)/2 + 12px)}.fanui-steps--navigation{gap:var(--fanui-space-3);align-items:stretch}.fanui-steps--navigation .fanui-steps__item{flex-direction:row;align-items:flex-start;text-align:start;gap:var(--fanui-space-3);padding:var(--fanui-space-3);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);cursor:pointer}.fanui-steps--navigation .fanui-steps__item::after{display:none}.fanui-steps--navigation .fanui-steps__item:hover{border-color:var(--fanui-primary)}.fanui-steps--navigation .fanui-steps__item.is-active{border-color:var(--fanui-primary);background-color:var(--fanui-primary-soft)}.fanui-steps--navigation .fanui-steps__dot{margin-top:1px}.fanui-steps--vertical{flex-direction:column;gap:0}.fanui-steps--vertical .fanui-steps__item{flex-direction:row;align-items:flex-start;text-align:start;gap:var(--fanui-space-3);padding-bottom:var(--fanui-space-5);flex:0 0 auto}.fanui-steps--vertical .fanui-steps__item:not(:last-child)::after{top:calc(var(--fanui-step-dot) + 4px);left:calc(var(--fanui-step-dot)/2 - 1px);right:auto;bottom:4px;width:2px;height:auto}.fanui-steps--vertical .fanui-steps__item:last-child{padding-bottom:0}.fanui-steps--vertical .fanui-steps__body{text-align:start}.fanui-steps__body{min-width:0}.fanui-timeline{position:relative;list-style:none;margin:0;padding:0}.fanui-timeline__item{position:relative;display:flex;gap:var(--fanui-space-4);padding-bottom:var(--fanui-space-5)}.fanui-timeline__item:last-child{padding-bottom:0}.fanui-timeline__item:not(:last-child)::before{content:"";position:absolute;top:18px;bottom:0;left:6px;width:2px;background-color:var(--fanui-color-border)}.fanui-timeline__dot{position:relative;flex:0 0 auto;width:14px;height:14px;margin-top:4px;background-color:var(--fanui-color-surface);border:2px solid var(--fanui-color-border-strong);border-radius:50%;box-sizing:border-box;z-index:1}.fanui-timeline__dot--primary{background-color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-timeline__dot--success{background-color:var(--fanui-success);border-color:var(--fanui-success)}.fanui-timeline__dot--warning{background-color:var(--fanui-warning);border-color:var(--fanui-warning)}.fanui-timeline__dot--danger{background-color:var(--fanui-danger);border-color:var(--fanui-danger)}.fanui-timeline__body{flex:1 1 auto;min-width:0}.fanui-timeline__time{font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-subtle);font-variant-numeric:tabular-nums}.fanui-timeline__title{font-size:var(--fanui-font-size-base);font-weight:600;color:var(--fanui-color-text-strong)}.fanui-timeline__desc{margin-top:4px;font-size:var(--fanui-font-size-base);line-height:1.6;color:var(--fanui-color-text-muted)}.fanui-loading-bar{position:fixed;top:0;left:0;right:0;z-index:var(--fanui-z-toast, 1090);height:3px;pointer-events:none;opacity:0;background-color:rgba(0,0,0,0);transition:opacity 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-loading-bar__inner{height:100%;width:var(--fanui-loading-progress, 0%);border-radius:0 9999px 9999px 0;background-image:linear-gradient(90deg, var(--fanui-primary), var(--fanui-accent-vivid));box-shadow:0 0 8px var(--fanui-primary-ring);transition:width 240ms cubic-bezier(0, 0, 0.2, 1) 0s}.fanui-loading-bar.is-loading{opacity:1}.fanui-loading-bar--indeterminate .fanui-loading-bar__inner{width:40% !important;animation:fanui-loading-slide 1.1s var(--fanui-ease-in-out, ease-in-out) infinite}@keyframes fanui-loading-slide{0%{margin-inline-start:-40%}100%{margin-inline-start:100%}}.fanui-cascader__panel,.fanui-datepanel,.fanui-timepanel,.fanui-colorpanel{position:absolute;z-index:var(--fanui-z-popover, 1070);min-width:260px;padding:var(--fanui-space-3);background-color:var(--fanui-color-overlay);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-lg);box-shadow:var(--fanui-shadow-xl);opacity:0;visibility:hidden;transform:translateY(-4px) scale(0.98);transform-origin:top left;transition:opacity 150ms cubic-bezier(0, 0, 0.2, 1) 0s,visibility 150ms cubic-bezier(0, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0, 0, 0.2, 1) 0s}.is-open.fanui-cascader__panel,.is-open.fanui-datepanel,.is-open.fanui-timepanel,.is-open.fanui-colorpanel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.fanui-datepanel{width:292px}.fanui-datepanel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-2);margin-bottom:var(--fanui-space-2)}.fanui-datepanel__title{flex:1 1 auto;text-align:center;font-size:var(--fanui-font-size-sm);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-datepanel__nav{display:grid;place-items:center;width:28px;height:28px;flex:0 0 auto;border:0;border-radius:var(--fanui-radius-sm);background-color:rgba(0,0,0,0);color:var(--fanui-color-text-muted);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-datepanel__nav:hover{background-color:var(--fanui-color-hover);color:var(--fanui-color-text-strong)}.fanui-datepanel__nav:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-datepanel__nav:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-datepanel__nav:disabled{opacity:.35;pointer-events:none}.fanui-datepanel__week,.fanui-datepanel__grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.fanui-datepanel__week>span{padding:4px 0;text-align:center;font-size:var(--fanui-font-size-xs);font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-subtle)}.fanui-datepanel__day{display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:var(--fanui-radius-sm);background-color:rgba(0,0,0,0);font-size:var(--fanui-font-size-sm);font-variant-numeric:tabular-nums;color:var(--fanui-color-text);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-datepanel__day:hover{background-color:var(--fanui-color-hover)}.fanui-datepanel__day:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-datepanel__day:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-datepanel__day.is-other{color:var(--fanui-color-text-subtle);opacity:.55}.fanui-datepanel__day.is-today{color:var(--fanui-primary);font-weight:var(--fanui-font-weight-bold);box-shadow:inset 0 0 0 1px var(--fanui-primary-border)}.fanui-datepanel__day.is-selected{color:var(--fanui-primary-fg);background-color:var(--fanui-primary);font-weight:var(--fanui-font-weight-semibold)}.fanui-datepanel__day.is-in-range{color:var(--fanui-primary-ink);background-color:var(--fanui-primary-soft);border-radius:0}.fanui-datepanel__day:disabled{color:var(--fanui-color-text-subtle);opacity:.35;text-decoration:line-through;pointer-events:none}.fanui-datepanel__quick{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--fanui-space-2);padding-top:var(--fanui-space-2);border-top:1px solid var(--fanui-color-border-subtle)}.fanui-datepanel__quick button{padding:3px 10px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-full);background-color:rgba(0,0,0,0);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-muted);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-datepanel__quick button:hover{color:var(--fanui-primary);border-color:var(--fanui-primary-border);background-color:var(--fanui-primary-soft)}.fanui-datepanel__foot{display:flex;justify-content:space-between;margin-top:var(--fanui-space-2);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-timepanel{width:160px;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-timepanel::-webkit-scrollbar{width:6px;height:6px}.fanui-timepanel::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-timepanel::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-timepanel::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-timepanel__opt{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 12px;border:0;border-radius:var(--fanui-radius-sm);background-color:rgba(0,0,0,0);font-size:var(--fanui-font-size-sm);font-variant-numeric:tabular-nums;color:var(--fanui-color-text);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-timepanel__opt:hover{background-color:var(--fanui-color-hover)}.fanui-timepanel__opt:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-timepanel__opt:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-timepanel__opt.is-selected{color:var(--fanui-primary-fg);background-color:var(--fanui-primary);font-weight:var(--fanui-font-weight-semibold)}.fanui-timepanel__opt.is-selected::after{content:"✓";font-size:12px}.fanui-timepanel__empty{padding:var(--fanui-space-4);text-align:center;font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-colorpanel{width:264px}.fanui-colorpanel__preview{display:flex;align-items:center;gap:var(--fanui-space-3);margin-bottom:var(--fanui-space-3)}.fanui-colorpanel__swatch{width:44px;height:44px;flex:0 0 auto;border-radius:var(--fanui-radius-md);border:1px solid var(--fanui-color-border);box-shadow:inset 0 0 0 2px var(--fanui-color-surface)}.fanui-colorpanel__value{flex:1 1 auto;min-width:0;padding:7px 10px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-surface-sunken);font-family:var(--fanui-font-mono);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text);text-transform:uppercase}.fanui-colorpanel__slider{width:100%;margin:0 0 var(--fanui-space-2);accent-color:var(--fanui-primary);cursor:pointer}.fanui-colorpanel__row{display:flex;align-items:center;gap:var(--fanui-space-2);margin-bottom:var(--fanui-space-2);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-colorpanel__row label{flex:0 0 32px}.fanui-colorpanel__palette{display:grid;grid-template-columns:repeat(8, 1fr);gap:6px;margin-top:var(--fanui-space-3);padding-top:var(--fanui-space-3);border-top:1px solid var(--fanui-color-border-subtle)}.fanui-colorpanel__palette button{aspect-ratio:1;border:0;border-radius:var(--fanui-radius-sm);cursor:pointer;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-colorpanel__palette button:hover{transform:scale(1.12);box-shadow:var(--fanui-shadow-md)}.fanui-colorpanel__palette button.is-selected{box-shadow:0 0 0 2px var(--fanui-color-surface),0 0 0 4px var(--fanui-primary)}.fanui-colorpanel__palette button:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-colorpanel__palette button:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-colorpanel__actions{display:flex;justify-content:space-between;gap:var(--fanui-space-2);margin-top:var(--fanui-space-3)}.fanui-cascader{position:relative;display:inline-flex;width:100%}.fanui-cascader__trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-2);width:100%;padding:8px 12px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-surface);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text);cursor:pointer;text-align:start;transition:border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-cascader__trigger:hover{border-color:var(--fanui-primary-border)}.fanui-cascader__trigger:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-cascader__trigger:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-cascader__trigger.is-active{border-color:var(--fanui-primary)}.fanui-cascader__trigger .fanui-cascader__placeholder{color:var(--fanui-color-text-subtle)}.fanui-cascader__trigger .fanui-cascader__caret{color:var(--fanui-color-text-subtle);font-size:10px}.fanui-cascader__panel{display:none;width:max-content;max-width:min(560px,92vw)}.fanui-cascader__panel.is-open{display:flex}.fanui-cascader__panel.is-searching{display:block}.fanui-cascader__search{width:100%;padding:7px 10px;margin-bottom:var(--fanui-space-2);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-sm);background-color:var(--fanui-color-surface-sunken);font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text)}.fanui-cascader__cols{display:flex;max-height:280px}.fanui-cascader__col{flex:0 0 auto;width:180px;max-height:280px;overflow-y:auto;padding:4px;border-inline-end:1px solid var(--fanui-color-border-subtle);scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-cascader__col::-webkit-scrollbar{width:6px;height:6px}.fanui-cascader__col::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-cascader__col::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-cascader__col::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-cascader__col:last-child{border-inline-end:0}.fanui-cascader__opt{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:7px 10px;border:0;border-radius:var(--fanui-radius-sm);background-color:rgba(0,0,0,0);font-size:var(--fanui-font-size-sm);text-align:start;color:var(--fanui-color-text);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-cascader__opt:hover{background-color:var(--fanui-color-hover)}.fanui-cascader__opt:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-cascader__opt:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-cascader__opt.is-active{color:var(--fanui-primary-ink);background-color:var(--fanui-primary-soft);font-weight:var(--fanui-font-weight-semibold)}.fanui-cascader__opt .fanui-cascader__arrow{font-size:10px;color:var(--fanui-color-text-subtle)}.fanui-cascader__breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:var(--fanui-space-2);padding-top:var(--fanui-space-2);border-top:1px solid var(--fanui-color-border-subtle);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-cascader__breadcrumb b{color:var(--fanui-color-text-strong);font-weight:var(--fanui-font-weight-semibold)}.fanui-tree{margin:0;padding:0;list-style:none;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text)}.fanui-tree ul{margin:0;padding:0 0 0 20px;list-style:none}.fanui-tree li{position:relative}.fanui-tree__row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--fanui-radius-sm);cursor:pointer;user-select:none;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-tree__row:hover{background-color:var(--fanui-color-hover)}.fanui-tree__row.is-selected{color:var(--fanui-primary-ink);background-color:var(--fanui-primary-soft)}.fanui-tree__caret{display:grid;place-items:center;width:18px;height:18px;flex:0 0 auto;border:0;border-radius:var(--fanui-radius-sm);background-color:rgba(0,0,0,0);color:var(--fanui-color-text-subtle);font-size:9px;cursor:pointer;transition:transform .15s var(--fanui-ease-out, ease-out);visibility:hidden}.fanui-tree__caret.is-expandable{visibility:visible}.fanui-tree__caret.is-open{transform:rotate(90deg)}.fanui-tree__caret:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-tree__caret:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-tree__check{flex:0 0 auto;width:15px;height:15px;accent-color:var(--fanui-primary);cursor:pointer}.fanui-tree__icon{flex:0 0 auto;color:var(--fanui-primary);font-size:13px}.fanui-tree__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-tree__badge{flex:0 0 auto;padding:1px 7px;font-size:10px;color:var(--fanui-color-text-subtle);background-color:var(--fanui-color-surface-sunken);border-radius:var(--fanui-radius-full)}.fanui-tree li.is-collapsed>ul{display:none}.fanui-tree__check:indeterminate{opacity:1}.fanui-transfer{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--fanui-space-3);align-items:center;width:100%}@media(max-width: 767.95px){.fanui-transfer{grid-template-columns:1fr;justify-items:center}}.fanui-transfer__panel{display:flex;flex-direction:column;width:100%;min-width:220px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-lg);background-color:var(--fanui-color-surface);overflow:hidden}.fanui-transfer__head{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-2);padding:var(--fanui-space-2) var(--fanui-space-3);border-bottom:1px solid var(--fanui-color-border-subtle);background-color:var(--fanui-color-surface-sunken);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-muted)}.fanui-transfer__title{font-weight:var(--fanui-font-weight-semibold);color:var(--fanui-color-text-strong)}.fanui-transfer__search{width:100%;padding:7px 10px;border:0;border-bottom:1px solid var(--fanui-color-border-subtle);background-color:var(--fanui-color-surface);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text)}.fanui-transfer__list{max-height:260px;overflow-y:auto;margin:0;padding:4px;list-style:none;scrollbar-width:thin;scrollbar-color:rgba(100, 116, 139, 0.45) transparent}.fanui-transfer__list::-webkit-scrollbar{width:6px;height:6px}.fanui-transfer__list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.fanui-transfer__list::-webkit-scrollbar-thumb{background:rgba(100,116,139,.45);border-radius:9999px}.fanui-transfer__list::-webkit-scrollbar-thumb:hover{background:rgba(100,116,139,.7)}.fanui-transfer__opt{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--fanui-radius-sm);cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-transfer__opt:hover{background-color:var(--fanui-color-hover)}.fanui-transfer__opt.is-selected{background-color:var(--fanui-primary-soft)}.fanui-transfer__opt.is-disabled{pointer-events:none;background-color:var(--fanui-color-disabled-bg);color:var(--fanui-color-disabled-text)}.fanui-transfer__opt.is-disabled .fanui-transfer__opt-label,.fanui-transfer__opt.is-disabled .fanui-transfer__opt-tag{color:var(--fanui-color-disabled-text)}.fanui-transfer__opt-check{accent-color:var(--fanui-primary);flex:0 0 auto}.fanui-transfer__opt-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fanui-transfer__opt-tag{flex:0 0 auto;font-size:10px;color:var(--fanui-color-text-subtle)}.fanui-transfer__empty{padding:var(--fanui-space-5) var(--fanui-space-3);text-align:center;font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-transfer__actions{display:flex;flex-direction:column;gap:var(--fanui-space-2)}@media(max-width: 767.95px){.fanui-transfer__actions{flex-direction:row}}.fanui-transfer__btn{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-surface);color:var(--fanui-color-text-muted);font-size:14px;cursor:pointer;transition:background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-transfer__btn:hover:not(:disabled){color:var(--fanui-primary-fg);background-color:var(--fanui-primary);border-color:var(--fanui-primary)}.fanui-transfer__btn:disabled{opacity:.4;pointer-events:none}.fanui-transfer__btn:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-transfer__btn:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--fanui-cluster-gap, var(--fanui-space-3));margin-inline:calc(var(--fanui-cluster-gap, var(--fanui-space-3))*-0.5)}.fanui-cluster>*{margin-inline:calc(var(--fanui-cluster-gap, var(--fanui-space-3))*.5)}.fanui-cluster--center{justify-content:center}.fanui-cluster--between{justify-content:space-between}.fanui-cluster--end{justify-content:flex-end}.fanui-cluster--tight{--fanui-cluster-gap: var(--fanui-space-2)}.fanui-cluster--loose{--fanui-cluster-gap: var(--fanui-space-5)}.fanui-logo-cloud{display:grid;grid-template-columns:repeat(auto-fit, minmax(var(--fanui-logo-min, 150px), 1fr));gap:var(--fanui-space-4);align-items:stretch}.fanui-logo-cloud__item{display:grid;place-items:center;min-height:72px;padding:var(--fanui-space-4);border:1px solid var(--fanui-color-border-subtle);border-radius:var(--fanui-radius-lg);background-color:var(--fanui-color-surface);font-weight:var(--fanui-font-weight-bold);letter-spacing:var(--fanui-tracking-wide);color:var(--fanui-color-text-subtle);transition:filter 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-logo-cloud__item img{max-height:32px;max-width:100%;object-fit:contain;opacity:.62;filter:grayscale(1);transition:filter 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-logo-cloud__item:hover{color:var(--fanui-primary);transform:translateY(-2px);box-shadow:var(--fanui-shadow-md)}.fanui-logo-cloud__item:hover img{opacity:1;filter:none}@media(prefers-reduced-motion: reduce){.fanui-loading-bar--indeterminate .fanui-loading-bar__inner{animation:none;width:100% !important}}.fanui-virtual-list{position:relative;overflow:auto;overscroll-behavior:contain;height:var(--fanui-vl-height, 320px);max-height:100%;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-surface);contain:strict}.fanui-virtual-list__inner{position:relative;width:100%}.fanui-virtual-list__item{position:absolute;inset-inline:0;top:0;display:flex;align-items:center;gap:var(--fanui-space-3);padding:var(--fanui-space-2) var(--fanui-space-4);box-sizing:border-box;border-bottom:1px solid var(--fanui-color-border-subtle);color:var(--fanui-color-text);will-change:transform}.fanui-virtual-list__item:hover{background-color:var(--fanui-color-surface-raised)}.fanui-virtual-list__item.is-selected{background-color:var(--fanui-primary-soft);color:var(--fanui-primary-ink);font-weight:600}.fanui-virtual-list__source{display:block}.fanui-virtual-list.is-virtualized .fanui-virtual-list__source{display:none}.fanui-virtual-list__empty{display:grid;place-items:center;height:100%;color:var(--fanui-color-text-muted)}.fanui-virtual-list:not(.is-virtualized){height:auto;max-height:none;contain:none}.fanui-virtual-list:not(.is-virtualized) .fanui-virtual-list__inner{height:auto}.fanui-virtual-list:not(.is-virtualized) .fanui-virtual-list__item{position:static;transform:none}.fanui-lightbox{position:fixed;inset:0;z-index:var(--fanui-z-modal, 1060);display:flex;flex-direction:column;align-items:center;justify-content:center}.fanui-lightbox__backdrop{position:absolute;inset:0;background-color:var(--fanui-lb-backdrop, rgba(2, 6, 23, 0.88));backdrop-filter:blur(6px);animation:fanui-fade-in var(--fanui-duration-base) var(--fanui-ease-out) both}.fanui-lightbox__stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;touch-action:none}.fanui-lightbox__img{max-width:92vw;max-height:84vh;border-radius:var(--fanui-radius-lg);box-shadow:var(--fanui-shadow-2xl);cursor:grab;user-select:none;transition:transform var(--fanui-duration-base) var(--fanui-ease-out);animation:fanui-lightbox-in var(--fanui-duration-slow) var(--fanui-ease-spring) both}.fanui-lightbox__img.is-dragging{cursor:grabbing;transition:none}.fanui-lightbox__caption{position:absolute;inset-inline:0;bottom:var(--fanui-space-5);text-align:center;font-size:var(--fanui-font-size-sm);color:rgba(255,255,255,.82);pointer-events:none}.fanui-lightbox__counter{position:absolute;top:var(--fanui-space-5);inset-inline-start:var(--fanui-space-5);padding:2px var(--fanui-space-3);border-radius:var(--fanui-radius-full);background-color:rgba(255,255,255,.14);color:#fff;font-size:var(--fanui-font-size-xs);font-variant-numeric:tabular-nums}.fanui-lightbox__toolbar{position:absolute;top:var(--fanui-space-4);inset-inline-end:var(--fanui-space-4);display:flex;gap:var(--fanui-space-2);z-index:2}.fanui-lightbox__btn{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:var(--fanui-radius-md);background-color:rgba(255,255,255,.1);color:#fff;font-size:15px;line-height:1;cursor:pointer;transition:background-color 150ms cubic-bezier(0, 0, 0.2, 1) 0s,border-color 150ms cubic-bezier(0, 0, 0.2, 1) 0s,transform 150ms cubic-bezier(0, 0, 0.2, 1) 0s}.fanui-lightbox__btn:hover{background-color:rgba(255,255,255,.2)}.fanui-lightbox__btn:active{transform:scale(0.94)}.fanui-lightbox__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.fanui-lightbox__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2}.fanui-lightbox__nav--prev{inset-inline-start:var(--fanui-space-4)}.fanui-lightbox__nav--next{inset-inline-end:var(--fanui-space-4)}.fanui-lightbox__thumbstrip{position:absolute;bottom:var(--fanui-space-4);display:flex;gap:var(--fanui-space-2);max-width:90vw;padding:var(--fanui-space-2);overflow-x:auto;border-radius:var(--fanui-radius-md);background-color:rgba(255,255,255,.08)}.fanui-lightbox__thumbstrip img{width:48px;height:48px;object-fit:cover;border-radius:var(--fanui-radius-base);opacity:.55;cursor:pointer}.fanui-lightbox__thumbstrip img.is-active{opacity:1;outline:2px solid #fff}.fanui-lightbox-trigger{cursor:zoom-in}@keyframes fanui-lightbox-in{from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1)}}.fanui-watermark{position:absolute;inset:0;z-index:var(--fanui-wm-z, 1);pointer-events:none;background-repeat:repeat;background-position:0 0}.fanui-watermark__host{position:relative}.fanui-tour{position:fixed;inset:0;z-index:var(--fanui-z-modal, 1060)}.fanui-tour__mask{position:absolute;inset:0;background-color:var(--fanui-tour-mask, rgba(2, 6, 23, 0.62));animation:fanui-fade-in var(--fanui-duration-base) var(--fanui-ease-out) both}.fanui-tour__spotlight{position:absolute;border-radius:var(--fanui-radius-md);box-shadow:0 0 0 9999px var(--fanui-tour-mask, rgba(2, 6, 23, 0.62));transition:all var(--fanui-duration-base) var(--fanui-ease-out);pointer-events:none}.fanui-tour__popover{position:absolute;width:min(92vw,340px);padding:var(--fanui-space-5);border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-lg);background-color:var(--fanui-color-surface);box-shadow:var(--fanui-shadow-xl);color:var(--fanui-color-text);animation:fanui-tour-in var(--fanui-duration-base) var(--fanui-ease-spring) both;z-index:1}.fanui-tour__arrow{position:absolute;width:10px;height:10px;background-color:var(--fanui-color-surface);border:1px solid var(--fanui-color-border);transform:rotate(45deg)}.fanui-tour__head{display:flex;align-items:flex-start;gap:var(--fanui-space-3)}.fanui-tour__title{flex:1 1 auto;margin:0;font-size:var(--fanui-font-size-lg);font-weight:700;color:var(--fanui-color-text-strong)}.fanui-tour__desc{margin:var(--fanui-space-2) 0 0;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-muted);line-height:1.7}.fanui-tour__close{flex:0 0 auto;width:26px;height:26px;padding:0;border:0;border-radius:var(--fanui-radius-base);background:rgba(0,0,0,0);color:var(--fanui-color-text-muted);cursor:pointer}.fanui-tour__close:hover{background-color:var(--fanui-color-surface-raised);color:var(--fanui-color-text)}.fanui-tour__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--fanui-space-3);margin-top:var(--fanui-space-4)}.fanui-tour__dots{display:flex;gap:6px;align-items:center}.fanui-tour__dot{width:7px;height:7px;padding:0;border:0;border-radius:50%;background-color:var(--fanui-color-border-strong);cursor:pointer}.fanui-tour__dot.is-active{width:18px;border-radius:var(--fanui-radius-full);background-color:var(--fanui-primary)}.fanui-tour__actions{display:flex;gap:var(--fanui-space-2);margin-inline-start:auto}@keyframes fanui-tour-in{from{opacity:0;transform:translateY(6px) scale(0.97)}to{opacity:1;transform:translateY(0) scale(1)}}.fanui-splitter{display:flex;width:100%;min-height:120px;overflow:hidden;border:1px solid var(--fanui-color-border);border-radius:var(--fanui-radius-md);background-color:var(--fanui-color-surface)}.fanui-splitter--vertical{flex-direction:column}.fanui-splitter__pane{min-width:0;min-height:0;overflow:auto;padding:var(--fanui-space-4);box-sizing:border-box;flex:0 0 var(--fanui-splitter-size, 50%)}.fanui-splitter__bar{position:relative;flex:0 0 auto;display:grid;place-items:center;background-color:var(--fanui-color-border);cursor:col-resize;transition:background-color 150ms cubic-bezier(0, 0, 0.2, 1) 0s}.fanui-splitter--vertical .fanui-splitter__bar{cursor:row-resize}.fanui-splitter__bar:hover,.fanui-splitter__bar.is-active{background-color:var(--fanui-primary)}.fanui-splitter__bar:focus-visible{outline:2px solid var(--fanui-primary);outline-offset:2px}.fanui-splitter__bar-handle{width:3px;height:28px;border-radius:var(--fanui-radius-full);background-color:var(--fanui-color-text-subtle);opacity:.55}.fanui-splitter--vertical .fanui-splitter__bar-handle{width:28px;height:3px}.fanui-splitter.is-resizing{user-select:none;cursor:col-resize}.fanui-splitter.is-resizing.fanui-splitter--vertical{cursor:row-resize}.fanui-affix__placeholder{display:block}.fanui-affix__inner.is-affixed{position:fixed;z-index:var(--fanui-z-sticky, 1020);inset-inline:0;background-color:var(--fanui-color-surface);box-shadow:var(--fanui-shadow-sm)}.fanui-affix__inner.is-affixed.is-affixed-bottom{position:absolute;top:auto}.fanui-backtop{position:fixed;inset-inline-end:var(--fanui-space-5);bottom:var(--fanui-space-5);z-index:var(--fanui-z-fixed, 1030);display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--fanui-color-border);border-radius:50%;background-color:var(--fanui-color-surface);color:var(--fanui-color-text);box-shadow:var(--fanui-shadow-lg);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 200ms cubic-bezier(0, 0, 0.2, 1) 0s,visibility 200ms cubic-bezier(0, 0, 0.2, 1) 0s,transform 200ms cubic-bezier(0, 0, 0.2, 1) 0s,background-color 200ms cubic-bezier(0, 0, 0.2, 1) 0s}.fanui-backtop.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.fanui-backtop:hover{background-color:var(--fanui-primary);color:var(--fanui-primary-fg);border-color:rgba(0,0,0,0)}.fanui-backtop:focus-visible{outline:2px solid var(--fanui-primary);outline-offset:2px}.fanui-backtop__ring{position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(var(--fanui-primary) var(--fanui-backtop-progress, 0%), transparent 0);mask:radial-gradient(farthest-side, transparent calc(100% - 3px), #000 0);pointer-events:none}.fanui-backtop__icon{position:relative;font-size:16px;line-height:1}@media(prefers-reduced-motion: reduce){.fanui-lightbox__img,.fanui-lightbox__backdrop,.fanui-tour__mask,.fanui-tour__popover,.fanui-tour__spotlight,.fanui-backtop{animation:none !important;transition:none !important}}.fanui-glass{position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-glass::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;padding:var(--fanui-glass-edge-width, calc(1px + 0.5px * var(--fanui-glass-intensity)));background:linear-gradient(var(--fanui-glass-edge-angle, 150deg), rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 0%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 38%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-lo-a) * var(--fanui-glass-intensity))) 62%, rgba(255, 255, 255, calc(var(--fanui-glass-edge-hi-a) * min(1, var(--fanui-glass-intensity)))) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:var(--fanui-glass-edge-alpha, 1)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-glass{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-glass{color:var(--fanui-color-text);text-shadow:var(--fanui-glass-text-shadow, 0 1px 1px rgba(0, 0, 0, 0.04))}[data-fanui-theme=dark] .fanui-glass,[data-fanui-theme=dark] .fanui-card--glass,[data-fanui-theme=dark] .fanui-panel--glass,[data-fanui-theme=dark] .fanui-navbar--glass,[data-fanui-theme=dark] .fanui-sidebar--glass,[data-fanui-theme=dark] .fanui-menu--glass,[data-fanui-theme=dark] .fanui-dropdown--glass .fanui-dropdown__menu,[data-fanui-theme=dark] .fanui-popover--glass .fanui-popover__panel,[data-fanui-theme=dark] .fanui-modal--glass .fanui-modal__dialog,[data-fanui-theme=dark] .fanui-drawer--glass .fanui-drawer__panel,[data-fanui-theme=dark] .fanui-toast--glass,[data-fanui-theme=dark] .fanui-toast-region .fanui-toast,[data-fanui-theme=dark] .fanui-alert--glass,[data-fanui-theme=dark] .fanui-btn--glass,[data-fanui-theme=dark] .fanui-table--glass{--fanui-color-text: #f1f5f9;--fanui-color-text-strong: #ffffff;--fanui-color-text-muted: #cbd5e1;--fanui-color-text-subtle: #94a3b8;--fanui-color-border-subtle: rgba(255, 255, 255, 0.08);--fanui-color-hover: rgba(255, 255, 255, 0.08);--fanui-color-active: rgba(255, 255, 255, 0.12)}@media(prefers-color-scheme: dark){[data-fanui-theme=auto] .fanui-glass,[data-fanui-theme=auto] .fanui-card--glass,[data-fanui-theme=auto] .fanui-panel--glass,[data-fanui-theme=auto] .fanui-navbar--glass,[data-fanui-theme=auto] .fanui-sidebar--glass,[data-fanui-theme=auto] .fanui-menu--glass,[data-fanui-theme=auto] .fanui-dropdown--glass .fanui-dropdown__menu,[data-fanui-theme=auto] .fanui-popover--glass .fanui-popover__panel,[data-fanui-theme=auto] .fanui-modal--glass .fanui-modal__dialog,[data-fanui-theme=auto] .fanui-drawer--glass .fanui-drawer__panel,[data-fanui-theme=auto] .fanui-toast--glass,[data-fanui-theme=auto] .fanui-toast-region .fanui-toast,[data-fanui-theme=auto] .fanui-alert--glass,[data-fanui-theme=auto] .fanui-btn--glass,[data-fanui-theme=auto] .fanui-table--glass{--fanui-color-text: #f1f5f9;--fanui-color-text-strong: #ffffff;--fanui-color-text-muted: #cbd5e1;--fanui-color-text-subtle: #94a3b8;--fanui-color-border-subtle: rgba(255, 255, 255, 0.08);--fanui-color-hover: rgba(255, 255, 255, 0.08);--fanui-color-active: rgba(255, 255, 255, 0.12)}}.fanui-glass--thin{--fanui-glass-intensity: 0.5;--fanui-glass-blur-base: 10px;--fanui-glass-edge-width: 1px;--fanui-glass-specular-alpha: 0.3}.fanui-glass--regular{--fanui-glass-intensity: 1;--fanui-glass-blur-base: 22px;--fanui-glass-edge-width: 1px;--fanui-glass-specular-alpha: 0.55}.fanui-glass--thick{--fanui-glass-intensity: 1.45;--fanui-glass-blur-base: 30px;--fanui-glass-edge-width: 1.5px;--fanui-glass-specular-alpha: 0.7}.fanui-glass--ultra{--fanui-glass-intensity: 1.9;--fanui-glass-blur-base: 44px;--fanui-glass-edge-width: 2px;--fanui-glass-specular-alpha: 0.85}.fanui-glass--lens{--fanui-glass-intensity: 2;--fanui-glass-blur-base: 36px;--fanui-glass-edge-width: 2px;--fanui-glass-specular-alpha: 1}.fanui-glass--card{padding:var(--fanui-glass-padding, var(--fanui-space-6));border-radius:var(--fanui-glass-radius, var(--fanui-radius-xl))}.fanui-glass--bar{display:flex;align-items:center;gap:var(--fanui-space-3);padding:var(--fanui-space-2) var(--fanui-space-3);border-radius:var(--fanui-glass-radius, var(--fanui-radius-full))}.fanui-glass--panel{padding:var(--fanui-space-5);border-radius:var(--fanui-glass-radius, var(--fanui-radius-2xl))}.fanui-glass--square{border-radius:0}.fanui-glass--sharp{--fanui-glass-radius: 0}.fanui-glass--reactive{transition:box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-glass--reactive:hover{--fanui-glass-intensity: var(--fanui-glass-hover-intensity, 1.25);transform:translateY(-1px)}.fanui-glass--reactive:active{transform:translateY(0) scale(0.995)}.fanui-glass--flow{background-image:radial-gradient(38% 44% at 24% 30%, var(--fanui-brand-aura-a), transparent 62%),radial-gradient(32% 40% at 76% 70%, var(--fanui-brand-aura-b), transparent 60%),radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-size:170% 170%,170% 170%,100% 100%,100% 100%;background-repeat:no-repeat;animation:fanui-glass-flow 22s ease-in-out infinite alternate}@keyframes fanui-glass-flow{0%{background-position:0% 0%,100% 100%,center,center}100%{background-position:100% 55%,0% 15%,center,center}}@media(prefers-reduced-motion: reduce){.fanui-glass--flow{animation:none}}.fanui-glass--static{--fanui-glass-specular-alpha: 0;--fanui-glass-edge-angle: 150deg}[data-fanui-glass-track]{--fanui-glass-mx: 30%;--fanui-glass-my: 0%}[data-fanui-glass-track]:hover{--fanui-glass-specular-alpha: 1}.fanui-glass-lens{--fanui-glass-tint-base: 0.14;--fanui-glass-tint-k: 0.34;--fanui-glass-blur-base: 30px;border-radius:inherit;box-shadow:0 10px 26px -10px rgba(2,6,23,.4),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -12px 20px -14px rgba(255,255,255,.35)}[data-fanui-theme=dark] .fanui-glass-lens{box-shadow:0 10px 26px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -12px 20px -14px rgba(255,255,255,.1)}@media(prefers-color-scheme: dark){[data-fanui-theme=auto] .fanui-glass-lens{box-shadow:0 10px 26px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -12px 20px -14px rgba(255,255,255,.1)}}.fanui-card--glass,.fanui-panel--glass{position:relative;isolation:isolate;background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:radial-gradient(calc(var(--fanui-glass-specular-size-base) + var(--fanui-glass-specular-size-k) * var(--fanui-glass-intensity)) circle at var(--fanui-glass-mx, 30%) var(--fanui-glass-my, 0%), rgba(var(--fanui-glass-specular-rgb), calc(var(--fanui-glass-specular-a) * var(--fanui-glass-intensity) * var(--fanui-glass-specular-alpha))), transparent 70%),linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);background-repeat:no-repeat;background-size:100% 100%;border:1px solid rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));border-radius:var(--fanui-glass-radius, 12px);color:var(--fanui-color-text);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))));transition:background-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s,transform 300ms cubic-bezier(0.4, 0, 0.2, 1) 0s}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-card--glass,.fanui-panel--glass{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-table--glass{--fanui-table-striped-bg: rgba( var(--fanui-glass-divider-rgb), calc(var(--fanui-glass-divider-a) * var(--fanui-glass-intensity)) );--fanui-table-border-color: rgba( var(--fanui-glass-divider-rgb), calc(var(--fanui-glass-divider-a) * var(--fanui-glass-intensity)) )}.fanui-table--glass>thead>tr>th{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-table--glass>thead>tr>th{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-navbar--glass{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-bottom-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));box-shadow:none;transition:background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,border-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-navbar--glass.is-scrolled{box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))))}.fanui-sidebar--glass,.fanui-menu--glass{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-sidebar--glass,.fanui-menu--glass{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-modal--glass .fanui-modal__dialog,.fanui-drawer--glass .fanui-drawer__panel{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-modal--glass .fanui-modal__dialog,.fanui-drawer--glass .fanui-drawer__panel{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-modal--glass .fanui-modal__dialog,.fanui-drawer--glass .fanui-drawer__panel{background-image:linear-gradient(color-mix(in srgb, var(--fanui-color-overlay) 60%, transparent), color-mix(in srgb, var(--fanui-color-overlay) 75%, transparent))}.fanui-dropdown--glass .fanui-dropdown__menu,.fanui-popover--glass .fanui-popover__panel{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-dropdown--glass .fanui-dropdown__menu,.fanui-popover--glass .fanui-popover__panel{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-dropdown--glass .fanui-dropdown__menu,.fanui-popover--glass .fanui-popover__panel{background-image:linear-gradient(color-mix(in srgb, var(--fanui-color-overlay) 55%, transparent), color-mix(in srgb, var(--fanui-color-overlay) 70%, transparent))}.fanui-tooltip--glass .fanui-tooltip__bubble{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-tooltip--glass .fanui-tooltip__bubble{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-toast--glass,.fanui-toast-region .fanui-toast{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-toast--glass,.fanui-toast-region .fanui-toast{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-alert--glass{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-alert--glass{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-btn--glass{background-color:rgba(var(--fanui-glass-tint-rgb), calc(var(--fanui-glass-tint-base) + var(--fanui-glass-tint-k) * var(--fanui-glass-intensity)));background-image:linear-gradient(180deg, rgba(255, 255, 255, calc(var(--fanui-glass-sheen-a) * var(--fanui-glass-intensity))) 0%, rgba(255, 255, 255, 0) 46%);backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));-webkit-backdrop-filter:blur(calc(var(--fanui-glass-blur-base) * var(--fanui-glass-intensity) * var(--fanui-glass-blur-mode-k, 1))) saturate(calc(100% + var(--fanui-glass-sat-k) * var(--fanui-glass-intensity))) brightness(calc(100% + var(--fanui-glass-bri-k) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)))}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.fanui-btn--glass{background-color:var(--fanui-glass-fallback-bg);background-image:none}}.fanui-btn--glass{--fanui-btn-fg: var(--fanui-color-text);--fanui-btn-hover-fg: var(--fanui-color-text-strong);--fanui-btn-active-fg: var(--fanui-color-text-strong);box-shadow:inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))))}.fanui-btn--glass:hover{box-shadow:inset 0 1px 0 rgba(255, 255, 255, calc((var(--fanui-glass-inner-hi) + 0.2) * min(1, var(--fanui-glass-intensity)))),0 6px 18px -8px rgba(var(--fanui-glass-shadow-rgb), calc(0.28 * var(--fanui-glass-intensity)))}.fanui-glass .fanui-form-control,.fanui-glass .fanui-select,.fanui-glass .fanui-textarea{background-color:rgba(var(--fanui-glass-divider-rgb), calc(var(--fanui-glass-divider-a) * var(--fanui-glass-intensity)));border-color:rgba(var(--fanui-glass-border-rgb), calc(var(--fanui-glass-border-a) + var(--fanui-glass-border-k) * var(--fanui-glass-intensity)));backdrop-filter:none}.fanui-glass .fanui-table>thead>tr>th{background-color:rgba(0,0,0,0)}.fanui-glass .fanui-table>tbody>tr>td{border-color:rgba(var(--fanui-glass-divider-rgb), calc(var(--fanui-glass-divider-a) * var(--fanui-glass-intensity)))}:root[data-fanui-glass=off] [class*=fanui-glass],:root[data-fanui-glass=off] [class*="--glass"],[data-fanui-glass=off] [class*=fanui-glass],[data-fanui-glass=off] [class*="--glass"],[data-fanui-glass=off][class*=fanui-glass],[data-fanui-glass=off][class*="--glass"]{backdrop-filter:none;-webkit-backdrop-filter:none}:root[data-fanui-glass=off] [class*=fanui-glass]::after,:root[data-fanui-glass=off] [class*="--glass"]::after,[data-fanui-glass=off] [class*=fanui-glass]::after,[data-fanui-glass=off] [class*="--glass"]::after,[data-fanui-glass=off][class*=fanui-glass]::after,[data-fanui-glass=off][class*="--glass"]::after{display:none}@media(prefers-reduced-motion: reduce){.fanui-glass--reactive:hover{transform:none}}.fanui-m-0{margin:0}.fanui-mt-0{margin-top:0}.fanui-mr-0{margin-inline-end:0}.fanui-mb-0{margin-bottom:0}.fanui-ml-0{margin-inline-start:0}.fanui-mx-0{margin-inline:0}.fanui-my-0{margin-top:0;margin-bottom:0}.fanui-p-0{padding:0}.fanui-pt-0{padding-top:0}.fanui-pr-0{padding-inline-end:0}.fanui-pb-0{padding-bottom:0}.fanui-pl-0{padding-inline-start:0}.fanui-px-0{padding-inline:0}.fanui-py-0{padding-top:0;padding-bottom:0}.fanui-m-1{margin:4px}.fanui-mt-1{margin-top:4px}.fanui-mr-1{margin-inline-end:4px}.fanui-mb-1{margin-bottom:4px}.fanui-ml-1{margin-inline-start:4px}.fanui-mx-1{margin-inline:4px}.fanui-my-1{margin-top:4px;margin-bottom:4px}.fanui-p-1{padding:4px}.fanui-pt-1{padding-top:4px}.fanui-pr-1{padding-inline-end:4px}.fanui-pb-1{padding-bottom:4px}.fanui-pl-1{padding-inline-start:4px}.fanui-px-1{padding-inline:4px}.fanui-py-1{padding-top:4px;padding-bottom:4px}.fanui-m-2{margin:8px}.fanui-mt-2{margin-top:8px}.fanui-mr-2{margin-inline-end:8px}.fanui-mb-2{margin-bottom:8px}.fanui-ml-2{margin-inline-start:8px}.fanui-mx-2{margin-inline:8px}.fanui-my-2{margin-top:8px;margin-bottom:8px}.fanui-p-2{padding:8px}.fanui-pt-2{padding-top:8px}.fanui-pr-2{padding-inline-end:8px}.fanui-pb-2{padding-bottom:8px}.fanui-pl-2{padding-inline-start:8px}.fanui-px-2{padding-inline:8px}.fanui-py-2{padding-top:8px;padding-bottom:8px}.fanui-m-3{margin:12px}.fanui-mt-3{margin-top:12px}.fanui-mr-3{margin-inline-end:12px}.fanui-mb-3{margin-bottom:12px}.fanui-ml-3{margin-inline-start:12px}.fanui-mx-3{margin-inline:12px}.fanui-my-3{margin-top:12px;margin-bottom:12px}.fanui-p-3{padding:12px}.fanui-pt-3{padding-top:12px}.fanui-pr-3{padding-inline-end:12px}.fanui-pb-3{padding-bottom:12px}.fanui-pl-3{padding-inline-start:12px}.fanui-px-3{padding-inline:12px}.fanui-py-3{padding-top:12px;padding-bottom:12px}.fanui-m-4{margin:16px}.fanui-mt-4{margin-top:16px}.fanui-mr-4{margin-inline-end:16px}.fanui-mb-4{margin-bottom:16px}.fanui-ml-4{margin-inline-start:16px}.fanui-mx-4{margin-inline:16px}.fanui-my-4{margin-top:16px;margin-bottom:16px}.fanui-p-4{padding:16px}.fanui-pt-4{padding-top:16px}.fanui-pr-4{padding-inline-end:16px}.fanui-pb-4{padding-bottom:16px}.fanui-pl-4{padding-inline-start:16px}.fanui-px-4{padding-inline:16px}.fanui-py-4{padding-top:16px;padding-bottom:16px}.fanui-m-5{margin:20px}.fanui-mt-5{margin-top:20px}.fanui-mr-5{margin-inline-end:20px}.fanui-mb-5{margin-bottom:20px}.fanui-ml-5{margin-inline-start:20px}.fanui-mx-5{margin-inline:20px}.fanui-my-5{margin-top:20px;margin-bottom:20px}.fanui-p-5{padding:20px}.fanui-pt-5{padding-top:20px}.fanui-pr-5{padding-inline-end:20px}.fanui-pb-5{padding-bottom:20px}.fanui-pl-5{padding-inline-start:20px}.fanui-px-5{padding-inline:20px}.fanui-py-5{padding-top:20px;padding-bottom:20px}.fanui-m-6{margin:24px}.fanui-mt-6{margin-top:24px}.fanui-mr-6{margin-inline-end:24px}.fanui-mb-6{margin-bottom:24px}.fanui-ml-6{margin-inline-start:24px}.fanui-mx-6{margin-inline:24px}.fanui-my-6{margin-top:24px;margin-bottom:24px}.fanui-p-6{padding:24px}.fanui-pt-6{padding-top:24px}.fanui-pr-6{padding-inline-end:24px}.fanui-pb-6{padding-bottom:24px}.fanui-pl-6{padding-inline-start:24px}.fanui-px-6{padding-inline:24px}.fanui-py-6{padding-top:24px;padding-bottom:24px}.fanui-m-8{margin:32px}.fanui-mt-8{margin-top:32px}.fanui-mr-8{margin-inline-end:32px}.fanui-mb-8{margin-bottom:32px}.fanui-ml-8{margin-inline-start:32px}.fanui-mx-8{margin-inline:32px}.fanui-my-8{margin-top:32px;margin-bottom:32px}.fanui-p-8{padding:32px}.fanui-pt-8{padding-top:32px}.fanui-pr-8{padding-inline-end:32px}.fanui-pb-8{padding-bottom:32px}.fanui-pl-8{padding-inline-start:32px}.fanui-px-8{padding-inline:32px}.fanui-py-8{padding-top:32px;padding-bottom:32px}.fanui-m-10{margin:40px}.fanui-mt-10{margin-top:40px}.fanui-mr-10{margin-inline-end:40px}.fanui-mb-10{margin-bottom:40px}.fanui-ml-10{margin-inline-start:40px}.fanui-mx-10{margin-inline:40px}.fanui-my-10{margin-top:40px;margin-bottom:40px}.fanui-p-10{padding:40px}.fanui-pt-10{padding-top:40px}.fanui-pr-10{padding-inline-end:40px}.fanui-pb-10{padding-bottom:40px}.fanui-pl-10{padding-inline-start:40px}.fanui-px-10{padding-inline:40px}.fanui-py-10{padding-top:40px;padding-bottom:40px}.fanui-m-12{margin:48px}.fanui-mt-12{margin-top:48px}.fanui-mr-12{margin-inline-end:48px}.fanui-mb-12{margin-bottom:48px}.fanui-ml-12{margin-inline-start:48px}.fanui-mx-12{margin-inline:48px}.fanui-my-12{margin-top:48px;margin-bottom:48px}.fanui-p-12{padding:48px}.fanui-pt-12{padding-top:48px}.fanui-pr-12{padding-inline-end:48px}.fanui-pb-12{padding-bottom:48px}.fanui-pl-12{padding-inline-start:48px}.fanui-px-12{padding-inline:48px}.fanui-py-12{padding-top:48px;padding-bottom:48px}.fanui-m-16{margin:64px}.fanui-mt-16{margin-top:64px}.fanui-mr-16{margin-inline-end:64px}.fanui-mb-16{margin-bottom:64px}.fanui-ml-16{margin-inline-start:64px}.fanui-mx-16{margin-inline:64px}.fanui-my-16{margin-top:64px;margin-bottom:64px}.fanui-p-16{padding:64px}.fanui-pt-16{padding-top:64px}.fanui-pr-16{padding-inline-end:64px}.fanui-pb-16{padding-bottom:64px}.fanui-pl-16{padding-inline-start:64px}.fanui-px-16{padding-inline:64px}.fanui-py-16{padding-top:64px;padding-bottom:64px}.fanui-m-20{margin:80px}.fanui-mt-20{margin-top:80px}.fanui-mr-20{margin-inline-end:80px}.fanui-mb-20{margin-bottom:80px}.fanui-ml-20{margin-inline-start:80px}.fanui-mx-20{margin-inline:80px}.fanui-my-20{margin-top:80px;margin-bottom:80px}.fanui-p-20{padding:80px}.fanui-pt-20{padding-top:80px}.fanui-pr-20{padding-inline-end:80px}.fanui-pb-20{padding-bottom:80px}.fanui-pl-20{padding-inline-start:80px}.fanui-px-20{padding-inline:80px}.fanui-py-20{padding-top:80px;padding-bottom:80px}.fanui-m-24{margin:96px}.fanui-mt-24{margin-top:96px}.fanui-mr-24{margin-inline-end:96px}.fanui-mb-24{margin-bottom:96px}.fanui-ml-24{margin-inline-start:96px}.fanui-mx-24{margin-inline:96px}.fanui-my-24{margin-top:96px;margin-bottom:96px}.fanui-p-24{padding:96px}.fanui-pt-24{padding-top:96px}.fanui-pr-24{padding-inline-end:96px}.fanui-pb-24{padding-bottom:96px}.fanui-pl-24{padding-inline-start:96px}.fanui-px-24{padding-inline:96px}.fanui-py-24{padding-top:96px;padding-bottom:96px}.fanui-mx-auto{margin-inline-start:auto;margin-inline-end:auto}.fanui-my-auto{margin-top:auto;margin-bottom:auto}.fanui-mt-auto{margin-top:auto}.fanui-mb-auto{margin-bottom:auto}.fanui-ml-auto{margin-inline-start:auto}.fanui-mr-auto{margin-inline-end:auto}.fanui-m-auto{margin:auto}@media(min-width: 576px){.fanui-m-sm-0{margin:0}.fanui-mt-sm-0{margin-top:0}.fanui-mr-sm-0{margin-inline-end:0}.fanui-mb-sm-0{margin-bottom:0}.fanui-ml-sm-0{margin-inline-start:0}.fanui-mx-sm-0{margin-inline:0}.fanui-my-sm-0{margin-top:0;margin-bottom:0}.fanui-p-sm-0{padding:0}.fanui-pt-sm-0{padding-top:0}.fanui-pr-sm-0{padding-inline-end:0}.fanui-pb-sm-0{padding-bottom:0}.fanui-pl-sm-0{padding-inline-start:0}.fanui-px-sm-0{padding-inline:0}.fanui-py-sm-0{padding-top:0;padding-bottom:0}.fanui-m-sm-1{margin:4px}.fanui-mt-sm-1{margin-top:4px}.fanui-mr-sm-1{margin-inline-end:4px}.fanui-mb-sm-1{margin-bottom:4px}.fanui-ml-sm-1{margin-inline-start:4px}.fanui-mx-sm-1{margin-inline:4px}.fanui-my-sm-1{margin-top:4px;margin-bottom:4px}.fanui-p-sm-1{padding:4px}.fanui-pt-sm-1{padding-top:4px}.fanui-pr-sm-1{padding-inline-end:4px}.fanui-pb-sm-1{padding-bottom:4px}.fanui-pl-sm-1{padding-inline-start:4px}.fanui-px-sm-1{padding-inline:4px}.fanui-py-sm-1{padding-top:4px;padding-bottom:4px}.fanui-m-sm-2{margin:8px}.fanui-mt-sm-2{margin-top:8px}.fanui-mr-sm-2{margin-inline-end:8px}.fanui-mb-sm-2{margin-bottom:8px}.fanui-ml-sm-2{margin-inline-start:8px}.fanui-mx-sm-2{margin-inline:8px}.fanui-my-sm-2{margin-top:8px;margin-bottom:8px}.fanui-p-sm-2{padding:8px}.fanui-pt-sm-2{padding-top:8px}.fanui-pr-sm-2{padding-inline-end:8px}.fanui-pb-sm-2{padding-bottom:8px}.fanui-pl-sm-2{padding-inline-start:8px}.fanui-px-sm-2{padding-inline:8px}.fanui-py-sm-2{padding-top:8px;padding-bottom:8px}.fanui-m-sm-3{margin:12px}.fanui-mt-sm-3{margin-top:12px}.fanui-mr-sm-3{margin-inline-end:12px}.fanui-mb-sm-3{margin-bottom:12px}.fanui-ml-sm-3{margin-inline-start:12px}.fanui-mx-sm-3{margin-inline:12px}.fanui-my-sm-3{margin-top:12px;margin-bottom:12px}.fanui-p-sm-3{padding:12px}.fanui-pt-sm-3{padding-top:12px}.fanui-pr-sm-3{padding-inline-end:12px}.fanui-pb-sm-3{padding-bottom:12px}.fanui-pl-sm-3{padding-inline-start:12px}.fanui-px-sm-3{padding-inline:12px}.fanui-py-sm-3{padding-top:12px;padding-bottom:12px}.fanui-m-sm-4{margin:16px}.fanui-mt-sm-4{margin-top:16px}.fanui-mr-sm-4{margin-inline-end:16px}.fanui-mb-sm-4{margin-bottom:16px}.fanui-ml-sm-4{margin-inline-start:16px}.fanui-mx-sm-4{margin-inline:16px}.fanui-my-sm-4{margin-top:16px;margin-bottom:16px}.fanui-p-sm-4{padding:16px}.fanui-pt-sm-4{padding-top:16px}.fanui-pr-sm-4{padding-inline-end:16px}.fanui-pb-sm-4{padding-bottom:16px}.fanui-pl-sm-4{padding-inline-start:16px}.fanui-px-sm-4{padding-inline:16px}.fanui-py-sm-4{padding-top:16px;padding-bottom:16px}.fanui-m-sm-5{margin:20px}.fanui-mt-sm-5{margin-top:20px}.fanui-mr-sm-5{margin-inline-end:20px}.fanui-mb-sm-5{margin-bottom:20px}.fanui-ml-sm-5{margin-inline-start:20px}.fanui-mx-sm-5{margin-inline:20px}.fanui-my-sm-5{margin-top:20px;margin-bottom:20px}.fanui-p-sm-5{padding:20px}.fanui-pt-sm-5{padding-top:20px}.fanui-pr-sm-5{padding-inline-end:20px}.fanui-pb-sm-5{padding-bottom:20px}.fanui-pl-sm-5{padding-inline-start:20px}.fanui-px-sm-5{padding-inline:20px}.fanui-py-sm-5{padding-top:20px;padding-bottom:20px}.fanui-m-sm-6{margin:24px}.fanui-mt-sm-6{margin-top:24px}.fanui-mr-sm-6{margin-inline-end:24px}.fanui-mb-sm-6{margin-bottom:24px}.fanui-ml-sm-6{margin-inline-start:24px}.fanui-mx-sm-6{margin-inline:24px}.fanui-my-sm-6{margin-top:24px;margin-bottom:24px}.fanui-p-sm-6{padding:24px}.fanui-pt-sm-6{padding-top:24px}.fanui-pr-sm-6{padding-inline-end:24px}.fanui-pb-sm-6{padding-bottom:24px}.fanui-pl-sm-6{padding-inline-start:24px}.fanui-px-sm-6{padding-inline:24px}.fanui-py-sm-6{padding-top:24px;padding-bottom:24px}.fanui-m-sm-8{margin:32px}.fanui-mt-sm-8{margin-top:32px}.fanui-mr-sm-8{margin-inline-end:32px}.fanui-mb-sm-8{margin-bottom:32px}.fanui-ml-sm-8{margin-inline-start:32px}.fanui-mx-sm-8{margin-inline:32px}.fanui-my-sm-8{margin-top:32px;margin-bottom:32px}.fanui-p-sm-8{padding:32px}.fanui-pt-sm-8{padding-top:32px}.fanui-pr-sm-8{padding-inline-end:32px}.fanui-pb-sm-8{padding-bottom:32px}.fanui-pl-sm-8{padding-inline-start:32px}.fanui-px-sm-8{padding-inline:32px}.fanui-py-sm-8{padding-top:32px;padding-bottom:32px}.fanui-m-sm-10{margin:40px}.fanui-mt-sm-10{margin-top:40px}.fanui-mr-sm-10{margin-inline-end:40px}.fanui-mb-sm-10{margin-bottom:40px}.fanui-ml-sm-10{margin-inline-start:40px}.fanui-mx-sm-10{margin-inline:40px}.fanui-my-sm-10{margin-top:40px;margin-bottom:40px}.fanui-p-sm-10{padding:40px}.fanui-pt-sm-10{padding-top:40px}.fanui-pr-sm-10{padding-inline-end:40px}.fanui-pb-sm-10{padding-bottom:40px}.fanui-pl-sm-10{padding-inline-start:40px}.fanui-px-sm-10{padding-inline:40px}.fanui-py-sm-10{padding-top:40px;padding-bottom:40px}.fanui-m-sm-12{margin:48px}.fanui-mt-sm-12{margin-top:48px}.fanui-mr-sm-12{margin-inline-end:48px}.fanui-mb-sm-12{margin-bottom:48px}.fanui-ml-sm-12{margin-inline-start:48px}.fanui-mx-sm-12{margin-inline:48px}.fanui-my-sm-12{margin-top:48px;margin-bottom:48px}.fanui-p-sm-12{padding:48px}.fanui-pt-sm-12{padding-top:48px}.fanui-pr-sm-12{padding-inline-end:48px}.fanui-pb-sm-12{padding-bottom:48px}.fanui-pl-sm-12{padding-inline-start:48px}.fanui-px-sm-12{padding-inline:48px}.fanui-py-sm-12{padding-top:48px;padding-bottom:48px}.fanui-m-sm-16{margin:64px}.fanui-mt-sm-16{margin-top:64px}.fanui-mr-sm-16{margin-inline-end:64px}.fanui-mb-sm-16{margin-bottom:64px}.fanui-ml-sm-16{margin-inline-start:64px}.fanui-mx-sm-16{margin-inline:64px}.fanui-my-sm-16{margin-top:64px;margin-bottom:64px}.fanui-p-sm-16{padding:64px}.fanui-pt-sm-16{padding-top:64px}.fanui-pr-sm-16{padding-inline-end:64px}.fanui-pb-sm-16{padding-bottom:64px}.fanui-pl-sm-16{padding-inline-start:64px}.fanui-px-sm-16{padding-inline:64px}.fanui-py-sm-16{padding-top:64px;padding-bottom:64px}.fanui-m-sm-20{margin:80px}.fanui-mt-sm-20{margin-top:80px}.fanui-mr-sm-20{margin-inline-end:80px}.fanui-mb-sm-20{margin-bottom:80px}.fanui-ml-sm-20{margin-inline-start:80px}.fanui-mx-sm-20{margin-inline:80px}.fanui-my-sm-20{margin-top:80px;margin-bottom:80px}.fanui-p-sm-20{padding:80px}.fanui-pt-sm-20{padding-top:80px}.fanui-pr-sm-20{padding-inline-end:80px}.fanui-pb-sm-20{padding-bottom:80px}.fanui-pl-sm-20{padding-inline-start:80px}.fanui-px-sm-20{padding-inline:80px}.fanui-py-sm-20{padding-top:80px;padding-bottom:80px}.fanui-m-sm-24{margin:96px}.fanui-mt-sm-24{margin-top:96px}.fanui-mr-sm-24{margin-inline-end:96px}.fanui-mb-sm-24{margin-bottom:96px}.fanui-ml-sm-24{margin-inline-start:96px}.fanui-mx-sm-24{margin-inline:96px}.fanui-my-sm-24{margin-top:96px;margin-bottom:96px}.fanui-p-sm-24{padding:96px}.fanui-pt-sm-24{padding-top:96px}.fanui-pr-sm-24{padding-inline-end:96px}.fanui-pb-sm-24{padding-bottom:96px}.fanui-pl-sm-24{padding-inline-start:96px}.fanui-px-sm-24{padding-inline:96px}.fanui-py-sm-24{padding-top:96px;padding-bottom:96px}.fanui-mx-sm-auto{margin-inline:auto}.fanui-mt-sm-auto{margin-top:auto}.fanui-mb-sm-auto{margin-bottom:auto}}@media(min-width: 768px){.fanui-m-md-0{margin:0}.fanui-mt-md-0{margin-top:0}.fanui-mr-md-0{margin-inline-end:0}.fanui-mb-md-0{margin-bottom:0}.fanui-ml-md-0{margin-inline-start:0}.fanui-mx-md-0{margin-inline:0}.fanui-my-md-0{margin-top:0;margin-bottom:0}.fanui-p-md-0{padding:0}.fanui-pt-md-0{padding-top:0}.fanui-pr-md-0{padding-inline-end:0}.fanui-pb-md-0{padding-bottom:0}.fanui-pl-md-0{padding-inline-start:0}.fanui-px-md-0{padding-inline:0}.fanui-py-md-0{padding-top:0;padding-bottom:0}.fanui-m-md-1{margin:4px}.fanui-mt-md-1{margin-top:4px}.fanui-mr-md-1{margin-inline-end:4px}.fanui-mb-md-1{margin-bottom:4px}.fanui-ml-md-1{margin-inline-start:4px}.fanui-mx-md-1{margin-inline:4px}.fanui-my-md-1{margin-top:4px;margin-bottom:4px}.fanui-p-md-1{padding:4px}.fanui-pt-md-1{padding-top:4px}.fanui-pr-md-1{padding-inline-end:4px}.fanui-pb-md-1{padding-bottom:4px}.fanui-pl-md-1{padding-inline-start:4px}.fanui-px-md-1{padding-inline:4px}.fanui-py-md-1{padding-top:4px;padding-bottom:4px}.fanui-m-md-2{margin:8px}.fanui-mt-md-2{margin-top:8px}.fanui-mr-md-2{margin-inline-end:8px}.fanui-mb-md-2{margin-bottom:8px}.fanui-ml-md-2{margin-inline-start:8px}.fanui-mx-md-2{margin-inline:8px}.fanui-my-md-2{margin-top:8px;margin-bottom:8px}.fanui-p-md-2{padding:8px}.fanui-pt-md-2{padding-top:8px}.fanui-pr-md-2{padding-inline-end:8px}.fanui-pb-md-2{padding-bottom:8px}.fanui-pl-md-2{padding-inline-start:8px}.fanui-px-md-2{padding-inline:8px}.fanui-py-md-2{padding-top:8px;padding-bottom:8px}.fanui-m-md-3{margin:12px}.fanui-mt-md-3{margin-top:12px}.fanui-mr-md-3{margin-inline-end:12px}.fanui-mb-md-3{margin-bottom:12px}.fanui-ml-md-3{margin-inline-start:12px}.fanui-mx-md-3{margin-inline:12px}.fanui-my-md-3{margin-top:12px;margin-bottom:12px}.fanui-p-md-3{padding:12px}.fanui-pt-md-3{padding-top:12px}.fanui-pr-md-3{padding-inline-end:12px}.fanui-pb-md-3{padding-bottom:12px}.fanui-pl-md-3{padding-inline-start:12px}.fanui-px-md-3{padding-inline:12px}.fanui-py-md-3{padding-top:12px;padding-bottom:12px}.fanui-m-md-4{margin:16px}.fanui-mt-md-4{margin-top:16px}.fanui-mr-md-4{margin-inline-end:16px}.fanui-mb-md-4{margin-bottom:16px}.fanui-ml-md-4{margin-inline-start:16px}.fanui-mx-md-4{margin-inline:16px}.fanui-my-md-4{margin-top:16px;margin-bottom:16px}.fanui-p-md-4{padding:16px}.fanui-pt-md-4{padding-top:16px}.fanui-pr-md-4{padding-inline-end:16px}.fanui-pb-md-4{padding-bottom:16px}.fanui-pl-md-4{padding-inline-start:16px}.fanui-px-md-4{padding-inline:16px}.fanui-py-md-4{padding-top:16px;padding-bottom:16px}.fanui-m-md-5{margin:20px}.fanui-mt-md-5{margin-top:20px}.fanui-mr-md-5{margin-inline-end:20px}.fanui-mb-md-5{margin-bottom:20px}.fanui-ml-md-5{margin-inline-start:20px}.fanui-mx-md-5{margin-inline:20px}.fanui-my-md-5{margin-top:20px;margin-bottom:20px}.fanui-p-md-5{padding:20px}.fanui-pt-md-5{padding-top:20px}.fanui-pr-md-5{padding-inline-end:20px}.fanui-pb-md-5{padding-bottom:20px}.fanui-pl-md-5{padding-inline-start:20px}.fanui-px-md-5{padding-inline:20px}.fanui-py-md-5{padding-top:20px;padding-bottom:20px}.fanui-m-md-6{margin:24px}.fanui-mt-md-6{margin-top:24px}.fanui-mr-md-6{margin-inline-end:24px}.fanui-mb-md-6{margin-bottom:24px}.fanui-ml-md-6{margin-inline-start:24px}.fanui-mx-md-6{margin-inline:24px}.fanui-my-md-6{margin-top:24px;margin-bottom:24px}.fanui-p-md-6{padding:24px}.fanui-pt-md-6{padding-top:24px}.fanui-pr-md-6{padding-inline-end:24px}.fanui-pb-md-6{padding-bottom:24px}.fanui-pl-md-6{padding-inline-start:24px}.fanui-px-md-6{padding-inline:24px}.fanui-py-md-6{padding-top:24px;padding-bottom:24px}.fanui-m-md-8{margin:32px}.fanui-mt-md-8{margin-top:32px}.fanui-mr-md-8{margin-inline-end:32px}.fanui-mb-md-8{margin-bottom:32px}.fanui-ml-md-8{margin-inline-start:32px}.fanui-mx-md-8{margin-inline:32px}.fanui-my-md-8{margin-top:32px;margin-bottom:32px}.fanui-p-md-8{padding:32px}.fanui-pt-md-8{padding-top:32px}.fanui-pr-md-8{padding-inline-end:32px}.fanui-pb-md-8{padding-bottom:32px}.fanui-pl-md-8{padding-inline-start:32px}.fanui-px-md-8{padding-inline:32px}.fanui-py-md-8{padding-top:32px;padding-bottom:32px}.fanui-m-md-10{margin:40px}.fanui-mt-md-10{margin-top:40px}.fanui-mr-md-10{margin-inline-end:40px}.fanui-mb-md-10{margin-bottom:40px}.fanui-ml-md-10{margin-inline-start:40px}.fanui-mx-md-10{margin-inline:40px}.fanui-my-md-10{margin-top:40px;margin-bottom:40px}.fanui-p-md-10{padding:40px}.fanui-pt-md-10{padding-top:40px}.fanui-pr-md-10{padding-inline-end:40px}.fanui-pb-md-10{padding-bottom:40px}.fanui-pl-md-10{padding-inline-start:40px}.fanui-px-md-10{padding-inline:40px}.fanui-py-md-10{padding-top:40px;padding-bottom:40px}.fanui-m-md-12{margin:48px}.fanui-mt-md-12{margin-top:48px}.fanui-mr-md-12{margin-inline-end:48px}.fanui-mb-md-12{margin-bottom:48px}.fanui-ml-md-12{margin-inline-start:48px}.fanui-mx-md-12{margin-inline:48px}.fanui-my-md-12{margin-top:48px;margin-bottom:48px}.fanui-p-md-12{padding:48px}.fanui-pt-md-12{padding-top:48px}.fanui-pr-md-12{padding-inline-end:48px}.fanui-pb-md-12{padding-bottom:48px}.fanui-pl-md-12{padding-inline-start:48px}.fanui-px-md-12{padding-inline:48px}.fanui-py-md-12{padding-top:48px;padding-bottom:48px}.fanui-m-md-16{margin:64px}.fanui-mt-md-16{margin-top:64px}.fanui-mr-md-16{margin-inline-end:64px}.fanui-mb-md-16{margin-bottom:64px}.fanui-ml-md-16{margin-inline-start:64px}.fanui-mx-md-16{margin-inline:64px}.fanui-my-md-16{margin-top:64px;margin-bottom:64px}.fanui-p-md-16{padding:64px}.fanui-pt-md-16{padding-top:64px}.fanui-pr-md-16{padding-inline-end:64px}.fanui-pb-md-16{padding-bottom:64px}.fanui-pl-md-16{padding-inline-start:64px}.fanui-px-md-16{padding-inline:64px}.fanui-py-md-16{padding-top:64px;padding-bottom:64px}.fanui-m-md-20{margin:80px}.fanui-mt-md-20{margin-top:80px}.fanui-mr-md-20{margin-inline-end:80px}.fanui-mb-md-20{margin-bottom:80px}.fanui-ml-md-20{margin-inline-start:80px}.fanui-mx-md-20{margin-inline:80px}.fanui-my-md-20{margin-top:80px;margin-bottom:80px}.fanui-p-md-20{padding:80px}.fanui-pt-md-20{padding-top:80px}.fanui-pr-md-20{padding-inline-end:80px}.fanui-pb-md-20{padding-bottom:80px}.fanui-pl-md-20{padding-inline-start:80px}.fanui-px-md-20{padding-inline:80px}.fanui-py-md-20{padding-top:80px;padding-bottom:80px}.fanui-m-md-24{margin:96px}.fanui-mt-md-24{margin-top:96px}.fanui-mr-md-24{margin-inline-end:96px}.fanui-mb-md-24{margin-bottom:96px}.fanui-ml-md-24{margin-inline-start:96px}.fanui-mx-md-24{margin-inline:96px}.fanui-my-md-24{margin-top:96px;margin-bottom:96px}.fanui-p-md-24{padding:96px}.fanui-pt-md-24{padding-top:96px}.fanui-pr-md-24{padding-inline-end:96px}.fanui-pb-md-24{padding-bottom:96px}.fanui-pl-md-24{padding-inline-start:96px}.fanui-px-md-24{padding-inline:96px}.fanui-py-md-24{padding-top:96px;padding-bottom:96px}.fanui-mx-md-auto{margin-inline:auto}.fanui-mt-md-auto{margin-top:auto}.fanui-mb-md-auto{margin-bottom:auto}}@media(min-width: 992px){.fanui-m-lg-0{margin:0}.fanui-mt-lg-0{margin-top:0}.fanui-mr-lg-0{margin-inline-end:0}.fanui-mb-lg-0{margin-bottom:0}.fanui-ml-lg-0{margin-inline-start:0}.fanui-mx-lg-0{margin-inline:0}.fanui-my-lg-0{margin-top:0;margin-bottom:0}.fanui-p-lg-0{padding:0}.fanui-pt-lg-0{padding-top:0}.fanui-pr-lg-0{padding-inline-end:0}.fanui-pb-lg-0{padding-bottom:0}.fanui-pl-lg-0{padding-inline-start:0}.fanui-px-lg-0{padding-inline:0}.fanui-py-lg-0{padding-top:0;padding-bottom:0}.fanui-m-lg-1{margin:4px}.fanui-mt-lg-1{margin-top:4px}.fanui-mr-lg-1{margin-inline-end:4px}.fanui-mb-lg-1{margin-bottom:4px}.fanui-ml-lg-1{margin-inline-start:4px}.fanui-mx-lg-1{margin-inline:4px}.fanui-my-lg-1{margin-top:4px;margin-bottom:4px}.fanui-p-lg-1{padding:4px}.fanui-pt-lg-1{padding-top:4px}.fanui-pr-lg-1{padding-inline-end:4px}.fanui-pb-lg-1{padding-bottom:4px}.fanui-pl-lg-1{padding-inline-start:4px}.fanui-px-lg-1{padding-inline:4px}.fanui-py-lg-1{padding-top:4px;padding-bottom:4px}.fanui-m-lg-2{margin:8px}.fanui-mt-lg-2{margin-top:8px}.fanui-mr-lg-2{margin-inline-end:8px}.fanui-mb-lg-2{margin-bottom:8px}.fanui-ml-lg-2{margin-inline-start:8px}.fanui-mx-lg-2{margin-inline:8px}.fanui-my-lg-2{margin-top:8px;margin-bottom:8px}.fanui-p-lg-2{padding:8px}.fanui-pt-lg-2{padding-top:8px}.fanui-pr-lg-2{padding-inline-end:8px}.fanui-pb-lg-2{padding-bottom:8px}.fanui-pl-lg-2{padding-inline-start:8px}.fanui-px-lg-2{padding-inline:8px}.fanui-py-lg-2{padding-top:8px;padding-bottom:8px}.fanui-m-lg-3{margin:12px}.fanui-mt-lg-3{margin-top:12px}.fanui-mr-lg-3{margin-inline-end:12px}.fanui-mb-lg-3{margin-bottom:12px}.fanui-ml-lg-3{margin-inline-start:12px}.fanui-mx-lg-3{margin-inline:12px}.fanui-my-lg-3{margin-top:12px;margin-bottom:12px}.fanui-p-lg-3{padding:12px}.fanui-pt-lg-3{padding-top:12px}.fanui-pr-lg-3{padding-inline-end:12px}.fanui-pb-lg-3{padding-bottom:12px}.fanui-pl-lg-3{padding-inline-start:12px}.fanui-px-lg-3{padding-inline:12px}.fanui-py-lg-3{padding-top:12px;padding-bottom:12px}.fanui-m-lg-4{margin:16px}.fanui-mt-lg-4{margin-top:16px}.fanui-mr-lg-4{margin-inline-end:16px}.fanui-mb-lg-4{margin-bottom:16px}.fanui-ml-lg-4{margin-inline-start:16px}.fanui-mx-lg-4{margin-inline:16px}.fanui-my-lg-4{margin-top:16px;margin-bottom:16px}.fanui-p-lg-4{padding:16px}.fanui-pt-lg-4{padding-top:16px}.fanui-pr-lg-4{padding-inline-end:16px}.fanui-pb-lg-4{padding-bottom:16px}.fanui-pl-lg-4{padding-inline-start:16px}.fanui-px-lg-4{padding-inline:16px}.fanui-py-lg-4{padding-top:16px;padding-bottom:16px}.fanui-m-lg-5{margin:20px}.fanui-mt-lg-5{margin-top:20px}.fanui-mr-lg-5{margin-inline-end:20px}.fanui-mb-lg-5{margin-bottom:20px}.fanui-ml-lg-5{margin-inline-start:20px}.fanui-mx-lg-5{margin-inline:20px}.fanui-my-lg-5{margin-top:20px;margin-bottom:20px}.fanui-p-lg-5{padding:20px}.fanui-pt-lg-5{padding-top:20px}.fanui-pr-lg-5{padding-inline-end:20px}.fanui-pb-lg-5{padding-bottom:20px}.fanui-pl-lg-5{padding-inline-start:20px}.fanui-px-lg-5{padding-inline:20px}.fanui-py-lg-5{padding-top:20px;padding-bottom:20px}.fanui-m-lg-6{margin:24px}.fanui-mt-lg-6{margin-top:24px}.fanui-mr-lg-6{margin-inline-end:24px}.fanui-mb-lg-6{margin-bottom:24px}.fanui-ml-lg-6{margin-inline-start:24px}.fanui-mx-lg-6{margin-inline:24px}.fanui-my-lg-6{margin-top:24px;margin-bottom:24px}.fanui-p-lg-6{padding:24px}.fanui-pt-lg-6{padding-top:24px}.fanui-pr-lg-6{padding-inline-end:24px}.fanui-pb-lg-6{padding-bottom:24px}.fanui-pl-lg-6{padding-inline-start:24px}.fanui-px-lg-6{padding-inline:24px}.fanui-py-lg-6{padding-top:24px;padding-bottom:24px}.fanui-m-lg-8{margin:32px}.fanui-mt-lg-8{margin-top:32px}.fanui-mr-lg-8{margin-inline-end:32px}.fanui-mb-lg-8{margin-bottom:32px}.fanui-ml-lg-8{margin-inline-start:32px}.fanui-mx-lg-8{margin-inline:32px}.fanui-my-lg-8{margin-top:32px;margin-bottom:32px}.fanui-p-lg-8{padding:32px}.fanui-pt-lg-8{padding-top:32px}.fanui-pr-lg-8{padding-inline-end:32px}.fanui-pb-lg-8{padding-bottom:32px}.fanui-pl-lg-8{padding-inline-start:32px}.fanui-px-lg-8{padding-inline:32px}.fanui-py-lg-8{padding-top:32px;padding-bottom:32px}.fanui-m-lg-10{margin:40px}.fanui-mt-lg-10{margin-top:40px}.fanui-mr-lg-10{margin-inline-end:40px}.fanui-mb-lg-10{margin-bottom:40px}.fanui-ml-lg-10{margin-inline-start:40px}.fanui-mx-lg-10{margin-inline:40px}.fanui-my-lg-10{margin-top:40px;margin-bottom:40px}.fanui-p-lg-10{padding:40px}.fanui-pt-lg-10{padding-top:40px}.fanui-pr-lg-10{padding-inline-end:40px}.fanui-pb-lg-10{padding-bottom:40px}.fanui-pl-lg-10{padding-inline-start:40px}.fanui-px-lg-10{padding-inline:40px}.fanui-py-lg-10{padding-top:40px;padding-bottom:40px}.fanui-m-lg-12{margin:48px}.fanui-mt-lg-12{margin-top:48px}.fanui-mr-lg-12{margin-inline-end:48px}.fanui-mb-lg-12{margin-bottom:48px}.fanui-ml-lg-12{margin-inline-start:48px}.fanui-mx-lg-12{margin-inline:48px}.fanui-my-lg-12{margin-top:48px;margin-bottom:48px}.fanui-p-lg-12{padding:48px}.fanui-pt-lg-12{padding-top:48px}.fanui-pr-lg-12{padding-inline-end:48px}.fanui-pb-lg-12{padding-bottom:48px}.fanui-pl-lg-12{padding-inline-start:48px}.fanui-px-lg-12{padding-inline:48px}.fanui-py-lg-12{padding-top:48px;padding-bottom:48px}.fanui-m-lg-16{margin:64px}.fanui-mt-lg-16{margin-top:64px}.fanui-mr-lg-16{margin-inline-end:64px}.fanui-mb-lg-16{margin-bottom:64px}.fanui-ml-lg-16{margin-inline-start:64px}.fanui-mx-lg-16{margin-inline:64px}.fanui-my-lg-16{margin-top:64px;margin-bottom:64px}.fanui-p-lg-16{padding:64px}.fanui-pt-lg-16{padding-top:64px}.fanui-pr-lg-16{padding-inline-end:64px}.fanui-pb-lg-16{padding-bottom:64px}.fanui-pl-lg-16{padding-inline-start:64px}.fanui-px-lg-16{padding-inline:64px}.fanui-py-lg-16{padding-top:64px;padding-bottom:64px}.fanui-m-lg-20{margin:80px}.fanui-mt-lg-20{margin-top:80px}.fanui-mr-lg-20{margin-inline-end:80px}.fanui-mb-lg-20{margin-bottom:80px}.fanui-ml-lg-20{margin-inline-start:80px}.fanui-mx-lg-20{margin-inline:80px}.fanui-my-lg-20{margin-top:80px;margin-bottom:80px}.fanui-p-lg-20{padding:80px}.fanui-pt-lg-20{padding-top:80px}.fanui-pr-lg-20{padding-inline-end:80px}.fanui-pb-lg-20{padding-bottom:80px}.fanui-pl-lg-20{padding-inline-start:80px}.fanui-px-lg-20{padding-inline:80px}.fanui-py-lg-20{padding-top:80px;padding-bottom:80px}.fanui-m-lg-24{margin:96px}.fanui-mt-lg-24{margin-top:96px}.fanui-mr-lg-24{margin-inline-end:96px}.fanui-mb-lg-24{margin-bottom:96px}.fanui-ml-lg-24{margin-inline-start:96px}.fanui-mx-lg-24{margin-inline:96px}.fanui-my-lg-24{margin-top:96px;margin-bottom:96px}.fanui-p-lg-24{padding:96px}.fanui-pt-lg-24{padding-top:96px}.fanui-pr-lg-24{padding-inline-end:96px}.fanui-pb-lg-24{padding-bottom:96px}.fanui-pl-lg-24{padding-inline-start:96px}.fanui-px-lg-24{padding-inline:96px}.fanui-py-lg-24{padding-top:96px;padding-bottom:96px}.fanui-mx-lg-auto{margin-inline:auto}.fanui-mt-lg-auto{margin-top:auto}.fanui-mb-lg-auto{margin-bottom:auto}}@media(min-width: 1200px){.fanui-m-xl-0{margin:0}.fanui-mt-xl-0{margin-top:0}.fanui-mr-xl-0{margin-inline-end:0}.fanui-mb-xl-0{margin-bottom:0}.fanui-ml-xl-0{margin-inline-start:0}.fanui-mx-xl-0{margin-inline:0}.fanui-my-xl-0{margin-top:0;margin-bottom:0}.fanui-p-xl-0{padding:0}.fanui-pt-xl-0{padding-top:0}.fanui-pr-xl-0{padding-inline-end:0}.fanui-pb-xl-0{padding-bottom:0}.fanui-pl-xl-0{padding-inline-start:0}.fanui-px-xl-0{padding-inline:0}.fanui-py-xl-0{padding-top:0;padding-bottom:0}.fanui-m-xl-1{margin:4px}.fanui-mt-xl-1{margin-top:4px}.fanui-mr-xl-1{margin-inline-end:4px}.fanui-mb-xl-1{margin-bottom:4px}.fanui-ml-xl-1{margin-inline-start:4px}.fanui-mx-xl-1{margin-inline:4px}.fanui-my-xl-1{margin-top:4px;margin-bottom:4px}.fanui-p-xl-1{padding:4px}.fanui-pt-xl-1{padding-top:4px}.fanui-pr-xl-1{padding-inline-end:4px}.fanui-pb-xl-1{padding-bottom:4px}.fanui-pl-xl-1{padding-inline-start:4px}.fanui-px-xl-1{padding-inline:4px}.fanui-py-xl-1{padding-top:4px;padding-bottom:4px}.fanui-m-xl-2{margin:8px}.fanui-mt-xl-2{margin-top:8px}.fanui-mr-xl-2{margin-inline-end:8px}.fanui-mb-xl-2{margin-bottom:8px}.fanui-ml-xl-2{margin-inline-start:8px}.fanui-mx-xl-2{margin-inline:8px}.fanui-my-xl-2{margin-top:8px;margin-bottom:8px}.fanui-p-xl-2{padding:8px}.fanui-pt-xl-2{padding-top:8px}.fanui-pr-xl-2{padding-inline-end:8px}.fanui-pb-xl-2{padding-bottom:8px}.fanui-pl-xl-2{padding-inline-start:8px}.fanui-px-xl-2{padding-inline:8px}.fanui-py-xl-2{padding-top:8px;padding-bottom:8px}.fanui-m-xl-3{margin:12px}.fanui-mt-xl-3{margin-top:12px}.fanui-mr-xl-3{margin-inline-end:12px}.fanui-mb-xl-3{margin-bottom:12px}.fanui-ml-xl-3{margin-inline-start:12px}.fanui-mx-xl-3{margin-inline:12px}.fanui-my-xl-3{margin-top:12px;margin-bottom:12px}.fanui-p-xl-3{padding:12px}.fanui-pt-xl-3{padding-top:12px}.fanui-pr-xl-3{padding-inline-end:12px}.fanui-pb-xl-3{padding-bottom:12px}.fanui-pl-xl-3{padding-inline-start:12px}.fanui-px-xl-3{padding-inline:12px}.fanui-py-xl-3{padding-top:12px;padding-bottom:12px}.fanui-m-xl-4{margin:16px}.fanui-mt-xl-4{margin-top:16px}.fanui-mr-xl-4{margin-inline-end:16px}.fanui-mb-xl-4{margin-bottom:16px}.fanui-ml-xl-4{margin-inline-start:16px}.fanui-mx-xl-4{margin-inline:16px}.fanui-my-xl-4{margin-top:16px;margin-bottom:16px}.fanui-p-xl-4{padding:16px}.fanui-pt-xl-4{padding-top:16px}.fanui-pr-xl-4{padding-inline-end:16px}.fanui-pb-xl-4{padding-bottom:16px}.fanui-pl-xl-4{padding-inline-start:16px}.fanui-px-xl-4{padding-inline:16px}.fanui-py-xl-4{padding-top:16px;padding-bottom:16px}.fanui-m-xl-5{margin:20px}.fanui-mt-xl-5{margin-top:20px}.fanui-mr-xl-5{margin-inline-end:20px}.fanui-mb-xl-5{margin-bottom:20px}.fanui-ml-xl-5{margin-inline-start:20px}.fanui-mx-xl-5{margin-inline:20px}.fanui-my-xl-5{margin-top:20px;margin-bottom:20px}.fanui-p-xl-5{padding:20px}.fanui-pt-xl-5{padding-top:20px}.fanui-pr-xl-5{padding-inline-end:20px}.fanui-pb-xl-5{padding-bottom:20px}.fanui-pl-xl-5{padding-inline-start:20px}.fanui-px-xl-5{padding-inline:20px}.fanui-py-xl-5{padding-top:20px;padding-bottom:20px}.fanui-m-xl-6{margin:24px}.fanui-mt-xl-6{margin-top:24px}.fanui-mr-xl-6{margin-inline-end:24px}.fanui-mb-xl-6{margin-bottom:24px}.fanui-ml-xl-6{margin-inline-start:24px}.fanui-mx-xl-6{margin-inline:24px}.fanui-my-xl-6{margin-top:24px;margin-bottom:24px}.fanui-p-xl-6{padding:24px}.fanui-pt-xl-6{padding-top:24px}.fanui-pr-xl-6{padding-inline-end:24px}.fanui-pb-xl-6{padding-bottom:24px}.fanui-pl-xl-6{padding-inline-start:24px}.fanui-px-xl-6{padding-inline:24px}.fanui-py-xl-6{padding-top:24px;padding-bottom:24px}.fanui-m-xl-8{margin:32px}.fanui-mt-xl-8{margin-top:32px}.fanui-mr-xl-8{margin-inline-end:32px}.fanui-mb-xl-8{margin-bottom:32px}.fanui-ml-xl-8{margin-inline-start:32px}.fanui-mx-xl-8{margin-inline:32px}.fanui-my-xl-8{margin-top:32px;margin-bottom:32px}.fanui-p-xl-8{padding:32px}.fanui-pt-xl-8{padding-top:32px}.fanui-pr-xl-8{padding-inline-end:32px}.fanui-pb-xl-8{padding-bottom:32px}.fanui-pl-xl-8{padding-inline-start:32px}.fanui-px-xl-8{padding-inline:32px}.fanui-py-xl-8{padding-top:32px;padding-bottom:32px}.fanui-m-xl-10{margin:40px}.fanui-mt-xl-10{margin-top:40px}.fanui-mr-xl-10{margin-inline-end:40px}.fanui-mb-xl-10{margin-bottom:40px}.fanui-ml-xl-10{margin-inline-start:40px}.fanui-mx-xl-10{margin-inline:40px}.fanui-my-xl-10{margin-top:40px;margin-bottom:40px}.fanui-p-xl-10{padding:40px}.fanui-pt-xl-10{padding-top:40px}.fanui-pr-xl-10{padding-inline-end:40px}.fanui-pb-xl-10{padding-bottom:40px}.fanui-pl-xl-10{padding-inline-start:40px}.fanui-px-xl-10{padding-inline:40px}.fanui-py-xl-10{padding-top:40px;padding-bottom:40px}.fanui-m-xl-12{margin:48px}.fanui-mt-xl-12{margin-top:48px}.fanui-mr-xl-12{margin-inline-end:48px}.fanui-mb-xl-12{margin-bottom:48px}.fanui-ml-xl-12{margin-inline-start:48px}.fanui-mx-xl-12{margin-inline:48px}.fanui-my-xl-12{margin-top:48px;margin-bottom:48px}.fanui-p-xl-12{padding:48px}.fanui-pt-xl-12{padding-top:48px}.fanui-pr-xl-12{padding-inline-end:48px}.fanui-pb-xl-12{padding-bottom:48px}.fanui-pl-xl-12{padding-inline-start:48px}.fanui-px-xl-12{padding-inline:48px}.fanui-py-xl-12{padding-top:48px;padding-bottom:48px}.fanui-m-xl-16{margin:64px}.fanui-mt-xl-16{margin-top:64px}.fanui-mr-xl-16{margin-inline-end:64px}.fanui-mb-xl-16{margin-bottom:64px}.fanui-ml-xl-16{margin-inline-start:64px}.fanui-mx-xl-16{margin-inline:64px}.fanui-my-xl-16{margin-top:64px;margin-bottom:64px}.fanui-p-xl-16{padding:64px}.fanui-pt-xl-16{padding-top:64px}.fanui-pr-xl-16{padding-inline-end:64px}.fanui-pb-xl-16{padding-bottom:64px}.fanui-pl-xl-16{padding-inline-start:64px}.fanui-px-xl-16{padding-inline:64px}.fanui-py-xl-16{padding-top:64px;padding-bottom:64px}.fanui-m-xl-20{margin:80px}.fanui-mt-xl-20{margin-top:80px}.fanui-mr-xl-20{margin-inline-end:80px}.fanui-mb-xl-20{margin-bottom:80px}.fanui-ml-xl-20{margin-inline-start:80px}.fanui-mx-xl-20{margin-inline:80px}.fanui-my-xl-20{margin-top:80px;margin-bottom:80px}.fanui-p-xl-20{padding:80px}.fanui-pt-xl-20{padding-top:80px}.fanui-pr-xl-20{padding-inline-end:80px}.fanui-pb-xl-20{padding-bottom:80px}.fanui-pl-xl-20{padding-inline-start:80px}.fanui-px-xl-20{padding-inline:80px}.fanui-py-xl-20{padding-top:80px;padding-bottom:80px}.fanui-m-xl-24{margin:96px}.fanui-mt-xl-24{margin-top:96px}.fanui-mr-xl-24{margin-inline-end:96px}.fanui-mb-xl-24{margin-bottom:96px}.fanui-ml-xl-24{margin-inline-start:96px}.fanui-mx-xl-24{margin-inline:96px}.fanui-my-xl-24{margin-top:96px;margin-bottom:96px}.fanui-p-xl-24{padding:96px}.fanui-pt-xl-24{padding-top:96px}.fanui-pr-xl-24{padding-inline-end:96px}.fanui-pb-xl-24{padding-bottom:96px}.fanui-pl-xl-24{padding-inline-start:96px}.fanui-px-xl-24{padding-inline:96px}.fanui-py-xl-24{padding-top:96px;padding-bottom:96px}.fanui-mx-xl-auto{margin-inline:auto}.fanui-mt-xl-auto{margin-top:auto}.fanui-mb-xl-auto{margin-bottom:auto}}@media(min-width: 1400px){.fanui-m-xxl-0{margin:0}.fanui-mt-xxl-0{margin-top:0}.fanui-mr-xxl-0{margin-inline-end:0}.fanui-mb-xxl-0{margin-bottom:0}.fanui-ml-xxl-0{margin-inline-start:0}.fanui-mx-xxl-0{margin-inline:0}.fanui-my-xxl-0{margin-top:0;margin-bottom:0}.fanui-p-xxl-0{padding:0}.fanui-pt-xxl-0{padding-top:0}.fanui-pr-xxl-0{padding-inline-end:0}.fanui-pb-xxl-0{padding-bottom:0}.fanui-pl-xxl-0{padding-inline-start:0}.fanui-px-xxl-0{padding-inline:0}.fanui-py-xxl-0{padding-top:0;padding-bottom:0}.fanui-m-xxl-1{margin:4px}.fanui-mt-xxl-1{margin-top:4px}.fanui-mr-xxl-1{margin-inline-end:4px}.fanui-mb-xxl-1{margin-bottom:4px}.fanui-ml-xxl-1{margin-inline-start:4px}.fanui-mx-xxl-1{margin-inline:4px}.fanui-my-xxl-1{margin-top:4px;margin-bottom:4px}.fanui-p-xxl-1{padding:4px}.fanui-pt-xxl-1{padding-top:4px}.fanui-pr-xxl-1{padding-inline-end:4px}.fanui-pb-xxl-1{padding-bottom:4px}.fanui-pl-xxl-1{padding-inline-start:4px}.fanui-px-xxl-1{padding-inline:4px}.fanui-py-xxl-1{padding-top:4px;padding-bottom:4px}.fanui-m-xxl-2{margin:8px}.fanui-mt-xxl-2{margin-top:8px}.fanui-mr-xxl-2{margin-inline-end:8px}.fanui-mb-xxl-2{margin-bottom:8px}.fanui-ml-xxl-2{margin-inline-start:8px}.fanui-mx-xxl-2{margin-inline:8px}.fanui-my-xxl-2{margin-top:8px;margin-bottom:8px}.fanui-p-xxl-2{padding:8px}.fanui-pt-xxl-2{padding-top:8px}.fanui-pr-xxl-2{padding-inline-end:8px}.fanui-pb-xxl-2{padding-bottom:8px}.fanui-pl-xxl-2{padding-inline-start:8px}.fanui-px-xxl-2{padding-inline:8px}.fanui-py-xxl-2{padding-top:8px;padding-bottom:8px}.fanui-m-xxl-3{margin:12px}.fanui-mt-xxl-3{margin-top:12px}.fanui-mr-xxl-3{margin-inline-end:12px}.fanui-mb-xxl-3{margin-bottom:12px}.fanui-ml-xxl-3{margin-inline-start:12px}.fanui-mx-xxl-3{margin-inline:12px}.fanui-my-xxl-3{margin-top:12px;margin-bottom:12px}.fanui-p-xxl-3{padding:12px}.fanui-pt-xxl-3{padding-top:12px}.fanui-pr-xxl-3{padding-inline-end:12px}.fanui-pb-xxl-3{padding-bottom:12px}.fanui-pl-xxl-3{padding-inline-start:12px}.fanui-px-xxl-3{padding-inline:12px}.fanui-py-xxl-3{padding-top:12px;padding-bottom:12px}.fanui-m-xxl-4{margin:16px}.fanui-mt-xxl-4{margin-top:16px}.fanui-mr-xxl-4{margin-inline-end:16px}.fanui-mb-xxl-4{margin-bottom:16px}.fanui-ml-xxl-4{margin-inline-start:16px}.fanui-mx-xxl-4{margin-inline:16px}.fanui-my-xxl-4{margin-top:16px;margin-bottom:16px}.fanui-p-xxl-4{padding:16px}.fanui-pt-xxl-4{padding-top:16px}.fanui-pr-xxl-4{padding-inline-end:16px}.fanui-pb-xxl-4{padding-bottom:16px}.fanui-pl-xxl-4{padding-inline-start:16px}.fanui-px-xxl-4{padding-inline:16px}.fanui-py-xxl-4{padding-top:16px;padding-bottom:16px}.fanui-m-xxl-5{margin:20px}.fanui-mt-xxl-5{margin-top:20px}.fanui-mr-xxl-5{margin-inline-end:20px}.fanui-mb-xxl-5{margin-bottom:20px}.fanui-ml-xxl-5{margin-inline-start:20px}.fanui-mx-xxl-5{margin-inline:20px}.fanui-my-xxl-5{margin-top:20px;margin-bottom:20px}.fanui-p-xxl-5{padding:20px}.fanui-pt-xxl-5{padding-top:20px}.fanui-pr-xxl-5{padding-inline-end:20px}.fanui-pb-xxl-5{padding-bottom:20px}.fanui-pl-xxl-5{padding-inline-start:20px}.fanui-px-xxl-5{padding-inline:20px}.fanui-py-xxl-5{padding-top:20px;padding-bottom:20px}.fanui-m-xxl-6{margin:24px}.fanui-mt-xxl-6{margin-top:24px}.fanui-mr-xxl-6{margin-inline-end:24px}.fanui-mb-xxl-6{margin-bottom:24px}.fanui-ml-xxl-6{margin-inline-start:24px}.fanui-mx-xxl-6{margin-inline:24px}.fanui-my-xxl-6{margin-top:24px;margin-bottom:24px}.fanui-p-xxl-6{padding:24px}.fanui-pt-xxl-6{padding-top:24px}.fanui-pr-xxl-6{padding-inline-end:24px}.fanui-pb-xxl-6{padding-bottom:24px}.fanui-pl-xxl-6{padding-inline-start:24px}.fanui-px-xxl-6{padding-inline:24px}.fanui-py-xxl-6{padding-top:24px;padding-bottom:24px}.fanui-m-xxl-8{margin:32px}.fanui-mt-xxl-8{margin-top:32px}.fanui-mr-xxl-8{margin-inline-end:32px}.fanui-mb-xxl-8{margin-bottom:32px}.fanui-ml-xxl-8{margin-inline-start:32px}.fanui-mx-xxl-8{margin-inline:32px}.fanui-my-xxl-8{margin-top:32px;margin-bottom:32px}.fanui-p-xxl-8{padding:32px}.fanui-pt-xxl-8{padding-top:32px}.fanui-pr-xxl-8{padding-inline-end:32px}.fanui-pb-xxl-8{padding-bottom:32px}.fanui-pl-xxl-8{padding-inline-start:32px}.fanui-px-xxl-8{padding-inline:32px}.fanui-py-xxl-8{padding-top:32px;padding-bottom:32px}.fanui-m-xxl-10{margin:40px}.fanui-mt-xxl-10{margin-top:40px}.fanui-mr-xxl-10{margin-inline-end:40px}.fanui-mb-xxl-10{margin-bottom:40px}.fanui-ml-xxl-10{margin-inline-start:40px}.fanui-mx-xxl-10{margin-inline:40px}.fanui-my-xxl-10{margin-top:40px;margin-bottom:40px}.fanui-p-xxl-10{padding:40px}.fanui-pt-xxl-10{padding-top:40px}.fanui-pr-xxl-10{padding-inline-end:40px}.fanui-pb-xxl-10{padding-bottom:40px}.fanui-pl-xxl-10{padding-inline-start:40px}.fanui-px-xxl-10{padding-inline:40px}.fanui-py-xxl-10{padding-top:40px;padding-bottom:40px}.fanui-m-xxl-12{margin:48px}.fanui-mt-xxl-12{margin-top:48px}.fanui-mr-xxl-12{margin-inline-end:48px}.fanui-mb-xxl-12{margin-bottom:48px}.fanui-ml-xxl-12{margin-inline-start:48px}.fanui-mx-xxl-12{margin-inline:48px}.fanui-my-xxl-12{margin-top:48px;margin-bottom:48px}.fanui-p-xxl-12{padding:48px}.fanui-pt-xxl-12{padding-top:48px}.fanui-pr-xxl-12{padding-inline-end:48px}.fanui-pb-xxl-12{padding-bottom:48px}.fanui-pl-xxl-12{padding-inline-start:48px}.fanui-px-xxl-12{padding-inline:48px}.fanui-py-xxl-12{padding-top:48px;padding-bottom:48px}.fanui-m-xxl-16{margin:64px}.fanui-mt-xxl-16{margin-top:64px}.fanui-mr-xxl-16{margin-inline-end:64px}.fanui-mb-xxl-16{margin-bottom:64px}.fanui-ml-xxl-16{margin-inline-start:64px}.fanui-mx-xxl-16{margin-inline:64px}.fanui-my-xxl-16{margin-top:64px;margin-bottom:64px}.fanui-p-xxl-16{padding:64px}.fanui-pt-xxl-16{padding-top:64px}.fanui-pr-xxl-16{padding-inline-end:64px}.fanui-pb-xxl-16{padding-bottom:64px}.fanui-pl-xxl-16{padding-inline-start:64px}.fanui-px-xxl-16{padding-inline:64px}.fanui-py-xxl-16{padding-top:64px;padding-bottom:64px}.fanui-m-xxl-20{margin:80px}.fanui-mt-xxl-20{margin-top:80px}.fanui-mr-xxl-20{margin-inline-end:80px}.fanui-mb-xxl-20{margin-bottom:80px}.fanui-ml-xxl-20{margin-inline-start:80px}.fanui-mx-xxl-20{margin-inline:80px}.fanui-my-xxl-20{margin-top:80px;margin-bottom:80px}.fanui-p-xxl-20{padding:80px}.fanui-pt-xxl-20{padding-top:80px}.fanui-pr-xxl-20{padding-inline-end:80px}.fanui-pb-xxl-20{padding-bottom:80px}.fanui-pl-xxl-20{padding-inline-start:80px}.fanui-px-xxl-20{padding-inline:80px}.fanui-py-xxl-20{padding-top:80px;padding-bottom:80px}.fanui-m-xxl-24{margin:96px}.fanui-mt-xxl-24{margin-top:96px}.fanui-mr-xxl-24{margin-inline-end:96px}.fanui-mb-xxl-24{margin-bottom:96px}.fanui-ml-xxl-24{margin-inline-start:96px}.fanui-mx-xxl-24{margin-inline:96px}.fanui-my-xxl-24{margin-top:96px;margin-bottom:96px}.fanui-p-xxl-24{padding:96px}.fanui-pt-xxl-24{padding-top:96px}.fanui-pr-xxl-24{padding-inline-end:96px}.fanui-pb-xxl-24{padding-bottom:96px}.fanui-pl-xxl-24{padding-inline-start:96px}.fanui-px-xxl-24{padding-inline:96px}.fanui-py-xxl-24{padding-top:96px;padding-bottom:96px}.fanui-mx-xxl-auto{margin-inline:auto}.fanui-mt-xxl-auto{margin-top:auto}.fanui-mb-xxl-auto{margin-bottom:auto}}.fanui-p-section{padding:var(--fanui-space-8)}.fanui-p-card{padding:var(--fanui-space-5)}.fanui-gap-card{gap:var(--fanui-space-4)}.fanui-stack-space>*+*{margin-top:var(--fanui-space-4)}.fanui-stack-space-sm>*+*{margin-top:var(--fanui-space-2)}.fanui-stack-space-lg>*+*{margin-top:var(--fanui-space-6)}.fanui-inline-space>*+*{margin-inline-start:var(--fanui-space-3)}.fanui-trim>:first-child{margin-top:0}.fanui-trim>:last-child{margin-bottom:0}.fanui-trim-v>:first-child{margin-top:0}.fanui-trim-v>:last-child{margin-bottom:0}.fanui-visible{visibility:visible}.fanui-invisible{visibility:hidden}.fanui-collapse{visibility:collapse}.fanui-hidden{display:none !important}.fanui-opacity-0{opacity:0}.fanui-opacity-25{opacity:.25}.fanui-opacity-50{opacity:.5}.fanui-opacity-75{opacity:.75}.fanui-opacity-100{opacity:1}.fanui-static{position:static}.fanui-relative{position:relative}.fanui-absolute{position:absolute}.fanui-fixed{position:fixed}.fanui-sticky{position:sticky}.fanui-top-0{top:0}.fanui-right-0{right:0}.fanui-bottom-0{bottom:0}.fanui-left-0{left:0}.fanui-top-1{top:4px}.fanui-right-1{right:4px}.fanui-bottom-1{bottom:4px}.fanui-left-1{left:4px}.fanui-top-2{top:8px}.fanui-right-2{right:8px}.fanui-bottom-2{bottom:8px}.fanui-left-2{left:8px}.fanui-top-3{top:12px}.fanui-right-3{right:12px}.fanui-bottom-3{bottom:12px}.fanui-left-3{left:12px}.fanui-top-4{top:16px}.fanui-right-4{right:16px}.fanui-bottom-4{bottom:16px}.fanui-left-4{left:16px}.fanui-top-6{top:24px}.fanui-right-6{right:24px}.fanui-bottom-6{bottom:24px}.fanui-left-6{left:24px}.fanui-top-8{top:32px}.fanui-right-8{right:32px}.fanui-bottom-8{bottom:32px}.fanui-left-8{left:32px}.fanui-inset-0{inset:0}.fanui-top-auto{top:auto}.fanui-right-auto{right:auto}.fanui-bottom-auto{bottom:auto}.fanui-left-auto{left:auto}.fanui-absolute-center{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.fanui-absolute-fill{position:absolute;top:0;right:0;bottom:0;left:0}.fanui-fixed-fill{position:fixed;top:0;right:0;bottom:0;left:0}.fanui-z-dropdown{z-index:1000}.fanui-z-sticky{z-index:1020}.fanui-z-fixed{z-index:1030}.fanui-z-backdrop{z-index:1040}.fanui-z-offcanvas{z-index:1050}.fanui-z-modal{z-index:1060}.fanui-z-popover{z-index:1070}.fanui-z-tooltip{z-index:1080}.fanui-z-toast{z-index:1090}.fanui-z-0{z-index:0}.fanui-z-10{z-index:10}.fanui-z-20{z-index:20}.fanui-z-30{z-index:30}.fanui-z-40{z-index:40}.fanui-z-50{z-index:50}.fanui-z-auto{z-index:auto}.fanui-overflow-auto{overflow:auto}.fanui-overflow-hidden{overflow:hidden}.fanui-overflow-visible{overflow:visible}.fanui-overflow-scroll{overflow:scroll}.fanui-overflow-x-auto{overflow-x:auto}.fanui-overflow-y-auto{overflow-y:auto}.fanui-overflow-x-hidden{overflow-x:hidden}.fanui-overflow-y-hidden{overflow-y:hidden}.fanui-scroll-smooth{scroll-behavior:smooth}.fanui-scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.fanui-scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.fanui-float-start{float:left}.fanui-float-end{float:right}.fanui-float-none{float:none}.fanui-clearfix::after{display:block;clear:both;content:""}.fanui-clear-both{clear:both}.fanui-block-sm,.fanui-block-md,.fanui-block-lg,.fanui-block-xl{display:none}@media(min-width: 576px){.fanui-hide-sm-up{display:none !important}.fanui-block-sm{display:block}}@media(max-width: 575.95px){.fanui-hide-sm-down{display:none !important}}@media(min-width: 768px){.fanui-hide-md-up{display:none !important}.fanui-block-md{display:block}}@media(max-width: 767.95px){.fanui-hide-md-down{display:none !important}}@media(min-width: 992px){.fanui-hide-lg-up{display:none !important}.fanui-block-lg{display:block}}@media(max-width: 991.95px){.fanui-hide-lg-down{display:none !important}}@media(min-width: 1200px){.fanui-hide-xl-up{display:none !important}.fanui-block-xl{display:block}}@media(max-width: 1199.95px){.fanui-hide-xl-down{display:none !important}}@media(min-width: 1400px){.fanui-hide-xxl-up{display:none !important}.fanui-block-xxl{display:block}}@media(max-width: 1399.95px){.fanui-hide-xxl-down{display:none !important}}.fanui-print-only{display:none}@media print{.fanui-no-print{display:none !important}.fanui-print-only{display:block !important}}.fanui-pointer{cursor:pointer}.fanui-cursor-default{cursor:default}.fanui-cursor-text{cursor:text}.fanui-cursor-move{cursor:move}.fanui-cursor-grab{cursor:grab}.fanui-cursor-help{cursor:help}.fanui-not-allowed{cursor:not-allowed}.fanui-select-none{user-select:none;-webkit-user-select:none}.fanui-select-all{user-select:all}.fanui-select-text{user-select:text}.fanui-no-pointer-events{pointer-events:none}.fanui-pointer-events{pointer-events:auto}.fanui-resize-none{resize:none}.fanui-resize-y{resize:vertical}.fanui-resize-both{resize:both}.fanui-touch-none{touch-action:none}.fanui-touch-pan-y{touch-action:pan-y}.fanui-w-0{width:0%}.fanui-w-5{width:5%}.fanui-w-10{width:10%}.fanui-w-15{width:15%}.fanui-w-20{width:20%}.fanui-w-25{width:25%}.fanui-w-30{width:30%}.fanui-w-33{width:33.3333%}.fanui-w-35{width:35%}.fanui-w-40{width:40%}.fanui-w-45{width:45%}.fanui-w-50{width:50%}.fanui-w-55{width:55%}.fanui-w-60{width:60%}.fanui-w-65{width:65%}.fanui-w-66{width:66.6667%}.fanui-w-70{width:70%}.fanui-w-75{width:75%}.fanui-w-80{width:80%}.fanui-w-85{width:85%}.fanui-w-90{width:90%}.fanui-w-95{width:95%}.fanui-w-100{width:100%}.fanui-w-auto{width:auto}.fanui-w-full{width:100%}.fanui-w-screen{width:100vw}.fanui-w-min{width:min-content}.fanui-w-max{width:max-content}.fanui-w-fit{width:fit-content}.fanui-h-auto{height:auto}.fanui-h-full{height:100%}.fanui-h-screen{height:100vh}.fanui-h-dvh{height:100dvh}.fanui-h-svh{height:100svh}.fanui-min-w-0{min-width:0}.fanui-min-w-full{min-width:100%}.fanui-max-w-full{max-width:100%}.fanui-max-w-none{max-width:none}.fanui-min-h-0{min-height:0}.fanui-min-h-full{min-height:100%}.fanui-max-h-full{max-height:100%}.fanui-w-0{width:0}.fanui-h-0{height:0}.fanui-size-0{width:0;height:0}.fanui-w-1{width:4px}.fanui-h-1{height:4px}.fanui-size-1{width:4px;height:4px}.fanui-w-2{width:8px}.fanui-h-2{height:8px}.fanui-size-2{width:8px;height:8px}.fanui-w-3{width:12px}.fanui-h-3{height:12px}.fanui-size-3{width:12px;height:12px}.fanui-w-4{width:16px}.fanui-h-4{height:16px}.fanui-size-4{width:16px;height:16px}.fanui-w-5{width:20px}.fanui-h-5{height:20px}.fanui-size-5{width:20px;height:20px}.fanui-w-6{width:24px}.fanui-h-6{height:24px}.fanui-size-6{width:24px;height:24px}.fanui-w-8{width:32px}.fanui-h-8{height:32px}.fanui-size-8{width:32px;height:32px}.fanui-w-10{width:40px}.fanui-h-10{height:40px}.fanui-size-10{width:40px;height:40px}.fanui-w-12{width:48px}.fanui-h-12{height:48px}.fanui-size-12{width:48px;height:48px}.fanui-w-16{width:64px}.fanui-h-16{height:64px}.fanui-size-16{width:64px;height:64px}.fanui-w-20{width:80px}.fanui-h-20{height:80px}.fanui-size-20{width:80px;height:80px}.fanui-w-24{width:96px}.fanui-h-24{height:96px}.fanui-size-24{width:96px;height:96px}.fanui-w-xs{width:320px}.fanui-w-sm{width:480px}.fanui-w-md{width:640px}.fanui-w-lg{width:800px}.fanui-w-xl{width:1024px}.fanui-w-2xl{width:1280px}.fanui-max-w-xs{max-width:320px}.fanui-max-w-sm{max-width:480px}.fanui-max-w-md{max-width:640px}.fanui-max-w-lg{max-width:800px}.fanui-max-w-xl{max-width:1024px}.fanui-max-w-2xl{max-width:1280px}.fanui-max-w-prose{max-width:72ch}.fanui-ratio-square{aspect-ratio:1/1}.fanui-ratio-video{aspect-ratio:16/9}.fanui-ratio-4-3{aspect-ratio:4/3}.fanui-ratio-3-2{aspect-ratio:3/2}.fanui-ratio-21-9{aspect-ratio:21/9}.fanui-ratio{position:relative;width:100%}.fanui-ratio::before{content:"";display:block;padding-top:calc(100%*var(--fanui-ratio-h, 9)/var(--fanui-ratio-w, 16))}.fanui-ratio>*{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.fanui-ratio--square{--fanui-ratio-w: 1;--fanui-ratio-h: 1}.fanui-ratio--4-3{--fanui-ratio-w: 4;--fanui-ratio-h: 3}.fanui-ratio--16-9{--fanui-ratio-w: 16;--fanui-ratio-h: 9}.fanui-ratio--21-9{--fanui-ratio-w: 21;--fanui-ratio-h: 9}@media(min-width: 576px){.fanui-w-sm-full{width:100%}.fanui-w-sm-auto{width:auto}.fanui-w-sm-0{width:0%}.fanui-w-sm-25{width:25%}.fanui-w-sm-50{width:50%}.fanui-w-sm-75{width:75%}.fanui-w-sm-100{width:100%}}@media(min-width: 768px){.fanui-w-md-full{width:100%}.fanui-w-md-auto{width:auto}.fanui-w-md-0{width:0%}.fanui-w-md-25{width:25%}.fanui-w-md-50{width:50%}.fanui-w-md-75{width:75%}.fanui-w-md-100{width:100%}}@media(min-width: 992px){.fanui-w-lg-full{width:100%}.fanui-w-lg-auto{width:auto}.fanui-w-lg-0{width:0%}.fanui-w-lg-25{width:25%}.fanui-w-lg-50{width:50%}.fanui-w-lg-75{width:75%}.fanui-w-lg-100{width:100%}}@media(min-width: 1200px){.fanui-w-xl-full{width:100%}.fanui-w-xl-auto{width:auto}.fanui-w-xl-0{width:0%}.fanui-w-xl-25{width:25%}.fanui-w-xl-50{width:50%}.fanui-w-xl-75{width:75%}.fanui-w-xl-100{width:100%}}@media(min-width: 1400px){.fanui-w-xxl-full{width:100%}.fanui-w-xxl-auto{width:auto}.fanui-w-xxl-0{width:0%}.fanui-w-xxl-25{width:25%}.fanui-w-xxl-50{width:50%}.fanui-w-xxl-75{width:75%}.fanui-w-xxl-100{width:100%}}.fanui-border{border:var(--fanui-border-width, 1px) solid var(--fanui-color-border)}.fanui-border-0{border-width:0}.fanui-border-top{border-top:1px solid var(--fanui-color-border)}.fanui-border-right{border-inline-end:1px solid var(--fanui-color-border)}.fanui-border-bottom{border-bottom:1px solid var(--fanui-color-border)}.fanui-border-left{border-inline-start:1px solid var(--fanui-color-border)}.fanui-border-top-0{border-top-width:0}.fanui-border-right-0{border-inline-end-width:0}.fanui-border-bottom-0{border-bottom-width:0}.fanui-border-left-0{border-inline-start-width:0}.fanui-border-thick{border-width:2px}.fanui-border-dashed{border-style:dashed}.fanui-border-dotted{border-style:dotted}.fanui-border-none{border:none}.fanui-border-default{border-color:var(--fanui-color-border)}.fanui-border-subtle{border-color:var(--fanui-color-border-subtle)}.fanui-border-strong{border-color:var(--fanui-color-border-strong)}.fanui-border-primary{border-color:var(--fanui-primary)}.fanui-border-current{border-color:currentColor}.fanui-border-transparent{border-color:rgba(0,0,0,0)}.fanui-border-primary{border-color:var(--fanui-primary)}.fanui-border-accent{border-color:var(--fanui-accent)}.fanui-border-success{border-color:var(--fanui-success)}.fanui-border-warning{border-color:var(--fanui-warning)}.fanui-border-danger{border-color:var(--fanui-danger)}.fanui-border-info{border-color:var(--fanui-info)}.fanui-rounded-none{border-radius:var(--fanui-radius-none, 0)}.fanui-rounded-sm{border-radius:var(--fanui-radius-sm, 2px)}.fanui-rounded-base{border-radius:var(--fanui-radius-base, 6px)}.fanui-rounded-md{border-radius:var(--fanui-radius-md, 8px)}.fanui-rounded-lg{border-radius:var(--fanui-radius-lg, 12px)}.fanui-rounded-xl{border-radius:var(--fanui-radius-xl, 16px)}.fanui-rounded-2xl{border-radius:var(--fanui-radius-2xl, 24px)}.fanui-rounded-full{border-radius:var(--fanui-radius-full, 9999px)}.fanui-rounded{border-radius:var(--fanui-radius-base)}.fanui-rounded-full{border-radius:9999px}.fanui-rounded-top{border-radius:var(--fanui-radius-base) var(--fanui-radius-base) 0 0}.fanui-rounded-bottom{border-radius:0 0 var(--fanui-radius-base) var(--fanui-radius-base)}.fanui-rounded-start{border-radius:var(--fanui-radius-base) 0 0 var(--fanui-radius-base)}.fanui-rounded-end{border-radius:0 var(--fanui-radius-base) var(--fanui-radius-base) 0}.fanui-divider{height:1px;margin:var(--fanui-space-4) 0;background-color:var(--fanui-color-border);border:0}.fanui-divider--vertical{width:1px;height:auto;min-height:1em;margin:0 var(--fanui-space-3);align-self:stretch}.fanui-divider--dashed{background:none;border-top:1px dashed var(--fanui-color-border)}.fanui-divider-text{display:flex;align-items:center;gap:var(--fanui-space-3);margin:var(--fanui-space-4) 0;font-size:var(--fanui-font-size-sm);color:var(--fanui-color-text-subtle);white-space:nowrap}.fanui-divider-text::before,.fanui-divider-text::after{content:"";flex:1 1 auto;height:1px;background-color:var(--fanui-color-border)}.fanui-shadow-none{box-shadow:var(--fanui-shadow-none, none)}.fanui-shadow-xs{box-shadow:var(--fanui-shadow-xs, 0 1px 2px 0 rgba(15, 23, 42, 0.05))}.fanui-shadow-sm{box-shadow:var(--fanui-shadow-sm, 0 1px 3px 0 rgba(15, 23, 42, 0.1), 0 1px 2px -1px rgba(15, 23, 42, 0.1))}.fanui-shadow-base{box-shadow:var(--fanui-shadow-base, 0 4px 6px -1px rgba(15, 23, 42, 0.1), 0 2px 4px -2px rgba(15, 23, 42, 0.06))}.fanui-shadow-md{box-shadow:var(--fanui-shadow-md, 0 6px 12px -2px rgba(15, 23, 42, 0.12), 0 3px 6px -3px rgba(15, 23, 42, 0.08))}.fanui-shadow-lg{box-shadow:var(--fanui-shadow-lg, 0 12px 20px -4px rgba(15, 23, 42, 0.14), 0 4px 8px -4px rgba(15, 23, 42, 0.08))}.fanui-shadow-xl{box-shadow:var(--fanui-shadow-xl, 0 20px 32px -8px rgba(15, 23, 42, 0.18), 0 8px 16px -8px rgba(15, 23, 42, 0.1))}.fanui-shadow-2xl{box-shadow:var(--fanui-shadow-2xl, 0 32px 64px -16px rgba(15, 23, 42, 0.24))}.fanui-shadow-inner{box-shadow:var(--fanui-shadow-inner, inset 0 2px 4px 0 rgba(15, 23, 42, 0.06))}.fanui-shadow-primary{box-shadow:0 6px 16px -6px var(--fanui-primary-glow)}.fanui-shadow-accent{box-shadow:0 6px 16px -6px var(--fanui-accent-glow)}.fanui-shadow-focus{box-shadow:0 0 0 3px var(--fanui-primary-ring)}.fanui-shadow-glow{box-shadow:0 0 24px -4px var(--fanui-primary-glow)}.fanui-shadow-glow-accent{box-shadow:0 0 28px -6px var(--fanui-accent-glow)}.fanui-shadow-glass{box-shadow:0 calc(var(--fanui-glass-shadow-y-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-blur-k)*var(--fanui-glass-intensity)) calc(var(--fanui-glass-shadow-spread-k)*var(--fanui-glass-intensity)) rgba(var(--fanui-glass-shadow-rgb), calc(var(--fanui-glass-shadow-a) + var(--fanui-glass-shadow-k) * var(--fanui-glass-intensity))),inset 0 1px 0 rgba(255, 255, 255, calc(var(--fanui-glass-inner-hi) * min(1, var(--fanui-glass-intensity))))}.fanui-text-shadow-sm{text-shadow:0 1px 2px rgba(15,23,42,.2)}.fanui-text-shadow-glass{text-shadow:var(--fanui-glass-text-shadow)}.fanui-bg-transparent{background-color:rgba(0,0,0,0) !important}.fanui-bg-surface{background-color:var(--fanui-color-surface)}.fanui-bg-sunken{background-color:var(--fanui-color-surface-sunken)}.fanui-bg-body{background-color:var(--fanui-color-bg)}.fanui-bg-none{background-image:none}.fanui-bg-gradient-primary{background-image:linear-gradient(to bottom right, var(--fanui-primary), var(--fanui-accent));color:var(--fanui-color-text-inverse)}.fanui-bg-gradient-sunset{background-image:linear-gradient(135deg, #f59e0b 0%, #ef4444 55%, #8b5cf6 100%)}.fanui-bg-grid{background-image:linear-gradient(rgba(100, 116, 139, 0.12) 1px, transparent 1px),linear-gradient(90deg, rgba(100, 116, 139, 0.12) 1px, transparent 1px);background-size:20px 20px}.fanui-bg-primary{background-color:var(--fanui-primary);color:var(--fanui-primary-fg)}.fanui-bg-primary-soft{background-color:var(--fanui-primary-soft)}.fanui-bg-accent{background-color:var(--fanui-accent);color:var(--fanui-accent-fg)}.fanui-bg-accent-soft{background-color:var(--fanui-accent-soft)}.fanui-bg-success{background-color:var(--fanui-success);color:var(--fanui-success-fg)}.fanui-bg-success-soft{background-color:var(--fanui-success-soft)}.fanui-bg-warning{background-color:var(--fanui-warning);color:var(--fanui-warning-fg)}.fanui-bg-warning-soft{background-color:var(--fanui-warning-soft)}.fanui-bg-danger{background-color:var(--fanui-danger);color:var(--fanui-danger-fg)}.fanui-bg-danger-soft{background-color:var(--fanui-danger-soft)}.fanui-bg-info{background-color:var(--fanui-info);color:var(--fanui-info-fg)}.fanui-bg-info-soft{background-color:var(--fanui-info-soft)}.fanui-bg-primary-50{background-color:var(--fanui-primary-50, #ecfeff)}.fanui-text-primary-50{color:var(--fanui-primary-50, #ecfeff)}.fanui-border-primary-50{border-color:var(--fanui-primary-50, #ecfeff)}.fanui-bg-primary-100{background-color:var(--fanui-primary-100, #cffafe)}.fanui-text-primary-100{color:var(--fanui-primary-100, #cffafe)}.fanui-border-primary-100{border-color:var(--fanui-primary-100, #cffafe)}.fanui-bg-primary-200{background-color:var(--fanui-primary-200, #a5f3fc)}.fanui-text-primary-200{color:var(--fanui-primary-200, #a5f3fc)}.fanui-border-primary-200{border-color:var(--fanui-primary-200, #a5f3fc)}.fanui-bg-primary-300{background-color:var(--fanui-primary-300, #67e8f9)}.fanui-text-primary-300{color:var(--fanui-primary-300, #67e8f9)}.fanui-border-primary-300{border-color:var(--fanui-primary-300, #67e8f9)}.fanui-bg-primary-400{background-color:var(--fanui-primary-400, #22d3ee)}.fanui-text-primary-400{color:var(--fanui-primary-400, #22d3ee)}.fanui-border-primary-400{border-color:var(--fanui-primary-400, #22d3ee)}.fanui-bg-primary-500{background-color:var(--fanui-primary-500, #06b6d4)}.fanui-text-primary-500{color:var(--fanui-primary-500, #06b6d4)}.fanui-border-primary-500{border-color:var(--fanui-primary-500, #06b6d4)}.fanui-bg-primary-600{background-color:var(--fanui-primary-600, #0891b2)}.fanui-text-primary-600{color:var(--fanui-primary-600, #0891b2)}.fanui-border-primary-600{border-color:var(--fanui-primary-600, #0891b2)}.fanui-bg-primary-700{background-color:var(--fanui-primary-700, #0e7490)}.fanui-text-primary-700{color:var(--fanui-primary-700, #0e7490)}.fanui-border-primary-700{border-color:var(--fanui-primary-700, #0e7490)}.fanui-bg-primary-800{background-color:var(--fanui-primary-800, #155e75)}.fanui-text-primary-800{color:var(--fanui-primary-800, #155e75)}.fanui-border-primary-800{border-color:var(--fanui-primary-800, #155e75)}.fanui-bg-primary-900{background-color:var(--fanui-primary-900, #164e63)}.fanui-text-primary-900{color:var(--fanui-primary-900, #164e63)}.fanui-border-primary-900{border-color:var(--fanui-primary-900, #164e63)}.fanui-bg-primary-950{background-color:var(--fanui-primary-950, #083344)}.fanui-text-primary-950{color:var(--fanui-primary-950, #083344)}.fanui-border-primary-950{border-color:var(--fanui-primary-950, #083344)}.fanui-bg-accent-50{background-color:var(--fanui-accent-50, #f5f3ff)}.fanui-text-accent-50{color:var(--fanui-accent-50, #f5f3ff)}.fanui-border-accent-50{border-color:var(--fanui-accent-50, #f5f3ff)}.fanui-bg-accent-100{background-color:var(--fanui-accent-100, #ede9fe)}.fanui-text-accent-100{color:var(--fanui-accent-100, #ede9fe)}.fanui-border-accent-100{border-color:var(--fanui-accent-100, #ede9fe)}.fanui-bg-accent-200{background-color:var(--fanui-accent-200, #ddd6fe)}.fanui-text-accent-200{color:var(--fanui-accent-200, #ddd6fe)}.fanui-border-accent-200{border-color:var(--fanui-accent-200, #ddd6fe)}.fanui-bg-accent-300{background-color:var(--fanui-accent-300, #c4b5fd)}.fanui-text-accent-300{color:var(--fanui-accent-300, #c4b5fd)}.fanui-border-accent-300{border-color:var(--fanui-accent-300, #c4b5fd)}.fanui-bg-accent-400{background-color:var(--fanui-accent-400, #a78bfa)}.fanui-text-accent-400{color:var(--fanui-accent-400, #a78bfa)}.fanui-border-accent-400{border-color:var(--fanui-accent-400, #a78bfa)}.fanui-bg-accent-500{background-color:var(--fanui-accent-500, #8b5cf6)}.fanui-text-accent-500{color:var(--fanui-accent-500, #8b5cf6)}.fanui-border-accent-500{border-color:var(--fanui-accent-500, #8b5cf6)}.fanui-bg-accent-600{background-color:var(--fanui-accent-600, #7c3aed)}.fanui-text-accent-600{color:var(--fanui-accent-600, #7c3aed)}.fanui-border-accent-600{border-color:var(--fanui-accent-600, #7c3aed)}.fanui-bg-accent-700{background-color:var(--fanui-accent-700, #6d28d9)}.fanui-text-accent-700{color:var(--fanui-accent-700, #6d28d9)}.fanui-border-accent-700{border-color:var(--fanui-accent-700, #6d28d9)}.fanui-bg-accent-800{background-color:var(--fanui-accent-800, #5b21b6)}.fanui-text-accent-800{color:var(--fanui-accent-800, #5b21b6)}.fanui-border-accent-800{border-color:var(--fanui-accent-800, #5b21b6)}.fanui-bg-accent-900{background-color:var(--fanui-accent-900, #4c1d95)}.fanui-text-accent-900{color:var(--fanui-accent-900, #4c1d95)}.fanui-border-accent-900{border-color:var(--fanui-accent-900, #4c1d95)}.fanui-bg-accent-950{background-color:var(--fanui-accent-950, #2e1065)}.fanui-text-accent-950{color:var(--fanui-accent-950, #2e1065)}.fanui-border-accent-950{border-color:var(--fanui-accent-950, #2e1065)}.fanui-bg-success-50{background-color:var(--fanui-success-50, #ecfdf5)}.fanui-text-success-50{color:var(--fanui-success-50, #ecfdf5)}.fanui-border-success-50{border-color:var(--fanui-success-50, #ecfdf5)}.fanui-bg-success-100{background-color:var(--fanui-success-100, #d1fae5)}.fanui-text-success-100{color:var(--fanui-success-100, #d1fae5)}.fanui-border-success-100{border-color:var(--fanui-success-100, #d1fae5)}.fanui-bg-success-200{background-color:var(--fanui-success-200, #a7f3d0)}.fanui-text-success-200{color:var(--fanui-success-200, #a7f3d0)}.fanui-border-success-200{border-color:var(--fanui-success-200, #a7f3d0)}.fanui-bg-success-300{background-color:var(--fanui-success-300, #6ee7b7)}.fanui-text-success-300{color:var(--fanui-success-300, #6ee7b7)}.fanui-border-success-300{border-color:var(--fanui-success-300, #6ee7b7)}.fanui-bg-success-400{background-color:var(--fanui-success-400, #34d399)}.fanui-text-success-400{color:var(--fanui-success-400, #34d399)}.fanui-border-success-400{border-color:var(--fanui-success-400, #34d399)}.fanui-bg-success-500{background-color:var(--fanui-success-500, #10b981)}.fanui-text-success-500{color:var(--fanui-success-500, #10b981)}.fanui-border-success-500{border-color:var(--fanui-success-500, #10b981)}.fanui-bg-success-600{background-color:var(--fanui-success-600, #059669)}.fanui-text-success-600{color:var(--fanui-success-600, #059669)}.fanui-border-success-600{border-color:var(--fanui-success-600, #059669)}.fanui-bg-success-700{background-color:var(--fanui-success-700, #047857)}.fanui-text-success-700{color:var(--fanui-success-700, #047857)}.fanui-border-success-700{border-color:var(--fanui-success-700, #047857)}.fanui-bg-success-800{background-color:var(--fanui-success-800, #065f46)}.fanui-text-success-800{color:var(--fanui-success-800, #065f46)}.fanui-border-success-800{border-color:var(--fanui-success-800, #065f46)}.fanui-bg-success-900{background-color:var(--fanui-success-900, #064e3b)}.fanui-text-success-900{color:var(--fanui-success-900, #064e3b)}.fanui-border-success-900{border-color:var(--fanui-success-900, #064e3b)}.fanui-bg-success-950{background-color:var(--fanui-success-950, #022c22)}.fanui-text-success-950{color:var(--fanui-success-950, #022c22)}.fanui-border-success-950{border-color:var(--fanui-success-950, #022c22)}.fanui-bg-warning-50{background-color:var(--fanui-warning-50, #fffbeb)}.fanui-text-warning-50{color:var(--fanui-warning-50, #fffbeb)}.fanui-border-warning-50{border-color:var(--fanui-warning-50, #fffbeb)}.fanui-bg-warning-100{background-color:var(--fanui-warning-100, #fef3c7)}.fanui-text-warning-100{color:var(--fanui-warning-100, #fef3c7)}.fanui-border-warning-100{border-color:var(--fanui-warning-100, #fef3c7)}.fanui-bg-warning-200{background-color:var(--fanui-warning-200, #fde68a)}.fanui-text-warning-200{color:var(--fanui-warning-200, #fde68a)}.fanui-border-warning-200{border-color:var(--fanui-warning-200, #fde68a)}.fanui-bg-warning-300{background-color:var(--fanui-warning-300, #fcd34d)}.fanui-text-warning-300{color:var(--fanui-warning-300, #fcd34d)}.fanui-border-warning-300{border-color:var(--fanui-warning-300, #fcd34d)}.fanui-bg-warning-400{background-color:var(--fanui-warning-400, #fbbf24)}.fanui-text-warning-400{color:var(--fanui-warning-400, #fbbf24)}.fanui-border-warning-400{border-color:var(--fanui-warning-400, #fbbf24)}.fanui-bg-warning-500{background-color:var(--fanui-warning-500, #f59e0b)}.fanui-text-warning-500{color:var(--fanui-warning-500, #f59e0b)}.fanui-border-warning-500{border-color:var(--fanui-warning-500, #f59e0b)}.fanui-bg-warning-600{background-color:var(--fanui-warning-600, #d97706)}.fanui-text-warning-600{color:var(--fanui-warning-600, #d97706)}.fanui-border-warning-600{border-color:var(--fanui-warning-600, #d97706)}.fanui-bg-warning-700{background-color:var(--fanui-warning-700, #b45309)}.fanui-text-warning-700{color:var(--fanui-warning-700, #b45309)}.fanui-border-warning-700{border-color:var(--fanui-warning-700, #b45309)}.fanui-bg-warning-800{background-color:var(--fanui-warning-800, #92400e)}.fanui-text-warning-800{color:var(--fanui-warning-800, #92400e)}.fanui-border-warning-800{border-color:var(--fanui-warning-800, #92400e)}.fanui-bg-warning-900{background-color:var(--fanui-warning-900, #78350f)}.fanui-text-warning-900{color:var(--fanui-warning-900, #78350f)}.fanui-border-warning-900{border-color:var(--fanui-warning-900, #78350f)}.fanui-bg-warning-950{background-color:var(--fanui-warning-950, #451a03)}.fanui-text-warning-950{color:var(--fanui-warning-950, #451a03)}.fanui-border-warning-950{border-color:var(--fanui-warning-950, #451a03)}.fanui-bg-danger-50{background-color:var(--fanui-danger-50, #fef2f2)}.fanui-text-danger-50{color:var(--fanui-danger-50, #fef2f2)}.fanui-border-danger-50{border-color:var(--fanui-danger-50, #fef2f2)}.fanui-bg-danger-100{background-color:var(--fanui-danger-100, #fee2e2)}.fanui-text-danger-100{color:var(--fanui-danger-100, #fee2e2)}.fanui-border-danger-100{border-color:var(--fanui-danger-100, #fee2e2)}.fanui-bg-danger-200{background-color:var(--fanui-danger-200, #fecaca)}.fanui-text-danger-200{color:var(--fanui-danger-200, #fecaca)}.fanui-border-danger-200{border-color:var(--fanui-danger-200, #fecaca)}.fanui-bg-danger-300{background-color:var(--fanui-danger-300, #fca5a5)}.fanui-text-danger-300{color:var(--fanui-danger-300, #fca5a5)}.fanui-border-danger-300{border-color:var(--fanui-danger-300, #fca5a5)}.fanui-bg-danger-400{background-color:var(--fanui-danger-400, #f87171)}.fanui-text-danger-400{color:var(--fanui-danger-400, #f87171)}.fanui-border-danger-400{border-color:var(--fanui-danger-400, #f87171)}.fanui-bg-danger-500{background-color:var(--fanui-danger-500, #ef4444)}.fanui-text-danger-500{color:var(--fanui-danger-500, #ef4444)}.fanui-border-danger-500{border-color:var(--fanui-danger-500, #ef4444)}.fanui-bg-danger-600{background-color:var(--fanui-danger-600, #dc2626)}.fanui-text-danger-600{color:var(--fanui-danger-600, #dc2626)}.fanui-border-danger-600{border-color:var(--fanui-danger-600, #dc2626)}.fanui-bg-danger-700{background-color:var(--fanui-danger-700, #b91c1c)}.fanui-text-danger-700{color:var(--fanui-danger-700, #b91c1c)}.fanui-border-danger-700{border-color:var(--fanui-danger-700, #b91c1c)}.fanui-bg-danger-800{background-color:var(--fanui-danger-800, #991b1b)}.fanui-text-danger-800{color:var(--fanui-danger-800, #991b1b)}.fanui-border-danger-800{border-color:var(--fanui-danger-800, #991b1b)}.fanui-bg-danger-900{background-color:var(--fanui-danger-900, #7f1d1d)}.fanui-text-danger-900{color:var(--fanui-danger-900, #7f1d1d)}.fanui-border-danger-900{border-color:var(--fanui-danger-900, #7f1d1d)}.fanui-bg-danger-950{background-color:var(--fanui-danger-950, #450a0a)}.fanui-text-danger-950{color:var(--fanui-danger-950, #450a0a)}.fanui-border-danger-950{border-color:var(--fanui-danger-950, #450a0a)}.fanui-bg-info-50{background-color:var(--fanui-info-50, #f0f9ff)}.fanui-text-info-50{color:var(--fanui-info-50, #f0f9ff)}.fanui-border-info-50{border-color:var(--fanui-info-50, #f0f9ff)}.fanui-bg-info-100{background-color:var(--fanui-info-100, #e0f2fe)}.fanui-text-info-100{color:var(--fanui-info-100, #e0f2fe)}.fanui-border-info-100{border-color:var(--fanui-info-100, #e0f2fe)}.fanui-bg-info-200{background-color:var(--fanui-info-200, #bae6fd)}.fanui-text-info-200{color:var(--fanui-info-200, #bae6fd)}.fanui-border-info-200{border-color:var(--fanui-info-200, #bae6fd)}.fanui-bg-info-300{background-color:var(--fanui-info-300, #7dd3fc)}.fanui-text-info-300{color:var(--fanui-info-300, #7dd3fc)}.fanui-border-info-300{border-color:var(--fanui-info-300, #7dd3fc)}.fanui-bg-info-400{background-color:var(--fanui-info-400, #38bdf8)}.fanui-text-info-400{color:var(--fanui-info-400, #38bdf8)}.fanui-border-info-400{border-color:var(--fanui-info-400, #38bdf8)}.fanui-bg-info-500{background-color:var(--fanui-info-500, #0ea5e9)}.fanui-text-info-500{color:var(--fanui-info-500, #0ea5e9)}.fanui-border-info-500{border-color:var(--fanui-info-500, #0ea5e9)}.fanui-bg-info-600{background-color:var(--fanui-info-600, #0284c7)}.fanui-text-info-600{color:var(--fanui-info-600, #0284c7)}.fanui-border-info-600{border-color:var(--fanui-info-600, #0284c7)}.fanui-bg-info-700{background-color:var(--fanui-info-700, #0369a1)}.fanui-text-info-700{color:var(--fanui-info-700, #0369a1)}.fanui-border-info-700{border-color:var(--fanui-info-700, #0369a1)}.fanui-bg-info-800{background-color:var(--fanui-info-800, #075985)}.fanui-text-info-800{color:var(--fanui-info-800, #075985)}.fanui-border-info-800{border-color:var(--fanui-info-800, #075985)}.fanui-bg-info-900{background-color:var(--fanui-info-900, #0c4a6e)}.fanui-text-info-900{color:var(--fanui-info-900, #0c4a6e)}.fanui-border-info-900{border-color:var(--fanui-info-900, #0c4a6e)}.fanui-bg-info-950{background-color:var(--fanui-info-950, #082f49)}.fanui-text-info-950{color:var(--fanui-info-950, #082f49)}.fanui-border-info-950{border-color:var(--fanui-info-950, #082f49)}.fanui-bg-neutral-0{background-color:var(--fanui-neutral-0, #ffffff)}.fanui-text-neutral-0{color:var(--fanui-neutral-0, #ffffff)}.fanui-border-neutral-0{border-color:var(--fanui-neutral-0, #ffffff)}.fanui-bg-neutral-50{background-color:var(--fanui-neutral-50, #f8fafc)}.fanui-text-neutral-50{color:var(--fanui-neutral-50, #f8fafc)}.fanui-border-neutral-50{border-color:var(--fanui-neutral-50, #f8fafc)}.fanui-bg-neutral-100{background-color:var(--fanui-neutral-100, #f1f5f9)}.fanui-text-neutral-100{color:var(--fanui-neutral-100, #f1f5f9)}.fanui-border-neutral-100{border-color:var(--fanui-neutral-100, #f1f5f9)}.fanui-bg-neutral-200{background-color:var(--fanui-neutral-200, #e2e8f0)}.fanui-text-neutral-200{color:var(--fanui-neutral-200, #e2e8f0)}.fanui-border-neutral-200{border-color:var(--fanui-neutral-200, #e2e8f0)}.fanui-bg-neutral-300{background-color:var(--fanui-neutral-300, #cbd5e1)}.fanui-text-neutral-300{color:var(--fanui-neutral-300, #cbd5e1)}.fanui-border-neutral-300{border-color:var(--fanui-neutral-300, #cbd5e1)}.fanui-bg-neutral-400{background-color:var(--fanui-neutral-400, #94a3b8)}.fanui-text-neutral-400{color:var(--fanui-neutral-400, #94a3b8)}.fanui-border-neutral-400{border-color:var(--fanui-neutral-400, #94a3b8)}.fanui-bg-neutral-500{background-color:var(--fanui-neutral-500, #64748b)}.fanui-text-neutral-500{color:var(--fanui-neutral-500, #64748b)}.fanui-border-neutral-500{border-color:var(--fanui-neutral-500, #64748b)}.fanui-bg-neutral-600{background-color:var(--fanui-neutral-600, #475569)}.fanui-text-neutral-600{color:var(--fanui-neutral-600, #475569)}.fanui-border-neutral-600{border-color:var(--fanui-neutral-600, #475569)}.fanui-bg-neutral-700{background-color:var(--fanui-neutral-700, #334155)}.fanui-text-neutral-700{color:var(--fanui-neutral-700, #334155)}.fanui-border-neutral-700{border-color:var(--fanui-neutral-700, #334155)}.fanui-bg-neutral-800{background-color:var(--fanui-neutral-800, #1e293b)}.fanui-text-neutral-800{color:var(--fanui-neutral-800, #1e293b)}.fanui-border-neutral-800{border-color:var(--fanui-neutral-800, #1e293b)}.fanui-bg-neutral-900{background-color:var(--fanui-neutral-900, #0f172a)}.fanui-text-neutral-900{color:var(--fanui-neutral-900, #0f172a)}.fanui-border-neutral-900{border-color:var(--fanui-neutral-900, #0f172a)}.fanui-bg-neutral-950{background-color:var(--fanui-neutral-950, #020617)}.fanui-text-neutral-950{color:var(--fanui-neutral-950, #020617)}.fanui-border-neutral-950{border-color:var(--fanui-neutral-950, #020617)}.fanui-blur-sm{filter:blur(4px)}.fanui-blur{filter:blur(8px)}.fanui-blur-lg{filter:blur(16px)}.fanui-grayscale{filter:grayscale(100%)}.fanui-sepia{filter:sepia(100%)}.fanui-invert{filter:invert(100%)}.fanui-backdrop-blur-sm{backdrop-filter:blur(4px)}.fanui-backdrop-blur{backdrop-filter:blur(8px)}.fanui-backdrop-blur-lg{backdrop-filter:blur(16px)}.fanui-scale-0{transform:scale(0)}.fanui-scale-90{transform:scale(0.9)}.fanui-scale-95{transform:scale(0.95)}.fanui-scale-100{transform:scale(1)}.fanui-scale-105{transform:scale(1.05)}.fanui-scale-110{transform:scale(1.1)}.fanui-rotate-45{transform:rotate(45deg)}.fanui-rotate-90{transform:rotate(90deg)}.fanui-rotate-180{transform:rotate(180deg)}.fanui-translate-y-0{transform:translateY(0)}.fanui-translate-y-up{transform:translateY(-2px)}.fanui-transform-none{transform:none}.fanui-transform-origin-center{transform-origin:center}.fanui-hover-lift{transition:transform 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--fanui-shadow-lg)}.fanui-hover-scale{transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-hover-scale:hover{transform:scale(1.03)}.fanui-hover-shadow{transition:box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-hover-shadow:hover{box-shadow:var(--fanui-shadow-md)}.fanui-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--fanui-backdrop-bg, rgba(15, 23, 42, 0.55));backdrop-filter:blur(var(--fanui-backdrop-blur, 2px));-webkit-backdrop-filter:blur(var(--fanui-backdrop-blur, 2px));z-index:var(--fanui-z-backdrop, 1040);opacity:0;visibility:hidden;transition:opacity 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s,visibility 200ms cubic-bezier(0.4, 0, 0.2, 1) 0s}.fanui-backdrop.is-open,.fanui-backdrop.is-active{opacity:1;visibility:visible}.fanui-focus-ring:focus-visible{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-focus-ring:focus-visible{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-focus-within:focus-within{outline:0;box-shadow:0 0 0 var(--fanui-focus-ring-offset, 1px) var(--fanui-color-surface, #fff),0 0 0 calc(var(--fanui-focus-ring-offset, 1px) + var(--fanui-focus-ring-width, 3px)) var(--fanui-focus-ring-color, rgba(14, 116, 144, 0.3))}@media(forced-colors: active){.fanui-focus-within:focus-within{outline:2px solid rgba(0,0,0,0);outline-offset:2px}}.fanui-outline-none{outline:none}.fanui-object-cover{object-fit:cover}.fanui-object-contain{object-fit:contain}.fanui-object-center{object-position:center}.fanui-isolate{isolation:isolate}.fanui-mix-blend-multiply{mix-blend-mode:multiply}.fanui-ring-primary{box-shadow:0 0 0 3px var(--fanui-primary-ring)}[data-fanui-reveal-ready] [data-fanui-reveal]{opacity:0;transform:translateY(18px);transition:opacity 500ms cubic-bezier(0, 0, 0.2, 1),transform 500ms cubic-bezier(0, 0, 0.2, 1);transition-delay:var(--fanui-reveal-delay, 0ms);will-change:opacity,transform}[data-fanui-reveal-ready] [data-fanui-reveal].is-visible{opacity:1;transform:none}[data-fanui-reveal-ready] [data-fanui-reveal=left]{transform:translateX(-24px)}[data-fanui-reveal-ready] [data-fanui-reveal=right]{transform:translateX(24px)}[data-fanui-reveal-ready] [data-fanui-reveal=scale]{transform:scale(0.94)}[data-fanui-reveal-ready] [data-fanui-reveal=fade]{transform:none}[data-fanui-reveal-ready] [data-fanui-reveal].is-visible{transform:none}@media(prefers-reduced-motion: reduce){[data-fanui-reveal-ready] [data-fanui-reveal]{opacity:1;transform:none;transition:none}}.fanui-bg-aurora{position:relative;isolation:isolate;background-color:var(--fanui-color-bg)}.fanui-bg-aurora::before{content:"";position:absolute;inset:-25% -15%;z-index:-1;pointer-events:none;background:radial-gradient(40% 44% at 22% 28%, var(--fanui-brand-aura-a), transparent 62%),radial-gradient(36% 40% at 78% 20%, var(--fanui-brand-aura-b), transparent 60%),radial-gradient(46% 46% at 50% 88%, var(--fanui-primary-soft), transparent 66%);filter:blur(32px);animation:fanui-aurora-drift 26s ease-in-out infinite alternate}@media(prefers-reduced-motion: reduce){.fanui-bg-aurora::before{animation:none}}@keyframes fanui-aurora-drift{0%{transform:translate3d(0, 0, 0) scale(1)}50%{transform:translate3d(2%, -2%, 0) scale(1.06)}100%{transform:translate3d(-2%, 2%, 0) scale(1.02)}}.fanui-bg-mesh{background-color:var(--fanui-color-bg);background-image:radial-gradient(at 12% 18%, var(--fanui-brand-aura-a) 0px, transparent 52%),radial-gradient(at 82% 12%, var(--fanui-brand-aura-b) 0px, transparent 48%),radial-gradient(at 70% 82%, var(--fanui-primary-soft) 0px, transparent 46%),radial-gradient(at 24% 84%, var(--fanui-accent-soft) 0px, transparent 44%)}.fanui-bg-dots{background-image:radial-gradient(rgba(100, 116, 139, 0.22) 1px, transparent 1px);background-size:var(--fanui-dots-size, 18px) var(--fanui-dots-size, 18px)}.fanui-bg-grid-fade{position:relative}.fanui-bg-grid-fade::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(100, 116, 139, 0.1) 1px, transparent 1px),linear-gradient(90deg, rgba(100, 116, 139, 0.1) 1px, transparent 1px);background-size:var(--fanui-grid-size, 56px) var(--fanui-grid-size, 56px);-webkit-mask-image:radial-gradient(60% 60% at 50% 30%, #000, transparent 100%);mask-image:radial-gradient(60% 60% at 50% 30%, #000, transparent 100%)}.fanui-bg-conic{background-image:conic-gradient(from 210deg at 50% 50%, var(--fanui-primary-soft), var(--fanui-accent-soft), var(--fanui-primary-soft))}.fanui-bg-noise,.fanui-grain{position:relative}.fanui-bg-noise::after,.fanui-grain::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;opacity:var(--fanui-noise-opacity, 0.035);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}.fanui-glow{position:relative;isolation:isolate}.fanui-glow::before{content:"";position:absolute;inset:-40%;z-index:-1;pointer-events:none;background:radial-gradient(closest-side, var(--fanui-glow-color, var(--fanui-brand-aura-a)), transparent 100%);filter:blur(var(--fanui-glow-blur, 24px))}.fanui-glow--brand{--fanui-glow-color: var(--fanui-brand-aura-a)}.fanui-glow--accent{--fanui-glow-color: var(--fanui-brand-aura-b)}.fanui-glow--success{--fanui-glow-color: fn.fanui-var("success-glow")}.fanui-glow--danger{--fanui-glow-color: fn.fanui-var("danger-glow")}.fanui-glow--soft{--fanui-glow-blur: 40px;opacity:.7}.fanui-text-brand{background-image:linear-gradient(100deg, var(--fanui-brand-grad-a), var(--fanui-brand-grad-b));-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0)}.fanui-text-aurora{background-image:linear-gradient(100deg, var(--fanui-brand-grad-a), var(--fanui-brand-grad-b), var(--fanui-brand-grad-a));background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);-webkit-text-fill-color:rgba(0,0,0,0);animation:fanui-text-aurora 8s linear infinite}@media(prefers-reduced-motion: reduce){.fanui-text-aurora{animation:none}}@keyframes fanui-text-aurora{from{background-position:0% 50%}to{background-position:200% 50%}}.fanui-shimmer{background-image:linear-gradient(90deg, var(--fanui-color-surface-sunken) 0%, var(--fanui-color-hover) 50%, var(--fanui-color-surface-sunken) 100%);background-size:200% 100%;animation:fanui-shimmer 1.6s linear infinite;border-radius:var(--fanui-radius-sm);color:rgba(0,0,0,0)}@media(prefers-reduced-motion: reduce){.fanui-shimmer{animation:none}}@keyframes fanui-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}.fanui-border-gradient{position:relative;border:0}.fanui-border-gradient::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:var(--fanui-border-width, 1px);pointer-events:none;background:linear-gradient(var(--fanui-border-angle, 135deg), var(--fanui-brand-grad-a), var(--fanui-brand-grad-b));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.fanui-border-gradient--strong::before{padding:2px}.fanui-border-gradient--soft::before{background:linear-gradient(135deg, var(--fanui-primary-border), var(--fanui-accent-border))}.fanui-divider-gradient{height:1px;border:0;margin-block:var(--fanui-space-6);background:linear-gradient(90deg, transparent, var(--fanui-primary-border), var(--fanui-accent-border), transparent)}.fanui-divider-text{display:flex;align-items:center;gap:var(--fanui-space-3);margin-block:var(--fanui-space-6);font-size:var(--fanui-font-size-xs);color:var(--fanui-color-text-subtle)}.fanui-divider-text::before,.fanui-divider-text::after{content:"";flex:1 1 auto;height:1px;background-color:var(--fanui-color-border)}.fanui-mask-fade-b{-webkit-mask-image:linear-gradient(180deg, #000 55%, transparent 100%);mask-image:linear-gradient(180deg, #000 55%, transparent 100%)}.fanui-mask-fade-t{-webkit-mask-image:linear-gradient(0deg, #000 55%, transparent 100%);mask-image:linear-gradient(0deg, #000 55%, transparent 100%)}.fanui-mask-fade-x{-webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent);mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent)}.fanui-mask-fade-circle{-webkit-mask-image:radial-gradient(closest-side, #000 60%, transparent 100%);mask-image:radial-gradient(closest-side, #000 60%, transparent 100%)}.fanui-ripple-host{position:relative;overflow:hidden;--fanui-ripple-color: rgba(255, 255, 255, 0.45)}.fanui-ripple{position:absolute;border-radius:var(--fanui-radius-full);transform:translate(-50%, -50%) scale(0);background-color:var(--fanui-ripple-color);pointer-events:none;animation:fanui-ripple 620ms cubic-bezier(0, 0, 0.2, 1) forwards}@keyframes fanui-ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}.fanui-glass-noise{position:relative}.fanui-glass-noise::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;opacity:.03;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)'/%3E%3C/svg%3E")}:root[data-fanui-glass=off],[data-fanui-glass=off]{--fanui-glass-intensity: 0;--fanui-glass-blur-base: 0px;--fanui-glass-blur-mode-k: 1;--fanui-glass-sat-k: 0%;--fanui-glass-bri-k: 0%;--fanui-glass-tint-rgb: var(--fanui-glass-surface-rgb);--fanui-glass-tint-base: 1;--fanui-glass-tint-k: 0;--fanui-glass-sheen-a: 0;--fanui-glass-specular-a: 0;--fanui-glass-specular-alpha: 0;--fanui-glass-edge-alpha: 0;--fanui-glass-edge-hi-a: 0;--fanui-glass-edge-lo-a: 0;--fanui-glass-border-rgb: var(--fanui-glass-border-solid-rgb);--fanui-glass-border-a: 1;--fanui-glass-border-k: 0;--fanui-glass-divider-rgb: var(--fanui-glass-border-solid-rgb);--fanui-glass-divider-a: 1;--fanui-glass-shadow-a: 0.06;--fanui-glass-shadow-k: 0;--fanui-glass-inner-hi: 0;--fanui-glass-text-shadow: none}@media(prefers-reduced-transparency: reduce){:root:not([data-fanui-glass=on]),[data-fanui-glass=auto]{--fanui-glass-intensity: 0;--fanui-glass-blur-base: 0px;--fanui-glass-blur-mode-k: 1;--fanui-glass-sat-k: 0%;--fanui-glass-bri-k: 0%;--fanui-glass-tint-rgb: var(--fanui-glass-surface-rgb);--fanui-glass-tint-base: 1;--fanui-glass-tint-k: 0;--fanui-glass-sheen-a: 0;--fanui-glass-specular-a: 0;--fanui-glass-specular-alpha: 0;--fanui-glass-edge-alpha: 0;--fanui-glass-edge-hi-a: 0;--fanui-glass-edge-lo-a: 0;--fanui-glass-border-rgb: var(--fanui-glass-border-solid-rgb);--fanui-glass-border-a: 1;--fanui-glass-border-k: 0;--fanui-glass-divider-rgb: var(--fanui-glass-border-solid-rgb);--fanui-glass-divider-a: 1;--fanui-glass-shadow-a: 0.06;--fanui-glass-shadow-k: 0;--fanui-glass-inner-hi: 0;--fanui-glass-text-shadow: none}}