:root{--color-blue-50: #f0fafd;--color-blue-100: #e0f4fc;--color-blue-200: #bce9fa;--color-blue-300: #8fd8f5;--color-blue-400: #5bc4ee;--color-blue-500: #29abe2;--color-blue-600: #0096d6;--color-blue-700: #0077c0;--color-blue-800: #005fa8;--color-blue-900: #004e8c;--color-green-100: #edf7d6;--color-green-300: #c4e897;--color-green-400: #a7d866;--color-green-500: #8dc63f;--color-green-600: #6fa824;--color-green-700: #5a8a1e;--color-gray-50: #f8f9fa;--color-gray-100: #f2f4f6;--color-gray-200: #e0e4e8;--color-gray-300: #c4cad0;--color-gray-400: #9aa3ac;--color-gray-500: #808080;--color-gray-600: #616d78;--color-gray-700: #4a545f;--color-gray-800: #2c343d;--color-gray-900: #1a1f24;--color-primary: var(--color-blue-500);--color-primary-dark: var(--color-blue-700);--color-primary-light: var(--color-blue-100);--color-accent: var(--color-green-500);--color-accent-dark: var(--color-green-700);--color-accent-light: var(--color-green-100);--color-success: var(--color-green-500);--color-success-bg: var(--color-green-100);--color-warning: #f59e0b;--color-warning-bg: #fff8e1;--color-error: #e84040;--color-error-bg: #fde8e8;--color-info: var(--color-blue-500);--color-info-bg: var(--color-blue-100);--color-white: #ffffff;--color-surface: #f6f8fb;--color-surface-raised: #ffffff;--color-border: var(--color-gray-200);--color-border-focus: var(--color-blue-500);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-gray-600);--color-text-tertiary: var(--color-gray-400);--color-text-inverse: #ffffff;--color-text-link: var(--color-blue-700);--color-text-link-hover:var(--color-blue-900);--font-display: "DM Serif Display", Georgia, "Times New Roman", serif;--font-body: "DM Sans", system-ui, -apple-system, sans-serif;--font-mono: "Courier New", "Lucida Console", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--text-5xl: 48px;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed:1.7;--leading-loose: 1.9;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .12em;--sp-0: 0px;--sp-px: 1px;--sp-0-5: 2px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 28px;--sp-8: 32px;--sp-9: 36px;--sp-10: 40px;--sp-11: 44px;--sp-12: 48px;--sp-14: 56px;--sp-16: 64px;--sp-20: 80px;--sp-24: 96px;--sp-32: 128px;--radius-none: 0px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .06);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .14), 0 8px 16px rgba(0, 0, 0, .08);--shadow-blue: 0 4px 16px rgba(41, 171, 226, .25);--shadow-green: 0 4px 16px rgba(141, 198, 63, .25);--z-base: 0;--z-raised: 10;--z-dropdown:100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--transition-fast: .1s ease;--transition-base: .18s ease;--transition-slow: .32s ease;--transition-bounce: .28s cubic-bezier(.34, 1.56, .64, 1);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px;--sidebar-width: 220px;--sidebar-width-slim: 64px;--navbar-height: 60px;--content-max-width: 860px}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-wrap:pretty}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--leading-tight);color:var(--color-text-primary)}a{color:var(--color-text-link);transition:color var(--transition-base)}a:hover{color:var(--color-text-link-hover)}::selection{background:var(--color-blue-200);color:var(--color-blue-900)}:focus-visible{outline:2px solid var(--color-blue-500);outline-offset:2px;border-radius:var(--radius-sm)}.text-primary{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-muted{color:var(--color-text-secondary)}.text-subtle{color:var(--color-text-tertiary)}.text-inverse{color:var(--color-text-inverse)}.bg-primary{background-color:var(--color-primary)}.bg-primary-light{background-color:var(--color-primary-light)}.bg-accent{background-color:var(--color-accent)}.bg-surface{background-color:var(--color-surface)}.bg-white{background-color:var(--color-white)}.bg-dark{background-color:var(--color-blue-900)}.bg-success{background-color:var(--color-success-bg);color:var(--color-accent-dark)}.bg-warning{background-color:var(--color-warning-bg);color:#92400e}.bg-error{background-color:var(--color-error-bg);color:var(--color-error)}.bg-info{background-color:var(--color-info-bg);color:var(--color-primary-dark)}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-blue{box-shadow:var(--shadow-blue)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}