:root{color-scheme:light dark;--keyboard-inset-height: 0px}:root{--color-primary-light-3: #E6F7FB;--color-primary-light-2: #90E0EF;--color-primary-light-1: #48CAE4;--color-primary-base: #00B4D8;--color-primary-dark-1: #0096C7;--color-primary-dark-2: #0077B6;--color-accent-light-5: #e6f0f9;--color-accent-light-4: #cce5ff;--color-accent-light-3: #99ccff;--color-accent-light-2: #5a9de0;--color-accent-light-1: #4a8ad6;--color-accent-base: #3a7ac6;--color-accent-dark-1: #2b6bb3;--color-accent-dark-2: #1a5490;--color-accent-dark-3: #14406e;--color-accent-dark-4: #0f3354;--line-width: 1.2px;--color-action-light-5: var(--color-accent-light-5);--color-action-light-3: var(--color-accent-light-3);--color-action-light-2: var(--color-accent-light-2);--color-action-light-1: var(--color-accent-light-1);--color-action-base: var(--color-accent-base);--color-action-dark-1: var(--color-accent-dark-1);--color-action-dark-2: var(--color-accent-dark-2);--color-action-dark-4: var(--color-accent-dark-4);--color-link-light-3: var(--color-primary-light-3);--color-link-light-2: var(--color-primary-light-2);--color-link-light-1: var(--color-primary-light-1);--color-link-base: var(--color-primary-base);--color-link-dark-1: var(--color-primary-dark-1);--color-link-dark-2: var(--color-primary-dark-2);--color-success: #10b981;--color-success-light: #d1fae5;--color-warning: #dc8c01;--color-warning-light: #fef3c7;--color-error: #ef4444;--color-error-light: #fee2e2;--color-info: light-dark(#c0dbff, #6580a4);--color-info-light: #dbeafe;--spacing-5xs: .05rem;--spacing-4xs: .075rem;--spacing-3xs: .1rem;--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.25rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--radius-xl: 2rem;--radius-2xl: 3rem;--radius-full: 9999px;--font-family: "Inter", ui-sans-serif, -apple-system, system-ui, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--font-family-heading: "Raleway", sans-serif;--font-family-logo: "Comfortaa", sans-serif;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--dark-50: #ededed;--dark-100: #a1a1a1;--dark-200: #888888;--dark-300: #666666;--dark-400: #444444;--dark-500: #333333;--dark-600: #1a1a1a;--dark-700: #111111;--dark-800: #0a0a0a;--dark-900: #000000;--bg-color: light-dark(white, var(--dark-900));--bg-color-secondary: light-dark(var(--gray-50), var(--dark-800));--bg-color-tertiary: light-dark(var(--gray-100), var(--dark-700));--bg-color-quaternary: light-dark(var(--gray-200), var(--dark-600));--bg-color-quinary: light-dark(var(--gray-300), var(--dark-500));--bg-color-senary: light-dark(var(--gray-400), var(--dark-400));--bg-color-elevated: light-dark(white, var(--dark-600));--bg-color-discrete: light-dark(rgba(255, 255, 255, .7), rgba(0, 0, 0, .7));--color-text-primary: light-dark(var(--gray-900), var(--dark-50));--color-text-secondary: light-dark(var(--gray-600), var(--dark-100));--color-text-tertiary: light-dark(var(--gray-500), var(--dark-200));--color-text-quaternary: light-dark(var(--gray-400), var(--dark-300));--color-nav-link: light-dark(var(--gray-600), var(--dark-200));--color-nav-link-active: light-dark(var(--gray-900), var(--dark-50));--border-color: light-dark(var(--gray-200), var(--dark-400));--border-color-hover: light-dark(var(--gray-300), var(--dark-300));--border-color-focus: light-dark(var(--color-action-base), var(--color-action-light-1));--border-color-featured: color-mix(in srgb, var(--border-color) 85%, var(--color-primary-light-2) 15%);--link-color: light-dark(var(--color-link-base), var(--color-link-light-1));--link-color-hover: light-dark(var(--color-link-dark-1), var(--color-link-light-2));--link-color-visited: light-dark(var(--color-accent-dark-1), var(--color-accent-light-1));--color-text-inverse: #ffffff;--color-danger: var(--color-error);--color-theme-icon-sun: light-dark(#b08a5f, #f4a460);--color-theme-icon-moon: light-dark(#7a8ba8, #9db4d4);--color-theme-icon-auto: var(--color-text-secondary);--color-star-rating: #f59e0b;--color-upgrade-accent: #8b5cf6;--bg-color-light-0: light-dark(var(--gray-100), var(--dark-700));--bg-color-light-1: light-dark(var(--gray-200), var(--dark-600));--bg-color-light-2: light-dark(var(--gray-300), var(--dark-500));--bg-color-light-3: light-dark(var(--gray-400), var(--dark-400));--paper-shadow: light-dark(0 0 1px 0 rgba(0, 0, 0, .3), 0 0 1px 0 rgba(255, 255, 255, .3));--paper-shadow-darker: light-dark(0 0 1px 0 rgba(0, 0, 0, .5), 0 0 1px 0 rgba(255, 255, 255, .5));--paper-shadow-transparent: 0 0 1px 0 transparent;--discrete-opacity: .7;--list-item-size: 22rem;--audio-height: 3.5rem;--max-width-content-prose: 45rem;--max-width-content-single: 60rem;--max-width-content-multi: 80rem;--button-padding: var(--spacing-md) var(--spacing-2xl);--button-padding-large: var(--spacing-lg) var(--spacing-3xl);--button-padding-compact: var(--spacing-xs) var(--spacing-lg);--button-padding-compact-scrolled: var(--spacing-xs) var(--spacing-md);--button-font-size: 1.05rem;--button-font-size-large: 1.1rem;--button-font-size-compact: .95rem;--button-font-size-compact-scrolled: .85rem;--button-font-weight: 600;--button-min-width: 180px;--button-min-width-large: 320px;--button-border-width: 2px;--button-border-radius: var(--spacing-sm);--button-letter-spacing: .3px;--button-height: 2.5rem;--button-height-compact: 40px;--button-height-compact-scrolled: 36px;--button-height-large: 3rem;--button-width-mobile: 300px;--button-width-mobile-large: var(--button-min-width-large);--button-icon-size: 20px;--button-icon-size-compact: 20px;--button-hover-transform: translateY(-1px) scale(var(--hover-scale));--button-hover-transform-simple: translateY(-1px);--button-active-transform: translateY(0) scale(1);--button-transition: all var(--transition-slow);--button-transition-fast: transform .2s var(--transition-function), background-color .2s var(--transition-function), border-color .2s var(--transition-function);--button-shadow-primary-hover: 0 8px 16px rgba(64, 156, 255, .25), 0 4px 8px rgba(64, 156, 255, .15);--button-shadow-secondary-hover: 0 6px 12px rgba(64, 156, 255, .2), 0 3px 6px rgba(64, 156, 255, .1);--button-shadow-focus-primary: var(--focus-ring), 0 8px 16px rgba(64, 156, 255, .25);--button-shadow-focus-secondary: var(--focus-ring);--button-stripe-bg: #635bff;--button-stripe-bg-hover: #5a54d6;--button-stripe-border: #635bff;--button-stripe-border-hover: #5a54d6;--button-disabled-bg: #aab7c4;--button-disabled-border: #aab7c4;--gradient-brand: linear-gradient(135deg, var(--color-primary-base) 0%, var(--color-accent-base) 100%);--gradient-brand-reverse: linear-gradient(135deg, var(--color-accent-base) 0%, var(--color-primary-base) 100%);--gradient-brand-subtle: linear-gradient(135deg, rgba(0, 180, 216, .08) 0%, rgba(139, 47, 139, .08) 100%);--hover-scale: 1.01;--transition-function: cubic-bezier(.32, 1, .5, 1);--transition-base-time: .2s;--transition-slow-time: .3s;--transition-discrete-time: .4s;--transition-base: var(--transition-base-time) var(--transition-function);--transition-slow: var(--transition-slow-time) var(--transition-function);--transition-discrete: var(--transition-discrete-time) var(--transition-function);--transition-hover-delay: .15s;--shadow-xs: 0 1px 2px light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .05));--shadow-sm: 0 1px 3px light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .08)), 0 1px 2px light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .05));--shadow-md: 0 4px 6px light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .08)), 0 2px 4px light-dark(rgba(0, 0, 0, .06), rgba(255, 255, 255, .04));--shadow-lg: 0 10px 15px light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .08)), 0 4px 6px light-dark(rgba(0, 0, 0, .05), rgba(255, 255, 255, .04));--shadow-xl: 0 20px 25px light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .08)), 0 8px 10px light-dark(rgba(0, 0, 0, .04), rgba(255, 255, 255, .03));--shadow-2xl: 0 25px 50px light-dark(rgba(0, 0, 0, .25), rgba(255, 255, 255, .15));--shadow-brand: 0 4px 14px rgba(0, 180, 216, .3);--shadow-brand-lg: 0 8px 24px rgba(0, 180, 216, .35);--shadow-floating: light-dark( 0 2px 8px rgba(0, 0, 0, .15), 0 2px 8px rgba(255, 255, 255, .1) );--shadow-floating-hover: light-dark( 0 4px 12px rgba(0, 0, 0, .2), 0 4px 12px rgba(255, 255, 255, .15) );--card-hover-shadow: 0 8px 20px light-dark(rgba(0, 0, 0, .1), rgba(255, 255, 255, .08));--focus-ring: 0 0 0 3px rgba(0, 180, 216, .5);--focus-ring-error: 0 0 0 3px rgba(239, 68, 68, .5);--focus-ring-offset: 2px;--glass-blur: light-dark(16px, 18px);--glass-blur-medium: light-dark(12px, 14px);--glass-blur-light: light-dark(8px, 10px);--glass-saturation: light-dark(180%, 190%);--glass-bg: light-dark(rgba(249, 250, 251, .85), rgba(10, 10, 10, .9));--glass-bg-elevated: light-dark(rgba(255, 255, 255, .9), rgba(26, 26, 26, .95));--glass-highlight: light-dark(rgba(255, 255, 255, .2), rgba(255, 255, 255, .15));--glass-highlight-strong: light-dark(rgba(255, 255, 255, .3), rgba(255, 255, 255, .25));--glass-shadow-subtle: light-dark(rgba(0, 0, 0, .1), rgba(0, 0, 0, .3));--glass-shadow-medium: light-dark(rgba(0, 0, 0, .15), rgba(0, 0, 0, .4));--glass-shadow-strong: light-dark(rgba(0, 0, 0, .2), rgba(0, 0, 0, .5));--overlay-menu-bg-light: rgba(255, 255, 255, .9);--overlay-menu-bg-light-hover: rgba(255, 255, 255, 1);--overlay-menu-bg-dark: rgba(0, 0, 0, .4);--overlay-menu-bg-dark-hover: rgba(0, 0, 0, .5);--overlay-menu-shadow: 0 2px 8px light-dark(rgba(0, 0, 0, .08), rgba(255, 255, 255, .06));--overlay-menu-shadow-hover: 0 4px 12px light-dark(rgba(0, 0, 0, .12), rgba(255, 255, 255, .1))}:root[data-theme=dark],:root[data-mantine-color-scheme=dark]{color-scheme:dark}:root[data-theme=light],:root[data-mantine-color-scheme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box;scrollbar-width:thin}:root,body{padding:0;margin:0;margin-block:0;min-block-size:100dvb;background-color:var(--bg-color);color:var(--color-text-secondary);font-family:var(--font-family);font-size:16px;letter-spacing:.01em;overscroll-behavior:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;touch-action:manipulation}h1,h2,h3,h4,h5,h6,thead,th{font-family:var(--font-family-heading);letter-spacing:.3px;margin-top:.75em;margin-bottom:.5em;line-height:1;text-wrap:balance}h1{font-size:clamp(1.25rem,1rem + .5vw,1.55rem)}h2{font-size:clamp(1.2rem,.95rem + .4vw,1.4rem)}h3{font-size:clamp(1.15rem,.95rem + .3vw,1.3rem)}h4{font-size:clamp(1.1rem,.95rem + .25vw,1.2rem)}h5{font-size:clamp(1.05rem,.95rem + .15vw,1.1rem)}h6{font-size:clamp(1rem,.95rem + .05vw,1.05rem)}p{margin:0}a{color:var(--link-color);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--link-color-hover)}textarea,input,select,button.actionButtonFormLeft,button.actionButtonFormRight{corner-shape:squircle}
