@import"https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Figtree:ital,wght@0,300..900;1,300..900&family=Jost:ital,wght@0,100..900;1,100..900&family=Karla:ital,wght@0,200..800;1,200..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Lexend:wght@100..900&family=Manrope:wght@200..800&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&family=Overpass:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Public+Sans:ital,wght@0,100..900;1,100..900&family=Quicksand:wght@300..700&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&family=Roboto:ital,wght@0,100..900;1,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&family=Sora:wght@100..800&family=Space+Grotesk:wght@300..700&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Barriecito&family=Borel&family=DynaPuff:wght@400..700&family=Gabarito:wght@400..900&family=Kranky&family=Macondo&family=Playpen+Sans:wght@100..800&family=Rubik+Spray+Paint&family=Shadows+Into+Light+Two&family=Zalando+Sans:ital,wght@0,200..900;1,200..900&display=swap";:root{--asm-font-family-base: "Inter", "Lato", "Open Sans", "Roboto";--asm-font-family-inter: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--asm-font-family-primary: "Inter", "Lato", "Open Sans", "Roboto";--asm-font-family-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--asm-font-family-poppins: "Poppins", ui-sans-serif, system-ui, sans-serif;--asm-font-family-open-sans: "Open Sans", ui-sans-serif, system-ui, sans-serif;--asm-font-family-lato: "Lato", ui-sans-serif, system-ui, sans-serif;--asm-font-family-rubik: "Rubik", ui-sans-serif, system-ui, sans-serif;--asm-font-family-nunito: "Nunito", ui-sans-serif, system-ui, sans-serif;--asm-font-family-work-sans: "Work Sans", ui-sans-serif, system-ui, sans-serif;--asm-font-family-manrope: "Manrope", ui-sans-serif, system-ui, sans-serif;--asm-font-family-figtree: "Figtree", ui-sans-serif, system-ui, sans-serif;--asm-font-family-sora: "Sora", ui-sans-serif, system-ui, sans-serif;--asm-font-family-outfit: "Outfit", ui-sans-serif, system-ui, sans-serif;--asm-font-family-lexend: "Lexend", ui-sans-serif, system-ui, sans-serif;--asm-font-family-public-sans: "Public Sans", ui-sans-serif, system-ui, sans-serif;--asm-font-family-dm-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif;--asm-font-family-overpass: "Overpass", ui-sans-serif, system-ui, sans-serif;--asm-font-family-quicksand: "Quicksand", ui-sans-serif, system-ui, sans-serif;--asm-font-family-karla: "Karla", ui-sans-serif, system-ui, sans-serif;--asm-font-family-barlow: "Barlow", ui-sans-serif, system-ui, sans-serif;--asm-font-family-space-grotesk: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--asm-font-family-red-hat: "Red Hat Display", ui-sans-serif, system-ui, sans-serif;--asm-font-family-jost: "Jost", ui-sans-serif, system-ui, sans-serif;--asm-font-family-barriecito: "Barriecito", cursive, sans-serif;--asm-font-family-borel: "Borel", cursive, sans-serif;--asm-font-family-dynapuff: "DynaPuff", cursive, sans-serif;--asm-font-family-gabarito: "Gabarito", sans-serif;--asm-font-family-kranky: "Kranky", cursive, sans-serif;--asm-font-family-macondo: "Macondo", cursive, sans-serif;--asm-font-family-playpen-sans: "Playpen Sans", cursive, sans-serif;--asm-font-family-rubik-spray: "Rubik Spray Paint", cursive, sans-serif;--asm-font-family-shadows-light: "Shadows Into Light Two", cursive, sans-serif;--asm-font-family-zalando: "Zalando Sans", ui-sans-serif, system-ui, sans-serif;--asm-font-weight-100: 100;--asm-font-weight-200: 200;--asm-font-weight-300: 300;--asm-font-weight-400: 400;--asm-font-weight-500: 500;--asm-font-weight-600: 600;--asm-font-weight-700: 700;--asm-font-weight-800: 800;--asm-font-weight-900: 900;--asm-font-size-xs: .75rem;--asm-font-size-sm: .875rem;--asm-font-size-md: 1rem;--asm-font-size-lg: 1.125rem;--asm-font-size-xl: 1.25rem;--asm-font-size-2xl: 1.5rem;--asm-font-size-3xl: 1.875rem;--asm-font-size-4xl: 2.25rem;--asm-font-size-5xl: 3rem;--asm-font-size-6xl: 3.75rem;--asm-line-height-tight: 1.1;--asm-line-height-normal: 1.4;--asm-line-height-relaxed: 1.6;--asm-line-height-h1: 1.05;--asm-line-height-h2: 1.1;--asm-line-height-h3: 1.15;--asm-line-height-h4: 1.2;--asm-line-height-h5: 1.25;--asm-line-height-h6: 1.25;--asm-letter-spacing-tight: -.01em;--asm-letter-spacing-normal: 0em;--asm-letter-spacing-wide: .02em;--asm-space-0: 0px;--asm-space-1: 4px;--asm-space-2: 8px;--asm-space-3: 12px;--asm-space-4: 16px;--asm-space-5: 20px;--asm-space-6: 24px;--asm-space-8: 32px;--asm-space-10: 40px;--asm-space-12: 48px;--asm-space-16: 64px;--asm-space-page-padding-x: clamp(16px, 3vw, 32px);--asm-space-page-padding-y: clamp(16px, 3vw, 40px);--asm-space-section-gap: clamp(24px, 4vw, 64px);--asm-space-component-gap: 16px;--asm-grid-columns: 12;--asm-grid-gutter: 24px;--asm-container-xs: 480px;--asm-container-sm: 640px;--asm-container-md: 768px;--asm-container-lg: 1024px;--asm-container-xl: 1280px;--asm-container-2xl: 1360px;--asm-radius-sm: 6px;--asm-radius-md: 10px;--asm-radius-lg: 12px;--asm-radius-xl: 16px;--asm-radius-full: 9999px;--asm-border-hairline: 1px;--asm-border-thin: 2px;--asm-border-thick: 3px;--asm-effect-shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--asm-effect-shadow-md: 0 6px 20px rgba(17, 24, 39, .1);--asm-effect-shadow-lg: 0 16px 40px rgba(17, 24, 39, .14);--asm-effect-shadow-xl: 0 24px 60px rgba(17, 24, 39, .18);--asm-effect-blur-sm: 4px;--asm-effect-blur-md: 8px;--asm-effect-blur-lg: 16px;--asm-motion-duration-fast: .12s;--asm-motion-duration-normal: .2s;--asm-motion-duration-slow: .32s;--asm-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--asm-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1.2);--asm-motion-easing-entrance: cubic-bezier(0, 0, 0, 1);--asm-motion-easing-exit: cubic-bezier(.4, 0, 1, 1);--asm-transition-fade: opacity var(--asm-motion-duration-normal) var(--asm-motion-easing-standard);--asm-transition-slide: transform var(--asm-motion-duration-normal) var(--asm-motion-easing-standard);--asm-transition-scale: transform var(--asm-motion-duration-fast) var(--asm-motion-easing-emphasized);--asm-z-base: 0;--asm-z-dropdown: 100;--asm-z-sticky: 200;--asm-z-overlay: 300;--asm-z-modal: 400;--asm-z-popover: 450;--asm-z-tooltip: 500;--asm-z-toast: 600;--asm-icon-size-xs: 12px;--asm-icon-size-sm: 16px;--asm-icon-size-md: 20px;--asm-icon-size-lg: 24px;--asm-icon-size-xl: 28px;--asm-icon-stroke-thin: 1;--asm-icon-stroke-regular: 1.5;--asm-icon-stroke-bold: 2;--asm-density-factor: 1;--asm-space-control-padding-y: 8px;--asm-space-control-padding-x: 12px}:root{--asm-color-bg: #F9FAFB;--asm-color-surface: #FFFFFF;--asm-color-surface-muted: #F3F4F6;--asm-color-panel: #FFFFFF;--asm-color-modal: #FFFFFF;--asm-color-text: #111827;--asm-color-text-muted: #6B7280;--asm-color-border: #D1D5DB;--asm-color-primary-0: #FFFFFF;--asm-color-primary-50: #EEF2FF;--asm-color-primary-100: #E0E7FF;--asm-color-primary-200: #C7D2FE;--asm-color-primary-300: #A5B4FC;--asm-color-primary-400: #818CF8;--asm-color-primary-500: #3A5AFE;--asm-color-primary-600: #304FFE;--asm-color-primary-700: #1E40FF;--asm-color-primary-800: #1E3A8A;--asm-color-primary-900: #1E293B;--asm-color-primary-950: #0F172A;--asm-color-brand-primary-50: #EEF2FF;--asm-color-brand-primary-500: #3A5AFE;--asm-color-brand-primary-600: #304FFE;--asm-color-brand-primary-700: #1E40FF;--asm-color-warning-0: #FFFFFF;--asm-color-warning-50: #FFFBEB;--asm-color-warning-100: #FEF3C7;--asm-color-warning-200: #FDE68A;--asm-color-warning-300: #FCD34D;--asm-color-warning-400: #FBBF24;--asm-color-warning-500: #F59E0B;--asm-color-warning-600: #D97706;--asm-color-warning-700: #B45309;--asm-color-warning-800: #92400E;--asm-color-warning-900: #78350F;--asm-color-warning-950: #451A03;--asm-color-danger-0: #FFFFFF;--asm-color-danger-50: #FEF2F2;--asm-color-danger-100: #FEE2E2;--asm-color-danger-200: #FECACA;--asm-color-danger-300: #FCA5A5;--asm-color-danger-400: #F87171;--asm-color-danger-500: #EF4444;--asm-color-danger-600: #DC2626;--asm-color-danger-700: #B91C1C;--asm-color-danger-800: #991B1B;--asm-color-danger-900: #7F1D1D;--asm-color-danger-950: #450A0A;--asm-color-info-0: #FFFFFF;--asm-color-info-50: #F0F9FF;--asm-color-info-100: #E0F2FE;--asm-color-info-200: #BAE6FD;--asm-color-info-300: #7DD3FC;--asm-color-info-400: #38BDF8;--asm-color-info-500: #0EA5E9;--asm-color-info-600: #0284C7;--asm-color-info-700: #0369A1;--asm-color-info-800: #075985;--asm-color-info-900: #0C4A6E;--asm-color-info-950: #082F49;--asm-color-success-0: #FFFFFF;--asm-color-success-50: #F0FDF4;--asm-color-success-100: #DCFCE7;--asm-color-success-200: #BBF7D0;--asm-color-success-300: #86EFAC;--asm-color-success-400: #4ADE80;--asm-color-success-500: #16A34A;--asm-color-success-600: #16A34A;--asm-color-success-700: #15803D;--asm-color-success-800: #166534;--asm-color-success-900: #14532D;--asm-color-success-950: #052E16;--asm-color-purple-0: #FFFFFF;--asm-color-purple-50: #FAF5FF;--asm-color-purple-100: #F3E8FF;--asm-color-purple-200: #E9D5FF;--asm-color-purple-300: #D8B4FE;--asm-color-purple-400: #C084FC;--asm-color-purple-500: #A855F7;--asm-color-purple-600: #9333EA;--asm-color-purple-700: #7E22CE;--asm-color-purple-800: #6B21A8;--asm-color-purple-900: #581C87;--asm-color-purple-950: #3B0764;--asm-color-neutral-0: #FFFFFF;--asm-color-neutral-50: #F9FAFB;--asm-color-neutral-100: #F3F4F6;--asm-color-neutral-200: #E5E7EB;--asm-color-neutral-300: #D1D5DB;--asm-color-neutral-400: #9CA3AF;--asm-color-neutral-500: #6B7280;--asm-color-neutral-600: #4B5563;--asm-color-neutral-700: #374151;--asm-color-neutral-800: #1F2937;--asm-color-neutral-900: #111827;--asm-color-neutral-950: #030712;--asm-color-secondary-0: #FFFFFF;--asm-color-secondary-50: #F0FDFA;--asm-color-secondary-100: #CCFBF1;--asm-color-secondary-200: #99F6E4;--asm-color-secondary-300: #5EEAD4;--asm-color-secondary-400: #2DD4BF;--asm-color-secondary-500: #14B8A6;--asm-color-secondary-600: #0D9488;--asm-color-secondary-700: #0F766E;--asm-color-secondary-800: #115E59;--asm-color-secondary-900: #134E4A;--asm-color-secondary-950: #042F2E;--asm-color-semantic-success: #16A34A;--asm-color-semantic-warning: #F59E0B;--asm-color-semantic-error: #EF4444;--asm-color-semantic-info: #0EA5E9;--asm-color-button-primary-bg: #304FFE;--asm-color-button-primary-bg-hover: #1E40FF;--asm-color-button-primary-bg-active: #1E40FF;--asm-color-button-primary-text: #FFFFFF;--asm-color-button-secondary-bg: #FFFFFF;--asm-color-button-secondary-text: #111827;--asm-color-button-ghost-bg-hover: rgba(17, 24, 39, .06);--asm-color-button-destructive-bg: #EF4444;--asm-color-button-destructive-text: #FFFFFF;--asm-color-button-disabled-bg: #D1D5DB;--asm-color-button-disabled-text: #374151;--asm-color-input-bg: #FFFFFF;--asm-color-input-text: #111827;--asm-color-input-border: #D1D5DB;--asm-color-input-border-hover: #6B7280;--asm-color-input-border-focus: #304FFE;--asm-color-input-placeholder: #6B7280;--asm-color-input-error-border: #EF4444;--asm-color-input-success-border: #16A34A;--asm-color-focus-ring: #3A5AFE;--asm-color-overlay-scrim: rgba(17, 24, 39, .48)}[data-theme=dark]{--asm-color-bg: #0B1220;--asm-color-surface: #0F172A;--asm-color-surface-muted: #111B2E;--asm-color-panel: #0F172A;--asm-color-modal: #0F172A;--asm-color-text: #E5E7EB;--asm-color-text-muted: #9CA3AF;--asm-color-border: #1F2937;--asm-color-primary-0: #0F172A;--asm-color-primary-50: #1E293B;--asm-color-primary-100: #1E3A8A;--asm-color-primary-200: #1E40FF;--asm-color-primary-300: #304FFE;--asm-color-primary-400: #3A5AFE;--asm-color-primary-500: #4F6BFF;--asm-color-primary-600: #6B82FF;--asm-color-primary-700: #818CF8;--asm-color-primary-800: #A5B4FC;--asm-color-primary-900: #C7D2FE;--asm-color-primary-950: #E0E7FF;--asm-color-brand-primary-50: #EEF2FF;--asm-color-brand-primary-500: #3A5AFE;--asm-color-brand-primary-600: #3A5AFE;--asm-color-brand-primary-700: #304FFE;--asm-color-warning-0: #451A03;--asm-color-warning-50: #78350F;--asm-color-warning-100: #92400E;--asm-color-warning-200: #B45309;--asm-color-warning-300: #D97706;--asm-color-warning-400: #F59E0B;--asm-color-warning-500: #FBBF24;--asm-color-warning-600: #FCD34D;--asm-color-warning-700: #FDE68A;--asm-color-warning-800: #FEF3C7;--asm-color-warning-900: #FFFBEB;--asm-color-warning-950: #FFFEF5;--asm-color-danger-0: #450A0A;--asm-color-danger-50: #7F1D1D;--asm-color-danger-100: #991B1B;--asm-color-danger-200: #B91C1C;--asm-color-danger-300: #DC2626;--asm-color-danger-400: #EF4444;--asm-color-danger-500: #F87171;--asm-color-danger-600: #FCA5A5;--asm-color-danger-700: #FECACA;--asm-color-danger-800: #FEE2E2;--asm-color-danger-900: #FEF2F2;--asm-color-danger-950: #FEF9F9;--asm-color-info-0: #082F49;--asm-color-info-50: #0C4A6E;--asm-color-info-100: #075985;--asm-color-info-200: #0369A1;--asm-color-info-300: #0284C7;--asm-color-info-400: #0EA5E9;--asm-color-info-500: #38BDF8;--asm-color-info-600: #7DD3FC;--asm-color-info-700: #BAE6FD;--asm-color-info-800: #E0F2FE;--asm-color-info-900: #F0F9FF;--asm-color-info-950: #F7FCFF;--asm-color-success-0: #052E16;--asm-color-success-50: #14532D;--asm-color-success-100: #166534;--asm-color-success-200: #15803D;--asm-color-success-300: #16A34A;--asm-color-success-400: #22C55E;--asm-color-success-500: #4ADE80;--asm-color-success-600: #86EFAC;--asm-color-success-700: #BBF7D0;--asm-color-success-800: #DCFCE7;--asm-color-success-900: #F0FDF4;--asm-color-success-950: #F7FEF9;--asm-color-purple-0: #3B0764;--asm-color-purple-50: #581C87;--asm-color-purple-100: #6B21A8;--asm-color-purple-200: #7E22CE;--asm-color-purple-300: #9333EA;--asm-color-purple-400: #A855F7;--asm-color-purple-500: #C084FC;--asm-color-purple-600: #D8B4FE;--asm-color-purple-700: #E9D5FF;--asm-color-purple-800: #F3E8FF;--asm-color-purple-900: #FAF5FF;--asm-color-purple-950: #FDFAFF;--asm-color-neutral-0: #030712;--asm-color-neutral-50: #111827;--asm-color-neutral-100: #1F2937;--asm-color-neutral-200: #374151;--asm-color-neutral-300: #4B5563;--asm-color-neutral-400: #6B7280;--asm-color-neutral-500: #9CA3AF;--asm-color-neutral-600: #D1D5DB;--asm-color-neutral-700: #E5E7EB;--asm-color-neutral-800: #F3F4F6;--asm-color-neutral-900: #F9FAFB;--asm-color-neutral-950: #FCFCFD;--asm-color-secondary-0: #042F2E;--asm-color-secondary-50: #134E4A;--asm-color-secondary-100: #115E59;--asm-color-secondary-200: #0F766E;--asm-color-secondary-300: #0D9488;--asm-color-secondary-400: #14B8A6;--asm-color-secondary-500: #2DD4BF;--asm-color-secondary-600: #5EEAD4;--asm-color-secondary-700: #99F6E4;--asm-color-secondary-800: #CCFBF1;--asm-color-secondary-900: #F0FDFA;--asm-color-secondary-950: #F7FEFD;--asm-color-semantic-success: #22C55E;--asm-color-semantic-warning: #FBBF24;--asm-color-semantic-error: #F87171;--asm-color-semantic-info: #38BDF8;--asm-color-button-primary-bg: #3A5AFE;--asm-color-button-primary-bg-hover: #304FFE;--asm-color-button-primary-bg-active: #304FFE;--asm-color-button-primary-text: #FFFFFF;--asm-color-button-secondary-bg: #111B2E;--asm-color-button-secondary-text: #E5E7EB;--asm-color-button-ghost-bg-hover: rgba(229, 231, 235, .08);--asm-color-button-destructive-bg: #F87171;--asm-color-button-destructive-text: #0B1220;--asm-color-button-disabled-bg: #1F2937;--asm-color-button-disabled-text: #9CA3AF;--asm-color-input-bg: #0B1220;--asm-color-input-text: #E5E7EB;--asm-color-input-border: #1F2937;--asm-color-input-border-hover: #374151;--asm-color-input-border-focus: #3A5AFE;--asm-color-input-placeholder: #9CA3AF;--asm-color-input-error-border: #F87171;--asm-color-input-success-border: #22C55E;--asm-color-focus-ring: #3A5AFE;--asm-color-overlay-scrim: rgba(17, 24, 39, .64)}[data-contrast=high]{--asm-color-bg: #000000;--asm-color-surface: #000000;--asm-color-surface-muted: #000000;--asm-color-panel: #000000;--asm-color-modal: #000000;--asm-color-text: #FFFFFF;--asm-color-text-muted: #FFFFFF;--asm-color-border: #FFFFFF;--asm-color-primary-0: #000000;--asm-color-primary-50: #1A1A1A;--asm-color-primary-100: #333333;--asm-color-primary-200: #4D4D4D;--asm-color-primary-300: #666666;--asm-color-primary-400: #808080;--asm-color-primary-500: #FFFFFF;--asm-color-primary-600: #FFFFFF;--asm-color-primary-700: #FFFFFF;--asm-color-primary-800: #FFFFFF;--asm-color-primary-900: #FFFFFF;--asm-color-primary-950: #FFFFFF;--asm-color-brand-primary-50: #FFFFFF;--asm-color-brand-primary-500: #FFFFFF;--asm-color-brand-primary-600: #FFFFFF;--asm-color-brand-primary-700: #FFFFFF;--asm-color-warning-0: #000000;--asm-color-warning-50: #1A1A00;--asm-color-warning-100: #333300;--asm-color-warning-200: #666600;--asm-color-warning-300: #999900;--asm-color-warning-400: #CCCC00;--asm-color-warning-500: #FFFF00;--asm-color-warning-600: #FFFF33;--asm-color-warning-700: #FFFF66;--asm-color-warning-800: #FFFF99;--asm-color-warning-900: #FFFFCC;--asm-color-warning-950: #FFFFEE;--asm-color-danger-0: #000000;--asm-color-danger-50: #1A0000;--asm-color-danger-100: #330000;--asm-color-danger-200: #660000;--asm-color-danger-300: #990000;--asm-color-danger-400: #CC0000;--asm-color-danger-500: #FF0000;--asm-color-danger-600: #FF3333;--asm-color-danger-700: #FF6666;--asm-color-danger-800: #FF9999;--asm-color-danger-900: #FFCCCC;--asm-color-danger-950: #FFEEEE;--asm-color-info-0: #000000;--asm-color-info-50: #001A1A;--asm-color-info-100: #003333;--asm-color-info-200: #006666;--asm-color-info-300: #009999;--asm-color-info-400: #00CCCC;--asm-color-info-500: #00FFFF;--asm-color-info-600: #33FFFF;--asm-color-info-700: #66FFFF;--asm-color-info-800: #99FFFF;--asm-color-info-900: #CCFFFF;--asm-color-info-950: #EEFFFF;--asm-color-success-0: #000000;--asm-color-success-50: #001A00;--asm-color-success-100: #003300;--asm-color-success-200: #006600;--asm-color-success-300: #009900;--asm-color-success-400: #00CC00;--asm-color-success-500: #00FF00;--asm-color-success-600: #33FF33;--asm-color-success-700: #66FF66;--asm-color-success-800: #99FF99;--asm-color-success-900: #CCFFCC;--asm-color-success-950: #EEFFEE;--asm-color-purple-0: #000000;--asm-color-purple-50: #1A001A;--asm-color-purple-100: #330033;--asm-color-purple-200: #660066;--asm-color-purple-300: #990099;--asm-color-purple-400: #CC00CC;--asm-color-purple-500: #FF00FF;--asm-color-purple-600: #FF33FF;--asm-color-purple-700: #FF66FF;--asm-color-purple-800: #FF99FF;--asm-color-purple-900: #FFCCFF;--asm-color-purple-950: #FFEEFF;--asm-color-neutral-0: #000000;--asm-color-neutral-50: #1A1A1A;--asm-color-neutral-100: #333333;--asm-color-neutral-200: #4D4D4D;--asm-color-neutral-300: #666666;--asm-color-neutral-400: #808080;--asm-color-neutral-500: #999999;--asm-color-neutral-600: #B3B3B3;--asm-color-neutral-700: #CCCCCC;--asm-color-neutral-800: #E6E6E6;--asm-color-neutral-900: #FFFFFF;--asm-color-neutral-950: #FFFFFF;--asm-color-secondary-0: #000000;--asm-color-secondary-50: #001A1A;--asm-color-secondary-100: #003333;--asm-color-secondary-200: #004D4D;--asm-color-secondary-300: #006666;--asm-color-secondary-400: #008080;--asm-color-secondary-500: #00CCCC;--asm-color-secondary-600: #00FFFF;--asm-color-secondary-700: #66FFFF;--asm-color-secondary-800: #99FFFF;--asm-color-secondary-900: #CCFFFF;--asm-color-secondary-950: #EEFFFF;--asm-color-semantic-success: #00FF00;--asm-color-semantic-warning: #FFFF00;--asm-color-semantic-error: #FF0000;--asm-color-semantic-info: #00FFFF;--asm-color-button-primary-bg: #FFFFFF;--asm-color-button-primary-bg-hover: #FFFFFF;--asm-color-button-primary-bg-active: #FFFFFF;--asm-color-button-primary-text: #000000;--asm-color-button-secondary-bg: #000000;--asm-color-button-secondary-text: #FFFFFF;--asm-color-button-ghost-bg-hover: #FFFFFF;--asm-color-button-destructive-bg: #FF0000;--asm-color-button-destructive-text: #000000;--asm-color-button-disabled-bg: #000000;--asm-color-button-disabled-text: #FFFFFF;--asm-color-input-bg: #000000;--asm-color-input-text: #FFFFFF;--asm-color-input-border: #FFFFFF;--asm-color-input-border-hover: #FFFFFF;--asm-color-input-border-focus: #FFFFFF;--asm-color-input-placeholder: #FFFFFF;--asm-color-input-error-border: #FF0000;--asm-color-input-success-border: #00FF00;--asm-color-focus-ring: #FFFFFF;--asm-color-overlay-scrim: rgba(255, 255, 255, .9)}[data-density=compact]{--asm-density-factor: .9;--asm-space-component-gap: 12px;--asm-space-control-padding-y: 6px;--asm-space-control-padding-x: 10px}[data-density=comfortable]{--asm-density-factor: 1.05;--asm-space-component-gap: 18px;--asm-space-control-padding-y: 10px;--asm-space-control-padding-x: 14px}[dir=rtl]{direction:rtl}:root{color-scheme:light dark}@media (prefers-reduced-motion: reduce){:root{--asm-motion-duration-fast: 0ms;--asm-motion-duration-normal: 0ms;--asm-motion-duration-slow: 0ms}}:where([data-theme]){background-color:var(--asm-color-bg);color:var(--asm-color-text)}:root{--light-primary: #3498db;--light-secondary: #2ecc71;--light-accent: #e74c3c;--light-text: #333;--light-text-light: #666;--light-background: #f9f9f9;--light-card: #fff;--light-border: #eaeaea;--light-shadow: rgba(0, 0, 0, .1);--dark-primary: #2980b9;--dark-secondary: #27ae60;--dark-accent: #c0392b;--dark-text: #f5f5f5;--dark-text-light: #bbb;--dark-background: #222;--dark-card: #333;--dark-border: #444;--dark-shadow: rgba(0, 0, 0, .3);--primary-color: var(--light-primary);--secondary-color: var(--light-secondary);--accent-color: var(--light-accent);--text-color: var(--light-text);--text-light: var(--light-text-light);--background-color: var(--light-background);--card-background: var(--light-card);--border-color: var(--light-border);--shadow-color: var(--light-shadow)}[data-theme=dark]{--primary-color: var(--dark-primary);--secondary-color: var(--dark-secondary);--accent-color: var(--dark-accent);--text-color: var(--dark-text);--text-light: var(--dark-text-light);--background-color: var(--dark-background);--card-background: var(--dark-card);--border-color: var(--dark-border);--shadow-color: var(--dark-shadow)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--background-color);transition:color .3s ease,background-color .3s ease}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem}.header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.header p{font-size:1.2rem;color:var(--text-light);max-width:800px;margin:0 auto}.demo-section{margin-bottom:4rem}.demo-section h2{font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color);color:var(--primary-color)}.controls{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding:1rem;background-color:var(--card-background);border-radius:8px;box-shadow:0 2px 8px var(--shadow-color);transition:background-color .3s ease,box-shadow .3s ease}.control-group{display:flex;flex-direction:column;min-width:200px;flex:1}.control-group label{font-weight:500;margin-bottom:.5rem;color:var(--text-light)}.control-group select,.control-group input{padding:.5rem;border:1px solid var(--border-color);border-radius:4px;background-color:var(--card-background);color:var(--text-color);transition:border-color .3s ease,background-color .3s ease,color .3s ease}.theme-toggle{position:fixed;top:1rem;right:1rem;background-color:var(--card-background);border:1px solid var(--border-color);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px var(--shadow-color);z-index:100;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.code-example{background-color:var(--card-background);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-top:2rem;overflow:auto;box-shadow:0 2px 8px var(--shadow-color);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.code-example pre{margin:0;font-family:Fira Code,Courier New,Courier,monospace;font-size:.9rem;color:var(--text-color)}.footer{text-align:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color);color:var(--text-light);transition:border-color .3s ease,color .3s ease}@media (max-width: 768px){.container{padding:1rem}.header h1{font-size:2rem}.header p{font-size:1rem}.controls{flex-direction:column}}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid #e2e8f0;background:white;position:sticky;top:0;z-index:100}.site-nav--dark{background:#1a202c;border-bottom-color:#2d3748}.site-nav__brand{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit;font-weight:700;font-size:.95rem}.site-nav__logo{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;flex-shrink:0}.site-nav__name{white-space:nowrap}.site-nav__links{display:flex;gap:.25rem;list-style:none;margin:0;padding:0}.site-nav__link{display:inline-block;padding:.5rem .875rem;border-radius:.4rem;text-decoration:none;color:#4a5568;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.site-nav__link:hover{background:#f1f5f9;color:#1a202c}.site-nav__link--active{background:#e0f2fe;color:#0284c7}.site-nav--dark .site-nav__link{color:#a0aec0}.site-nav--dark .site-nav__link:hover{background:#2d3748;color:#e2e8f0}.site-nav--dark .site-nav__link--active{background:#2c5282;color:#63b3ed}.site-nav__actions{display:flex;align-items:center;gap:.75rem}.site-nav__github,.site-nav__npm{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;font-size:.85rem;font-weight:600;color:#4a5568;transition:color .15s}.site-nav__github:hover,.site-nav__npm:hover{color:#4299e1}.site-nav--dark .site-nav__github,.site-nav--dark .site-nav__npm{color:#a0aec0}.site-nav--dark .site-nav__github:hover,.site-nav--dark .site-nav__npm:hover{color:#63b3ed}.site-nav__menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit}@media (max-width: 768px){.site-nav{flex-wrap:wrap;padding:.75rem 1rem}.site-nav__links{display:none;width:100%;flex-direction:column;order:3}.site-nav__links--open{display:flex}.site-nav__menu-toggle{display:inline-flex}.site-nav__name{display:none}}.roadmap-page{width:100%;max-width:100%;margin:0;padding:2rem 2.5rem 4rem;overflow-x:hidden}.roadmap-header{margin-bottom:2rem}.roadmap-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .5rem;color:#1a202c}.dark-theme .roadmap-title{color:#e2e8f0}.roadmap-subtitle{color:#4a5568;margin:0;max-width:60ch;font-size:1.05rem;line-height:1.6}.dark-theme .roadmap-subtitle{color:#a0aec0}.roadmap-subtitle code{font-size:.9em;background:#f1f5f9;padding:.15em .4em;border-radius:.25rem;border:1px solid #e2e8f0;font-family:ui-monospace,Consolas,monospace}.dark-theme .roadmap-subtitle code{background:#2d3748;border-color:#4a5568}.roadmap-toggle{display:inline-flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem;border:1px solid #e2e8f0;border-radius:.5rem;padding:.25rem;background:#f8fafc}.dark-theme .roadmap-toggle{border-color:#2d3748;background:#2d3748}.roadmap-toggle__btn{padding:.5rem 1rem;border-radius:.4rem;border:none;background:transparent;color:#4a5568;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.dark-theme .roadmap-toggle__btn{color:#a0aec0}.roadmap-toggle__btn:hover{color:#1a202c;background:white}.dark-theme .roadmap-toggle__btn:hover{color:#e2e8f0;background:#1a202c}.roadmap-toggle__btn--active{background:#4299e1;color:#fff}.roadmap-columns{display:grid;gap:2rem;align-items:start}.roadmap-columns>*{min-width:0}.roadmap-columns--all{grid-template-columns:minmax(0,1.15fr) minmax(min(100%,320px),.85fr)}.roadmap-columns--history,.roadmap-columns--roadmap{grid-template-columns:1fr}@media (max-width: 900px){.roadmap-columns--all{grid-template-columns:1fr}}.roadmap-section{min-width:0;margin-bottom:0;padding:1.5rem;border:1px solid #e2e8f0;border-radius:.75rem;background:white;box-shadow:0 1px 3px #00000014}.dark-theme .roadmap-section{border-color:#2d3748;background:#2d3748}.roadmap-section__title{font-size:1.5rem;font-weight:800;margin:0 0 1.25rem;letter-spacing:-.02em;color:#1a202c}.dark-theme .roadmap-section__title{color:#e2e8f0}.changelog-timeline{min-width:0}.timeline-header{margin-bottom:1.5rem}.timeline-title{font-size:1.5rem;font-weight:800;margin:0 0 .25rem;color:#1a202c}.dark-theme .timeline-title{color:#e2e8f0}.timeline-subtitle{color:#4a5568;margin:0;font-size:.9rem}.dark-theme .timeline-subtitle{color:#a0aec0}.timeline-container{position:relative;padding-left:0}.timeline-line{position:absolute;left:17px;top:0;bottom:0;width:2px;background:#e2e8f0}.dark-theme .timeline-line{background:#4a5568}.timeline-item{display:grid;grid-template-columns:36px minmax(0,1fr);gap:.75rem;align-items:start;margin-bottom:1.25rem}.timeline-dot{width:36px;height:36px;border-radius:50%;border:3px solid #4299e1;background:white;z-index:1}.dark-theme .timeline-dot{background:#2d3748}.timeline-card{border:1px solid #e2e8f0;border-radius:.6rem;padding:1rem;background:#f8fafc;min-width:0;overflow:hidden}.dark-theme .timeline-card{border-color:#4a5568;background:#1a202c}.card-header{display:flex;gap:.6rem;align-items:flex-start}.category-icon{font-size:1.2rem;line-height:1}.card-content{flex:1;min-width:0}.card-title{font-size:1rem;font-weight:700;margin:0 0 .4rem;color:#1a202c;line-height:1.3}.dark-theme .card-title{color:#e2e8f0}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.75rem;color:#718096;margin-bottom:.5rem}.dark-theme .card-meta{color:#a0aec0}.category-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.1rem .4rem;border-radius:999px}.card-version{font-family:ui-monospace,Consolas,monospace;font-size:.75rem;font-weight:700;color:#4299e1;background:#e0f2fe;padding:.1rem .4rem;border-radius:999px}.dark-theme .card-version{color:#63b3ed;background:#2c5282}.card-description{font-size:.875rem;color:#4a5568;margin:0 0 .5rem;line-height:1.5}.dark-theme .card-description{color:#a0aec0}.card-tags{display:flex;flex-wrap:wrap;gap:.3rem}.tag{font-size:.7rem;font-weight:500;padding:.1rem .4rem;border-radius:.25rem;background:#f1f5f9;color:#64748b}.dark-theme .tag{background:#4a5568;color:#cbd5e0}.roadmap-list{display:flex;flex-direction:column;gap:.5rem}.roadmap-item{display:grid;grid-template-columns:40px 1fr;gap:.75rem;align-items:start}.roadmap-item__track{display:flex;flex-direction:column;align-items:center;min-height:100%}.roadmap-item__dot{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:1.1rem;background:white;border:2px solid #e2e8f0}.dark-theme .roadmap-item__dot{background:#2d3748;border-color:#4a5568}.roadmap-item__line{flex:1;width:0;border-left:2px dashed #e2e8f0;margin:.25rem 0;min-height:2rem}.dark-theme .roadmap-item__line{border-left-color:#4a5568}.roadmap-item__body{padding-bottom:1.5rem;min-width:0}.roadmap-item__summary{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:.5rem .75rem;align-items:center;width:100%;text-align:left;background:transparent;border:none;font:inherit;color:inherit;padding:.5rem 0;cursor:pointer}.roadmap-item__summary:hover .roadmap-item__title{color:#4299e1}.dark-theme .roadmap-item__summary:hover .roadmap-item__title{color:#63b3ed}.roadmap-item__version{font-family:ui-monospace,Consolas,monospace;font-size:.75rem;font-weight:700;color:#4299e1;background:#e0f2fe;padding:.15rem .45rem;border-radius:999px}.dark-theme .roadmap-item__version{color:#63b3ed;background:#2c5282}.roadmap-item__date{font-size:.75rem;color:#718096;text-transform:uppercase;letter-spacing:.04em}.dark-theme .roadmap-item__date{color:#a0aec0}.roadmap-item__status{justify-self:start;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.1rem .4rem;border-radius:999px;border:1px solid #e2e8f0;background:white;color:#718096}.dark-theme .roadmap-item__status{border-color:#4a5568;background:#2d3748;color:#a0aec0}.roadmap-item__status--released{color:#16a34a;border-color:#16a34a;background:#f0fdf4}.roadmap-item__status--current{color:#0284c7;border-color:#0284c7;background:#e0f2fe}.roadmap-item__status--planned{color:#4299e1;border-color:#4299e1;background:#e0f2fe}.dark-theme .roadmap-item__status--planned{color:#63b3ed;border-color:#63b3ed;background:#2c5282}.roadmap-item__status--ideation{color:#718096;border-style:dashed}.dark-theme .roadmap-item__status--ideation{color:#a0aec0;border-color:#4a5568}.roadmap-item__title{grid-column:1 / -1;font-size:1.05rem;font-weight:700;margin:0;line-height:1.3;color:#1a202c;transition:color .15s}.dark-theme .roadmap-item__title{color:#e2e8f0}.roadmap-item__details{font-size:.875rem;color:#4a5568;margin:.25rem 0 .75rem;padding-left:1.25rem}.dark-theme .roadmap-item__details{color:#a0aec0}.roadmap-item__details ul{margin:0;padding-left:1rem}.roadmap-item__details li{margin:.25rem 0;line-height:1.4}.roadmap-item__preview{border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;background:#f8fafc;display:flex;flex-direction:column;gap:.75rem;opacity:.95;min-width:0;overflow:hidden}.dark-theme .roadmap-item__preview{border-color:#4a5568;background:#1a202c}.roadmap-issue{display:inline-flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:#4299e1;text-decoration:none}.dark-theme .roadmap-issue{color:#63b3ed}.roadmap-issue:hover{text-decoration:underline}.roadmap-vote-btn{align-self:flex-start;text-decoration:none;padding:.4rem .75rem;border-radius:.5rem;border:1px solid #4299e1;background:#4299e1;color:#fff;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:opacity .15s}.dark-theme .roadmap-vote-btn{border-color:#63b3ed;background:#63b3ed;color:#1a202c}.roadmap-vote-btn:hover{opacity:.9}.roadmap-item--planned .roadmap-item__dot,.roadmap-item--ideation .roadmap-item__dot{background:transparent;border-style:dashed;opacity:.85}.roadmap-item--planned .roadmap-item__title,.roadmap-item--ideation .roadmap-item__title{opacity:.85}.roadmap-item--ideation .roadmap-item__dot{border-style:dotted}@media (max-width: 1024px){.roadmap-page{padding:1.5rem 1.5rem 3rem}}@media (max-width: 768px){.roadmap-page{padding:1rem 1rem 2rem}.roadmap-section{padding:1rem}}@media (max-width: 600px){.roadmap-page{padding:.75rem .75rem 2rem}.roadmap-toggle{width:100%;flex-direction:column}.roadmap-toggle__btn{width:100%;text-align:center}.roadmap-item{grid-template-columns:32px minmax(0,1fr)}.roadmap-item__dot{width:32px;height:32px;font-size:.95rem}.roadmap-item__preview{padding:.75rem}}.howto-page{width:100%;max-width:100%;margin:0;padding:2rem 2.5rem 4rem;overflow-x:hidden}.howto-header{margin-bottom:2.5rem}.howto-title{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .5rem;color:#1a202c}.dark-theme .howto-title{color:#e2e8f0}.howto-subtitle{color:#4a5568;margin:0;max-width:70ch;font-size:1.05rem;line-height:1.6}.dark-theme .howto-subtitle{color:#a0aec0}.howto-subtitle code{font-size:.9em;background:#f1f5f9;padding:.15em .4em;border-radius:.25rem;border:1px solid #e2e8f0;font-family:ui-monospace,Consolas,monospace}.dark-theme .howto-subtitle code{background:#2d3748;border-color:#4a5568}.howto-inline-icon{display:inline-flex;align-items:center;vertical-align:middle;color:#4299e1}.dark-theme .howto-inline-icon{color:#63b3ed}.howto-section{margin-bottom:3rem;overflow:hidden}.howto-section__title{font-size:1.75rem;font-weight:800;margin:0 0 .5rem;color:#1a202c;letter-spacing:-.02em}.dark-theme .howto-section__title{color:#e2e8f0}.howto-section__lead{color:#4a5568;margin:0 0 1.5rem;font-size:1rem;line-height:1.6}.dark-theme .howto-section__lead{color:#a0aec0}.howto-section__lead code{font-size:.9em;background:#f1f5f9;padding:.1em .3em;border-radius:.2rem;font-family:ui-monospace,Consolas,monospace}.dark-theme .howto-section__lead code{background:#2d3748}.howto-install{margin-bottom:2rem}.howto-install__tabs{display:inline-flex;gap:.25rem;margin-bottom:.75rem;border:1px solid #e2e8f0;border-radius:.5rem .5rem 0 0;padding:.25rem;background:#f8fafc}.dark-theme .howto-install__tabs{border-color:#2d3748;background:#2d3748}.howto-install__tab{padding:.4rem 1rem;border:none;border-radius:.4rem;background:transparent;color:#4a5568;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.dark-theme .howto-install__tab{color:#a0aec0}.howto-install__tab:hover{color:#1a202c;background:white}.dark-theme .howto-install__tab:hover{color:#e2e8f0;background:#1a202c}.howto-install__tab--active{background:#4299e1;color:#fff}.dark-theme .howto-install__tab--active{background:#63b3ed;color:#1a202c}.howto-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}.howto-grid>*{min-width:0}.howto-card__demo{width:100%}.howto-card__demo>*{min-width:0}.howto-card{border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;background:white;box-shadow:0 1px 3px #00000014;min-width:0;overflow:hidden;transition:box-shadow .2s,border-color .2s}.howto-card:hover{box-shadow:0 4px 12px #0000001f;border-color:#cbd5e1}.dark-theme .howto-card{border-color:#2d3748;background:#2d3748;box-shadow:0 1px 3px #0000004d}.dark-theme .howto-card:hover{box-shadow:0 4px 12px #0006;border-color:#4a5568}.howto-card__header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.howto-card__title{font-size:1.05rem;font-weight:700;margin:0;color:#1a202c;line-height:1.3}.dark-theme .howto-card__title{color:#e2e8f0}.howto-card__badge{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.15rem .5rem;border-radius:999px;background:#e0f2fe;color:#0284c7;white-space:nowrap}.dark-theme .howto-card__badge{background:#2c5282;color:#63b3ed}.howto-card__desc{font-size:.875rem;color:#4a5568;margin:0 0 1rem;line-height:1.5}.dark-theme .howto-card__desc{color:#a0aec0}.howto-card__demo{margin-bottom:.75rem;min-width:0;overflow:hidden}.howto-source{border-top:1px solid #e2e8f0;padding-top:.75rem;margin-top:.5rem}.dark-theme .howto-source{border-top-color:#4a5568}.howto-source__toolbar{display:flex;gap:.5rem;align-items:center}.howto-source__btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid #e2e8f0;border-radius:.4rem;background:#f8fafc;color:#4a5568;font:inherit;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.dark-theme .howto-source__btn{border-color:#4a5568;background:#1a202c;color:#a0aec0}.howto-source__btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1a202c}.dark-theme .howto-source__btn:hover{background:#2d3748;border-color:#718096;color:#e2e8f0}.howto-source__btn--toggle:hover{color:#4299e1;border-color:#4299e1}.dark-theme .howto-source__btn--toggle:hover{color:#63b3ed;border-color:#63b3ed}.howto-source__btn--copy:hover{color:#16a34a;border-color:#16a34a}.dark-theme .howto-source__btn--copy:hover{color:#34d399;border-color:#34d399}.howto-source__code{margin-top:.75rem;min-width:0;overflow:hidden}@media (max-width: 1024px){.howto-page{padding:1.5rem 1.5rem 3rem}.howto-grid{grid-template-columns:1fr}}@media (max-width: 768px){.howto-page{padding:1rem 1rem 2rem}.howto-card{padding:1rem}.howto-source__btn{padding:.35rem .6rem;font-size:.75rem}}@media (max-width: 480px){.howto-page{padding:.75rem .75rem 2rem}.howto-section__title{font-size:1.4rem}.howto-source__btn span{display:none}.howto-source__btn{padding:.4rem}}.button-component{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:none;border-radius:var(--theme-radius-md);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--theme-font-size-sm);font-weight:var(--theme-font-weight-semibold);gap:var(--theme-spacing-2);justify-content:center;letter-spacing:.025em;min-height:44px;outline:none;overflow:hidden;padding:var(--theme-spacing-3) var(--theme-spacing-6);position:relative;text-decoration:none;transition:var(--theme-transition-all-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.button-component:focus{box-shadow:var(--theme-shadow-focus),var(--theme-shadow-md);transform:translateY(-1px)}.button-component:disabled{cursor:not-allowed;filter:grayscale(.3);opacity:.5;pointer-events:none}.button-component-xs{min-height:32px;padding:var(--theme-spacing-1-5) var(--theme-spacing-3)}.button-component-sm,.button-component-xs{border-radius:var(--theme-radius-sm);font-size:var(--theme-font-size-xs)}.button-component-sm{min-height:36px;padding:var(--theme-spacing-2) var(--theme-spacing-4)}.button-component-md{border-radius:var(--theme-radius-md);font-size:var(--theme-font-size-sm);min-height:44px;padding:var(--theme-spacing-3) var(--theme-spacing-6)}.button-component-lg{border-radius:var(--theme-radius-lg);font-size:var(--theme-font-size-base);min-height:52px;padding:var(--theme-spacing-4) var(--theme-spacing-8)}.button-component-xl{border-radius:var(--theme-radius-xl);font-size:var(--theme-font-size-lg);min-height:60px;padding:var(--theme-spacing-5) var(--theme-spacing-10)}.button-component-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #3b82f640,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-primary:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.button-component-primary:hover:before{left:100%}.button-component-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f659,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-primary:active{box-shadow:0 4px 12px #3b82f64d,0 1px 3px #0003,inset 0 1px #ffffff1a;transform:translateY(-1px)}.button-component-secondary{background:linear-gradient(135deg,#06b6d4,#0891b2);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #06b6d440,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-secondary:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 8px 25px #06b6d459,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-success{background:linear-gradient(135deg,#10b981,#059669);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #10b98140,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98159,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #ef444440,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444459,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-warning{background:linear-gradient(135deg,#f59e0b,#d97706);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #f59e0b40,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-warning:hover{background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 25px #f59e0b59,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-info{background:linear-gradient(135deg,#3b82f6,#2563eb);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 4px 14px #3b82f640,0 1px 3px #0000001a,inset 0 1px #ffffff1a;color:#fff}.button-component-info:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px #3b82f659,0 4px 12px #00000026,inset 0 1px #ffffff26;transform:translateY(-2px)}.button-component-outline{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1.5px solid hsla(0,0%,100%,.2);color:var(--text-color)}.button-component-outline:hover{background:rgba(59,130,246,.1);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626,0 1px 3px #0000001a;color:#3b82f6;transform:translateY(-1px)}.button-component-outline-primary{background:rgba(59,130,246,.05);border:1.5px solid #3b82f6;color:#3b82f6}.button-component-outline-primary:hover{background:#3b82f6;box-shadow:0 8px 25px #3b82f64d,0 4px 12px #00000026;color:#fff;transform:translateY(-2px)}.button-component-outline-secondary{background:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color)}.button-component-outline-secondary:hover{background:var(--secondary-color);box-shadow:0 6px 20px #0594b84d;color:var(--inverse-color);transform:translateY(-2px)}.button-component-outline-success{background:transparent;border:2px solid var(--success-color);color:var(--success-color)}.button-component-outline-success:hover{background:var(--success-color);box-shadow:0 6px 20px #15793e4d;color:var(--inverse-color);transform:translateY(-2px)}.button-component-outline-danger{background:transparent;border:2px solid var(--error-color);color:var(--error-color)}.button-component-outline-danger:hover{background:var(--error-color);box-shadow:0 6px 20px #e74c3c4d;color:var(--inverse-color);transform:translateY(-2px)}.button-component-outline-warning{background:transparent;border:2px solid var(--warning-color);color:var(--warning-color-dark)}.button-component-outline-warning:hover{background:var(--warning-color);box-shadow:0 6px 20px #fcd6404d;color:var(--text-color);transform:translateY(-2px)}.button-component-outline-info{background:transparent;border:2px solid var(--info-color);color:var(--info-color)}.button-component-outline-info:hover{background:var(--info-color);box-shadow:0 6px 20px #64befa4d;color:var(--inverse-color);transform:translateY(-2px)}.button-component-ghost{background:transparent;border:1px solid transparent;color:var(--text-color)}.button-component-ghost:hover{background:rgba(59,130,246,.08);border-color:#3b82f633;box-shadow:0 2px 8px #3b82f61a;color:#3b82f6;transform:translateY(-1px)}.button-component-ghost-primary{background:transparent;border:1px solid transparent;color:#3b82f6}.button-component-ghost-primary:hover{background:rgba(59,130,246,.08);border-color:#3b82f633;color:#3b82f6;transform:translateY(-1px)}.button-component-loading{color:transparent;pointer-events:none;position:relative}.button-component-loading:after{animation:button-loading-spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:currentcolor;content:"";height:18px;left:50%;margin-left:-9px;margin-top:-9px;position:absolute;top:50%;width:18px}@keyframes button-loading-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.button-component-group{display:inline-flex;vertical-align:middle}.button-component-group>.button-component{border-radius:0;border-right-width:0}.button-component-group>.button-component:first-child{border-bottom-left-radius:var(--theme-radius-md);border-top-left-radius:var(--theme-radius-md)}.button-component-group>.button-component:last-child{border-bottom-right-radius:var(--theme-radius-md);border-right-width:2px;border-top-right-radius:var(--theme-radius-md)}.button-component-group>.button-component:hover{position:relative;z-index:1}.button-component-icon-left{flex-direction:row}.button-component-icon-right{flex-direction:row-reverse}.button-component-icon-only{min-width:44px;padding:var(--theme-spacing-3)}.button-component-icon-only.button-component-xs{min-width:32px;padding:var(--theme-spacing-1-5)}.button-component-icon-only.button-component-sm{min-width:36px;padding:var(--theme-spacing-2)}.button-component-icon-only.button-component-lg{min-width:52px;padding:var(--theme-spacing-4)}.button-component-icon-only.button-component-xl{min-width:60px;padding:var(--theme-spacing-5)}.button-component-icon{align-items:center;display:inline-flex;font-size:1em;justify-content:center;line-height:1;min-width:1em}.button-component-text{align-items:center;display:inline-flex;white-space:nowrap}.button-component-block{display:flex;width:100%}.button-component-fab{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:50%;bottom:var(--theme-spacing-6);box-shadow:0 8px 32px #0000001f,0 4px 16px #00000014,0 2px 8px #0000000a;height:56px;padding:0;position:fixed;right:var(--theme-spacing-6);width:56px;z-index:1000}.button-component-fab:hover{box-shadow:0 12px 40px #00000026,0 6px 20px #0000001a,0 3px 12px #0000000d;transform:scale(1.05) translateY(-2px)}@media (max-width:768px){.button-component{font-size:var(--theme-font-size-xs);min-height:40px;padding:var(--theme-spacing-2-5) var(--theme-spacing-5)}.button-component-lg{font-size:var(--theme-font-size-sm);min-height:48px;padding:var(--theme-spacing-3-5) var(--theme-spacing-7)}.button-component-xl{font-size:var(--theme-font-size-base);min-height:52px;padding:var(--theme-spacing-4) var(--theme-spacing-8)}.button-component-fab{bottom:var(--theme-spacing-4);height:48px;right:var(--theme-spacing-4);width:48px}}[data-theme=dark] .button-component-outline{border-color:var(--border-color);color:var(--text-color)}[data-theme=dark] .button-component-outline:hover{background:var(--hover-bg);border-color:var(--primary-color)}[data-theme=dark] .button-component-ghost:hover{background:var(--hover-bg)}@media (prefers-contrast:high){.button-component{border-width:2px;font-weight:700}.button-component:focus{box-shadow:0 0 0 4px var(--primary-color-alpha),0 0 0 6px #000c}}@media (prefers-reduced-motion:reduce){.button-component{transition:var(--theme-transition-none)}.button-component:before{display:none}.button-component:hover{transform:none}.button-component-loading:after{animation:none}.button-component-fab:hover{transform:none}}.search-input-container{display:inline-block;position:relative;width:100%}.search-input-container:hover .search-input{border-color:var(--theme-color-primary)}.search-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-weight:var(--theme-font-weight-normal);letter-spacing:.01em;line-height:var(--theme-line-height-normal);outline:none;transition:all var(--theme-transition-fast)}.search-input::placeholder{color:var(--theme-color-text-secondary);font-style:italic;opacity:.7}.search-input:focus{border-color:var(--theme-color-primary)!important;box-shadow:0 0 0 2px var(--theme-color-primary-alpha)!important;outline:none}.search-input:disabled{background-color:var(--theme-color-background-secondary);color:var(--theme-color-text-secondary);cursor:not-allowed;opacity:.6}.clear-search-btn{align-items:center;background:none;border:none;border-radius:var(--theme-radius-full);color:var(--theme-color-error);cursor:pointer;display:flex;justify-content:center;padding:var(--theme-spacing-xs);transition:all var(--theme-transition-fast)}.clear-search-btn:hover{background-color:var(--theme-color-error);color:var(--theme-color-background)!important;transform:scale(1.1)}.clear-search-btn:focus{outline:2px solid var(--theme-color-primary);outline-offset:2px}.clear-search-btn:active{transform:scale(.95)}.search-icon{align-items:center;color:var(--theme-color-text-secondary);display:flex;justify-content:center;pointer-events:none}.filter-group{margin-bottom:var(--theme-spacing-md)}.search-input-container.search-type-default .search-input{border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md)}.search-input-container.search-type-compact .search-input{border-radius:var(--theme-radius-sm);font-size:var(--theme-font-size-sm)}.search-input-container.search-type-outlined .search-input{background-color:var(--theme-color-background-secondary);border:2px solid var(--theme-color-border);border-radius:var(--theme-radius-lg)}.search-input-container.search-type-minimal .search-input{background-color:transparent;border:none;border-bottom:2px solid var(--theme-color-border);border-radius:0}.search-input-container.search-type-minimal .search-input:focus{border-bottom-color:var(--theme-color-primary)!important;box-shadow:0 2px 0 0 var(--theme-color-primary-alpha)!important}@media (max-width:640px){.search-input-container{max-width:none;width:100%}.search-input{font-size:var(--theme-font-size-base);padding:var(--theme-spacing-sm) var(--theme-spacing-md)}.clear-search-btn,.search-icon{height:var(--theme-spacing-lg);width:var(--theme-spacing-lg)}}[data-theme=dark] .search-input{background-color:var(--theme-color-background-secondary);border-color:var(--theme-color-border);color:var(--theme-color-text)}[data-theme=dark] .search-input::placeholder{color:var(--theme-color-text-secondary);opacity:.8}[data-theme=dark] .clear-search-btn:hover{background-color:var(--theme-color-error);color:var(--theme-color-background)}[data-theme=dark] .search-icon{color:var(--theme-color-text-secondary)}@media (prefers-contrast:high){.search-input{border-color:var(--theme-color-text);border-width:2px}.search-input:focus{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-alpha)}.clear-search-btn{border:1px solid var(--theme-color-error)}}@media (prefers-reduced-motion:reduce){.clear-search-btn,.search-icon,.search-input{transition:none}.clear-search-btn:active,.clear-search-btn:hover{transform:none}}.search-input-container.loading .search-input{animation:shimmer 1.5s infinite;background-image:linear-gradient(90deg,transparent,var(--theme-color-primary-alpha),transparent);background-size:200% 100%}.search-input-container.error .search-input{border-color:var(--theme-color-error);box-shadow:0 0 0 2px var(--theme-color-error-alpha,rgba(220,38,38,.1))}.search-input-container.success .search-input{border-color:var(--theme-color-success);box-shadow:0 0 0 2px var(--theme-color-success-alpha,rgba(21,121,62,.1))}.search-input-container:focus-within{z-index:10}.clear-search-btn svg,.search-icon svg{transition:all var(--theme-transition-fast)}.clear-search-btn:hover svg{transform:rotate(90deg)}.search-suggestions{background:var(--theme-color-background);border:1px solid var(--theme-color-border);border-radius:0 0 var(--theme-radius-md) var(--theme-radius-md);border-top:none;box-shadow:var(--theme-shadow-lg);left:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:100}.search-suggestion-item{border-bottom:1px solid var(--theme-color-border);cursor:pointer;padding:var(--theme-spacing-sm) var(--theme-spacing-md);transition:background-color var(--theme-transition-fast)}.search-suggestion-item.highlighted,.search-suggestion-item:hover{background-color:var(--theme-color-primary);color:var(--theme-color-background)}.search-suggestion-item:last-child{border-bottom:none}.dropdown-container{display:inline-block;position:relative}.dropdown-container:hover .filter-select{border-color:var(--theme-color-primary)}.filter-select{font-family:inherit;font-weight:var(--theme-font-weight-normal);letter-spacing:.01em;line-height:var(--theme-line-height-normal);outline:none}.filter-select:focus{border-color:var(--theme-color-primary)!important;box-shadow:0 0 0 2px var(--theme-color-primary-alpha)!important;outline:none}.filter-select:disabled{background-color:var(--theme-color-background-secondary);color:var(--theme-color-text-secondary);cursor:not-allowed;opacity:.6}.filter-select option{font-size:inherit;line-height:1.4;padding:var(--theme-spacing-sm) var(--theme-spacing-md)}.filter-select option:hover{background-color:var(--theme-color-primary);color:var(--theme-color-background)}.filter-group{display:flex;flex-direction:column;gap:var(--theme-spacing-xs)}@media (max-width:640px){.dropdown-container{max-width:none;width:100%}.filter-select{font-size:var(--theme-font-size-base);padding:var(--theme-spacing-sm) var(--theme-spacing-md);padding-right:var(--theme-spacing-xl)}}[data-theme=dark] .filter-select{border-color:var(--theme-color-border)}[data-theme=dark] .filter-select,[data-theme=dark] .filter-select option{background-color:var(--theme-color-background-secondary);color:var(--theme-color-text)}@media (prefers-contrast:high){.filter-select{border-color:var(--theme-color-text);border-width:2px}.filter-select:focus{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-alpha)}}@media (prefers-reduced-motion:reduce){.dropdown-container:hover .filter-select,.filter-select{transition:none}}.input-field-container{display:flex;flex-direction:column;gap:var(--theme-spacing-xs);max-width:400px;position:relative;width:100%}.input-field-full-width{max-width:none}.input-field-label{color:var(--theme-color-text);display:block;font-size:var(--theme-font-size-sm);font-weight:var(--theme-font-weight-medium);line-height:var(--theme-line-height-tight);margin-bottom:var(--theme-spacing-xs)}.input-field-required{color:var(--theme-color-error);margin-left:var(--theme-spacing-0-5)}.input-field-wrapper{align-items:center;display:flex;position:relative}.input-field{background-color:var(--theme-color-background);box-sizing:border-box;color:var(--theme-color-text);font-family:inherit;font-weight:var(--theme-font-weight-normal);letter-spacing:.01em;line-height:var(--theme-line-height-normal);outline:none;transition:all var(--theme-transition-fast);width:100%}.input-field::placeholder{color:var(--theme-color-text-secondary);font-style:italic;opacity:.7}.input-field:focus{outline:none}.input-field:disabled{background-color:var(--theme-color-background-secondary);color:var(--theme-color-text-secondary);cursor:not-allowed;opacity:.6}.input-field:read-only{background-color:var(--theme-color-background-secondary);cursor:default}.input-field-textarea{font-family:inherit;line-height:1.5;resize:vertical}.input-field-no-resize{resize:none}.input-field-size-sm .input-field{font-size:var(--theme-font-size-xs);min-height:32px;padding:var(--theme-spacing-1-5) var(--theme-spacing-3)}.input-field-size-md .input-field{font-size:var(--theme-font-size-sm);min-height:40px;padding:var(--theme-spacing-2-5) var(--theme-spacing-4)}.input-field-size-lg .input-field{font-size:var(--theme-font-size-base);min-height:48px;padding:var(--theme-spacing-3-5) var(--theme-spacing-5)}.input-field-default .input-field{border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-md);box-shadow:var(--theme-shadow-sm)}.input-field-default:hover .input-field{border-color:var(--theme-color-primary)}.input-field-default.input-field-focused .input-field{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-alpha)}.input-field-compact .input-field{border:1px solid var(--theme-color-border);border-radius:var(--theme-radius-sm);box-shadow:none}.input-field-compact .input-field-size-sm .input-field{font-size:var(--theme-font-size-xs);min-height:28px;padding:var(--theme-spacing-1) var(--theme-spacing-2)}.input-field-compact .input-field-size-md .input-field{font-size:var(--theme-font-size-xs);min-height:32px;padding:var(--theme-spacing-1-5) var(--theme-spacing-3)}.input-field-compact .input-field-size-lg .input-field{font-size:var(--theme-font-size-sm);min-height:36px;padding:var(--theme-spacing-2) var(--theme-spacing-4)}.input-field-compact:hover .input-field{border-color:var(--theme-color-primary)}.input-field-compact.input-field-focused .input-field{border-color:var(--theme-color-primary);box-shadow:0 0 0 2px var(--theme-color-primary-alpha)}.input-field-outlined .input-field{background-color:var(--theme-color-background);border:2px solid var(--theme-color-border);border-radius:var(--theme-radius-lg);box-shadow:var(--theme-shadow-sm)}.input-field-outlined:hover .input-field{border-color:var(--theme-color-primary);box-shadow:var(--theme-shadow-md)}.input-field-outlined.input-field-focused .input-field{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-alpha),var(--theme-shadow-md);transform:translateY(-1px)}.input-field-minimal .input-field{background-color:transparent;border:none;border-bottom:2px solid var(--theme-color-border);border-radius:0;box-shadow:none;padding-left:0;padding-right:0}.input-field-minimal.input-field-with-icon.input-field-icon-left .input-field{padding-left:3rem}.input-field-minimal.input-field-with-icon.input-field-icon-right .input-field{padding-right:3rem}.input-field-minimal:hover .input-field{border-bottom-color:var(--theme-color-primary)}.input-field-minimal.input-field-focused .input-field{border-bottom-color:var(--theme-color-primary);box-shadow:0 2px 0 0 var(--theme-color-primary-alpha)}.input-field-with-icon.input-field-icon-left .input-field{padding-left:3rem}.input-field-with-icon.input-field-icon-right .input-field{padding-right:3rem}.input-field-icon{align-items:center;color:var(--theme-color-text-secondary);display:flex;justify-content:center;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.input-field-icon-left{left:1rem}.input-field-icon-right{right:1rem}.input-field-size-sm.input-field-with-icon.input-field-icon-left .input-field{padding-left:2.5rem}.input-field-size-sm.input-field-with-icon.input-field-icon-right .input-field{padding-right:2.5rem}.input-field-size-sm .input-field-icon-left{left:.75rem}.input-field-size-sm .input-field-icon-right{right:.75rem}.input-field-size-lg.input-field-with-icon.input-field-icon-left .input-field{padding-left:3.5rem}.input-field-size-lg.input-field-with-icon.input-field-icon-right .input-field{padding-right:3.5rem}.input-field-size-lg .input-field-icon-left{left:1.25rem}.input-field-size-lg .input-field-icon-right{right:1.25rem}.input-field-focused .input-field-icon{color:var(--theme-color-primary)}.input-field-error .input-field{border-color:var(--theme-color-error)!important;box-shadow:0 0 0 3px #dc26261a!important}.input-field-error .input-field-icon{color:var(--theme-color-error)}.input-field-success .input-field{border-color:var(--theme-color-success)!important;box-shadow:0 0 0 3px #15803d1a!important}.input-field-success .input-field-icon{color:var(--theme-color-success)}.input-field-loading{position:relative}.input-field-loading-spinner{position:absolute;right:var(--theme-spacing-3);top:50%;transform:translateY(-50%);z-index:2}.spinner{animation:spin 1s linear infinite;border-top:2px solid var(--theme-color-border);border:2px solid var(--theme-color-border);border-radius:50%;border-top-color:var(--theme-color-primary);height:16px;width:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.input-field-footer{align-items:flex-start;display:flex;gap:var(--theme-spacing-2);justify-content:space-between;min-height:20px}.input-field-error-text{color:var(--theme-color-error);font-weight:var(--theme-font-weight-medium)}.input-field-error-text,.input-field-helper-text{flex:1;font-size:var(--theme-font-size-xs);line-height:var(--theme-line-height-tight)}.input-field-character-count,.input-field-helper-text{color:var(--theme-color-text-secondary)}.input-field-character-count{font-size:var(--theme-font-size-xs);font-weight:var(--theme-font-weight-medium);line-height:var(--theme-line-height-tight);white-space:nowrap}.input-field-disabled{opacity:.6;pointer-events:none}.input-field-disabled .input-field-label{color:var(--theme-color-text-secondary)}.input-field-readonly .input-field{background-color:var(--theme-color-background-secondary);cursor:default}@media (max-width:640px){.input-field-container{max-width:none}.input-field-size-sm .input-field{font-size:var(--theme-font-size-sm);min-height:36px}.input-field-size-md .input-field{font-size:var(--theme-font-size-base);min-height:44px}.input-field-size-lg .input-field{font-size:var(--theme-font-size-lg);min-height:52px}}[data-theme=dark] .input-field{background-color:var(--theme-color-background-secondary);border-color:var(--theme-color-border);color:var(--theme-color-text)}[data-theme=dark] .input-field::placeholder{color:var(--theme-color-text-secondary);opacity:.8}[data-theme=dark] .input-field:disabled{background-color:var(--theme-color-background);opacity:.5}@media (prefers-contrast:high){.input-field{border-width:2px}.input-field:focus{box-shadow:0 0 0 4px var(--theme-color-primary-alpha)}.input-field-error .input-field,.input-field-success .input-field{border-width:3px}}@media (prefers-reduced-motion:reduce){.input-field{transition:none}.spinner{animation:none}.input-field-outlined.input-field-focused .input-field{transform:none}}.input-field:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.input-field-error .input-field-error-text{font-weight:var(--theme-font-weight-semibold)}.input-field-loading .input-field{position:relative}.input-field-loading .input-field:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,transparent,var(--theme-color-primary-alpha),transparent);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.input-field-textarea.input-field{line-height:1.5;min-height:80px;padding-bottom:var(--theme-spacing-3);padding-top:var(--theme-spacing-3)}.input-field-size-sm .input-field-textarea.input-field{min-height:60px;padding-bottom:var(--theme-spacing-2);padding-top:var(--theme-spacing-2)}.input-field-size-lg .input-field-textarea.input-field{min-height:100px;padding-bottom:var(--theme-spacing-4);padding-top:var(--theme-spacing-4)}.input-field-switch-wrapper{align-items:center;cursor:pointer;display:flex;gap:var(--theme-spacing-3);-webkit-user-select:none;user-select:none}.input-field-switch{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:var(--theme-color-border)!important;border:none!important;border-radius:12px!important;cursor:pointer!important;height:24px!important;margin:0!important;min-height:auto!important;outline:none!important;padding:0!important;position:relative!important;transition:all var(--theme-transition-fast)!important;width:44px!important}.input-field-switch:checked{background-color:var(--theme-color-primary)!important}.input-field-switch:before{background-color:#fff!important;border-radius:50%!important;box-shadow:var(--theme-shadow-sm)!important;content:""!important;height:20px!important;left:2px!important;position:absolute!important;top:2px!important;transition:all var(--theme-transition-fast)!important;width:20px!important}.input-field-switch:checked:before{transform:translate(20px)!important}.input-field-switch:focus-visible{outline:2px solid var(--theme-color-primary);outline-offset:2px}.input-field-switch:disabled{cursor:not-allowed;opacity:.5}.input-field-switch-label{color:var(--theme-color-text);font-size:var(--theme-font-size-sm);font-weight:var(--theme-font-weight-medium);transition:color var(--theme-transition-fast)}.input-field-size-sm .input-field-switch{border-radius:10px;height:20px;width:36px}.input-field-size-sm .input-field-switch:before{height:16px;left:2px;top:2px;width:16px}.input-field-size-sm .input-field-switch:checked:before{transform:translate(16px)}.input-field-size-lg .input-field-switch{border-radius:14px;height:28px;width:52px}.input-field-size-lg .input-field-switch:before{height:24px;left:2px;top:2px;width:24px}.input-field-size-lg .input-field-switch:checked:before{transform:translate(24px)}.input-field-outlined .input-field-switch{background-color:var(--theme-color-background);border:2px solid var(--theme-color-border)}.input-field-outlined .input-field-switch:checked{background-color:var(--theme-color-primary);border-color:var(--theme-color-primary)}.input-field-minimal .input-field-switch{background-color:transparent;border:2px solid var(--theme-color-border)}.input-field-minimal .input-field-switch:checked{background-color:transparent;border-color:var(--theme-color-primary)}.input-field-minimal .input-field-switch:before{background-color:var(--theme-color-primary);opacity:0}.input-field-minimal .input-field-switch:checked:before{opacity:1}.input-field-compact .input-field-switch{border-radius:11px;height:22px;width:40px}.input-field-compact .input-field-switch:before{height:18px;left:2px;top:2px;width:18px}.input-field-compact .input-field-switch:checked:before{transform:translate(18px)}[data-theme=dark] .input-field-switch{background-color:var(--theme-color-background-secondary)}[data-theme=dark] .input-field-switch:before{background-color:var(--theme-color-background)}@media (prefers-contrast:high){.input-field-switch{border:2px solid var(--theme-color-text)}.input-field-switch:before{border:1px solid var(--theme-color-text)}}@media (prefers-reduced-motion:reduce){.input-field-switch,.input-field-switch-label,.input-field-switch:before{transition:none}}.input-field-multi select{height:auto;min-height:calc(var(--theme-spacing-md)*2 + 1rem)}.input-field-accept input[type=file]{cursor:pointer}.input-field-accept input[type=file]:hover{background-color:var(--theme-color-background-hover)}.input-field-multiple input[type=file]{padding:var(--theme-spacing-sm)}.input-field-multiple input[type=file]::file-selector-button{background-color:var(--theme-color-primary);border:none;border-radius:var(--theme-radius-sm);color:var(--theme-color-background);cursor:pointer;font-size:var(--theme-font-size-sm);margin-right:var(--theme-spacing-sm);padding:var(--theme-spacing-xs) var(--theme-spacing-sm);transition:background-color var(--theme-transition-fast)}.input-field-multiple input[type=file]::file-selector-button:hover{background-color:var(--theme-color-primary-hover)}.input-field-checked input[type=checkbox],.input-field-checked input[type=radio]{accent-color:var(--theme-color-primary)}.input-field-checked input[type=checkbox]:checked,.input-field-checked input[type=radio]:checked{background-color:var(--theme-color-primary);border-color:var(--theme-color-primary)}.input-field-color input[type=color]{background:none;border:2px solid var(--theme-color-border);border-radius:var(--theme-radius-sm);cursor:pointer;height:40px;padding:0;width:60px}.input-field-color input[type=color]:focus,.input-field-color input[type=color]:hover{border-color:var(--theme-color-primary);box-shadow:0 0 0 3px var(--theme-color-primary-alpha)}.input-field-color input[type=color]:focus{outline:none}.input-field-button button,.input-field-reset button,.input-field-submit button{background-color:var(--theme-color-background);border:2px solid var(--theme-color-border);border-radius:var(--theme-radius-md);color:var(--theme-color-text);font-size:var(--theme-font-size-base);font-weight:var(--theme-font-weight-medium);min-width:100px;padding:var(--theme-spacing-sm) var(--theme-spacing-md);transition:all var(--theme-transition-fast)}.input-field-button button:hover,.input-field-reset button:hover{background-color:var(--theme-color-background-hover);border-color:var(--theme-color-primary)}.input-field-submit button{background-color:var(--theme-color-primary);border-color:var(--theme-color-primary);color:var(--theme-color-background)}.input-field-submit button:hover{background-color:var(--theme-color-primary-hover);border-color:var(--theme-color-primary-hover)}.input-field-button button:focus,.input-field-reset button:focus,.input-field-submit button:focus{box-shadow:0 0 0 3px var(--theme-color-primary-alpha);outline:none}.input-field-button button:active,.input-field-reset button:active,.input-field-submit button:active{transform:translateY(1px)}.input-field-disabled .input-field-button button,.input-field-disabled .input-field-reset button,.input-field-disabled .input-field-submit button{background-color:var(--theme-color-background-disabled);border-color:var(--theme-color-border-disabled);color:var(--theme-color-text-disabled);opacity:.6}.input-field-disabled .input-field-button button:hover,.input-field-disabled .input-field-reset button:hover,.input-field-disabled .input-field-submit button:hover{background-color:var(--theme-color-background-disabled);border-color:var(--theme-color-border-disabled)}.input-field-size-sm .input-field-button button,.input-field-size-sm .input-field-reset button,.input-field-size-sm .input-field-submit button{font-size:var(--theme-font-size-sm);min-width:80px;padding:var(--theme-spacing-xs) var(--theme-spacing-sm)}.input-field-size-lg .input-field-button button,.input-field-size-lg .input-field-reset button,.input-field-size-lg .input-field-submit button{font-size:var(--theme-font-size-lg);min-width:120px;padding:var(--theme-spacing-md) var(--theme-spacing-lg)}.input-field-compact .input-field-button button,.input-field-compact .input-field-reset button,.input-field-compact .input-field-submit button{border-radius:var(--theme-radius-sm);padding:var(--theme-spacing-xs) var(--theme-spacing-sm)}.input-field-outlined .input-field-button button,.input-field-outlined .input-field-reset button{background-color:transparent;border:2px solid var(--theme-color-primary);color:var(--theme-color-primary)}.input-field-outlined .input-field-button button:hover,.input-field-outlined .input-field-reset button:hover{background-color:var(--theme-color-primary-alpha)}.input-field-outlined .input-field-submit button{background-color:var(--theme-color-primary);color:var(--theme-color-background)}.input-field-minimal .input-field-button button,.input-field-minimal .input-field-reset button,.input-field-minimal .input-field-submit button{background-color:transparent;color:var(--theme-color-primary);min-width:auto;padding:var(--theme-spacing-xs);text-decoration:underline}.input-field-minimal .input-field-button button:hover,.input-field-minimal .input-field-reset button:hover,.input-field-minimal .input-field-submit button:hover{background-color:var(--theme-color-primary-alpha);text-decoration:none}.button-icon-left,.button-icon-only,.button-icon-right{align-items:center;display:inline-flex;justify-content:center;margin:0 var(--theme-spacing-xs,.25rem)}.button-icon-left{margin-right:var(--theme-spacing-sm,.5rem)}.button-icon-right{margin-left:var(--theme-spacing-sm,.5rem)}.button-icon-only{margin:0}.button-text{display:inline-block}.input-field-button button,.input-field-reset button,.input-field-submit button{align-items:center;background:var(--theme-color-primary,#4dabf7);border:none;border-radius:var(--theme-radius-md,8px);color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:var(--theme-font-weight-medium,500);gap:var(--theme-spacing-xs,.25rem);justify-content:center;min-height:40px;padding:var(--theme-spacing-sm,.5rem) var(--theme-spacing-md,1rem);transition:all var(--theme-transition-normal,.2s ease)}.input-field-button button:hover,.input-field-reset button:hover,.input-field-submit button:hover{background:var(--theme-color-primary-hover,#339af0);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.input-field-button button:focus,.input-field-reset button:focus,.input-field-submit button:focus{outline:2px solid var(--theme-color-primary,#4dabf7);outline-offset:2px}.input-field-button button:active,.input-field-reset button:active,.input-field-submit button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.input-field-submit button{background:var(--theme-color-success,#51cf66)}.input-field-submit button:hover{background:var(--theme-color-success-hover,#40c057)}.input-field-reset button{background:var(--theme-color-secondary,#868e96)}.input-field-reset button:hover{background:var(--theme-color-secondary-hover,#6c757d)}.input-field-disabled .input-field-button button,.input-field-disabled .input-field-reset button,.input-field-disabled .input-field-submit button{cursor:not-allowed;opacity:.5;transform:none}.input-field-disabled .input-field-button button:hover,.input-field-disabled .input-field-reset button:hover,.input-field-disabled .input-field-submit button:hover{box-shadow:none;transform:none}.input-field-size-sm .input-field-button button,.input-field-size-sm .input-field-reset button,.input-field-size-sm .input-field-submit button{font-size:var(--theme-font-size-sm,.875rem);min-height:32px;padding:var(--theme-spacing-xs,.25rem) var(--theme-spacing-sm,.5rem)}.input-field-size-lg .input-field-button button,.input-field-size-lg .input-field-reset button,.input-field-size-lg .input-field-submit button{font-size:var(--theme-font-size-lg,1.125rem);min-height:48px;padding:var(--theme-spacing-md,1rem) var(--theme-spacing-lg,1.5rem)}.input-field-compact .input-field-button button,.input-field-compact .input-field-reset button,.input-field-compact .input-field-submit button{border-radius:var(--theme-radius-sm,4px);padding:var(--theme-spacing-xs,.25rem) var(--theme-spacing-sm,.5rem)}.input-field-outlined .input-field-button button,.input-field-outlined .input-field-reset button,.input-field-outlined .input-field-submit button{background:transparent;border:2px solid var(--theme-color-primary,#4dabf7);color:var(--theme-color-primary,#4dabf7)}.input-field-outlined .input-field-button button:hover,.input-field-outlined .input-field-reset button:hover,.input-field-outlined .input-field-submit button:hover{background:var(--theme-color-primary,#4dabf7);color:#fff}.input-field-outlined .input-field-submit button{border-color:var(--theme-color-success,#51cf66);color:var(--theme-color-success,#51cf66)}.input-field-outlined .input-field-submit button:hover{background:var(--theme-color-success,#51cf66);color:#fff}.input-field-minimal .input-field-button button,.input-field-minimal .input-field-reset button,.input-field-minimal .input-field-submit button{background:transparent;border:none;box-shadow:none;color:var(--theme-color-primary,#4dabf7)}.input-field-minimal .input-field-button button:hover,.input-field-minimal .input-field-reset button:hover,.input-field-minimal .input-field-submit button:hover{background:rgba(77,171,247,.1);box-shadow:none;transform:none}[data-theme=dark] .input-field-button button,[data-theme=dark] .input-field-reset button,[data-theme=dark] .input-field-submit button{background:var(--theme-color-primary,#4dabf7);color:#fff}[data-theme=dark] .input-field-outlined .input-field-button button,[data-theme=dark] .input-field-outlined .input-field-reset button,[data-theme=dark] .input-field-outlined .input-field-submit button{background:transparent;border-color:var(--theme-color-primary,#4dabf7);color:var(--theme-color-primary,#4dabf7)}[data-theme=dark] .input-field-minimal .input-field-button button,[data-theme=dark] .input-field-minimal .input-field-reset button,[data-theme=dark] .input-field-minimal .input-field-submit button{background:transparent;color:var(--theme-color-primary,#4dabf7)}@media (prefers-contrast:high){.input-field-button button,.input-field-reset button,.input-field-submit button{border-width:2px}}@media (prefers-reduced-motion:reduce){.input-field-button button,.input-field-reset button,.input-field-submit button{transition:none}.input-field-button button:hover,.input-field-reset button:hover,.input-field-submit button:hover{transform:none}}.header-component{flex-direction:column;font-family:inherit;padding:var(--theme-spacing-md,1rem) var(--theme-spacing-lg,1.5rem);transition:all var(--theme-transition-normal,.2s ease)}.header-component,.header-content{display:flex;gap:var(--theme-spacing-md,1rem);width:100%}.header-content{align-items:center;justify-content:space-between}.header-center,.header-left,.header-right{align-items:center;display:flex;gap:var(--theme-spacing-md,1rem)}.header-center{flex:1;justify-content:center;text-align:center}.header-left{justify-content:flex-start}.header-right{justify-content:flex-end}.header-logo,.header-logo-text{align-items:center;border-radius:var(--theme-radius-md,8px);color:var(--theme-color-primary,#4dabf7);cursor:pointer;display:flex;font-size:var(--theme-font-size-lg,1.125rem);font-weight:var(--theme-font-weight-bold,700);justify-content:center;padding:var(--theme-spacing-sm,.5rem);transition:var(--theme-transition-normal,.2s ease)}.header-logo-text:hover,.header-logo:hover{background:rgba(77,171,247,.1);transform:translateY(-1px)}.header-logo-text{background:var(--theme-color-primary,#4dabf7);border-radius:50%;color:#fff;font-size:var(--theme-font-size-base,1rem);height:40px;width:40px}.header-title{color:var(--theme-color-text,#e6e6e6);cursor:pointer;font-size:var(--theme-font-size-2xl,1.5rem);font-weight:var(--theme-font-weight-bold,700);margin:0;transition:var(--theme-transition-normal,.2s ease)}.header-title:hover{color:var(--theme-color-primary,#4dabf7)}.header-subtitle{color:var(--theme-color-text-secondary,#ccc);font-size:var(--theme-font-size-base,1rem);font-weight:var(--theme-font-weight-normal,400);margin:0;opacity:.8}.header-actions,.header-center-content,.header-left-content,.header-right-content{align-items:center;display:flex;gap:var(--theme-spacing-sm,.5rem)}.header-component-admin{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--theme-color-background-secondary,hsla(0,0%,100%,.05));border:1px solid var(--theme-color-border,#333);border-radius:var(--theme-radius-lg,12px)}.header-admin-stats{border-top:1px solid var(--theme-color-border,#333);color:var(--theme-color-text-secondary,#ccc);display:flex;flex-wrap:wrap;font-size:var(--theme-font-size-sm,.875rem);font-weight:var(--theme-font-weight-medium,500);gap:var(--theme-spacing-lg,1.5rem);padding-top:var(--theme-spacing-md,1rem)}.admin-stat{align-items:center;background:var(--theme-color-background,#1a1a1a);border:1px solid var(--theme-color-border,#333);border-radius:var(--theme-radius-md,8px);display:flex;gap:var(--theme-spacing-sm,.5rem);padding:var(--theme-spacing-sm,.5rem) var(--theme-spacing-md,1rem)}.header-component-default{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a}.header-component-compact{background:var(--theme-color-background-secondary,hsla(0,0%,100%,.05));padding:var(--theme-spacing-sm,.5rem) var(--theme-spacing-md,1rem)}.header-component-outlined{background:transparent;border:2px solid var(--theme-color-border,#333);border-radius:var(--theme-radius-lg,12px)}.header-component-minimal{background:transparent;border:none;box-shadow:none}.header-component-sm{padding:var(--theme-spacing-sm,.5rem) var(--theme-spacing-md,1rem)}.header-component-md{padding:var(--theme-spacing-md,1rem) var(--theme-spacing-lg,1.5rem)}.header-component-lg{padding:var(--theme-spacing-lg,1.5rem) var(--theme-spacing-xl,2rem)}.header-component-left .header-center{justify-content:flex-start;text-align:left}.header-component-center .header-center{justify-content:center;text-align:center}.header-component-right .header-center{justify-content:flex-end;text-align:right}.header-component-space-between .header-content{justify-content:space-between}.header-component-elevation-low{box-shadow:0 2px 4px #0000001a}.header-component-elevation-medium{box-shadow:0 4px 8px #00000026}.header-component-elevation-high{box-shadow:0 8px 16px #0003}.header-component-fixed{left:0;position:fixed;right:0;top:0;z-index:1000}.header-component-transparent{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent!important}.header-component-border{border-bottom:1px solid var(--theme-color-border,#333)}.header-component-shadow{box-shadow:0 2px 8px #0000001a}@media (max-width:768px){.header-content{flex-direction:column;gap:var(--theme-spacing-md,1rem)}.header-center,.header-left,.header-right{justify-content:center;width:100%}.header-title{font-size:var(--theme-font-size-xl,1.25rem)}.header-admin-stats{flex-direction:column;gap:var(--theme-spacing-sm,.5rem)}}@media (max-width:480px){.header-component{padding:var(--theme-spacing-sm,.5rem)}.header-title{font-size:var(--theme-font-size-lg,1.125rem)}.header-subtitle{font-size:var(--theme-font-size-sm,.875rem)}}[data-theme=dark] .header-component-default{background:linear-gradient(135deg,#1f2937,#111827);border-bottom-color:#ffffff1a}[data-theme=dark] .header-component-compact{background:hsla(0,0%,100%,.05)}[data-theme=dark] .header-component-outlined{border-color:#fff3}[data-theme=dark] .header-title{color:#f9fafb}[data-theme=dark] .header-subtitle{color:#d1d5db}[data-theme=dark] .admin-stat{background:hsla(0,0%,100%,.05);border-color:#ffffff1a}@media (prefers-contrast:high){.header-component{border-width:2px}.header-component-border{border-bottom-width:3px}.admin-stat{border-width:2px}}@media (prefers-reduced-motion:reduce){.header-component,.header-logo,.header-logo-text,.header-title{transition:none}.header-logo-text:hover,.header-logo:hover,.header-title:hover{transform:none}}.admin-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--theme-color-background-secondary,hsla(0,0%,100%,.05));border-bottom:2px solid var(--theme-color-border,#444);border-radius:var(--theme-radius-lg,12px);flex-direction:column;padding:var(--theme-spacing-lg,1.5rem)}.admin-header,.admin-header-main{display:flex;margin-bottom:1.5rem}.admin-header-main{align-items:center;color:var(--theme-color-text-secondary,#ccc);flex-wrap:wrap;justify-content:space-between}.admin-header h1{align-items:center;color:var(--theme-color-primary,#4dabf7);display:flex;font-size:2rem;font-weight:600;gap:var(--theme-spacing-sm,.5rem);margin:auto}.admin-header h2{color:var(--theme-color-text-secondary,#ccc);font-size:1.125rem;margin:0;padding-bottom:.25rem}.admin-header-title{align-items:center;display:flex;flex-direction:column}.admin-header-subtitle{color:var(--theme-color-text-secondary,#ccc);font-size:1.125rem;margin:0;padding-bottom:.25rem}.admin-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.admin-stats{color:var(--theme-color-text-secondary,#ccc);display:flex;flex-wrap:wrap;font-size:.9rem;font-weight:500;gap:2rem}.admin-stats span{align-items:center;background:var(--theme-color-background,#1a1a1a);border:1px solid var(--theme-color-border,#333);border-radius:var(--theme-radius-md,8px);display:flex;gap:.5rem;padding:var(--theme-spacing-sm,.5rem) var(--theme-spacing-md,1rem)}@media (max-width:768px){.admin-header-main{flex-direction:column}.admin-header-main,.admin-header-title{align-items:flex-start}.admin-header h1{font-size:1.75rem}.admin-stats{font-size:.85rem;gap:1rem}}@media (max-width:480px){.admin-header-title{align-items:center}.admin-header h1{font-size:1.5rem}.admin-stats{flex-direction:column;gap:.5rem}}[data-theme=dark] .admin-header,[data-theme=dark] .admin-stats span{background:hsla(0,0%,100%,.05);border-color:#ffffff1a}@media (prefers-contrast:high){.admin-header{border-width:3px}.admin-stats span{border-width:2px}}@media (prefers-reduced-motion:reduce){.admin-header{-webkit-backdrop-filter:none;backdrop-filter:none}}*{transition:background-color var(--asm-motion-duration-normal) var(--asm-motion-easing-standard),color var(--asm-motion-duration-normal) var(--asm-motion-easing-standard),border-color var(--asm-motion-duration-normal) var(--asm-motion-easing-standard)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}