:root{--color-white: #f5f5f5;--color-black: #0f0f0f;--color-primary-50: #fdf8e8;--color-primary-100: #faefc5;--color-primary-200: #f5de8c;--color-primary-300: #f0c850;--color-primary-400: #e8b838;--color-primary-500: #daa520;--color-primary-600: #b8890e;--color-primary-700: #8c6800;--color-primary-800: #614800;--color-primary-900: #3d2e00;--color-primary-950: #241b00;--color-gray-50: #fafafa;--color-gray-100: #e5e5e5;--color-gray-200: #cccccc;--color-gray-300: #a3a3a3;--color-gray-400: #737373;--color-gray-500: #525252;--color-gray-600: #3a3a3a;--color-gray-700: #2d2d2d;--color-gray-800: #1a1a1a;--color-gray-900: #0f0f0f;--color-accent-50: #fdf5ee;--color-accent-100: #fae6d2;--color-accent-200: #f0c9a0;--color-accent-300: #dea66e;--color-accent-400: #c8894a;--color-accent-500: #b87333;--color-accent-600: #955c28;--color-accent-700: #72461e;--color-accent-800: #4f3015;--color-accent-900: #2d1b0c;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-300: #6ee7b7;--color-success-500: #10b981;--color-success-700: #047857;--color-success-900: #064e3b;--color-warning-50: #fff7ed;--color-warning-100: #ffedd5;--color-warning-300: #fdba74;--color-warning-500: #f97316;--color-warning-700: #c2410c;--color-warning-900: #7c2d12;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-300: #fca5a5;--color-error-500: #ef4444;--color-error-700: #b91c1c;--color-error-900: #7f1d1d;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-300: #93c5fd;--color-info-500: #3b82f6;--color-info-700: #1d4ed8;--color-info-900: #1e3a8a;--color-background: #f5f5f5;--color-background-secondary: #fafafa;--color-background-tertiary: #e5e5e5;--color-surface: #f5f5f5;--color-overlay: rgba(15, 15, 15, .5);--color-foreground: #0f0f0f;--color-foreground-secondary: #525252;--color-foreground-tertiary: #737373;--color-foreground-muted: rgba(15, 15, 15, .5);--color-foreground-link: #8c6800;--color-accent: #b87333;--color-accent-hover: #955c28;--color-border: #cccccc;--color-border-strong: #737373;--color-border-subtle: #e5e5e5;--color-primary-background: #e8b838;--color-primary-foreground: #0f0f0f;--color-primary-hover: #f0c850;--color-primary-active: #daa520;--color-secondary-background: #0f0f0f;--color-secondary-foreground: #f5f5f5;--color-secondary-hover: #2d2d2d;--color-secondary-active: #3a3a3a;--color-tertiary-background: #e5e5e5;--color-tertiary-foreground: #0f0f0f;--color-tertiary-hover: #cccccc;--color-tertiary-active: #a3a3a3;--color-destructive-background: #ef4444;--color-destructive-foreground: #f5f5f5;--color-destructive-hover: #b91c1c;--color-destructive-active: #7f1d1d;--color-muted-background: #e5e5e5;--color-muted-foreground: #737373;--color-ghost-foreground: #0f0f0f;--color-ghost-hover-bg: #e5e5e5;--color-outline-background: transparent;--color-outline-foreground: #8c6800;--color-outline-border: #8c6800;--color-outline-hover: rgba(218, 165, 32, .08);--color-outline-active: rgba(218, 165, 32, .15);--color-link-foreground: #8c6800;--color-link-hover: #614800;--color-link-active: #3d2e00;--color-ring-color: rgba(218, 165, 32, .5);--color-ring-width: 2px;--color-ring-offset: 2px;--font-family-display: "Burlesk", system-ui, sans-serif;--font-family-handwritten: "Caveat", cursive;--font-family-base: "Inter", system-ui, -apple-system, sans-serif;--font-family-mono: "IBM Plex Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--font-size-4xl: 4.5rem;--font-size-5xl: 6rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .08em;--letter-spacing-wider: .3em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-full: 9999px;--shadow-glow: 0 8px 24px rgba(240, 200, 80, .15);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .08);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .1);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .2);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .08);--duration-fast: .15s;--duration-base: .3s;--duration-slow: 1.2s;--easing-default: ease-in-out;--easing-entrance: cubic-bezier(.25, .1, .25, 1);--easing-exit: cubic-bezier(.42, 0, 1, 1);--btn-sm-height: 2rem;--btn-sm-padding-x: .75rem;--btn-sm-padding-y: .25rem;--btn-sm-font-size: .875rem;--btn-sm-border-radius: .5rem;--btn-sm-gap: .25rem;--btn-sm-icon-size: 1rem;--btn-sm-spinner-size: .875rem;--btn-md-height: 2.5rem;--btn-md-padding-x: 1rem;--btn-md-padding-y: .5rem;--btn-md-font-size: 1rem;--btn-md-border-radius: .5rem;--btn-md-gap: .5rem;--btn-md-icon-size: 1.25rem;--btn-md-spinner-size: 1rem;--btn-lg-height: 3rem;--btn-lg-padding-x: 1.5rem;--btn-lg-padding-y: .75rem;--btn-lg-font-size: 1.25rem;--btn-lg-border-radius: .5rem;--btn-lg-gap: .5rem;--btn-lg-icon-size: 1.5rem;--btn-lg-spinner-size: 1.25rem;--btn-font-family: "Inter", system-ui, -apple-system, sans-serif;--btn-font-weight: 600;--btn-line-height: 1.25;--btn-border-width: 1.5px;--btn-transition: all .15s ease-in-out;--btn-disabled-opacity: .5;--btn-disabled-cursor: not-allowed;--text-display-lg-font-family: "Burlesk", system-ui, sans-serif;--text-display-lg-font-size: 6rem;--text-display-lg-font-weight: 400;--text-display-lg-line-height: 1;--text-display-lg-letter-spacing: .08em;--text-display-md-font-family: "Burlesk", system-ui, sans-serif;--text-display-md-font-size: 4.5rem;--text-display-md-font-weight: 400;--text-display-md-line-height: 1;--text-display-md-letter-spacing: .08em;--text-display-sm-font-family: "Burlesk", system-ui, sans-serif;--text-display-sm-font-size: 3rem;--text-display-sm-font-weight: 400;--text-display-sm-line-height: 1.25;--text-display-sm-letter-spacing: .08em;--text-heading-xl-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-heading-xl-font-size: 2rem;--text-heading-xl-font-weight: 700;--text-heading-xl-line-height: 1.25;--text-heading-xl-letter-spacing: -.02em;--text-heading-lg-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-heading-lg-font-size: 1.5rem;--text-heading-lg-font-weight: 700;--text-heading-lg-line-height: 1.25;--text-heading-lg-letter-spacing: -.02em;--text-heading-md-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-heading-md-font-size: 1.25rem;--text-heading-md-font-weight: 700;--text-heading-md-line-height: 1.25;--text-heading-md-letter-spacing: 0;--text-heading-sm-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-heading-sm-font-size: 1rem;--text-heading-sm-font-weight: 700;--text-heading-sm-line-height: 1.25;--text-heading-sm-letter-spacing: 0;--text-heading-xs-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-heading-xs-font-size: .875rem;--text-heading-xs-font-weight: 700;--text-heading-xs-line-height: 1.25;--text-heading-xs-letter-spacing: 0;--text-body-lg-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-body-lg-font-size: 1.25rem;--text-body-lg-font-weight: 400;--text-body-lg-line-height: 1.5;--text-body-lg-letter-spacing: 0;--text-body-md-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-body-md-font-size: 1rem;--text-body-md-font-weight: 400;--text-body-md-line-height: 1.5;--text-body-md-letter-spacing: 0;--text-body-sm-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-body-sm-font-size: .875rem;--text-body-sm-font-weight: 400;--text-body-sm-line-height: 1.5;--text-body-sm-letter-spacing: 0;--text-label-lg-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-label-lg-font-size: 1rem;--text-label-lg-font-weight: 600;--text-label-lg-line-height: 1.25;--text-label-lg-letter-spacing: 0;--text-label-md-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-label-md-font-size: .875rem;--text-label-md-font-weight: 600;--text-label-md-line-height: 1.25;--text-label-md-letter-spacing: 0;--text-label-sm-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-label-sm-font-size: .75rem;--text-label-sm-font-weight: 600;--text-label-sm-line-height: 1.25;--text-label-sm-letter-spacing: 0;--text-caption-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-caption-font-size: .75rem;--text-caption-font-weight: 400;--text-caption-line-height: 1.5;--text-caption-letter-spacing: 0;--text-overline-font-family: "Inter", system-ui, -apple-system, sans-serif;--text-overline-font-size: .75rem;--text-overline-font-weight: 700;--text-overline-line-height: 1.25;--text-overline-letter-spacing: .08em;--text-overline-text-transform: uppercase;--text-code-lg-font-family: "IBM Plex Mono", monospace;--text-code-lg-font-size: 1rem;--text-code-lg-font-weight: 400;--text-code-lg-line-height: 1.5;--text-code-lg-letter-spacing: 0;--text-code-md-font-family: "IBM Plex Mono", monospace;--text-code-md-font-size: .875rem;--text-code-md-font-weight: 400;--text-code-md-line-height: 1.5;--text-code-md-letter-spacing: 0;--text-code-sm-font-family: "IBM Plex Mono", monospace;--text-code-sm-font-size: .75rem;--text-code-sm-font-weight: 400;--text-code-sm-line-height: 1.5;--text-code-sm-letter-spacing: 0;--text-handwritten-lg-font-family: "Caveat", cursive;--text-handwritten-lg-font-size: 1.5rem;--text-handwritten-lg-font-weight: 400;--text-handwritten-lg-line-height: 1.5;--text-handwritten-lg-letter-spacing: 0;--text-handwritten-md-font-family: "Caveat", cursive;--text-handwritten-md-font-size: 1.25rem;--text-handwritten-md-font-weight: 400;--text-handwritten-md-line-height: 1.5;--text-handwritten-md-letter-spacing: 0;--input-sm-height: 2rem;--input-sm-padding-x: .75rem;--input-sm-padding-y: .25rem;--input-sm-font-size: .875rem;--input-sm-border-radius: .5rem;--input-sm-icon-size: 1rem;--input-md-height: 2.5rem;--input-md-padding-x: 1rem;--input-md-padding-y: .5rem;--input-md-font-size: 1rem;--input-md-border-radius: .5rem;--input-md-icon-size: 1.25rem;--input-lg-height: 3rem;--input-lg-padding-x: 1rem;--input-lg-padding-y: .75rem;--input-lg-font-size: 1.25rem;--input-lg-border-radius: .5rem;--input-lg-icon-size: 1.5rem;--input-font-family: "Inter", system-ui, -apple-system, sans-serif;--input-font-weight: 400;--input-line-height: 1.5;--input-border-width: 1.5px;--input-transition: all .15s ease-in-out;--input-placeholder-opacity: .5;--input-textarea-min-height: 5rem;--input-textarea-padding-y: .75rem;--input-textarea-resize: vertical;--input-disabled-opacity: .5;--input-disabled-cursor: not-allowed;--badge-sm-height: 1.25rem;--badge-sm-padding-x: .5rem;--badge-sm-font-size: .6875rem;--badge-sm-border-radius: 9999px;--badge-sm-gap: .25rem;--badge-sm-icon-size: .75rem;--badge-md-height: 1.5rem;--badge-md-padding-x: .625rem;--badge-md-font-size: .75rem;--badge-md-border-radius: 9999px;--badge-md-gap: .25rem;--badge-md-icon-size: .875rem;--badge-lg-height: 1.75rem;--badge-lg-padding-x: .75rem;--badge-lg-font-size: .875rem;--badge-lg-border-radius: 9999px;--badge-lg-gap: .375rem;--badge-lg-icon-size: 1rem;--badge-font-family: "Inter", system-ui, -apple-system, sans-serif;--badge-font-weight: 600;--badge-line-height: 1.25;--badge-border-width: 1px;--badge-primary-solid-bg: #daa520;--badge-primary-solid-fg: #0f0f0f;--badge-primary-subtle-bg: rgba(218, 165, 32, .12);--badge-primary-subtle-fg: #8c6800;--badge-secondary-solid-bg: #e5e5e5;--badge-secondary-solid-fg: #525252;--badge-secondary-subtle-bg: rgba(82, 82, 82, .08);--badge-secondary-subtle-fg: #525252;--badge-success-solid-bg: #10b981;--badge-success-solid-fg: #f5f5f5;--badge-success-subtle-bg: rgba(16, 185, 129, .12);--badge-success-subtle-fg: #064e3b;--badge-warning-solid-bg: #f97316;--badge-warning-solid-fg: #f5f5f5;--badge-warning-subtle-bg: rgba(249, 115, 22, .12);--badge-warning-subtle-fg: #7c2d12;--badge-error-solid-bg: #ef4444;--badge-error-solid-fg: #f5f5f5;--badge-error-subtle-bg: rgba(239, 68, 68, .12);--badge-error-subtle-fg: #7f1d1d;--badge-info-solid-bg: #3b82f6;--badge-info-solid-fg: #f5f5f5;--badge-info-subtle-bg: rgba(59, 130, 246, .12);--badge-info-subtle-fg: #1e3a8a;--card-sm-padding-x: 1rem;--card-sm-padding-y: .75rem;--card-md-padding-x: 1.25rem;--card-md-padding-y: 1.25rem;--card-lg-padding-x: 1.5rem;--card-lg-padding-y: 1.5rem;--card-border-radius: 1rem;--card-border-width: 1px;--card-gap: 1rem;--card-header-gap: .75rem;--card-footer-gap: .75rem;--card-transition: all .15s ease-in-out;--card-default-background: #fafafa;--card-default-border: #cccccc;--card-elevated-background: #f5f5f5;--card-elevated-border: transparent;--card-elevated-shadow: 0 4px 12px rgba(0, 0, 0, .1);--card-outlined-background: transparent;--card-outlined-border: #a3a3a3;--card-interactive-background: #fafafa;--card-interactive-border: #cccccc;--card-interactive-hover-border: #b87333;--card-interactive-hover-shadow: 0 4px 12px rgba(0, 0, 0, .1);--card-interactive-active-border: #955c28;--avatar-xs-size: 1.5rem;--avatar-xs-font-size: .625rem;--avatar-xs-icon-size: .875rem;--avatar-xs-status-size: .5rem;--avatar-sm-size: 2rem;--avatar-sm-font-size: .75rem;--avatar-sm-icon-size: 1rem;--avatar-sm-status-size: .5rem;--avatar-md-size: 2.5rem;--avatar-md-font-size: .875rem;--avatar-md-icon-size: 1.25rem;--avatar-md-status-size: .625rem;--avatar-lg-size: 3rem;--avatar-lg-font-size: 1rem;--avatar-lg-icon-size: 1.5rem;--avatar-lg-status-size: .75rem;--avatar-xl-size: 4rem;--avatar-xl-font-size: 1.25rem;--avatar-xl-icon-size: 2rem;--avatar-xl-status-size: .875rem;--avatar-font-family: "Inter", system-ui, -apple-system, sans-serif;--avatar-font-weight: 600;--avatar-line-height: 1;--avatar-border-radius: 9999px;--avatar-border-width: 2px;--avatar-transition: all .15s ease-in-out;--avatar-fallback-background: #e5e5e5;--avatar-fallback-foreground: #525252;--avatar-status-online: #10b981;--avatar-status-offline: #737373;--avatar-status-busy: #ef4444;--avatar-status-away: #f97316;--toggle-sm-width: 2.25rem;--toggle-sm-height: 1.25rem;--toggle-sm-thumb-size: 1rem;--toggle-sm-thumb-offset: .125rem;--toggle-md-width: 2.75rem;--toggle-md-height: 1.5rem;--toggle-md-thumb-size: 1.25rem;--toggle-md-thumb-offset: .125rem;--toggle-border-radius: 9999px;--toggle-border-width: 2px;--toggle-transition: all .15s ease-in-out;--toggle-disabled-opacity: .5;--toggle-disabled-cursor: not-allowed;--toggle-track-off: #cccccc;--toggle-track-on: #e8b838;--toggle-thumb: #f5f5f5;--divider-thickness: 1px;--divider-border-style: solid;--divider-spacing-sm: .5rem;--divider-spacing-md: 1rem;--divider-spacing-lg: 1.5rem;--divider-color-default: #cccccc;--divider-color-subtle: #e5e5e5;--divider-color-strong: #737373;--checkbox-sm-size: 1rem;--checkbox-sm-border-radius: .25rem;--checkbox-sm-icon-size: .625rem;--checkbox-md-size: 1.25rem;--checkbox-md-border-radius: .25rem;--checkbox-md-icon-size: .875rem;--checkbox-border-width: 2px;--checkbox-transition: all .15s ease-in-out;--checkbox-disabled-opacity: .5;--checkbox-disabled-cursor: not-allowed;--checkbox-unchecked-border: #cccccc;--checkbox-checked-bg: #e8b838;--checkbox-checked-fg: #f5f5f5;--radio-sm-size: 1rem;--radio-sm-dot-size: .5rem;--radio-md-size: 1.25rem;--radio-md-dot-size: .625rem;--radio-border-width: 2px;--radio-border-radius: 9999px;--radio-transition: all .15s ease-in-out;--radio-disabled-opacity: .5;--radio-disabled-cursor: not-allowed;--radio-unchecked-border: #cccccc;--radio-checked-border: #e8b838;--radio-checked-dot: #e8b838;--select-sm-height: 2rem;--select-sm-padding-x: .75rem;--select-sm-padding-y: .25rem;--select-sm-font-size: .875rem;--select-sm-border-radius: .5rem;--select-sm-indicator-size: 1rem;--select-md-height: 2.5rem;--select-md-padding-x: 1rem;--select-md-padding-y: .5rem;--select-md-font-size: 1rem;--select-md-border-radius: .5rem;--select-md-indicator-size: 1.25rem;--select-lg-height: 3rem;--select-lg-padding-x: 1rem;--select-lg-padding-y: .75rem;--select-lg-font-size: 1.25rem;--select-lg-border-radius: .5rem;--select-lg-indicator-size: 1.5rem;--select-font-family: "Inter", system-ui, -apple-system, sans-serif;--select-font-weight: 400;--select-line-height: 1.5;--select-border-width: 1.5px;--select-transition: all .15s ease-in-out;--select-indicator-gap: .5rem;--select-disabled-opacity: .5;--select-disabled-cursor: not-allowed;--modal-width-sm: 25rem;--modal-width-md: 35rem;--modal-width-lg: 45rem;--modal-border-radius: 1.5rem;--modal-border-width: 1px;--modal-transition: all .3s ease-in-out;--modal-header-padding-x: 1.5rem;--modal-header-padding-top: 1.5rem;--modal-header-padding-bottom: 1rem;--modal-header-gap: .5rem;--modal-body-padding-x: 1.5rem;--modal-body-padding-y: 1rem;--modal-footer-padding-x: 1.5rem;--modal-footer-padding-top: 1rem;--modal-footer-padding-bottom: 1.5rem;--modal-footer-gap: .75rem;--modal-backdrop-color: rgba(15, 15, 15, .5);--modal-surface-background: #f5f5f5;--modal-surface-border: #cccccc;--modal-surface-shadow: 0 16px 48px rgba(0, 0, 0, .2);--alert-sm-padding-x: .75rem;--alert-sm-padding-y: .5rem;--alert-sm-font-size: .875rem;--alert-sm-icon-size: 1rem;--alert-sm-gap: .5rem;--alert-sm-border-radius: .5rem;--alert-md-padding-x: 1rem;--alert-md-padding-y: .75rem;--alert-md-font-size: 1rem;--alert-md-icon-size: 1.25rem;--alert-md-gap: .75rem;--alert-md-border-radius: .5rem;--alert-font-family: "Inter", system-ui, -apple-system, sans-serif;--alert-font-weight: 400;--alert-line-height: 1.5;--alert-border-width: 1px;--alert-transition: all .3s ease-in-out;--alert-disabled-opacity: .5;--alert-toast-max-width: 25rem;--alert-toast-border-radius: .5rem;--alert-toast-offset: 1.5rem;--alert-toast-shadow: 0 8px 24px rgba(0, 0, 0, .15);--alert-success-background: #ecfdf5;--alert-success-foreground: #064e3b;--alert-success-border: rgba(16, 185, 129, .25);--alert-success-icon: #10b981;--alert-warning-background: #fff7ed;--alert-warning-foreground: #7c2d12;--alert-warning-border: rgba(249, 115, 22, .25);--alert-warning-icon: #f97316;--alert-error-background: #fef2f2;--alert-error-foreground: #7f1d1d;--alert-error-border: rgba(239, 68, 68, .25);--alert-error-icon: #ef4444;--alert-info-background: #eff6ff;--alert-info-foreground: #1e3a8a;--alert-info-border: rgba(59, 130, 246, .25);--alert-info-icon: #3b82f6;--alert-neutral-background: #fafafa;--alert-neutral-foreground: #0f0f0f;--alert-neutral-border: #cccccc;--alert-neutral-icon: #525252;--tabs-sm-height: 2rem;--tabs-sm-padding-x: .75rem;--tabs-sm-font-size: .875rem;--tabs-sm-gap: .25rem;--tabs-sm-icon-size: 1rem;--tabs-md-height: 2.5rem;--tabs-md-padding-x: 1rem;--tabs-md-font-size: 1rem;--tabs-md-gap: .5rem;--tabs-md-icon-size: 1.25rem;--tabs-font-family: "Inter", system-ui, -apple-system, sans-serif;--tabs-font-weight: 600;--tabs-line-height: 1.25;--tabs-transition: all .15s ease-in-out;--tabs-list-gap: .25rem;--tabs-border-width: 2px;--tabs-disabled-opacity: .5;--tabs-disabled-cursor: not-allowed;--tabs-underline-active-border: #daa520;--tabs-underline-active-fg: #0f0f0f;--tabs-underline-inactive-fg: #737373;--tabs-underline-hover-fg: #0f0f0f;--tabs-underline-border-color: #e5e5e5;--tabs-pill-active-bg: #0f0f0f;--tabs-pill-active-fg: #f5f5f5;--tabs-pill-inactive-fg: #737373;--tabs-pill-hover-bg: #e5e5e5;--tabs-pill-border-radius: .5rem;--skeleton-border-radius: .5rem;--skeleton-border-radius-circle: 9999px;--skeleton-animation-duration: 1.5s;--skeleton-animation-easing: ease-in-out;--skeleton-base: #e5e5e5;--skeleton-shimmer: #fafafa;--skeleton-text-height: 1rem;--skeleton-text-border-radius: .25rem;--skeleton-heading-height: 1.5rem;--skeleton-heading-border-radius: .25rem;--skeleton-avatar-size: 2.5rem;--skeleton-avatar-border-radius: 9999px;--skeleton-button-height: 2.5rem;--skeleton-button-width: 6rem;--skeleton-button-border-radius: .5rem;--skeleton-image-height: 12rem;--skeleton-image-border-radius: .5rem;--progress-sm-height: .25rem;--progress-sm-border-radius: 9999px;--progress-md-height: .5rem;--progress-md-border-radius: 9999px;--progress-lg-height: .75rem;--progress-lg-border-radius: 9999px;--progress-transition: width .3s ease-in-out;--progress-animation-duration: 1.5s;--progress-disabled-opacity: .5;--progress-track: #e5e5e5;--progress-fill-primary: #e8b838;--progress-fill-success: #10b981;--progress-fill-warning: #f97316;--progress-fill-error: #ef4444;--pagination-sm-button-size: 2rem;--pagination-sm-font-size: .875rem;--pagination-sm-gap: .25rem;--pagination-sm-padding-x: .5rem;--pagination-sm-border-radius: .5rem;--pagination-md-button-size: 2.5rem;--pagination-md-font-size: 1rem;--pagination-md-gap: .25rem;--pagination-md-padding-x: .75rem;--pagination-md-border-radius: .5rem;--pagination-font-family: "Inter", system-ui, -apple-system, sans-serif;--pagination-font-weight: 500;--pagination-line-height: 1;--pagination-transition: all .15s ease-in-out;--pagination-disabled-opacity: .5;--pagination-disabled-cursor: not-allowed;--pagination-default-fg: #525252;--pagination-default-bg: transparent;--pagination-hover-bg: #e5e5e5;--pagination-active-bg: #0f0f0f;--pagination-active-fg: #f5f5f5;--pagination-border: #e5e5e5;--tooltip-sm-padding-x: .5rem;--tooltip-sm-padding-y: .25rem;--tooltip-sm-font-size: .75rem;--tooltip-sm-max-width: 12rem;--tooltip-md-padding-x: .75rem;--tooltip-md-padding-y: .375rem;--tooltip-md-font-size: .875rem;--tooltip-md-max-width: 18rem;--tooltip-font-family: "Inter", system-ui, -apple-system, sans-serif;--tooltip-font-weight: 500;--tooltip-line-height: 1.4;--tooltip-border-radius: .25rem;--tooltip-arrow-size: .375rem;--tooltip-offset: .5rem;--tooltip-transition: opacity .15s ease-in-out;--tooltip-z-index: 1000;--tooltip-background: #0f0f0f;--tooltip-foreground: #f5f5f5;--spinner-xs-diameter: 1rem;--spinner-xs-border-width: 2px;--spinner-sm-diameter: 1.5rem;--spinner-sm-border-width: 2px;--spinner-md-diameter: 2.5rem;--spinner-md-border-width: 3px;--spinner-lg-diameter: 4rem;--spinner-lg-border-width: 4px;--spinner-animation-duration: .75s;--spinner-animation-easing: linear;--spinner-track: #e5e5e5;--spinner-indicator: #daa520;--dropdown-sm-item-height: 2rem;--dropdown-sm-item-padding-x: .5rem;--dropdown-sm-font-size: .875rem;--dropdown-sm-icon-size: 1rem;--dropdown-md-item-height: 2.25rem;--dropdown-md-item-padding-x: .75rem;--dropdown-md-font-size: .875rem;--dropdown-md-icon-size: 1.25rem;--dropdown-font-family: "Inter", system-ui, -apple-system, sans-serif;--dropdown-font-weight: 400;--dropdown-line-height: 1.25;--dropdown-border-radius: .5rem;--dropdown-border-width: 1px;--dropdown-padding: .25rem;--dropdown-min-width: 10rem;--dropdown-max-width: 20rem;--dropdown-item-gap: .125rem;--dropdown-icon-gap: .5rem;--dropdown-item-border-radius: .25rem;--dropdown-transition: all .15s ease-in-out;--dropdown-z-index: 100;--dropdown-disabled-opacity: .5;--dropdown-disabled-cursor: not-allowed;--dropdown-panel-bg: #f5f5f5;--dropdown-panel-border: #e5e5e5;--dropdown-panel-shadow: 0 4px 16px rgba(0, 0, 0, .12);--dropdown-item-fg: #0f0f0f;--dropdown-item-hover-bg: #e5e5e5;--dropdown-item-disabled-fg: #a3a3a3;--dropdown-separator: #e5e5e5;--dropdown-shortcut-fg: #a3a3a3;--dropdown-destructive-fg: #ef4444;--table-sm-cell-padding-x: .75rem;--table-sm-cell-padding-y: .375rem;--table-sm-font-size: .875rem;--table-md-cell-padding-x: 1rem;--table-md-cell-padding-y: .75rem;--table-md-font-size: .875rem;--table-lg-cell-padding-x: 1.25rem;--table-lg-cell-padding-y: 1rem;--table-lg-font-size: 1rem;--table-font-family: "Inter", system-ui, -apple-system, sans-serif;--table-header-font-weight: 600;--table-line-height: 1.5;--table-border-width: 1px;--table-border-radius: .5rem;--table-header-bg: #fafafa;--table-header-fg: #525252;--table-body-bg: transparent;--table-body-fg: #0f0f0f;--table-border: #e5e5e5;--table-stripe-bg: #fafafa;--table-hover-bg: #fafafa;--accordion-sm-header-padding-x: .75rem;--accordion-sm-header-padding-y: .5rem;--accordion-sm-content-padding-x: .75rem;--accordion-sm-content-padding-y: .5rem;--accordion-sm-font-size: .875rem;--accordion-sm-icon-size: 1rem;--accordion-md-header-padding-x: 1rem;--accordion-md-header-padding-y: .75rem;--accordion-md-content-padding-x: 1rem;--accordion-md-content-padding-y: .75rem;--accordion-md-font-size: 1rem;--accordion-md-icon-size: 1.25rem;--accordion-font-family: "Inter", system-ui, -apple-system, sans-serif;--accordion-header-font-weight: 600;--accordion-line-height: 1.5;--accordion-border-width: 1px;--accordion-border-radius: .5rem;--accordion-transition: all .2s ease-in-out;--accordion-icon-rotation: 180deg;--accordion-disabled-opacity: .5;--accordion-disabled-cursor: not-allowed;--accordion-header-bg: transparent;--accordion-header-fg: #0f0f0f;--accordion-header-hover-bg: #fafafa;--accordion-content-fg: #525252;--accordion-border: #e5e5e5;--accordion-icon: #737373;--breadcrumb-sm-font-size: .75rem;--breadcrumb-sm-gap: .25rem;--breadcrumb-sm-icon-size: .75rem;--breadcrumb-md-font-size: .875rem;--breadcrumb-md-gap: .375rem;--breadcrumb-md-icon-size: 1rem;--breadcrumb-font-family: "Inter", system-ui, -apple-system, sans-serif;--breadcrumb-font-weight: 400;--breadcrumb-active-font-weight: 500;--breadcrumb-line-height: 1.5;--breadcrumb-separator-char: /;--breadcrumb-link: #525252;--breadcrumb-link-hover: #0f0f0f;--breadcrumb-active: #0f0f0f;--breadcrumb-separator: #a3a3a3;--tag-sm-height: 1.5rem;--tag-sm-padding-x: .5rem;--tag-sm-font-size: .75rem;--tag-sm-gap: .25rem;--tag-sm-close-size: .875rem;--tag-sm-border-radius: 9999px;--tag-md-height: 2rem;--tag-md-padding-x: .75rem;--tag-md-font-size: .875rem;--tag-md-gap: .375rem;--tag-md-close-size: 1rem;--tag-md-border-radius: 9999px;--tag-font-family: "Inter", system-ui, -apple-system, sans-serif;--tag-font-weight: 500;--tag-line-height: 1;--tag-border-width: 1px;--tag-transition: all .15s ease-in-out;--tag-disabled-opacity: .5;--tag-disabled-cursor: not-allowed;--tag-default-bg: #fafafa;--tag-default-fg: #525252;--tag-default-border: #e5e5e5;--tag-default-hover-bg: #e5e5e5;--tag-default-close-hover: #0f0f0f;--tag-primary-bg: rgba(218, 165, 32, .1);--tag-primary-fg: #8c6800;--tag-primary-border: rgba(218, 165, 32, .3);--tag-primary-hover-bg: rgba(218, 165, 32, .2);--tag-primary-close-hover: #8c6800;--tag-success-bg: rgba(16, 185, 129, .1);--tag-success-fg: #047857;--tag-success-border: rgba(16, 185, 129, .3);--tag-success-hover-bg: rgba(16, 185, 129, .2);--tag-success-close-hover: #047857;--tag-error-bg: rgba(239, 68, 68, .1);--tag-error-fg: #b91c1c;--tag-error-border: rgba(239, 68, 68, .3);--tag-error-hover-bg: rgba(239, 68, 68, .2);--tag-error-close-hover: #b91c1c;--slider-sm-track-height: .25rem;--slider-sm-thumb-size: 1rem;--slider-sm-thumb-border-width: 2px;--slider-md-track-height: .375rem;--slider-md-thumb-size: 1.25rem;--slider-md-thumb-border-width: 2px;--slider-lg-track-height: .5rem;--slider-lg-thumb-size: 1.5rem;--slider-lg-thumb-border-width: 3px;--slider-track-border-radius: 9999px;--slider-thumb-border-radius: 9999px;--slider-transition: all .15s ease-in-out;--slider-disabled-opacity: .5;--slider-disabled-cursor: not-allowed;--slider-track: #e5e5e5;--slider-fill: #daa520;--slider-thumb-bg: #f5f5f5;--slider-thumb-border: #daa520;--slider-thumb-active-scale: 1.15;--bottom-sheet-snap-sm: 40%;--bottom-sheet-snap-md: 60%;--bottom-sheet-snap-lg: 85%;--bottom-sheet-snap-full: 100%;--bottom-sheet-border-radius: 1rem;--bottom-sheet-handle-width: 2.25rem;--bottom-sheet-handle-height: .25rem;--bottom-sheet-handle-margin-top: .5rem;--bottom-sheet-handle-margin-bottom: .5rem;--bottom-sheet-padding-x: 1rem;--bottom-sheet-padding-bottom: 2rem;--bottom-sheet-transition: transform .3s ease-out;--bottom-sheet-z-index: 300;--bottom-sheet-backdrop-color: rgba(15, 15, 15, .5);--bottom-sheet-background: #f5f5f5;--bottom-sheet-handle: #cccccc;--bottom-sheet-shadow: 0 -4px 24px rgba(0, 0, 0, .1);--app-bar-sm-height: 2.75rem;--app-bar-sm-title-size: 1.0625rem;--app-bar-md-height: 3.5rem;--app-bar-md-title-size: 1.25rem;--app-bar-lg-height: 7rem;--app-bar-lg-title-size: 2.125rem;--app-bar-padding-x: 1rem;--app-bar-title-font-family: "Inter", system-ui, -apple-system, sans-serif;--app-bar-title-font-weight: 600;--app-bar-icon-size: 1.5rem;--app-bar-action-gap: .5rem;--app-bar-button-min-size: 2.75rem;--app-bar-transition: all .2s ease-in-out;--app-bar-background: #f5f5f5;--app-bar-foreground: #0f0f0f;--app-bar-icon: #0f0f0f;--app-bar-border: #e5e5e5;--bottom-tab-bar-height: 3.5rem;--bottom-tab-bar-safe-area-padding: 1.375rem;--bottom-tab-bar-padding-x: .5rem;--bottom-tab-bar-icon-size: 1.5rem;--bottom-tab-bar-label-font-size: .625rem;--bottom-tab-bar-label-font-weight: 500;--bottom-tab-bar-label-font-family: "Inter", system-ui, -apple-system, sans-serif;--bottom-tab-bar-icon-label-gap: .125rem;--bottom-tab-bar-item-min-width: 4rem;--bottom-tab-bar-max-items: 5;--bottom-tab-bar-border-width: 1px;--bottom-tab-bar-transition: color .15s ease-in-out;--bottom-tab-bar-background: #f5f5f5;--bottom-tab-bar-border: #e5e5e5;--bottom-tab-bar-active: #daa520;--bottom-tab-bar-inactive: #737373;--fab-sm-diameter: 2.5rem;--fab-sm-icon-size: 1.25rem;--fab-md-diameter: 3.5rem;--fab-md-icon-size: 1.5rem;--fab-lg-diameter: 6rem;--fab-lg-icon-size: 2.25rem;--fab-border-radius: 9999px;--fab-transition: all .2s ease-in-out;--fab-offset: 1rem;--fab-z-index: 100;--fab-extended-height: 3rem;--fab-extended-padding-x: 1rem;--fab-extended-gap: .5rem;--fab-extended-font-size: .875rem;--fab-extended-font-weight: 600;--fab-extended-border-radius: 1rem;--fab-extended-icon-size: 1.25rem;--fab-background: #daa520;--fab-foreground: #f5f5f5;--fab-shadow: 0 4px 12px rgba(218, 165, 32, .35);--fab-hover-shadow: 0 6px 20px rgba(218, 165, 32, .45);--segmented-sm-height: 1.75rem;--segmented-sm-font-size: .8125rem;--segmented-md-height: 2.25rem;--segmented-md-font-size: .875rem;--segmented-font-family: "Inter", system-ui, -apple-system, sans-serif;--segmented-font-weight: 500;--segmented-active-font-weight: 600;--segmented-line-height: 1;--segmented-track-border-radius: .5rem;--segmented-track-padding: .125rem;--segmented-segment-border-radius: .25rem;--segmented-segment-padding-x: .75rem;--segmented-transition: all .2s ease-in-out;--segmented-min-segment-width: 4rem;--segmented-track: #e5e5e5;--segmented-active-bg: #f5f5f5;--segmented-active-fg: #0f0f0f;--segmented-inactive-fg: #737373;--segmented-active-shadow: 0 1px 3px rgba(0, 0, 0, .08);--list-item-sm-min-height: 2.75rem;--list-item-sm-padding-x: 1rem;--list-item-sm-padding-y: .5rem;--list-item-sm-font-size: .875rem;--list-item-md-min-height: 3.5rem;--list-item-md-padding-x: 1rem;--list-item-md-padding-y: .75rem;--list-item-md-font-size: 1rem;--list-item-lg-min-height: 4.5rem;--list-item-lg-padding-x: 1rem;--list-item-lg-padding-y: .75rem;--list-item-lg-font-size: 1rem;--list-item-font-family: "Inter", system-ui, -apple-system, sans-serif;--list-item-primary-font-weight: 400;--list-item-secondary-font-size: .8125rem;--list-item-secondary-line-height: 1.25;--list-item-gap: .75rem;--list-item-icon-size: 1.5rem;--list-item-avatar-size: 2.5rem;--list-item-chevron-size: 1rem;--list-item-divider-inset-left: 1rem;--list-item-transition: background .15s ease-in-out;--list-item-background: transparent;--list-item-primary-fg: #0f0f0f;--list-item-secondary-fg: #737373;--list-item-chevron: #a3a3a3;--list-item-pressed: #e5e5e5;--list-item-divider: #e5e5e5;--snackbar-min-height: 3rem;--snackbar-max-width: 35rem;--snackbar-padding-x: 1rem;--snackbar-padding-y: .75rem;--snackbar-border-radius: .5rem;--snackbar-font-size: .875rem;--snackbar-font-family: "Inter", system-ui, -apple-system, sans-serif;--snackbar-font-weight: 400;--snackbar-line-height: 1.4;--snackbar-action-font-weight: 600;--snackbar-action-font-size: .875rem;--snackbar-gap: .75rem;--snackbar-margin: 1rem;--snackbar-z-index: 400;--snackbar-transition: transform .3s ease, opacity .3s ease;--snackbar-background: #1a1a1a;--snackbar-foreground: #f5f5f5;--snackbar-action: #f0c850;--snackbar-shadow: 0 4px 12px rgba(0, 0, 0, .15);--swipe-action-action-width: 4.5rem;--swipe-action-icon-size: 1.25rem;--swipe-action-font-size: .75rem;--swipe-action-font-family: "Inter", system-ui, -apple-system, sans-serif;--swipe-action-font-weight: 500;--swipe-action-icon-label-gap: .25rem;--swipe-action-threshold: 30%;--swipe-action-full-swipe-threshold: 65%;--swipe-action-transition: transform .2s ease-out;--swipe-action-delete-background: #ef4444;--swipe-action-delete-foreground: #f5f5f5;--swipe-action-archive-background: #3b82f6;--swipe-action-archive-foreground: #f5f5f5;--swipe-action-pin-background: #daa520;--swipe-action-pin-foreground: #f5f5f5;--swipe-action-read-background: #10b981;--swipe-action-read-foreground: #f5f5f5;--swipe-action-more-background: #737373;--swipe-action-more-foreground: #f5f5f5}@media(prefers-color-scheme:dark){:root{--color-background: #0f0f0f;--color-background-secondary: #1a1a1a;--color-background-tertiary: #2d2d2d;--color-surface: #1a1a1a;--color-overlay: rgba(15, 15, 15, .7);--color-foreground: #f5f5f5;--color-foreground-secondary: #a3a3a3;--color-foreground-tertiary: #737373;--color-foreground-muted: rgba(245, 245, 245, .5);--color-foreground-link: #f0c850;--color-accent: #c8894a;--color-accent-hover: #b87333;--color-border: #3a3a3a;--color-border-strong: #525252;--color-border-subtle: #2d2d2d;--color-primary-background: #daa520;--color-primary-foreground: #0f0f0f;--color-primary-hover: #e8b838;--color-primary-active: #b8890e;--color-secondary-background: #f5f5f5;--color-secondary-foreground: #0f0f0f;--color-secondary-hover: #e5e5e5;--color-secondary-active: #cccccc;--color-tertiary-background: #2d2d2d;--color-tertiary-foreground: #f5f5f5;--color-tertiary-hover: #3a3a3a;--color-tertiary-active: #525252;--color-destructive-background: #ef4444;--color-destructive-foreground: #f5f5f5;--color-destructive-hover: #b91c1c;--color-destructive-active: #7f1d1d;--color-muted-background: #2d2d2d;--color-muted-foreground: #737373;--color-ghost-foreground: #f5f5f5;--color-ghost-hover-bg: #2d2d2d;--color-outline-background: transparent;--color-outline-foreground: #f0c850;--color-outline-border: #f0c850;--color-outline-hover: rgba(240, 200, 80, .1);--color-outline-active: rgba(240, 200, 80, .18);--color-link-foreground: #f0c850;--color-link-hover: #e8b838;--color-link-active: #daa520;--color-ring-color: rgba(240, 200, 80, .5);--color-ring-width: 2px;--color-ring-offset: 2px;--shadow-glow: 0 8px 24px rgba(240, 200, 80, .22);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .3);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .3);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .55), 0 8px 24px rgba(0, 0, 0, .3);--badge-primary-solid-bg: #daa520;--badge-primary-solid-fg: #0f0f0f;--badge-primary-subtle-bg: rgba(218, 165, 32, .15);--badge-primary-subtle-fg: #f0c850;--badge-secondary-solid-bg: #3a3a3a;--badge-secondary-solid-fg: #e5e5e5;--badge-secondary-subtle-bg: rgba(229, 229, 229, .1);--badge-secondary-subtle-fg: #a3a3a3;--badge-success-solid-bg: #10b981;--badge-success-solid-fg: #f5f5f5;--badge-success-subtle-bg: rgba(16, 185, 129, .15);--badge-success-subtle-fg: #6ee7b7;--badge-warning-solid-bg: #f97316;--badge-warning-solid-fg: #f5f5f5;--badge-warning-subtle-bg: rgba(249, 115, 22, .15);--badge-warning-subtle-fg: #fdba74;--badge-error-solid-bg: #ef4444;--badge-error-solid-fg: #f5f5f5;--badge-error-subtle-bg: rgba(239, 68, 68, .15);--badge-error-subtle-fg: #fca5a5;--badge-info-solid-bg: #3b82f6;--badge-info-solid-fg: #f5f5f5;--badge-info-subtle-bg: rgba(59, 130, 246, .15);--badge-info-subtle-fg: #93c5fd;--card-default-background: #1a1a1a;--card-default-border: #3a3a3a;--card-elevated-background: #1a1a1a;--card-elevated-border: transparent;--card-elevated-shadow: 0 4px 12px rgba(0, 0, 0, .3);--card-outlined-background: transparent;--card-outlined-border: #525252;--card-interactive-background: #1a1a1a;--card-interactive-border: #3a3a3a;--card-interactive-hover-border: #c8894a;--card-interactive-hover-shadow: 0 4px 12px rgba(0, 0, 0, .3);--card-interactive-active-border: #b87333;--avatar-fallback-background: #3a3a3a;--avatar-fallback-foreground: #e5e5e5;--toggle-track-off: #3a3a3a;--toggle-track-on: #daa520;--toggle-thumb: #f5f5f5;--divider-color-default: #3a3a3a;--divider-color-subtle: #2d2d2d;--divider-color-strong: #525252;--checkbox-unchecked-border: #3a3a3a;--checkbox-checked-bg: #daa520;--checkbox-checked-fg: #f5f5f5;--radio-unchecked-border: #3a3a3a;--radio-checked-border: #daa520;--radio-checked-dot: #daa520;--modal-backdrop-color: rgba(15, 15, 15, .7);--modal-surface-background: #1a1a1a;--modal-surface-border: #3a3a3a;--modal-surface-shadow: 0 16px 48px rgba(0, 0, 0, .5);--alert-success-background: rgba(16, 185, 129, .1);--alert-success-foreground: #6ee7b7;--alert-success-border: rgba(16, 185, 129, .2);--alert-success-icon: #10b981;--alert-warning-background: rgba(249, 115, 22, .1);--alert-warning-foreground: #fdba74;--alert-warning-border: rgba(249, 115, 22, .2);--alert-warning-icon: #f97316;--alert-error-background: rgba(239, 68, 68, .1);--alert-error-foreground: #fca5a5;--alert-error-border: rgba(239, 68, 68, .2);--alert-error-icon: #ef4444;--alert-info-background: rgba(59, 130, 246, .1);--alert-info-foreground: #93c5fd;--alert-info-border: rgba(59, 130, 246, .2);--alert-info-icon: #3b82f6;--alert-neutral-background: rgba(82, 82, 82, .1);--alert-neutral-foreground: #e5e5e5;--alert-neutral-border: #3a3a3a;--alert-neutral-icon: #a3a3a3;--alert-toast-shadow: 0 8px 24px rgba(0, 0, 0, .4);--tabs-underline-active-border: #e8b838;--tabs-underline-active-fg: #f5f5f5;--tabs-underline-inactive-fg: #737373;--tabs-underline-hover-fg: #f5f5f5;--tabs-underline-border-color: #2d2d2d;--tabs-pill-active-bg: #f5f5f5;--tabs-pill-active-fg: #0f0f0f;--tabs-pill-inactive-fg: #737373;--tabs-pill-hover-bg: #2d2d2d;--skeleton-base: #2d2d2d;--skeleton-shimmer: #3a3a3a;--progress-track: #2d2d2d;--progress-fill-primary: #daa520;--progress-fill-success: #10b981;--progress-fill-warning: #f97316;--progress-fill-error: #ef4444;--pagination-default-fg: #a3a3a3;--pagination-default-bg: transparent;--pagination-hover-bg: #2d2d2d;--pagination-active-bg: #f5f5f5;--pagination-active-fg: #0f0f0f;--pagination-border: #2d2d2d;--tooltip-background: #f5f5f5;--tooltip-foreground: #0f0f0f;--spinner-track: #2d2d2d;--spinner-indicator: #e8b838;--dropdown-panel-bg: #1a1a1a;--dropdown-panel-border: #2d2d2d;--dropdown-panel-shadow: 0 4px 16px rgba(0, 0, 0, .4);--dropdown-item-fg: #f5f5f5;--dropdown-item-hover-bg: #2d2d2d;--dropdown-item-disabled-fg: #525252;--dropdown-separator: #2d2d2d;--dropdown-shortcut-fg: #525252;--dropdown-destructive-fg: #ef4444;--table-header-bg: #1a1a1a;--table-header-fg: #a3a3a3;--table-body-bg: transparent;--table-body-fg: #f5f5f5;--table-border: #2d2d2d;--table-stripe-bg: rgba(255, 255, 255, .02);--table-hover-bg: rgba(255, 255, 255, .04);--accordion-header-bg: transparent;--accordion-header-fg: #f5f5f5;--accordion-header-hover-bg: rgba(255, 255, 255, .04);--accordion-content-fg: #a3a3a3;--accordion-border: #2d2d2d;--accordion-icon: #737373;--breadcrumb-link: #a3a3a3;--breadcrumb-link-hover: #f5f5f5;--breadcrumb-active: #f5f5f5;--breadcrumb-separator: #525252;--tag-default-bg: #1a1a1a;--tag-default-fg: #a3a3a3;--tag-default-border: #2d2d2d;--tag-default-hover-bg: #2d2d2d;--tag-default-close-hover: #f5f5f5;--tag-primary-bg: rgba(232, 184, 56, .1);--tag-primary-fg: #e8b838;--tag-primary-border: rgba(232, 184, 56, .3);--tag-primary-hover-bg: rgba(232, 184, 56, .2);--tag-primary-close-hover: #f0c850;--tag-success-bg: rgba(16, 185, 129, .1);--tag-success-fg: #6ee7b7;--tag-success-border: rgba(16, 185, 129, .3);--tag-success-hover-bg: rgba(16, 185, 129, .2);--tag-success-close-hover: #6ee7b7;--tag-error-bg: rgba(239, 68, 68, .1);--tag-error-fg: #fca5a5;--tag-error-border: rgba(239, 68, 68, .3);--tag-error-hover-bg: rgba(239, 68, 68, .2);--tag-error-close-hover: #fca5a5;--slider-track: #2d2d2d;--slider-fill: #e8b838;--slider-thumb-bg: #f5f5f5;--slider-thumb-border: #e8b838;--bottom-sheet-backdrop-color: rgba(15, 15, 15, .7);--bottom-sheet-background: #1a1a1a;--bottom-sheet-handle: #525252;--bottom-sheet-shadow: 0 -4px 24px rgba(0, 0, 0, .4);--app-bar-background: #1a1a1a;--app-bar-foreground: #f5f5f5;--app-bar-icon: #f5f5f5;--app-bar-border: #2d2d2d;--bottom-tab-bar-background: #1a1a1a;--bottom-tab-bar-border: #2d2d2d;--bottom-tab-bar-active: #e8b838;--bottom-tab-bar-inactive: #737373;--fab-background: #e8b838;--fab-foreground: #0f0f0f;--fab-shadow: 0 4px 12px rgba(0, 0, 0, .4);--fab-hover-shadow: 0 6px 20px rgba(0, 0, 0, .5);--segmented-track: #2d2d2d;--segmented-active-bg: #3a3a3a;--segmented-active-fg: #f5f5f5;--segmented-inactive-fg: #737373;--segmented-active-shadow: 0 1px 3px rgba(0, 0, 0, .3);--list-item-background: transparent;--list-item-primary-fg: #f5f5f5;--list-item-secondary-fg: #737373;--list-item-chevron: #525252;--list-item-pressed: #2d2d2d;--list-item-divider: #2d2d2d;--snackbar-background: #e5e5e5;--snackbar-foreground: #0f0f0f;--snackbar-action: #8c6800;--snackbar-shadow: 0 4px 12px rgba(0, 0, 0, .4)}}[data-theme=light]{--color-background: #f5f5f5;--color-background-secondary: #fafafa;--color-background-tertiary: #e5e5e5;--color-surface: #f5f5f5;--color-overlay: rgba(15, 15, 15, .5);--color-foreground: #0f0f0f;--color-foreground-secondary: #525252;--color-foreground-tertiary: #737373;--color-foreground-muted: rgba(15, 15, 15, .5);--color-foreground-link: #8c6800;--color-accent: #b87333;--color-accent-hover: #955c28;--color-border: #cccccc;--color-border-strong: #737373;--color-border-subtle: #e5e5e5;--color-primary-background: #e8b838;--color-primary-foreground: #0f0f0f;--color-primary-hover: #f0c850;--color-primary-active: #daa520;--color-secondary-background: #0f0f0f;--color-secondary-foreground: #f5f5f5;--color-secondary-hover: #2d2d2d;--color-secondary-active: #3a3a3a;--color-tertiary-background: #e5e5e5;--color-tertiary-foreground: #0f0f0f;--color-tertiary-hover: #cccccc;--color-tertiary-active: #a3a3a3;--color-destructive-background: #ef4444;--color-destructive-foreground: #f5f5f5;--color-destructive-hover: #b91c1c;--color-destructive-active: #7f1d1d;--color-muted-background: #e5e5e5;--color-muted-foreground: #737373;--color-ghost-foreground: #0f0f0f;--color-ghost-hover-bg: #e5e5e5;--color-outline-background: transparent;--color-outline-foreground: #8c6800;--color-outline-border: #8c6800;--color-outline-hover: rgba(218, 165, 32, .08);--color-outline-active: rgba(218, 165, 32, .15);--color-link-foreground: #8c6800;--color-link-hover: #614800;--color-link-active: #3d2e00;--color-ring-color: rgba(218, 165, 32, .5);--color-ring-width: 2px;--color-ring-offset: 2px;--shadow-glow: 0 8px 24px rgba(240, 200, 80, .15);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .08);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .1);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .2);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .2), 0 8px 24px rgba(0, 0, 0, .08);--badge-primary-solid-bg: #daa520;--badge-primary-solid-fg: #0f0f0f;--badge-primary-subtle-bg: rgba(218, 165, 32, .12);--badge-primary-subtle-fg: #8c6800;--badge-secondary-solid-bg: #e5e5e5;--badge-secondary-solid-fg: #525252;--badge-secondary-subtle-bg: rgba(82, 82, 82, .08);--badge-secondary-subtle-fg: #525252;--badge-success-solid-bg: #10b981;--badge-success-solid-fg: #f5f5f5;--badge-success-subtle-bg: rgba(16, 185, 129, .12);--badge-success-subtle-fg: #064e3b;--badge-warning-solid-bg: #f97316;--badge-warning-solid-fg: #f5f5f5;--badge-warning-subtle-bg: rgba(249, 115, 22, .12);--badge-warning-subtle-fg: #7c2d12;--badge-error-solid-bg: #ef4444;--badge-error-solid-fg: #f5f5f5;--badge-error-subtle-bg: rgba(239, 68, 68, .12);--badge-error-subtle-fg: #7f1d1d;--badge-info-solid-bg: #3b82f6;--badge-info-solid-fg: #f5f5f5;--badge-info-subtle-bg: rgba(59, 130, 246, .12);--badge-info-subtle-fg: #1e3a8a;--card-default-background: #fafafa;--card-default-border: #cccccc;--card-elevated-background: #f5f5f5;--card-elevated-border: transparent;--card-elevated-shadow: 0 4px 12px rgba(0, 0, 0, .1);--card-outlined-background: transparent;--card-outlined-border: #a3a3a3;--card-interactive-background: #fafafa;--card-interactive-border: #cccccc;--card-interactive-hover-border: #b87333;--card-interactive-hover-shadow: 0 4px 12px rgba(0, 0, 0, .1);--card-interactive-active-border: #955c28;--avatar-fallback-background: #e5e5e5;--avatar-fallback-foreground: #525252;--toggle-track-off: #cccccc;--toggle-track-on: #e8b838;--toggle-thumb: #f5f5f5;--divider-color-default: #cccccc;--divider-color-subtle: #e5e5e5;--divider-color-strong: #737373;--checkbox-unchecked-border: #cccccc;--checkbox-checked-bg: #e8b838;--checkbox-checked-fg: #f5f5f5;--radio-unchecked-border: #cccccc;--radio-checked-border: #e8b838;--radio-checked-dot: #e8b838;--modal-backdrop-color: rgba(15, 15, 15, .5);--modal-surface-background: #f5f5f5;--modal-surface-border: #cccccc;--modal-surface-shadow: 0 16px 48px rgba(0, 0, 0, .2);--alert-success-background: #ecfdf5;--alert-success-foreground: #064e3b;--alert-success-border: rgba(16, 185, 129, .25);--alert-success-icon: #10b981;--alert-warning-background: #fff7ed;--alert-warning-foreground: #7c2d12;--alert-warning-border: rgba(249, 115, 22, .25);--alert-warning-icon: #f97316;--alert-error-background: #fef2f2;--alert-error-foreground: #7f1d1d;--alert-error-border: rgba(239, 68, 68, .25);--alert-error-icon: #ef4444;--alert-info-background: #eff6ff;--alert-info-foreground: #1e3a8a;--alert-info-border: rgba(59, 130, 246, .25);--alert-info-icon: #3b82f6;--alert-neutral-background: #fafafa;--alert-neutral-foreground: #0f0f0f;--alert-neutral-border: #cccccc;--alert-neutral-icon: #525252;--alert-toast-shadow: 0 8px 24px rgba(0, 0, 0, .15);--tabs-underline-active-border: #daa520;--tabs-underline-active-fg: #0f0f0f;--tabs-underline-inactive-fg: #737373;--tabs-underline-hover-fg: #0f0f0f;--tabs-underline-border-color: #e5e5e5;--tabs-pill-active-bg: #0f0f0f;--tabs-pill-active-fg: #f5f5f5;--tabs-pill-inactive-fg: #737373;--tabs-pill-hover-bg: #e5e5e5;--skeleton-base: #e5e5e5;--skeleton-shimmer: #fafafa;--progress-track: #e5e5e5;--progress-fill-primary: #e8b838;--progress-fill-success: #10b981;--progress-fill-warning: #f97316;--progress-fill-error: #ef4444;--pagination-default-fg: #525252;--pagination-default-bg: transparent;--pagination-hover-bg: #e5e5e5;--pagination-active-bg: #0f0f0f;--pagination-active-fg: #f5f5f5;--pagination-border: #e5e5e5;--tooltip-background: #0f0f0f;--tooltip-foreground: #f5f5f5;--spinner-track: #e5e5e5;--spinner-indicator: #daa520;--dropdown-panel-bg: #f5f5f5;--dropdown-panel-border: #e5e5e5;--dropdown-panel-shadow: 0 4px 16px rgba(0, 0, 0, .12);--dropdown-item-fg: #0f0f0f;--dropdown-item-hover-bg: #e5e5e5;--dropdown-item-disabled-fg: #a3a3a3;--dropdown-separator: #e5e5e5;--dropdown-shortcut-fg: #a3a3a3;--dropdown-destructive-fg: #ef4444;--table-header-bg: #fafafa;--table-header-fg: #525252;--table-body-bg: transparent;--table-body-fg: #0f0f0f;--table-border: #e5e5e5;--table-stripe-bg: #fafafa;--table-hover-bg: #fafafa;--accordion-header-bg: transparent;--accordion-header-fg: #0f0f0f;--accordion-header-hover-bg: #fafafa;--accordion-content-fg: #525252;--accordion-border: #e5e5e5;--accordion-icon: #737373;--breadcrumb-link: #525252;--breadcrumb-link-hover: #0f0f0f;--breadcrumb-active: #0f0f0f;--breadcrumb-separator: #a3a3a3;--tag-default-bg: #fafafa;--tag-default-fg: #525252;--tag-default-border: #e5e5e5;--tag-default-hover-bg: #e5e5e5;--tag-default-close-hover: #0f0f0f;--tag-primary-bg: rgba(218, 165, 32, .1);--tag-primary-fg: #8c6800;--tag-primary-border: rgba(218, 165, 32, .3);--tag-primary-hover-bg: rgba(218, 165, 32, .2);--tag-primary-close-hover: #8c6800;--tag-success-bg: rgba(16, 185, 129, .1);--tag-success-fg: #047857;--tag-success-border: rgba(16, 185, 129, .3);--tag-success-hover-bg: rgba(16, 185, 129, .2);--tag-success-close-hover: #047857;--tag-error-bg: rgba(239, 68, 68, .1);--tag-error-fg: #b91c1c;--tag-error-border: rgba(239, 68, 68, .3);--tag-error-hover-bg: rgba(239, 68, 68, .2);--tag-error-close-hover: #b91c1c;--slider-track: #e5e5e5;--slider-fill: #daa520;--slider-thumb-bg: #f5f5f5;--slider-thumb-border: #daa520;--bottom-sheet-backdrop-color: rgba(15, 15, 15, .5);--bottom-sheet-background: #f5f5f5;--bottom-sheet-handle: #cccccc;--bottom-sheet-shadow: 0 -4px 24px rgba(0, 0, 0, .1);--app-bar-background: #f5f5f5;--app-bar-foreground: #0f0f0f;--app-bar-icon: #0f0f0f;--app-bar-border: #e5e5e5;--bottom-tab-bar-background: #f5f5f5;--bottom-tab-bar-border: #e5e5e5;--bottom-tab-bar-active: #daa520;--bottom-tab-bar-inactive: #737373;--fab-background: #daa520;--fab-foreground: #f5f5f5;--fab-shadow: 0 4px 12px rgba(218, 165, 32, .35);--fab-hover-shadow: 0 6px 20px rgba(218, 165, 32, .45);--segmented-track: #e5e5e5;--segmented-active-bg: #f5f5f5;--segmented-active-fg: #0f0f0f;--segmented-inactive-fg: #737373;--segmented-active-shadow: 0 1px 3px rgba(0, 0, 0, .08);--list-item-background: transparent;--list-item-primary-fg: #0f0f0f;--list-item-secondary-fg: #737373;--list-item-chevron: #a3a3a3;--list-item-pressed: #e5e5e5;--list-item-divider: #e5e5e5;--snackbar-background: #1a1a1a;--snackbar-foreground: #f5f5f5;--snackbar-action: #f0c850;--snackbar-shadow: 0 4px 12px rgba(0, 0, 0, .15)}[data-theme=dark]{--color-background: #0f0f0f;--color-background-secondary: #1a1a1a;--color-background-tertiary: #2d2d2d;--color-surface: #1a1a1a;--color-overlay: rgba(15, 15, 15, .7);--color-foreground: #f5f5f5;--color-foreground-secondary: #a3a3a3;--color-foreground-tertiary: #737373;--color-foreground-muted: rgba(245, 245, 245, .5);--color-foreground-link: #f0c850;--color-accent: #c8894a;--color-accent-hover: #b87333;--color-border: #3a3a3a;--color-border-strong: #525252;--color-border-subtle: #2d2d2d;--color-primary-background: #daa520;--color-primary-foreground: #0f0f0f;--color-primary-hover: #e8b838;--color-primary-active: #b8890e;--color-secondary-background: #f5f5f5;--color-secondary-foreground: #0f0f0f;--color-secondary-hover: #e5e5e5;--color-secondary-active: #cccccc;--color-tertiary-background: #2d2d2d;--color-tertiary-foreground: #f5f5f5;--color-tertiary-hover: #3a3a3a;--color-tertiary-active: #525252;--color-destructive-background: #ef4444;--color-destructive-foreground: #f5f5f5;--color-destructive-hover: #b91c1c;--color-destructive-active: #7f1d1d;--color-muted-background: #2d2d2d;--color-muted-foreground: #737373;--color-ghost-foreground: #f5f5f5;--color-ghost-hover-bg: #2d2d2d;--color-outline-background: transparent;--color-outline-foreground: #f0c850;--color-outline-border: #f0c850;--color-outline-hover: rgba(240, 200, 80, .1);--color-outline-active: rgba(240, 200, 80, .18);--color-link-foreground: #f0c850;--color-link-hover: #e8b838;--color-link-active: #daa520;--color-ring-color: rgba(240, 200, 80, .5);--color-ring-width: 2px;--color-ring-offset: 2px;--shadow-glow: 0 8px 24px rgba(240, 200, 80, .22);--shadow-soft: 0 4px 12px rgba(0, 0, 0, .3);--shadow-xs: 0 1px 3px rgba(0, 0, 0, .3);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35), 0 4px 12px rgba(0, 0, 0, .2);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .55), 0 8px 24px rgba(0, 0, 0, .3);--badge-primary-solid-bg: #daa520;--badge-primary-solid-fg: #0f0f0f;--badge-primary-subtle-bg: rgba(218, 165, 32, .15);--badge-primary-subtle-fg: #f0c850;--badge-secondary-solid-bg: #3a3a3a;--badge-secondary-solid-fg: #e5e5e5;--badge-secondary-subtle-bg: rgba(229, 229, 229, .1);--badge-secondary-subtle-fg: #a3a3a3;--badge-success-solid-bg: #10b981;--badge-success-solid-fg: #f5f5f5;--badge-success-subtle-bg: rgba(16, 185, 129, .15);--badge-success-subtle-fg: #6ee7b7;--badge-warning-solid-bg: #f97316;--badge-warning-solid-fg: #f5f5f5;--badge-warning-subtle-bg: rgba(249, 115, 22, .15);--badge-warning-subtle-fg: #fdba74;--badge-error-solid-bg: #ef4444;--badge-error-solid-fg: #f5f5f5;--badge-error-subtle-bg: rgba(239, 68, 68, .15);--badge-error-subtle-fg: #fca5a5;--badge-info-solid-bg: #3b82f6;--badge-info-solid-fg: #f5f5f5;--badge-info-subtle-bg: rgba(59, 130, 246, .15);--badge-info-subtle-fg: #93c5fd;--card-default-background: #1a1a1a;--card-default-border: #3a3a3a;--card-elevated-background: #1a1a1a;--card-elevated-border: transparent;--card-elevated-shadow: 0 4px 12px rgba(0, 0, 0, .3);--card-outlined-background: transparent;--card-outlined-border: #525252;--card-interactive-background: #1a1a1a;--card-interactive-border: #3a3a3a;--card-interactive-hover-border: #c8894a;--card-interactive-hover-shadow: 0 4px 12px rgba(0, 0, 0, .3);--card-interactive-active-border: #b87333;--avatar-fallback-background: #3a3a3a;--avatar-fallback-foreground: #e5e5e5;--toggle-track-off: #3a3a3a;--toggle-track-on: #daa520;--toggle-thumb: #f5f5f5;--divider-color-default: #3a3a3a;--divider-color-subtle: #2d2d2d;--divider-color-strong: #525252;--checkbox-unchecked-border: #3a3a3a;--checkbox-checked-bg: #daa520;--checkbox-checked-fg: #f5f5f5;--radio-unchecked-border: #3a3a3a;--radio-checked-border: #daa520;--radio-checked-dot: #daa520;--modal-backdrop-color: rgba(15, 15, 15, .7);--modal-surface-background: #1a1a1a;--modal-surface-border: #3a3a3a;--modal-surface-shadow: 0 16px 48px rgba(0, 0, 0, .5);--alert-success-background: rgba(16, 185, 129, .1);--alert-success-foreground: #6ee7b7;--alert-success-border: rgba(16, 185, 129, .2);--alert-success-icon: #10b981;--alert-warning-background: rgba(249, 115, 22, .1);--alert-warning-foreground: #fdba74;--alert-warning-border: rgba(249, 115, 22, .2);--alert-warning-icon: #f97316;--alert-error-background: rgba(239, 68, 68, .1);--alert-error-foreground: #fca5a5;--alert-error-border: rgba(239, 68, 68, .2);--alert-error-icon: #ef4444;--alert-info-background: rgba(59, 130, 246, .1);--alert-info-foreground: #93c5fd;--alert-info-border: rgba(59, 130, 246, .2);--alert-info-icon: #3b82f6;--alert-neutral-background: rgba(82, 82, 82, .1);--alert-neutral-foreground: #e5e5e5;--alert-neutral-border: #3a3a3a;--alert-neutral-icon: #a3a3a3;--alert-toast-shadow: 0 8px 24px rgba(0, 0, 0, .4);--tabs-underline-active-border: #e8b838;--tabs-underline-active-fg: #f5f5f5;--tabs-underline-inactive-fg: #737373;--tabs-underline-hover-fg: #f5f5f5;--tabs-underline-border-color: #2d2d2d;--tabs-pill-active-bg: #f5f5f5;--tabs-pill-active-fg: #0f0f0f;--tabs-pill-inactive-fg: #737373;--tabs-pill-hover-bg: #2d2d2d;--skeleton-base: #2d2d2d;--skeleton-shimmer: #3a3a3a;--progress-track: #2d2d2d;--progress-fill-primary: #daa520;--progress-fill-success: #10b981;--progress-fill-warning: #f97316;--progress-fill-error: #ef4444;--pagination-default-fg: #a3a3a3;--pagination-default-bg: transparent;--pagination-hover-bg: #2d2d2d;--pagination-active-bg: #f5f5f5;--pagination-active-fg: #0f0f0f;--pagination-border: #2d2d2d;--tooltip-background: #f5f5f5;--tooltip-foreground: #0f0f0f;--spinner-track: #2d2d2d;--spinner-indicator: #e8b838;--dropdown-panel-bg: #1a1a1a;--dropdown-panel-border: #2d2d2d;--dropdown-panel-shadow: 0 4px 16px rgba(0, 0, 0, .4);--dropdown-item-fg: #f5f5f5;--dropdown-item-hover-bg: #2d2d2d;--dropdown-item-disabled-fg: #525252;--dropdown-separator: #2d2d2d;--dropdown-shortcut-fg: #525252;--dropdown-destructive-fg: #ef4444;--table-header-bg: #1a1a1a;--table-header-fg: #a3a3a3;--table-body-bg: transparent;--table-body-fg: #f5f5f5;--table-border: #2d2d2d;--table-stripe-bg: rgba(255, 255, 255, .02);--table-hover-bg: rgba(255, 255, 255, .04);--accordion-header-bg: transparent;--accordion-header-fg: #f5f5f5;--accordion-header-hover-bg: rgba(255, 255, 255, .04);--accordion-content-fg: #a3a3a3;--accordion-border: #2d2d2d;--accordion-icon: #737373;--breadcrumb-link: #a3a3a3;--breadcrumb-link-hover: #f5f5f5;--breadcrumb-active: #f5f5f5;--breadcrumb-separator: #525252;--tag-default-bg: #1a1a1a;--tag-default-fg: #a3a3a3;--tag-default-border: #2d2d2d;--tag-default-hover-bg: #2d2d2d;--tag-default-close-hover: #f5f5f5;--tag-primary-bg: rgba(232, 184, 56, .1);--tag-primary-fg: #e8b838;--tag-primary-border: rgba(232, 184, 56, .3);--tag-primary-hover-bg: rgba(232, 184, 56, .2);--tag-primary-close-hover: #f0c850;--tag-success-bg: rgba(16, 185, 129, .1);--tag-success-fg: #6ee7b7;--tag-success-border: rgba(16, 185, 129, .3);--tag-success-hover-bg: rgba(16, 185, 129, .2);--tag-success-close-hover: #6ee7b7;--tag-error-bg: rgba(239, 68, 68, .1);--tag-error-fg: #fca5a5;--tag-error-border: rgba(239, 68, 68, .3);--tag-error-hover-bg: rgba(239, 68, 68, .2);--tag-error-close-hover: #fca5a5;--slider-track: #2d2d2d;--slider-fill: #e8b838;--slider-thumb-bg: #f5f5f5;--slider-thumb-border: #e8b838;--bottom-sheet-backdrop-color: rgba(15, 15, 15, .7);--bottom-sheet-background: #1a1a1a;--bottom-sheet-handle: #525252;--bottom-sheet-shadow: 0 -4px 24px rgba(0, 0, 0, .4);--app-bar-background: #1a1a1a;--app-bar-foreground: #f5f5f5;--app-bar-icon: #f5f5f5;--app-bar-border: #2d2d2d;--bottom-tab-bar-background: #1a1a1a;--bottom-tab-bar-border: #2d2d2d;--bottom-tab-bar-active: #e8b838;--bottom-tab-bar-inactive: #737373;--fab-background: #e8b838;--fab-foreground: #0f0f0f;--fab-shadow: 0 4px 12px rgba(0, 0, 0, .4);--fab-hover-shadow: 0 6px 20px rgba(0, 0, 0, .5);--segmented-track: #2d2d2d;--segmented-active-bg: #3a3a3a;--segmented-active-fg: #f5f5f5;--segmented-inactive-fg: #737373;--segmented-active-shadow: 0 1px 3px rgba(0, 0, 0, .3);--list-item-background: transparent;--list-item-primary-fg: #f5f5f5;--list-item-secondary-fg: #737373;--list-item-chevron: #525252;--list-item-pressed: #2d2d2d;--list-item-divider: #2d2d2d;--snackbar-background: #e5e5e5;--snackbar-foreground: #0f0f0f;--snackbar-action: #8c6800;--snackbar-shadow: 0 4px 12px rgba(0, 0, 0, .4)}@font-face{font-family:Burlesk;src:url(/assets/Burlesk-Regular-CSxQ_TPq.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--layout-sidebar-width: 240px;--layout-sidebar-width-collapsed: 52px;--layout-content-max-width: 960px;--z-sidebar: 100;--z-topbar: 50;--z-tooltip: 200;--z-modal: 200;--z-toast: 1000}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{font-family:var(--font-family-base);background:var(--color-background);color:var(--color-foreground);line-height:var(--line-height-base);transition:background var(--duration-base),color var(--duration-base)}.sidebar{position:fixed;top:0;left:0;width:var(--layout-sidebar-width);height:100vh;background:var(--color-background-secondary);border-right:1px solid var(--color-border);overflow-y:auto;overflow-x:hidden;z-index:var(--z-sidebar);transition:width var(--duration-base);display:flex;flex-direction:column}.sidebar-header{padding:var(--spacing-5) var(--spacing-5) var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex;align-items:baseline;gap:var(--spacing-2);flex-shrink:0;min-height:0;overflow:hidden}.sidebar-logo{display:flex;flex-direction:column;text-decoration:none;overflow:hidden;min-width:0}.sidebar-logo-full{font-family:var(--font-family-display);font-size:var(--text-heading-md-font-size);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-foreground);line-height:var(--line-height-none);white-space:nowrap}.sidebar-logo-symbol{display:none;font-family:var(--font-family-display);font-size:var(--text-heading-lg-font-size);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-foreground);line-height:var(--line-height-none);text-align:center}.sidebar-logo-subtitle{font-family:var(--font-family-handwritten);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-primary-500);margin-top:var(--spacing-1);white-space:nowrap}.sidebar-version{font-family:var(--text-code-sm-font-family);font-size:var(--text-code-sm-font-size);font-weight:var(--text-code-sm-font-weight);line-height:var(--text-code-sm-line-height);color:var(--color-foreground-tertiary);flex-shrink:0;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;padding:var(--spacing-3) 0 var(--spacing-3);flex:1;overflow-y:auto;overflow-x:hidden}.nav-group{border-bottom:1px solid color-mix(in srgb,var(--color-border) 40%,transparent)}.nav-group:last-child{border-bottom:none}.nav-group-icon{width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;opacity:.55;transition:opacity var(--duration-fast)}.nav-group-label:hover .nav-group-icon{opacity:.85}.nav-group-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-group-label{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3) var(--spacing-5);font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);line-height:var(--text-overline-line-height);letter-spacing:var(--text-overline-letter-spacing);text-transform:var(--text-overline-text-transform);color:var(--color-foreground-tertiary);background:none;border:none;cursor:pointer;transition:color var(--duration-fast)}.nav-group-label:hover{color:var(--color-foreground-secondary)}.nav-group-label:after{content:"";width:0;height:0;border-left:var(--spacing-1) solid transparent;border-right:var(--spacing-1) solid transparent;border-top:var(--spacing-1) solid currentColor;transition:transform var(--duration-fast);flex-shrink:0}.nav-group.open>.nav-group-label:after{transform:rotate(0)}.nav-group:not(.open)>.nav-group-label:after{transform:rotate(-90deg)}.nav-group-items{display:flex;flex-direction:column;overflow:hidden;max-height:0;transition:max-height var(--duration-base) ease-out}.nav-group.open>.nav-group-items{max-height:600px}.nav-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);color:var(--color-foreground-secondary);text-decoration:none;border-left:2px solid transparent;transition:all var(--duration-fast);white-space:nowrap}.nav-link:hover{color:var(--color-foreground);background:var(--color-surface)}.nav-link.active{color:var(--color-accent);border-left-color:var(--color-accent);background:var(--color-surface)}.sidebar-footer{flex-shrink:0;border-top:1px solid var(--color-border);padding:var(--spacing-2)}.sidebar-collapse-btn{display:flex;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-2) var(--spacing-3);font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);color:var(--color-foreground-tertiary);background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast)}.sidebar-collapse-btn:hover{color:var(--color-foreground-secondary);background:var(--color-surface);border-color:var(--color-border)}.sidebar-collapse-icon{width:var(--spacing-4);height:var(--spacing-4);flex-shrink:0;transition:transform var(--duration-base)}.sidebar-collapse-text{white-space:nowrap;overflow:hidden}body.sidebar-collapsed .sidebar{width:var(--layout-sidebar-width-collapsed)}body.sidebar-collapsed .sidebar-header{padding:var(--spacing-4) 0;justify-content:center}body.sidebar-collapsed .sidebar-logo-full,body.sidebar-collapsed .sidebar-logo-subtitle,body.sidebar-collapsed .sidebar-version{display:none}body.sidebar-collapsed .sidebar-logo-symbol{display:block}body.sidebar-collapsed .nav-group-label{justify-content:center;padding:var(--spacing-3) 0;position:relative}body.sidebar-collapsed .nav-group-text,body.sidebar-collapsed .nav-group-label:after{display:none}body.sidebar-collapsed .nav-group-icon{width:var(--spacing-5);height:var(--spacing-5);opacity:.7}body.sidebar-collapsed .nav-group-items{max-height:0!important}body.sidebar-collapsed .sidebar-collapse-btn{justify-content:center;padding:var(--spacing-2)}body.sidebar-collapsed .sidebar-collapse-icon{transform:rotate(180deg)}body.sidebar-collapsed .sidebar-collapse-text{display:none}body.sidebar-collapsed .sidebar-footer{padding:var(--spacing-2) var(--spacing-1)}body.sidebar-collapsed .nav-group{border-bottom-color:transparent}.nav-group-tooltip{display:none;position:absolute;left:calc(100% + var(--spacing-2));top:50%;transform:translateY(-50%);padding:var(--tooltip-sm-padding-y) var(--tooltip-sm-padding-x);background:var(--tooltip-background);color:var(--tooltip-foreground);font-family:var(--tooltip-font-family);font-size:var(--tooltip-sm-font-size);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);text-transform:none;letter-spacing:normal;border-radius:var(--tooltip-border-radius);white-space:nowrap;pointer-events:none;z-index:var(--z-tooltip);opacity:0;transition:opacity var(--duration-fast)}.nav-group-tooltip:before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:var(--tooltip-arrow-size) solid transparent;border-right-color:var(--tooltip-background)}body.sidebar-collapsed .nav-group-tooltip{display:block}body.sidebar-collapsed .nav-group-tooltip.visible{opacity:1}.hamburger-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-foreground);cursor:pointer;flex-shrink:0;transition:background var(--duration-fast)}.hamburger-btn:hover{background:var(--color-background-secondary)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#0006}body.sidebar-mobile-open .sidebar-backdrop{display:block}.topbar{position:sticky;top:0;z-index:var(--z-topbar);display:flex;align-items:center;height:var(--app-bar-sm-height);padding:0 var(--spacing-6);background:var(--color-background);border-bottom:1px solid var(--color-border);gap:var(--spacing-4)}.topbar-title{font-family:var(--text-label-md-font-family);font-size:var(--text-label-md-font-size);font-weight:var(--text-label-md-font-weight);line-height:var(--text-label-md-line-height);letter-spacing:var(--text-label-md-letter-spacing);color:var(--color-foreground-secondary);margin:0}.topbar-actions{margin-left:auto}.theme-icon{font-size:var(--font-size-base);line-height:var(--line-height-none)}.main-wrapper{margin-left:var(--layout-sidebar-width);min-height:100vh;transition:margin-left var(--duration-base)}body.sidebar-collapsed .main-wrapper{margin-left:var(--layout-sidebar-width-collapsed)}main{max-width:var(--layout-content-max-width);margin:0 auto;padding:var(--spacing-8) var(--spacing-6) var(--spacing-16)}.page-enter{animation:pageIn var(--duration-fast) ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.section{margin-bottom:var(--spacing-16)}.section-title{font-family:var(--text-heading-lg-font-family);font-size:var(--text-heading-lg-font-size);font-weight:var(--text-heading-lg-font-weight);line-height:var(--text-heading-lg-line-height);letter-spacing:var(--text-heading-lg-letter-spacing);margin-bottom:var(--spacing-1)}.section-subtitle{font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing);margin-top:var(--spacing-8);margin-bottom:var(--spacing-3);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.section-desc{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);color:var(--color-foreground-secondary);margin-bottom:var(--spacing-6);max-width:600px}.hero{text-align:center;padding:var(--spacing-12) 0 var(--spacing-8)}.hero-logo{font-family:var(--font-family-display);font-size:clamp(3rem,12vw,5.5rem);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-wide);line-height:var(--line-height-none);text-transform:uppercase;color:var(--color-foreground);-webkit-user-select:none;user-select:none}.hero-tagline{font-family:var(--font-family-handwritten);font-size:var(--font-size-xl);color:var(--color-primary-500);margin-top:var(--spacing-2)}.brand-identity,.brand-guidelines{margin-top:var(--spacing-6)}.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-4)}.brand-card{padding:var(--spacing-5);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.brand-card-label{font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);line-height:var(--text-overline-line-height);letter-spacing:var(--text-overline-letter-spacing);text-transform:var(--text-overline-text-transform);color:var(--color-foreground-secondary);margin-bottom:var(--spacing-3)}.brand-swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-3)}.brand-swatch{text-align:center}.brand-swatch-color{width:100%;height:48px;border-radius:var(--radius-sm);border:1px solid var(--color-border);margin-bottom:var(--spacing-1)}.brand-swatch-name{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-tertiary)}.brand-font-row{display:flex;align-items:baseline;gap:var(--spacing-3);padding:var(--spacing-2) 0;border-bottom:1px solid var(--color-border-subtle)}.brand-font-row:last-child{border-bottom:none}.brand-font-sample{font-size:var(--font-size-lg);color:var(--color-foreground);min-width:80px}.brand-font-name{font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.brand-rules-list{list-style:none;padding:0}.brand-rules-list li{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);padding:var(--spacing-1) 0;padding-left:var(--spacing-4);position:relative;line-height:var(--line-height-base)}.brand-rules-list li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-accent);opacity:.5}.color-group{margin-bottom:var(--spacing-8)}.color-group-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1)}.color-group-title{font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);letter-spacing:var(--text-overline-letter-spacing);text-transform:var(--text-overline-text-transform);color:var(--color-foreground-secondary)}.color-group-header+.color-role{margin-top:0}.color-role{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);margin-bottom:var(--spacing-2);max-width:500px}.color-badge{display:inline-block;padding:.0625rem var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);line-height:1.5}.color-badge--primary{background:#daa52026;color:var(--color-primary-500)}.color-badge--decorative{background:#5c403326;color:#9b7560}.color-badge--accent{background:#b8733326;color:var(--color-accent-500)}.color-badge--status{background:var(--color-background-tertiary);color:var(--color-foreground-secondary)}.swatch-row{display:flex;gap:var(--spacing-1);flex-wrap:wrap}.swatch{width:80px;text-align:center}.swatch-color{width:80px;height:56px;border-radius:var(--radius-md);border:1px solid var(--color-border);margin-bottom:var(--spacing-1);transition:transform var(--duration-fast),box-shadow var(--duration-fast);cursor:pointer}.swatch-color:hover{transform:scale(1.08);box-shadow:var(--shadow-md)}.swatch-label{font-size:var(--font-size-xs);color:var(--color-foreground-secondary);font-weight:var(--font-weight-semibold)}.swatch-hex{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);font-family:var(--font-family-mono)}.token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-3)}.token-card{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast)}.token-card:hover{border-color:var(--color-accent)}.token-preview{width:40px;height:40px;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0}.token-info{min-width:0;flex:1}.token-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-family:var(--font-family-mono);word-break:break-all}.token-value{font-size:var(--font-size-xs);color:var(--color-foreground-secondary);font-family:var(--font-family-mono)}.pair-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-4)}.pair-card{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.pair-preview{display:flex;align-items:center;justify-content:center;height:56px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);transition:all var(--duration-fast);cursor:pointer}.pair-preview:hover{filter:brightness(1.1)}.pair-states{display:flex;height:8px}.pair-states>div{flex:1}.pair-btn-states{display:flex;gap:1px}.pair-btn{flex:1;display:flex;align-items:center;justify-content:center;height:52px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-base)}.pair-btn--link{background:transparent;border:none}.pair-meta{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-xs);color:var(--color-foreground-secondary);background:var(--color-background-secondary);border-top:1px solid var(--color-border)}.pair-values{padding:var(--spacing-1) var(--spacing-3) var(--spacing-2);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-tertiary);background:var(--color-background-secondary)}.type-specimen{margin-bottom:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.type-meta{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);font-family:var(--font-family-mono);margin-bottom:var(--spacing-2)}.type-scale-row{display:flex;align-items:baseline;gap:var(--spacing-4);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border-subtle)}.type-scale-row:last-child{border-bottom:none}.type-scale-label{flex-shrink:0;width:100px;font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-tertiary);text-align:right}.type-scale-sample{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.weight-grid{display:flex;gap:var(--spacing-6);flex-wrap:wrap;margin-top:var(--spacing-4)}.weight-specimen{text-align:center}.weight-preview{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);margin-bottom:var(--spacing-1)}.weight-label{font-size:var(--font-size-xs);color:var(--color-foreground-secondary);font-family:var(--font-family-mono)}.spacing-row{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-1);padding:var(--spacing-1) 0}.spacing-label{width:80px;font-size:var(--font-size-xs);font-family:var(--font-family-mono);text-align:right;color:var(--color-foreground-secondary);flex-shrink:0}.spacing-bar{height:20px;background:var(--color-primary-500);border-radius:var(--radius-sm);opacity:.65;transition:opacity var(--duration-fast)}.spacing-bar:hover{opacity:1}.spacing-px{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);font-family:var(--font-family-mono);min-width:40px}.radius-grid{display:flex;gap:var(--spacing-6);flex-wrap:wrap}.radius-sample{text-align:center}.radius-box{width:80px;height:80px;background:var(--color-primary-500);opacity:.3;border:2px solid var(--color-primary-500);margin-bottom:var(--spacing-2)}.radius-label{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-secondary)}.shadow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-6)}.shadow-sample{text-align:center}.shadow-box{width:100%;aspect-ratio:3 / 2;background:var(--color-background-secondary);border-radius:var(--radius-md);margin-bottom:var(--spacing-2)}.shadow-label{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-secondary)}.anim-row{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.anim-label{width:120px;flex-shrink:0;font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-secondary)}.anim-track{flex:1;height:4px;background:var(--color-border);border-radius:var(--radius-full);position:relative;overflow:hidden}.anim-dot{position:absolute;top:-6px;left:0;width:16px;height:16px;background:var(--color-primary-500);border-radius:var(--radius-full);animation-fill-mode:forwards;animation-iteration-count:infinite}.anim-value{width:70px;flex-shrink:0;font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-tertiary);text-align:right}@keyframes anim-slide{0%{left:0}50%{left:calc(100% - 16px)}to{left:0}}.bp-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.bp-row{display:flex;align-items:center;gap:var(--spacing-4)}.bp-label{width:50px;flex-shrink:0;font-size:var(--font-size-xs);font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);color:var(--color-foreground-secondary);text-align:right}.bp-bar-wrap{flex:1;position:relative}.bp-bar{height:28px;background:var(--color-primary-500);opacity:.25;border-radius:var(--radius-sm);position:relative}.bp-bar:after{content:attr(data-val);position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-secondary)}.bp-desc{width:120px;flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-foreground-tertiary)}.grid-visual{padding:var(--spacing-4);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.grid-columns{display:grid;gap:4px;height:48px}.grid-col{background:var(--color-primary-500);opacity:.3;border-radius:var(--radius-sm)}.grid-info{display:flex;flex-wrap:wrap;gap:var(--spacing-4);margin-top:var(--spacing-3);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-secondary)}.grid-info span{padding:var(--spacing-1) var(--spacing-3);background:var(--color-surface);border-radius:var(--radius-sm)}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-4)}.logo-card{padding:var(--spacing-6);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center;transition:border-color var(--duration-fast)}.logo-card:hover{border-color:var(--color-accent)}.logo-card img{max-width:100%;max-height:80px;object-fit:contain}.logo-card-label{font-size:var(--font-size-xs);color:var(--color-foreground-secondary);margin-top:var(--spacing-3);font-family:var(--font-family-mono)}.logo-guidelines{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-5);margin-top:var(--spacing-4)}.guideline-block{padding:var(--spacing-4);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.guideline-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2);color:var(--color-foreground)}.guideline-list{margin:0;padding-left:var(--spacing-5);font-size:var(--font-size-sm);color:var(--color-foreground-secondary);line-height:1.6}.guideline-list li{margin-bottom:var(--spacing-1)}.guideline-list li:last-child{margin-bottom:0}.mockup-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-5);align-items:flex-end;justify-content:center;margin:var(--spacing-5) 0}.mockup-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.mockup-card svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));transition:transform var(--duration-fast)}.mockup-card:hover svg{transform:translateY(-4px)}.mockup-label{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-secondary);text-align:center;line-height:1.4}.mockup-label strong{display:block;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin-bottom:2px}.mockup-row-title{width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground);margin:var(--spacing-3) 0 0;padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-border)}.guideline-spec-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-3);margin-bottom:var(--spacing-4);font-size:var(--font-size-sm);line-height:1.5}.guideline-spec-table tr{border-bottom:1px solid var(--color-border)}.guideline-spec-table tr:last-child{border-bottom:none}.guideline-spec-table td{padding:var(--spacing-2) var(--spacing-3);vertical-align:top}.guideline-spec-table .spec-label{width:30%;min-width:140px;font-weight:var(--font-weight-semibold);color:var(--color-foreground);white-space:nowrap}.guideline-spec-table .spec-value{color:var(--color-foreground-secondary)}@media(max-width:600px){.guideline-spec-table .spec-label{white-space:normal;min-width:100px;width:35%}}.placeholder-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-3)}.placeholder-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:140px;padding:var(--spacing-5) var(--spacing-4);background:var(--color-background-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);text-align:center;transition:border-color var(--duration-fast)}.placeholder-card:hover{border-color:var(--color-accent)}.placeholder-icon{font-size:var(--font-size-2xl);line-height:var(--line-height-none);opacity:.3;margin-bottom:var(--spacing-2)}.placeholder-name{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-secondary);word-break:break-all}.placeholder-size{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);margin-top:var(--spacing-1)}.placeholder-badge{display:inline-block;margin-top:var(--spacing-2);padding:.125rem var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);background:var(--badge-error-subtle-bg);color:var(--badge-error-subtle-fg)}.icon-lib-badge{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background:var(--color-background-secondary);border-radius:var(--radius-md);font-size:var(--font-size-sm);width:fit-content;margin-bottom:var(--spacing-6)}.icon-lib-label{font-weight:var(--font-weight-semibold);color:var(--color-foreground-secondary)}.icon-lib-link{color:var(--color-accent);text-decoration:none}.icon-lib-link:hover{text-decoration:underline}.icon-lib-separator{color:var(--color-foreground-tertiary)}.icon-lib-pkg{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.icon-gallery-group{margin-bottom:var(--spacing-8)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-2)}.icon-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3) var(--spacing-2);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast);text-align:center}.icon-card:hover{background:var(--color-background-secondary)}.icon-preview{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.icon-svg{filter:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .icon-svg{filter:invert(1)}}[data-theme=dark] .icon-svg{filter:invert(1)}[data-theme=light] .icon-svg{filter:none}.icon-fallback{font-size:var(--font-size-xl);opacity:.3}.icon-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-foreground);line-height:var(--line-height-tight)}.icon-lucide-name{font-size:10px;font-family:var(--font-family-mono);color:var(--color-foreground-tertiary);line-height:var(--line-height-tight)}.icon-sizes-row{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:stretch}.icon-size-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);padding:var(--spacing-3);background:var(--color-background-secondary);border-radius:var(--radius-md);min-width:80px}.icon-size-preview{display:flex;align-items:center;justify-content:center;height:48px}.icon-size-token{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.icon-size-value{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-accent)}.icon-size-desc{font-size:10px;color:var(--color-foreground-tertiary);text-align:center;max-width:100px}.spec-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.spec-table th{text-align:left;font-weight:var(--font-weight-semibold);padding:var(--spacing-2) var(--spacing-3);border-bottom:2px solid var(--color-border);color:var(--color-foreground-secondary)}.spec-table td{padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-border)}.spec-table .font-mono,.font-mono{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent)}.status-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.status-table th,.status-table td{padding:var(--spacing-2) var(--spacing-3);text-align:left;border-bottom:1px solid var(--color-border)}.status-table th{font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);letter-spacing:var(--text-overline-letter-spacing);text-transform:var(--text-overline-text-transform);color:var(--color-foreground-secondary)}.status-badge{display:inline-block;padding:.125rem var(--spacing-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.status-done{background:var(--badge-success-subtle-bg);color:var(--badge-success-subtle-fg)}.status-missing{background:var(--badge-error-subtle-bg);color:var(--badge-error-subtle-fg)}.status-partial{background:var(--badge-warning-subtle-bg);color:var(--badge-warning-subtle-fg)}.toast{position:fixed;bottom:var(--spacing-6);left:50%;transform:translate(-50%) translateY(100px);padding:var(--snackbar-padding-y) var(--snackbar-padding-x);background:var(--snackbar-background);color:var(--snackbar-foreground);font-family:var(--snackbar-font-family);font-size:var(--snackbar-font-size);font-weight:var(--snackbar-font-weight);line-height:var(--snackbar-line-height);border-radius:var(--snackbar-border-radius);box-shadow:var(--snackbar-shadow);opacity:0;pointer-events:none;transition:all var(--duration-fast);z-index:var(--z-toast)}.toast.show{transform:translate(-50%) translateY(0);opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--btn-font-family);font-weight:var(--btn-font-weight);line-height:var(--btn-line-height);border:var(--btn-border-width) solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:var(--btn-transition);position:relative;overflow:hidden}.btn:focus-visible{outline:var(--color-ring-width) solid var(--color-ring-color);outline-offset:var(--color-ring-offset)}.btn-sm{height:var(--btn-sm-height);padding:var(--btn-sm-padding-y) var(--btn-sm-padding-x);font-size:var(--btn-sm-font-size);border-radius:var(--btn-sm-border-radius);gap:var(--btn-sm-gap)}.btn-md{height:var(--btn-md-height);padding:var(--btn-md-padding-y) var(--btn-md-padding-x);font-size:var(--btn-md-font-size);border-radius:var(--btn-md-border-radius);gap:var(--btn-md-gap)}.btn-lg{height:var(--btn-lg-height);padding:var(--btn-lg-padding-y) var(--btn-lg-padding-x);font-size:var(--btn-lg-font-size);border-radius:var(--btn-lg-border-radius);gap:var(--btn-lg-gap)}.btn-primary{background:var(--color-primary-background);color:var(--color-primary-foreground)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{background:var(--color-primary-active)}.btn-secondary{background:var(--color-secondary-background);color:var(--color-secondary-foreground)}.btn-secondary:hover{background:var(--color-secondary-hover)}.btn-secondary:active{background:var(--color-secondary-active)}.btn-tertiary{background:var(--color-tertiary-background);color:var(--color-tertiary-foreground)}.btn-tertiary:hover{background:var(--color-tertiary-hover)}.btn-tertiary:active{background:var(--color-tertiary-active)}.btn-destructive{background:var(--color-destructive-background);color:var(--color-destructive-foreground)}.btn-destructive:hover{background:var(--color-destructive-hover)}.btn-destructive:active{background:var(--color-destructive-active)}.btn-outline{background:var(--color-outline-background);color:var(--color-outline-foreground);border-color:var(--color-outline-border)}.btn-outline:hover{background:var(--color-outline-hover)}.btn-outline:active{background:var(--color-outline-active)}.btn-ghost{background:transparent;color:var(--color-ghost-foreground)}.btn-ghost:hover{background:var(--color-ghost-hover-bg)}.btn-ghost:active{background:var(--color-ghost-hover-bg);filter:brightness(.95)}.btn-link{background:transparent;color:var(--color-link-foreground);border-color:transparent;height:auto;padding:0;text-decoration:none}.btn-link:hover{color:var(--color-link-hover);text-decoration:underline}.btn-link:active{color:var(--color-link-active)}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--btn-disabled-opacity);cursor:var(--btn-disabled-cursor);pointer-events:none}.btn-loading{color:transparent!important;pointer-events:none}.btn-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.btn-spinner:after{content:"";width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .6s linear infinite}.btn-loading .btn-spinner{color:var(--color-foreground)}.btn-loading.btn-primary .btn-spinner{color:var(--color-primary-foreground)}.btn-loading.btn-destructive .btn-spinner{color:var(--color-destructive-foreground)}.btn-loading.btn-secondary .btn-spinner{color:var(--color-secondary-foreground)}.btn-loading.btn-tertiary .btn-spinner{color:var(--color-tertiary-foreground)}.btn-loading.btn-outline .btn-spinner{color:var(--color-outline-foreground)}.btn-loading.btn-ghost .btn-spinner{color:var(--color-ghost-foreground)}.btn-loading.btn-link .btn-spinner{color:var(--color-link-foreground)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-gallery-group{margin-bottom:var(--spacing-8)}.btn-gallery-label{font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);letter-spacing:var(--text-overline-letter-spacing);text-transform:var(--text-overline-text-transform);color:var(--color-foreground-secondary);margin-bottom:var(--spacing-3)}.btn-gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.btn-gallery-state-label{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-tertiary);min-width:70px}.text-display-lg{font-family:var(--text-display-lg-font-family);font-size:var(--text-display-lg-font-size);font-weight:var(--text-display-lg-font-weight);line-height:var(--text-display-lg-line-height);letter-spacing:var(--text-display-lg-letter-spacing)}.text-display-md{font-family:var(--text-display-md-font-family);font-size:var(--text-display-md-font-size);font-weight:var(--text-display-md-font-weight);line-height:var(--text-display-md-line-height);letter-spacing:var(--text-display-md-letter-spacing)}.text-display-sm{font-family:var(--text-display-sm-font-family);font-size:var(--text-display-sm-font-size);font-weight:var(--text-display-sm-font-weight);line-height:var(--text-display-sm-line-height);letter-spacing:var(--text-display-sm-letter-spacing)}.text-heading-xl{font-family:var(--text-heading-xl-font-family);font-size:var(--text-heading-xl-font-size);font-weight:var(--text-heading-xl-font-weight);line-height:var(--text-heading-xl-line-height);letter-spacing:var(--text-heading-xl-letter-spacing)}.text-heading-lg{font-family:var(--text-heading-lg-font-family);font-size:var(--text-heading-lg-font-size);font-weight:var(--text-heading-lg-font-weight);line-height:var(--text-heading-lg-line-height);letter-spacing:var(--text-heading-lg-letter-spacing)}.text-heading-md{font-family:var(--text-heading-md-font-family);font-size:var(--text-heading-md-font-size);font-weight:var(--text-heading-md-font-weight);line-height:var(--text-heading-md-line-height);letter-spacing:var(--text-heading-md-letter-spacing)}.text-heading-sm{font-family:var(--text-heading-sm-font-family);font-size:var(--text-heading-sm-font-size);font-weight:var(--text-heading-sm-font-weight);line-height:var(--text-heading-sm-line-height);letter-spacing:var(--text-heading-sm-letter-spacing)}.text-heading-xs{font-family:var(--text-heading-xs-font-family);font-size:var(--text-heading-xs-font-size);font-weight:var(--text-heading-xs-font-weight);line-height:var(--text-heading-xs-line-height);letter-spacing:var(--text-heading-xs-letter-spacing)}.text-body-lg{font-family:var(--text-body-lg-font-family);font-size:var(--text-body-lg-font-size);font-weight:var(--text-body-lg-font-weight);line-height:var(--text-body-lg-line-height);letter-spacing:var(--text-body-lg-letter-spacing)}.text-body-md{font-family:var(--text-body-md-font-family);font-size:var(--text-body-md-font-size);font-weight:var(--text-body-md-font-weight);line-height:var(--text-body-md-line-height);letter-spacing:var(--text-body-md-letter-spacing)}.text-body-sm{font-family:var(--text-body-sm-font-family);font-size:var(--text-body-sm-font-size);font-weight:var(--text-body-sm-font-weight);line-height:var(--text-body-sm-line-height);letter-spacing:var(--text-body-sm-letter-spacing)}.text-label-lg{font-family:var(--text-label-lg-font-family);font-size:var(--text-label-lg-font-size);font-weight:var(--text-label-lg-font-weight);line-height:var(--text-label-lg-line-height);letter-spacing:var(--text-label-lg-letter-spacing)}.text-label-md{font-family:var(--text-label-md-font-family);font-size:var(--text-label-md-font-size);font-weight:var(--text-label-md-font-weight);line-height:var(--text-label-md-line-height);letter-spacing:var(--text-label-md-letter-spacing)}.text-label-sm{font-family:var(--text-label-sm-font-family);font-size:var(--text-label-sm-font-size);font-weight:var(--text-label-sm-font-weight);line-height:var(--text-label-sm-line-height);letter-spacing:var(--text-label-sm-letter-spacing)}.text-caption{font-family:var(--text-caption-font-family);font-size:var(--text-caption-font-size);font-weight:var(--text-caption-font-weight);line-height:var(--text-caption-line-height);letter-spacing:var(--text-caption-letter-spacing)}.text-overline{font-family:var(--text-overline-font-family);font-size:var(--text-overline-font-size);font-weight:var(--text-overline-font-weight);line-height:var(--text-overline-line-height);letter-spacing:var(--text-overline-letter-spacing);text-transform:var(--text-overline-text-transform)}.text-code-lg{font-family:var(--text-code-lg-font-family);font-size:var(--text-code-lg-font-size);font-weight:var(--text-code-lg-font-weight);line-height:var(--text-code-lg-line-height);letter-spacing:var(--text-code-lg-letter-spacing)}.text-code-md{font-family:var(--text-code-md-font-family);font-size:var(--text-code-md-font-size);font-weight:var(--text-code-md-font-weight);line-height:var(--text-code-md-line-height);letter-spacing:var(--text-code-md-letter-spacing)}.text-code-sm{font-family:var(--text-code-sm-font-family);font-size:var(--text-code-sm-font-size);font-weight:var(--text-code-sm-font-weight);line-height:var(--text-code-sm-line-height);letter-spacing:var(--text-code-sm-letter-spacing)}.text-handwritten-lg{font-family:var(--text-handwritten-lg-font-family);font-size:var(--text-handwritten-lg-font-size);font-weight:var(--text-handwritten-lg-font-weight);line-height:var(--text-handwritten-lg-line-height);letter-spacing:var(--text-handwritten-lg-letter-spacing)}.text-handwritten-md{font-family:var(--text-handwritten-md-font-family);font-size:var(--text-handwritten-md-font-size);font-weight:var(--text-handwritten-md-font-weight);line-height:var(--text-handwritten-md-line-height);letter-spacing:var(--text-handwritten-md-letter-spacing)}.text-gallery-group{margin-bottom:var(--spacing-8)}.text-specimen{padding:var(--spacing-4) var(--spacing-5);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-3);overflow:hidden}.text-specimen-sample{color:var(--color-foreground);margin-bottom:var(--spacing-2);word-break:break-word}.text-specimen-meta{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-tertiary);display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.text-specimen-meta span{padding:.125rem var(--spacing-2);background:var(--color-surface);border-radius:var(--radius-sm)}.input{display:block;width:100%;font-family:var(--input-font-family);font-weight:var(--input-font-weight);line-height:var(--input-line-height);border:var(--input-border-width) solid var(--color-border);background:var(--color-background-tertiary);color:var(--color-foreground);transition:var(--input-transition);outline:none}.input::placeholder{color:var(--color-foreground-tertiary);opacity:var(--input-placeholder-opacity)}.input:focus{border-color:var(--color-border-strong);box-shadow:0 0 0 var(--color-ring-width) var(--color-ring-color)}.input-sm{height:var(--input-sm-height);padding:var(--input-sm-padding-y) var(--input-sm-padding-x);font-size:var(--input-sm-font-size);border-radius:var(--input-sm-border-radius)}.input-md{height:var(--input-md-height);padding:var(--input-md-padding-y) var(--input-md-padding-x);font-size:var(--input-md-font-size);border-radius:var(--input-md-border-radius)}.input-lg{height:var(--input-lg-height);padding:var(--input-lg-padding-y) var(--input-lg-padding-x);font-size:var(--input-lg-font-size);border-radius:var(--input-lg-border-radius)}.input-error{border-color:var(--color-error-500)}.input-error:focus{box-shadow:0 0 0 2px #ef44444d}.input:disabled{opacity:var(--input-disabled-opacity);cursor:var(--input-disabled-cursor);pointer-events:none}textarea.input{min-height:var(--input-textarea-min-height);padding-top:var(--input-textarea-padding-y);padding-bottom:var(--input-textarea-padding-y);resize:var(--input-textarea-resize);height:auto}.input-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.input-helper{font-size:var(--font-size-xs);color:var(--color-foreground-secondary)}.input-helper-error{font-size:var(--font-size-xs);color:var(--color-error-500)}.input-gallery-group{margin-bottom:var(--spacing-8)}.input-gallery-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.input-gallery-item{flex:1;min-width:200px;max-width:320px}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--badge-font-family);font-weight:var(--badge-font-weight);line-height:var(--badge-line-height);white-space:nowrap;-webkit-user-select:none;user-select:none;vertical-align:middle}.badge-sm{height:var(--badge-sm-height);padding:0 var(--badge-sm-padding-x);font-size:var(--badge-sm-font-size);border-radius:var(--badge-sm-border-radius);gap:var(--badge-sm-gap)}.badge-md{height:var(--badge-md-height);padding:0 var(--badge-md-padding-x);font-size:var(--badge-md-font-size);border-radius:var(--badge-md-border-radius);gap:var(--badge-md-gap)}.badge-lg{height:var(--badge-lg-height);padding:0 var(--badge-lg-padding-x);font-size:var(--badge-lg-font-size);border-radius:var(--badge-lg-border-radius);gap:var(--badge-lg-gap)}.badge-primary-solid{background:var(--badge-primary-solid-bg);color:var(--badge-primary-solid-fg)}.badge-primary-subtle{background:var(--badge-primary-subtle-bg);color:var(--badge-primary-subtle-fg)}.badge-secondary-solid{background:var(--badge-secondary-solid-bg);color:var(--badge-secondary-solid-fg)}.badge-secondary-subtle{background:var(--badge-secondary-subtle-bg);color:var(--badge-secondary-subtle-fg)}.badge-success-solid{background:var(--badge-success-solid-bg);color:var(--badge-success-solid-fg)}.badge-success-subtle{background:var(--badge-success-subtle-bg);color:var(--badge-success-subtle-fg)}.badge-warning-solid{background:var(--badge-warning-solid-bg);color:var(--badge-warning-solid-fg)}.badge-warning-subtle{background:var(--badge-warning-subtle-bg);color:var(--badge-warning-subtle-fg)}.badge-error-solid{background:var(--badge-error-solid-bg);color:var(--badge-error-solid-fg)}.badge-error-subtle{background:var(--badge-error-subtle-bg);color:var(--badge-error-subtle-fg)}.badge-info-solid{background:var(--badge-info-solid-bg);color:var(--badge-info-solid-fg)}.badge-info-subtle{background:var(--badge-info-subtle-bg);color:var(--badge-info-subtle-fg)}.badge-dot{width:.375rem;height:.375rem;border-radius:var(--radius-full);background:currentColor}.badge-gallery-group{margin-bottom:var(--spacing-8)}.badge-gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.badge-gallery-label{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-tertiary);min-width:60px}.card{border-radius:var(--card-border-radius);border-width:var(--card-border-width);border-style:solid;transition:var(--card-transition);overflow:hidden}.card-sm{padding:var(--card-sm-padding-y) var(--card-sm-padding-x)}.card-md{padding:var(--card-md-padding-y) var(--card-md-padding-x)}.card-lg{padding:var(--card-lg-padding-y) var(--card-lg-padding-x)}.card-default{background:var(--card-default-background);border-color:var(--card-default-border)}.card-elevated{background:var(--card-elevated-background);border-color:var(--card-elevated-border);box-shadow:var(--card-elevated-shadow)}.card-outlined{background:var(--card-outlined-background);border-color:var(--card-outlined-border)}.card-interactive{background:var(--card-interactive-background);border-color:var(--card-interactive-border);cursor:pointer}.card-interactive:hover{border-color:var(--card-interactive-hover-border);box-shadow:var(--card-interactive-hover-shadow)}.card-interactive:active{border-color:var(--card-interactive-active-border)}.card-header{margin-bottom:var(--card-header-gap)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.card-description{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin-top:var(--spacing-1)}.card-footer{margin-top:var(--card-footer-gap);display:flex;align-items:center;gap:var(--spacing-3)}.card-gallery-group{margin-bottom:var(--spacing-8)}.card-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-4)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--avatar-border-radius);font-family:var(--avatar-font-family);font-weight:var(--avatar-font-weight);line-height:var(--avatar-line-height);overflow:hidden;flex-shrink:0;position:relative;transition:var(--avatar-transition);background:var(--avatar-fallback-background);color:var(--avatar-fallback-foreground)}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:var(--avatar-xs-size);height:var(--avatar-xs-size);font-size:var(--avatar-xs-font-size)}.avatar-sm{width:var(--avatar-sm-size);height:var(--avatar-sm-size);font-size:var(--avatar-sm-font-size)}.avatar-md{width:var(--avatar-md-size);height:var(--avatar-md-size);font-size:var(--avatar-md-font-size)}.avatar-lg{width:var(--avatar-lg-size);height:var(--avatar-lg-size);font-size:var(--avatar-lg-font-size)}.avatar-xl{width:var(--avatar-xl-size);height:var(--avatar-xl-size);font-size:var(--avatar-xl-font-size)}.avatar-bordered{border:var(--avatar-border-width) solid var(--color-background)}.avatar-group{display:flex;align-items:center}.avatar-group .avatar{border:var(--avatar-border-width) solid var(--color-background)}.avatar-group .avatar+.avatar{margin-left:-.5rem}.avatar-status-wrapper{position:relative;display:inline-block}.avatar-status{position:absolute;bottom:0;right:0;border-radius:var(--radius-full);border:2px solid var(--color-background)}.avatar-status-online{background:var(--avatar-status-online)}.avatar-status-offline{background:var(--avatar-status-offline)}.avatar-status-busy{background:var(--avatar-status-busy)}.avatar-status-away{background:var(--avatar-status-away)}.avatar-gallery-group{margin-bottom:var(--spacing-8)}.avatar-gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;border:none;padding:0;background:none}.toggle-track{position:relative;border-radius:var(--toggle-border-radius);background:var(--toggle-track-off);transition:var(--toggle-transition);border:var(--toggle-border-width) solid transparent}.toggle-thumb{position:absolute;top:50%;border-radius:var(--radius-full);background:var(--toggle-thumb);transition:var(--toggle-transition);transform:translateY(-50%);box-shadow:0 1px 3px #00000026}.toggle-sm .toggle-track{width:var(--toggle-sm-width);height:var(--toggle-sm-height)}.toggle-sm .toggle-thumb{width:var(--toggle-sm-thumb-size);height:var(--toggle-sm-thumb-size);left:var(--toggle-sm-thumb-offset)}.toggle-sm.toggle-checked .toggle-thumb{left:calc(var(--toggle-sm-width) - var(--toggle-sm-thumb-size) - var(--toggle-sm-thumb-offset))}.toggle-md .toggle-track{width:var(--toggle-md-width);height:var(--toggle-md-height)}.toggle-md .toggle-thumb{width:var(--toggle-md-thumb-size);height:var(--toggle-md-thumb-size);left:var(--toggle-md-thumb-offset)}.toggle-md.toggle-checked .toggle-thumb{left:calc(var(--toggle-md-width) - var(--toggle-md-thumb-size) - var(--toggle-md-thumb-offset))}.toggle-checked .toggle-track{background:var(--toggle-track-on)}.toggle:disabled,.toggle[aria-disabled=true]{opacity:var(--toggle-disabled-opacity);cursor:var(--toggle-disabled-cursor);pointer-events:none}.toggle-gallery-group{margin-bottom:var(--spacing-8)}.toggle-gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.toggle-gallery-label{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-tertiary);min-width:70px}.divider{border:none;border-top:var(--divider-thickness) var(--divider-border-style) var(--divider-color-default);margin:var(--divider-spacing-md) 0}.divider-subtle{border-top-color:var(--divider-color-subtle)}.divider-strong{border-top-color:var(--divider-color-strong)}.divider-sm{margin:var(--divider-spacing-sm) 0}.divider-md{margin:var(--divider-spacing-md) 0}.divider-lg{margin:var(--divider-spacing-lg) 0}.divider-vertical{display:inline-block;border-top:none;border-left:var(--divider-thickness) var(--divider-border-style) var(--divider-color-default);height:1em;margin:0 var(--divider-spacing-md);vertical-align:middle}.divider-vertical.divider-subtle{border-left-color:var(--divider-color-subtle)}.divider-vertical.divider-strong{border-left-color:var(--divider-color-strong)}.divider-with-text{display:flex;align-items:center;gap:var(--spacing-3);margin:var(--divider-spacing-md) 0}.divider-with-text:before,.divider-with-text:after{content:"";flex:1;border-top:var(--divider-thickness) var(--divider-border-style) var(--divider-color-default)}.divider-with-text span{font-size:var(--font-size-xs);color:var(--color-foreground-tertiary);white-space:nowrap}.divider-gallery-group{margin-bottom:var(--spacing-8)}.divider-gallery-row{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.checkbox{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;border:var(--checkbox-border-width) solid var(--checkbox-unchecked-border);background:transparent;cursor:pointer;transition:var(--checkbox-transition);flex-shrink:0;position:relative;vertical-align:middle}.checkbox:focus-visible{outline:var(--color-ring-width) solid var(--color-ring-color);outline-offset:var(--color-ring-offset)}.checkbox-sm{width:var(--checkbox-sm-size);height:var(--checkbox-sm-size);border-radius:var(--checkbox-sm-border-radius)}.checkbox-md{width:var(--checkbox-md-size);height:var(--checkbox-md-size);border-radius:var(--checkbox-md-border-radius)}.checkbox:checked{background:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-bg)}.checkbox:checked:after{content:"";display:block;width:30%;height:55%;border:solid var(--checkbox-checked-fg);border-width:0 2px 2px 0;transform:rotate(45deg) translate(-5%,-5%)}.checkbox:disabled{opacity:var(--checkbox-disabled-opacity);cursor:var(--checkbox-disabled-cursor);pointer-events:none}.checkbox-indeterminate{background:var(--checkbox-checked-bg);border-color:var(--checkbox-checked-bg)}.checkbox-indeterminate:after{content:"";display:block;width:55%;height:2px;background:var(--checkbox-checked-fg)}.checkbox-label{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.checkbox-label:has(.checkbox:disabled){opacity:var(--checkbox-disabled-opacity);cursor:var(--checkbox-disabled-cursor)}.checkbox-gallery-group{margin-bottom:var(--spacing-8)}.checkbox-gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.radio{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;border:var(--radio-border-width) solid var(--radio-unchecked-border);border-radius:var(--radio-border-radius);background:transparent;cursor:pointer;transition:var(--radio-transition);flex-shrink:0;position:relative;vertical-align:middle}.radio:focus-visible{outline:var(--color-ring-width) solid var(--color-ring-color);outline-offset:var(--color-ring-offset)}.radio-sm{width:var(--radio-sm-size);height:var(--radio-sm-size)}.radio-md{width:var(--radio-md-size);height:var(--radio-md-size)}.radio:checked{border-color:var(--radio-checked-border)}.radio:checked:after{content:"";display:block;border-radius:var(--radius-full);background:var(--radio-checked-dot)}.radio-sm:checked:after{width:var(--radio-sm-dot-size);height:var(--radio-sm-dot-size)}.radio-md:checked:after{width:var(--radio-md-dot-size);height:var(--radio-md-dot-size)}.radio:disabled{opacity:var(--radio-disabled-opacity);cursor:var(--radio-disabled-cursor);pointer-events:none}.radio-label{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}.radio-label:has(.radio:disabled){opacity:var(--radio-disabled-opacity);cursor:var(--radio-disabled-cursor)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.radio-group-horizontal{flex-direction:row;gap:var(--spacing-4)}.radio-gallery-group{margin-bottom:var(--spacing-8)}.radio-gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.select{display:block;width:100%;font-family:var(--select-font-family);font-weight:var(--select-font-weight);line-height:var(--select-line-height);border:var(--select-border-width) solid var(--color-border);background:var(--color-background-tertiary);color:var(--color-foreground);transition:var(--select-transition);outline:none;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;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='%23737373' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.select:focus{border-color:var(--color-border-strong);box-shadow:0 0 0 var(--color-ring-width) var(--color-ring-color)}.select-sm{height:var(--select-sm-height);padding:var(--select-sm-padding-y) var(--select-sm-padding-x);padding-right:2.5rem;font-size:var(--select-sm-font-size);border-radius:var(--select-sm-border-radius)}.select-md{height:var(--select-md-height);padding:var(--select-md-padding-y) var(--select-md-padding-x);padding-right:2.75rem;font-size:var(--select-md-font-size);border-radius:var(--select-md-border-radius)}.select-lg{height:var(--select-lg-height);padding:var(--select-lg-padding-y) var(--select-lg-padding-x);padding-right:3rem;font-size:var(--select-lg-font-size);border-radius:var(--select-lg-border-radius)}.select-error{border-color:var(--color-error-500)}.select-error:focus{box-shadow:0 0 0 2px #ef44444d}.select:disabled{opacity:var(--select-disabled-opacity);cursor:var(--select-disabled-cursor);pointer-events:none}.select-gallery-group{margin-bottom:var(--spacing-8)}.select-gallery-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.select-gallery-item{flex:1;min-width:200px;max-width:320px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop-color);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:var(--modal-transition)}.modal-backdrop.modal-open{opacity:1;visibility:visible}.modal{position:relative;width:calc(100% - 2rem);background:var(--modal-surface-background);border:var(--modal-border-width) solid var(--modal-surface-border);border-radius:var(--modal-border-radius);box-shadow:var(--modal-surface-shadow);transform:scale(.95) translateY(8px);transition:var(--modal-transition);overflow:hidden}.modal-backdrop.modal-open .modal{transform:scale(1) translateY(0)}.modal-sm{max-width:var(--modal-width-sm)}.modal-md{max-width:var(--modal-width-md)}.modal-lg{max-width:var(--modal-width-lg)}.modal-header{padding:var(--modal-header-padding-top) var(--modal-header-padding-x) var(--modal-header-padding-bottom);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--modal-header-gap)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.modal-description{font-size:var(--font-size-sm);color:var(--color-foreground-secondary);margin-top:var(--spacing-1)}.modal-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:none;color:var(--color-foreground-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast);font-size:1.25rem;flex-shrink:0}.modal-close:hover{background:var(--color-background-tertiary);color:var(--color-foreground)}.modal-body{padding:var(--modal-body-padding-y) var(--modal-body-padding-x)}.modal-footer{padding:var(--modal-footer-padding-top) var(--modal-footer-padding-x) var(--modal-footer-padding-bottom);display:flex;align-items:center;justify-content:flex-end;gap:var(--modal-footer-gap);border-top:1px solid var(--color-border-subtle)}.modal-gallery-group{margin-bottom:var(--spacing-8)}.modal-preview{position:relative;padding:var(--spacing-6);background:var(--color-background-tertiary);border-radius:var(--radius-md);min-height:300px;display:flex;align-items:center;justify-content:center}.modal-preview .modal-backdrop{position:absolute;border-radius:var(--radius-md)}.alert{display:flex;align-items:flex-start;border:var(--alert-border-width) solid transparent;font-family:var(--alert-font-family);font-weight:var(--alert-font-weight);line-height:var(--alert-line-height)}.alert-sm{padding:var(--alert-sm-padding-y) var(--alert-sm-padding-x);font-size:var(--alert-sm-font-size);gap:var(--alert-sm-gap);border-radius:var(--alert-sm-border-radius)}.alert-md{padding:var(--alert-md-padding-y) var(--alert-md-padding-x);font-size:var(--alert-md-font-size);gap:var(--alert-md-gap);border-radius:var(--alert-md-border-radius)}.alert-icon{flex-shrink:0;line-height:1}.alert-sm .alert-icon{font-size:var(--alert-sm-icon-size)}.alert-md .alert-icon{font-size:var(--alert-md-icon-size)}.alert-content{flex:1;min-width:0}.alert-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-1)}.alert-success{background:var(--alert-success-background);color:var(--alert-success-foreground);border-color:var(--alert-success-border)}.alert-success .alert-icon{color:var(--alert-success-icon)}.alert-warning{background:var(--alert-warning-background);color:var(--alert-warning-foreground);border-color:var(--alert-warning-border)}.alert-warning .alert-icon{color:var(--alert-warning-icon)}.alert-error{background:var(--alert-error-background);color:var(--alert-error-foreground);border-color:var(--alert-error-border)}.alert-error .alert-icon{color:var(--alert-error-icon)}.alert-info{background:var(--alert-info-background);color:var(--alert-info-foreground);border-color:var(--alert-info-border)}.alert-info .alert-icon{color:var(--alert-info-icon)}.alert-neutral{background:var(--alert-neutral-background);color:var(--alert-neutral-foreground);border-color:var(--alert-neutral-border)}.alert-neutral .alert-icon{color:var(--alert-neutral-icon)}.alert-gallery-group{margin-bottom:var(--spacing-8)}.alert-gallery-stack{display:flex;flex-direction:column;gap:var(--spacing-3)}.tabs-list{display:flex;gap:var(--tabs-list-gap)}.tab{display:inline-flex;align-items:center;justify-content:center;font-family:var(--tabs-font-family);font-weight:var(--tabs-font-weight);line-height:var(--tabs-line-height);cursor:pointer;border:none;background:none;transition:var(--tabs-transition);white-space:nowrap;position:relative}.tab:focus-visible{outline:var(--color-ring-width) solid var(--color-ring-color);outline-offset:var(--color-ring-offset)}.tab-sm{height:var(--tabs-sm-height);padding:0 var(--tabs-sm-padding-x);font-size:var(--tabs-sm-font-size);gap:var(--tabs-sm-gap)}.tab-md{height:var(--tabs-md-height);padding:0 var(--tabs-md-padding-x);font-size:var(--tabs-md-font-size);gap:var(--tabs-md-gap)}.tabs-underline{border-bottom:var(--tabs-border-width) solid var(--tabs-underline-border-color)}.tabs-underline .tab{color:var(--tabs-underline-inactive-fg);border-bottom:var(--tabs-border-width) solid transparent;margin-bottom:calc(-1 * var(--tabs-border-width))}.tabs-underline .tab:hover{color:var(--tabs-underline-hover-fg)}.tabs-underline .tab.tab-active{color:var(--tabs-underline-active-fg);border-bottom-color:var(--tabs-underline-active-border)}.tabs-pill{background:var(--color-background-tertiary);border-radius:var(--tabs-pill-border-radius);padding:.25rem}.tabs-pill .tab{color:var(--tabs-pill-inactive-fg);border-radius:calc(var(--tabs-pill-border-radius) - .125rem)}.tabs-pill .tab:hover{background:var(--tabs-pill-hover-bg)}.tabs-pill .tab.tab-active{background:var(--tabs-pill-active-bg);color:var(--tabs-pill-active-fg)}.tab:disabled,.tab[aria-disabled=true]{opacity:var(--tabs-disabled-opacity);cursor:var(--tabs-disabled-cursor);pointer-events:none}.tabs-panel{padding:var(--spacing-4) 0}.tabs-gallery-group{margin-bottom:var(--spacing-8)}.skeleton{background:var(--skeleton-base);border-radius:var(--skeleton-border-radius);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,var(--skeleton-shimmer) 50%,transparent 100%);animation:skeleton-shimmer var(--skeleton-animation-duration) var(--skeleton-animation-easing) infinite}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-circle{border-radius:var(--skeleton-border-radius-circle)}.skeleton-text{height:var(--skeleton-text-height);border-radius:var(--skeleton-text-border-radius)}.skeleton-heading{height:var(--skeleton-heading-height);border-radius:var(--skeleton-heading-border-radius)}.skeleton-avatar{width:var(--skeleton-avatar-size);height:var(--skeleton-avatar-size);border-radius:var(--skeleton-avatar-border-radius)}.skeleton-button{width:var(--skeleton-button-width);height:var(--skeleton-button-height);border-radius:var(--skeleton-button-border-radius)}.skeleton-image{width:100%;height:var(--skeleton-image-height);border-radius:var(--skeleton-image-border-radius)}.skeleton-gallery-group{margin-bottom:var(--spacing-8)}.skeleton-gallery-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.progress-track{width:100%;overflow:hidden;background:var(--progress-track)}.progress-sm .progress-track{height:var(--progress-sm-height);border-radius:var(--progress-sm-border-radius)}.progress-md .progress-track{height:var(--progress-md-height);border-radius:var(--progress-md-border-radius)}.progress-lg .progress-track{height:var(--progress-lg-height);border-radius:var(--progress-lg-border-radius)}.progress-fill{height:100%;border-radius:inherit;transition:var(--progress-transition)}.progress-primary .progress-fill{background:var(--progress-fill-primary)}.progress-success .progress-fill{background:var(--progress-fill-success)}.progress-warning .progress-fill{background:var(--progress-fill-warning)}.progress-error .progress-fill{background:var(--progress-fill-error)}.progress-indeterminate .progress-fill{width:40%!important;animation:progress-slide var(--progress-animation-duration) ease-in-out infinite}@keyframes progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}.progress-with-label{display:flex;align-items:center;gap:var(--spacing-3)}.progress-label{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-secondary);flex-shrink:0;min-width:2.5rem;text-align:right}.progress-gallery-group{margin-bottom:var(--spacing-8)}.progress-gallery-stack{display:flex;flex-direction:column;gap:var(--spacing-4)}.pagination{display:flex;align-items:center;gap:var(--pagination-md-gap);font-family:var(--pagination-font-family);font-weight:var(--pagination-font-weight)}.pagination-sm{gap:var(--pagination-sm-gap)}.pagination-md{gap:var(--pagination-md-gap)}.pagination-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--pagination-border);background:var(--pagination-default-bg);color:var(--pagination-default-fg);cursor:pointer;transition:var(--pagination-transition);line-height:var(--pagination-line-height)}.pagination-sm .pagination-btn{min-width:var(--pagination-sm-button-size);height:var(--pagination-sm-button-size);padding:0 var(--pagination-sm-padding-x);font-size:var(--pagination-sm-font-size);border-radius:var(--pagination-sm-border-radius)}.pagination-md .pagination-btn{min-width:var(--pagination-md-button-size);height:var(--pagination-md-button-size);padding:0 var(--pagination-md-padding-x);font-size:var(--pagination-md-font-size);border-radius:var(--pagination-md-border-radius)}.pagination-btn:hover:not(:disabled):not(.pagination-active){background:var(--pagination-hover-bg)}.pagination-active{background:var(--pagination-active-bg);color:var(--pagination-active-fg);border-color:var(--pagination-active-bg)}.pagination-btn:disabled{opacity:var(--pagination-disabled-opacity);cursor:var(--pagination-disabled-cursor);pointer-events:none}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--pagination-default-fg);font-size:var(--pagination-md-font-size);-webkit-user-select:none;user-select:none;letter-spacing:2px}.pagination-gallery-group{margin-bottom:var(--spacing-8)}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-content{position:absolute;left:50%;bottom:calc(100% + var(--tooltip-offset));transform:translate(-50%);background:var(--tooltip-background);color:var(--tooltip-foreground);font-family:var(--tooltip-font-family);font-weight:var(--tooltip-font-weight);line-height:var(--tooltip-line-height);border-radius:var(--tooltip-border-radius);white-space:nowrap;pointer-events:none;opacity:0;transition:var(--tooltip-transition);z-index:var(--tooltip-z-index)}.tooltip-sm .tooltip-content{padding:var(--tooltip-sm-padding-y) var(--tooltip-sm-padding-x);font-size:var(--tooltip-sm-font-size);max-width:var(--tooltip-sm-max-width);white-space:normal}.tooltip-md .tooltip-content{padding:var(--tooltip-md-padding-y) var(--tooltip-md-padding-x);font-size:var(--tooltip-md-font-size);max-width:var(--tooltip-md-max-width);white-space:normal}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:var(--tooltip-arrow-size) solid transparent;border-top-color:var(--tooltip-background)}.tooltip-wrapper:hover .tooltip-content,.tooltip-wrapper:focus-within .tooltip-content{opacity:1}.tooltip-bottom .tooltip-content{bottom:auto;top:calc(100% + var(--tooltip-offset))}.tooltip-bottom .tooltip-content:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--tooltip-background)}.tooltip-gallery-group{margin-bottom:var(--spacing-8)}.tooltip-gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-6);padding:var(--spacing-8) 0}.spinner{display:inline-block;border-style:solid;border-color:var(--spinner-track);border-top-color:var(--spinner-indicator);border-radius:50%;animation:spinner-rotate var(--spinner-animation-duration) var(--spinner-animation-easing) infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-xs{width:var(--spinner-xs-diameter);height:var(--spinner-xs-diameter);border-width:var(--spinner-xs-border-width)}.spinner-sm{width:var(--spinner-sm-diameter);height:var(--spinner-sm-diameter);border-width:var(--spinner-sm-border-width)}.spinner-md{width:var(--spinner-md-diameter);height:var(--spinner-md-diameter);border-width:var(--spinner-md-border-width)}.spinner-lg{width:var(--spinner-lg-diameter);height:var(--spinner-lg-diameter);border-width:var(--spinner-lg-border-width)}.spinner-gallery-group{margin-bottom:var(--spacing-8)}.spinner-gallery-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-6)}.dropdown-wrapper{position:relative;display:inline-block}.dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;z-index:var(--dropdown-z-index);min-width:var(--dropdown-min-width);max-width:var(--dropdown-max-width);padding:var(--dropdown-padding);background:var(--dropdown-panel-bg);border:var(--dropdown-border-width) solid var(--dropdown-panel-border);border-radius:var(--dropdown-border-radius);box-shadow:var(--dropdown-panel-shadow);display:flex;flex-direction:column;gap:var(--dropdown-item-gap)}.dropdown-item{display:flex;align-items:center;gap:var(--dropdown-icon-gap);font-family:var(--dropdown-font-family);font-weight:var(--dropdown-font-weight);line-height:var(--dropdown-line-height);color:var(--dropdown-item-fg);background:none;border:none;border-radius:var(--dropdown-item-border-radius);cursor:pointer;transition:var(--dropdown-transition);text-align:left;width:100%}.dropdown-sm .dropdown-item{height:var(--dropdown-sm-item-height);padding:0 var(--dropdown-sm-item-padding-x);font-size:var(--dropdown-sm-font-size)}.dropdown-md .dropdown-item{height:var(--dropdown-md-item-height);padding:0 var(--dropdown-md-item-padding-x);font-size:var(--dropdown-md-font-size)}.dropdown-item:hover{background:var(--dropdown-item-hover-bg)}.dropdown-item-destructive{color:var(--dropdown-destructive-fg)}.dropdown-item-destructive:hover{background:#ef44441a}.dropdown-item:disabled,.dropdown-item[aria-disabled=true]{color:var(--dropdown-item-disabled-fg);pointer-events:none}.dropdown-separator{height:1px;background:var(--dropdown-separator);margin:2px 0}.dropdown-shortcut{margin-left:auto;font-size:var(--font-size-xs);color:var(--dropdown-shortcut-fg);font-family:var(--font-family-mono)}.dropdown-label{padding:var(--spacing-1) var(--dropdown-md-item-padding-x);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--dropdown-shortcut-fg);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.dropdown-gallery-group{margin-bottom:var(--spacing-8)}.data-table{width:100%;border-collapse:collapse;font-family:var(--table-font-family);line-height:var(--table-line-height);border:var(--table-border-width) solid var(--table-border);border-radius:var(--table-border-radius);overflow:hidden}.data-table th{background:var(--table-header-bg);color:var(--table-header-fg);font-weight:var(--table-header-font-weight);text-align:left;border-bottom:var(--table-border-width) solid var(--table-border)}.data-table td{color:var(--table-body-fg);border-bottom:var(--table-border-width) solid var(--table-border)}.data-table tr:last-child td{border-bottom:none}.data-table-sm th,.data-table-sm td{padding:var(--table-sm-cell-padding-y) var(--table-sm-cell-padding-x);font-size:var(--table-sm-font-size)}.data-table-md th,.data-table-md td{padding:var(--table-md-cell-padding-y) var(--table-md-cell-padding-x);font-size:var(--table-md-font-size)}.data-table-lg th,.data-table-lg td{padding:var(--table-lg-cell-padding-y) var(--table-lg-cell-padding-x);font-size:var(--table-lg-font-size)}.data-table-striped tbody tr:nth-child(2n){background:var(--table-stripe-bg)}.data-table-hoverable tbody tr:hover{background:var(--table-hover-bg)}.table-gallery-group{margin-bottom:var(--spacing-8)}.accordion{border:var(--accordion-border-width) solid var(--accordion-border);border-radius:var(--accordion-border-radius);overflow:hidden}.accordion-item{border-bottom:var(--accordion-border-width) solid var(--accordion-border)}.accordion-item:last-child{border-bottom:none}.accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--accordion-header-bg);color:var(--accordion-header-fg);font-family:var(--accordion-font-family);font-weight:var(--accordion-header-font-weight);line-height:var(--accordion-line-height);border:none;cursor:pointer;transition:var(--accordion-transition);text-align:left}.accordion-sm .accordion-header{padding:var(--accordion-sm-header-padding-y) var(--accordion-sm-header-padding-x);font-size:var(--accordion-sm-font-size)}.accordion-md .accordion-header{padding:var(--accordion-md-header-padding-y) var(--accordion-md-header-padding-x);font-size:var(--accordion-md-font-size)}.accordion-header:hover{background:var(--accordion-header-hover-bg)}.accordion-icon{color:var(--accordion-icon);transition:transform var(--accordion-transition);flex-shrink:0}.accordion-sm .accordion-icon{font-size:var(--accordion-sm-icon-size)}.accordion-md .accordion-icon{font-size:var(--accordion-md-icon-size)}.accordion-item[data-open=true] .accordion-icon{transform:rotate(var(--accordion-icon-rotation))}.accordion-content{color:var(--accordion-content-fg);font-family:var(--accordion-font-family);line-height:var(--accordion-line-height);overflow:hidden;max-height:0;transition:max-height .2s ease-in-out}.accordion-item[data-open=true] .accordion-content{max-height:500px}.accordion-sm .accordion-content-inner{padding:var(--accordion-sm-content-padding-y) var(--accordion-sm-content-padding-x);font-size:var(--accordion-sm-font-size)}.accordion-md .accordion-content-inner{padding:var(--accordion-md-content-padding-y) var(--accordion-md-content-padding-x);font-size:var(--accordion-md-font-size)}.accordion-gallery-group{margin-bottom:var(--spacing-8)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;font-family:var(--breadcrumb-font-family);font-weight:var(--breadcrumb-font-weight);line-height:var(--breadcrumb-line-height)}.breadcrumb-sm{font-size:var(--breadcrumb-sm-font-size);gap:var(--breadcrumb-sm-gap)}.breadcrumb-md{font-size:var(--breadcrumb-md-font-size);gap:var(--breadcrumb-md-gap)}.breadcrumb-link{color:var(--breadcrumb-link);text-decoration:none;transition:color .15s}.breadcrumb-link:hover{color:var(--breadcrumb-link-hover)}.breadcrumb-active{color:var(--breadcrumb-active);font-weight:var(--breadcrumb-active-font-weight)}.breadcrumb-separator{color:var(--breadcrumb-separator);-webkit-user-select:none;user-select:none}.breadcrumb-gallery-group{margin-bottom:var(--spacing-8)}.tag{display:inline-flex;align-items:center;font-family:var(--tag-font-family);font-weight:var(--tag-font-weight);line-height:var(--tag-line-height);border:var(--tag-border-width) solid transparent;transition:var(--tag-transition);white-space:nowrap;cursor:default}.tag-sm{height:var(--tag-sm-height);padding:0 var(--tag-sm-padding-x);font-size:var(--tag-sm-font-size);gap:var(--tag-sm-gap);border-radius:var(--tag-sm-border-radius)}.tag-md{height:var(--tag-md-height);padding:0 var(--tag-md-padding-x);font-size:var(--tag-md-font-size);gap:var(--tag-md-gap);border-radius:var(--tag-md-border-radius)}.tag-default{background:var(--tag-default-bg);color:var(--tag-default-fg);border-color:var(--tag-default-border)}.tag-default:hover{background:var(--tag-default-hover-bg)}.tag-primary{background:var(--tag-primary-bg);color:var(--tag-primary-fg);border-color:var(--tag-primary-border)}.tag-primary:hover{background:var(--tag-primary-hover-bg)}.tag-success{background:var(--tag-success-bg);color:var(--tag-success-fg);border-color:var(--tag-success-border)}.tag-success:hover{background:var(--tag-success-hover-bg)}.tag-error{background:var(--tag-error-bg);color:var(--tag-error-fg);border-color:var(--tag-error-border)}.tag-error:hover{background:var(--tag-error-hover-bg)}.tag-close{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:inherit;opacity:.6;transition:opacity .15s,color .15s;padding:0;line-height:1}.tag-sm .tag-close{font-size:var(--tag-sm-close-size)}.tag-md .tag-close{font-size:var(--tag-md-close-size)}.tag-close:hover{opacity:1}.tag-default .tag-close:hover{color:var(--tag-default-close-hover)}.tag-primary .tag-close:hover{color:var(--tag-primary-close-hover)}.tag-success .tag-close:hover{color:var(--tag-success-close-hover)}.tag-error .tag-close:hover{color:var(--tag-error-close-hover)}.tag:disabled,.tag[aria-disabled=true]{opacity:var(--tag-disabled-opacity);cursor:var(--tag-disabled-cursor);pointer-events:none}.tag-gallery-group{margin-bottom:var(--spacing-8)}.tag-gallery-row{display:flex;flex-wrap:wrap;gap:var(--spacing-2);align-items:center}.slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;background:transparent;cursor:pointer;outline:none}.slider::-webkit-slider-runnable-track{background:var(--slider-track);border-radius:var(--slider-track-border-radius)}.slider-sm::-webkit-slider-runnable-track{height:var(--slider-sm-track-height)}.slider-md::-webkit-slider-runnable-track{height:var(--slider-md-track-height)}.slider-lg::-webkit-slider-runnable-track{height:var(--slider-lg-track-height)}.slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--slider-thumb-bg);border:solid var(--slider-thumb-border);border-radius:var(--slider-thumb-border-radius);transition:var(--slider-transition)}.slider-sm::-webkit-slider-thumb{width:var(--slider-sm-thumb-size);height:var(--slider-sm-thumb-size);border-width:var(--slider-sm-thumb-border-width);margin-top:calc((var(--slider-sm-thumb-size) - var(--slider-sm-track-height)) / -2)}.slider-md::-webkit-slider-thumb{width:var(--slider-md-thumb-size);height:var(--slider-md-thumb-size);border-width:var(--slider-md-thumb-border-width);margin-top:calc((var(--slider-md-thumb-size) - var(--slider-md-track-height)) / -2)}.slider-lg::-webkit-slider-thumb{width:var(--slider-lg-thumb-size);height:var(--slider-lg-thumb-size);border-width:var(--slider-lg-thumb-border-width);margin-top:calc((var(--slider-lg-thumb-size) - var(--slider-lg-track-height)) / -2)}.slider::-webkit-slider-thumb:active{transform:scale(var(--slider-thumb-active-scale))}.slider:focus-visible::-webkit-slider-thumb{outline:var(--color-ring-width) solid var(--color-ring-color);outline-offset:var(--color-ring-offset)}.slider:disabled{opacity:var(--slider-disabled-opacity);cursor:var(--slider-disabled-cursor);pointer-events:none}.slider-with-label{display:flex;align-items:center;gap:var(--spacing-3)}.slider-value{font-size:var(--font-size-sm);font-family:var(--font-family-mono);color:var(--color-foreground-secondary);min-width:2.5rem;text-align:right}.slider-gallery-group{margin-bottom:var(--spacing-8)}.slider-gallery-stack{display:flex;flex-direction:column;gap:var(--spacing-4)}.mobile-frame{width:375px;max-width:100%;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;position:relative;box-shadow:var(--shadow-lg)}.mobile-frame-label{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-foreground-tertiary);text-align:center;padding:6px;background:var(--color-background-tertiary);border-bottom:1px solid var(--color-border-subtle)}.mobile-gallery-group{margin-bottom:var(--spacing-8)}.mobile-gallery-row{display:flex;flex-wrap:wrap;gap:var(--spacing-6);align-items:flex-start}.bottom-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bottom-sheet-backdrop-color);z-index:10}.bottom-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--bottom-sheet-background);border-radius:var(--bottom-sheet-border-radius) var(--bottom-sheet-border-radius) 0 0;box-shadow:var(--bottom-sheet-shadow);padding:0 var(--bottom-sheet-padding-x) var(--bottom-sheet-padding-bottom);z-index:11}.bottom-sheet-handle{width:var(--bottom-sheet-handle-width);height:var(--bottom-sheet-handle-height);background:var(--bottom-sheet-handle);border-radius:9999px;margin:var(--bottom-sheet-handle-margin-top) auto var(--bottom-sheet-handle-margin-bottom)}.bottom-sheet-snap-sm{height:var(--bottom-sheet-snap-sm)}.bottom-sheet-snap-md{height:var(--bottom-sheet-snap-md)}.bottom-sheet-snap-lg{height:var(--bottom-sheet-snap-lg)}.mobile-sheet-viewport{position:relative;height:600px;flex:1}.mobile-sheet-viewport-flex{display:flex;flex-direction:column}.mobile-app-content{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-background-secondary);overflow-y:auto}.mobile-app-content-padded{flex:1;padding:var(--spacing-4)}.app-bar{display:flex;align-items:center;padding:0 var(--app-bar-padding-x);background:var(--app-bar-background);border-bottom:1px solid var(--app-bar-border);color:var(--app-bar-foreground)}.app-bar-sm{height:var(--app-bar-sm-height)}.app-bar-md{height:var(--app-bar-md-height)}.app-bar-lg{height:var(--app-bar-lg-height);flex-wrap:wrap;align-content:flex-end;padding-bottom:8px}.app-bar-back{display:flex;align-items:center;justify-content:center;width:var(--app-bar-button-min-size);height:var(--app-bar-button-min-size);background:none;border:none;color:var(--app-bar-icon);cursor:pointer;font-size:var(--app-bar-icon-size);flex-shrink:0;margin-left:-8px}.app-bar-title{flex:1;font-family:var(--app-bar-title-font-family);font-weight:var(--app-bar-title-font-weight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-bar-sm .app-bar-title{font-size:var(--app-bar-sm-title-size)}.app-bar-md .app-bar-title{font-size:var(--app-bar-md-title-size)}.app-bar-lg .app-bar-title{font-size:var(--app-bar-lg-title-size);width:100%;white-space:normal}.app-bar-actions{display:flex;align-items:center;gap:var(--app-bar-action-gap)}.app-bar-action{display:flex;align-items:center;justify-content:center;width:var(--app-bar-button-min-size);height:var(--app-bar-button-min-size);background:none;border:none;color:var(--app-bar-icon);cursor:pointer;font-size:var(--app-bar-icon-size)}.bottom-tab-bar{display:flex;align-items:flex-start;justify-content:space-around;height:var(--bottom-tab-bar-height);padding:6px var(--bottom-tab-bar-padding-x) 0;background:var(--bottom-tab-bar-background);border-top:var(--bottom-tab-bar-border-width) solid var(--bottom-tab-bar-border)}.bottom-tab-item{display:flex;flex-direction:column;align-items:center;gap:var(--bottom-tab-bar-icon-label-gap);min-width:var(--bottom-tab-bar-item-min-width);background:none;border:none;cursor:pointer;color:var(--bottom-tab-bar-inactive);transition:var(--bottom-tab-bar-transition);padding:2px 0}.bottom-tab-item.tab-active{color:var(--bottom-tab-bar-active)}.bottom-tab-icon{font-size:var(--bottom-tab-bar-icon-size);line-height:1}.bottom-tab-label{font-size:var(--bottom-tab-bar-label-font-size);font-weight:var(--bottom-tab-bar-label-font-weight);font-family:var(--bottom-tab-bar-label-font-family);line-height:1}.fab{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--fab-border-radius);background:var(--fab-background);color:var(--fab-foreground);box-shadow:var(--fab-shadow);cursor:pointer;transition:var(--fab-transition)}.fab:hover{box-shadow:var(--fab-hover-shadow);transform:scale(1.05)}.fab-sm{width:var(--fab-sm-diameter);height:var(--fab-sm-diameter);font-size:var(--fab-sm-icon-size)}.fab-md{width:var(--fab-md-diameter);height:var(--fab-md-diameter);font-size:var(--fab-md-icon-size)}.fab-lg{width:var(--fab-lg-diameter);height:var(--fab-lg-diameter);font-size:var(--fab-lg-icon-size)}.fab-extended{height:var(--fab-extended-height);width:auto;padding:0 var(--fab-extended-padding-x);gap:var(--fab-extended-gap);border-radius:var(--fab-extended-border-radius);font-size:var(--fab-extended-font-size);font-weight:var(--fab-extended-font-weight)}.fab-extended .fab-icon{font-size:var(--fab-extended-icon-size)}.fab-position-br{position:absolute;bottom:var(--fab-offset);right:var(--fab-offset);z-index:var(--fab-z-index)}.fab-gallery-row{display:flex;flex-wrap:wrap;gap:var(--spacing-4);align-items:center}.segmented-control{display:inline-flex;background:var(--segmented-track);border-radius:var(--segmented-track-border-radius);padding:var(--segmented-track-padding)}.segmented-segment{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--segmented-inactive-fg);font-family:var(--segmented-font-family);font-weight:var(--segmented-font-weight);line-height:var(--segmented-line-height);border-radius:var(--segmented-segment-border-radius);padding:0 var(--segmented-segment-padding-x);min-width:var(--segmented-min-segment-width);cursor:pointer;transition:var(--segmented-transition);white-space:nowrap}.segmented-sm .segmented-segment{height:calc(var(--segmented-sm-height) - var(--segmented-track-padding) * 2);font-size:var(--segmented-sm-font-size)}.segmented-md .segmented-segment{height:calc(var(--segmented-md-height) - var(--segmented-track-padding) * 2);font-size:var(--segmented-md-font-size)}.segmented-segment.segment-active{background:var(--segmented-active-bg);color:var(--segmented-active-fg);font-weight:var(--segmented-active-font-weight);box-shadow:var(--segmented-active-shadow)}.list-item{display:flex;align-items:center;gap:var(--list-item-gap);background:var(--list-item-background);color:var(--list-item-primary-fg);font-family:var(--list-item-font-family);transition:var(--list-item-transition);cursor:pointer}.list-item:active{background:var(--list-item-pressed)}.list-item-sm{min-height:var(--list-item-sm-min-height);padding:var(--list-item-sm-padding-y) var(--list-item-sm-padding-x);font-size:var(--list-item-sm-font-size)}.list-item-md{min-height:var(--list-item-md-min-height);padding:var(--list-item-md-padding-y) var(--list-item-md-padding-x);font-size:var(--list-item-md-font-size)}.list-item-lg{min-height:var(--list-item-lg-min-height);padding:var(--list-item-lg-padding-y) var(--list-item-lg-padding-x);font-size:var(--list-item-lg-font-size)}.list-item-leading{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--list-item-secondary-fg);font-size:var(--list-item-icon-size)}.list-item-content{flex:1;min-width:0}.list-item-secondary{font-size:var(--list-item-secondary-font-size);line-height:var(--list-item-secondary-line-height);color:var(--list-item-secondary-fg);margin-top:2px}.list-item-trailing{flex-shrink:0;color:var(--list-item-chevron);font-size:var(--list-item-chevron-size)}.list-item-divider{height:1px;background:var(--list-item-divider);margin-left:var(--list-item-divider-inset-left)}.snackbar{display:flex;align-items:center;min-height:var(--snackbar-min-height);max-width:var(--snackbar-max-width);padding:var(--snackbar-padding-y) var(--snackbar-padding-x);background:var(--snackbar-background);color:var(--snackbar-foreground);font-family:var(--snackbar-font-family);font-size:var(--snackbar-font-size);font-weight:var(--snackbar-font-weight);line-height:var(--snackbar-line-height);border-radius:var(--snackbar-border-radius);box-shadow:var(--snackbar-shadow);gap:var(--snackbar-gap)}.snackbar-text{flex:1}.snackbar-action{background:none;border:none;color:var(--snackbar-action);font-size:var(--snackbar-action-font-size);font-weight:var(--snackbar-action-font-weight);cursor:pointer;white-space:nowrap;padding:4px 8px;border-radius:var(--radius-sm)}.snackbar-action:hover{opacity:.8}.swipe-container{position:relative;overflow:hidden}.swipe-actions{position:absolute;top:0;bottom:0;display:flex}.swipe-actions-right{right:0}.swipe-actions-left{left:0}.swipe-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--swipe-action-action-width);gap:var(--swipe-action-icon-label-gap);border:none;cursor:pointer;color:#fff;font-family:var(--swipe-action-font-family);font-size:var(--swipe-action-font-size);font-weight:var(--swipe-action-font-weight)}.swipe-action-btn .swipe-icon{font-size:var(--swipe-action-icon-size)}.swipe-delete{background:var(--swipe-action-delete-background)}.swipe-archive{background:var(--swipe-action-archive-background)}.swipe-pin{background:var(--swipe-action-pin-background)}.swipe-read{background:var(--swipe-action-read-background)}.swipe-more{background:var(--swipe-action-more-background)}@media(max-width:768px){.hamburger-btn{display:flex}.sidebar{transform:translate(-100%);width:var(--layout-sidebar-width)!important;z-index:100;transition:transform var(--duration-base) var(--easing-standard)}body.sidebar-mobile-open .sidebar{transform:translate(0)}body.sidebar-collapsed .sidebar-logo-full,body.sidebar-collapsed .sidebar-logo-subtitle,body.sidebar-collapsed .sidebar-version{display:revert}body.sidebar-collapsed .sidebar-logo-symbol{display:none}body.sidebar-collapsed .nav-group-text,body.sidebar-collapsed .nav-group-label:after{display:revert}body.sidebar-collapsed .nav-group-label{justify-content:space-between;padding:var(--spacing-3) var(--spacing-5);position:static}body.sidebar-collapsed .nav-group-items{max-height:revert!important}body.sidebar-collapsed .nav-group.open>.nav-group-items{max-height:600px!important}body.sidebar-collapsed .nav-group:not(.open)>.nav-group-items{max-height:0!important}body.sidebar-collapsed .sidebar-collapse-icon{transform:none}body.sidebar-collapsed .nav-group-tooltip{display:none}.main-wrapper,body.sidebar-collapsed .main-wrapper{margin-left:0}.sidebar-footer{display:none}main{padding:var(--spacing-6) var(--spacing-4) var(--spacing-12)}.token-grid,.pair-grid,.brand-grid{grid-template-columns:1fr}.type-scale-row{flex-direction:column;gap:var(--spacing-1)}.type-scale-label{text-align:left;width:auto}}