@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300..800;1,14..32,300..800&display=swap";:root,[data-theme=light]{--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-raised: #F1F5F9;--color-surface-overlay:#FFFFFF;--color-primary: #00BCD4;--color-primary-hover: #0097A7;--color-primary-active: #00838F;--color-primary-subtle: rgba(0, 188, 212, .1);--color-primary-contrast: #FFFFFF;--color-text: #0F172A;--color-text-muted: #64748B;--color-text-inverse: #FFFFFF;--color-border: #E2E8F0;--color-border-focus: #00BCD4;--color-error: #EF4444;--color-error-subtle: rgba(239, 68, 68, .1);--color-success: #10B981;--color-success-subtle: rgba( 16, 185, 129, .1);--color-warning: #F59E0B;--color-warning-subtle: rgba(245, 158, 11, .1);--color-info: #3B82F6;--color-info-subtle: rgba( 59, 130, 246, .1);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 8px 30px rgba(15, 23, 42, .1);--shadow-xl: 0 20px 60px rgba(15, 23, 42, .12);--shadow-primary: 0 4px 20px rgba(0, 188, 212, .3);--gradient-primary: linear-gradient(135deg, #00BCD4 0%, #0097A7 100%);--gradient-hero: linear-gradient(135deg, #E0F7FA 0%, #B2EBF2 50%, #E8F5E9 100%);--gradient-card: linear-gradient(135deg, #FFFFFF 0%, #F1F5F9 100%);--gradient-brand: linear-gradient(135deg, #00BCD4 0%, #26C6DA 40%, #00E5FF 100%)}[data-theme=dark]{--color-bg: #080E1A;--color-surface: #0F1928;--color-surface-raised: #172032;--color-surface-overlay:#1A243A;--color-primary: #00E5FF;--color-primary-hover: #00BCD4;--color-primary-active: #0097A7;--color-primary-subtle: rgba(0, 229, 255, .08);--color-primary-contrast: #080E1A;--color-text: #E2E8F0;--color-text-muted: #64748B;--color-text-inverse: #080E1A;--color-border: #1E293B;--color-border-focus: #00E5FF;--color-error: #F87171;--color-error-subtle: rgba(248, 113, 113, .1);--color-success: #34D399;--color-success-subtle: rgba( 52, 211, 153, .1);--color-warning: #FBBF24;--color-warning-subtle: rgba(251, 191, 36, .1);--color-info: #60A5FA;--color-info-subtle: rgba( 96, 165, 250, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .6);--shadow-primary: 0 4px 20px rgba(0, 229, 255, .2);--gradient-primary: linear-gradient(135deg, #00E5FF 0%, #00BCD4 100%);--gradient-hero: linear-gradient(135deg, #0F1928 0%, #172032 50%, #0A1220 100%);--gradient-card: linear-gradient(135deg, #0F1928 0%, #172032 100%);--gradient-brand: linear-gradient(135deg, #00E5FF 0%, #00BCD4 40%, #0097A7 100%)}[data-theme=cyan]{--color-bg: #E0F7FA;--color-surface: #FFFFFF;--color-surface-raised: #B2EBF2;--color-surface-overlay:#FFFFFF;--color-primary: #006064;--color-primary-hover: #00838F;--color-primary-active: #0097A7;--color-primary-subtle: rgba(0, 96, 100, .1);--color-primary-contrast: #FFFFFF;--color-text: #00212C;--color-text-muted: #4B7B80;--color-text-inverse: #FFFFFF;--color-border: #80DEEA;--color-border-focus: #006064;--color-error: #EF4444;--color-error-subtle: rgba(239, 68, 68, .1);--color-success: #059669;--color-success-subtle: rgba( 5, 150, 105, .1);--color-warning: #D97706;--color-warning-subtle: rgba(217, 119, 6, .1);--color-info: #0284C7;--color-info-subtle: rgba( 2, 132, 199, .1);--shadow-sm: 0 1px 2px rgba(0, 33, 44, .06);--shadow-md: 0 4px 12px rgba(0, 33, 44, .1);--shadow-lg: 0 8px 30px rgba(0, 33, 44, .12);--shadow-xl: 0 20px 60px rgba(0, 33, 44, .15);--shadow-primary: 0 4px 20px rgba(0, 96, 100, .3);--gradient-primary: linear-gradient(135deg, #00BCD4 0%, #006064 100%);--gradient-hero: linear-gradient(135deg, #E0F7FA 0%, #B2EBF2 50%, #E0F2F1 100%);--gradient-card: linear-gradient(135deg, #FFFFFF 0%, #E0F7FA 100%);--gradient-brand: linear-gradient(135deg, #00BCD4 0%, #0097A7 40%, #006064 100%)}:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--sidebar-width: 240px;--sidebar-collapsed: 72px;--navbar-height: 64px;--bottomnav-height: 64px;--mobile-search-height: 52px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;height:100%}body{min-height:100%;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal),color var(--transition-normal)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}:root{--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.2;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{color:var(--color-text-muted);line-height:var(--line-height-relaxed)}a{color:var(--color-primary);transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}small{font-size:var(--font-size-sm)}strong,b{font-weight:var(--font-weight-semibold)}code{font-family:var(--font-family-mono);font-size:.875em;background-color:var(--color-surface-raised);padding:.125em .375em;border-radius:var(--radius-sm)}@keyframes kftGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.skip-link{position:absolute;top:-48px;left:var(--space-2);background:var(--color-primary);color:var(--color-primary-contrast);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);z-index:var(--z-toast);transition:top var(--transition-fast)}.skip-link:focus{top:var(--space-2);outline:2px solid var(--color-primary-contrast);outline-offset:2px}@keyframes kftFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}html{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}html::-webkit-scrollbar{width:6px;height:6px}html::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}