@import"https://fonts.googleapis.com/css2?family:Inter:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family:JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-primary: #1a365d;--color-primary-rgb: 26, 54, 93;--color-primary-light: #2b6cb0;--color-accent: #4a5568;--color-accent-rgb: 74, 85, 104;--color-orange-accent: #ed8936;--color-green-accent: #38a169;--color-purple-accent: #805ad5;--color-blue-accent: #63b3ed;--color-bg: #f5f5dc;--color-bg-secondary: #faf8f3;--color-bg-blue: #e6f3ff;--color-input-bg: #ffffff;--color-success: #38a169;--color-success-light: #7dd3c0;--color-warning: #ed8936;--color-warning-light: #fef5e7;--color-error: #e53e3e;--color-info: #3182ce;--color-border: #e2e8f0;--color-border-dark: #cbd5e0;--color-muted: #718096;--color-bright: #f7fafc;--gray-gradient: rgba(226, 232, 240, 50%), #fff;--cream-gradient: linear-gradient(135deg, #f5f5dc 0%, #faf8f3 100%);--font-primary: "Georgia", "Times New Roman", "Palatino", "serif";--font-secondary: "Arial", "Helvetica", "Roboto", "sans-serif";--font-size-xs: .6rem;--font-size-small: .8rem;--font-size-base: 1rem;--font-size-large: 1.2rem;--font-size-xl: 1.4rem;--font-size-xxl: 1.6rem;--spacing-small: .5rem;--spacing-base: 1rem;--spacing-large: 1.5rem;--spacing-xl: 2rem;--border-width: 2px;--border-width-thick: 4px;--border-radius-small: 4px;--border-radius-base: 8px;--border-radius-large: 12px;--border-radius-button: 8px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-small: 0 1px 3px rgba(0, 0, 0, .1);--shadow-base: 0 4px 12px rgba(0, 0, 0, .1);--shadow-large: 0 8px 24px rgba(0, 0, 0, .12);--shadow-warm: 0 4px 12px rgba(26, 54, 93, .1);--transition-fast: .2s ease;--transition-normal: .4s ease;--transition-slow: .6s ease;--category-card-border: var(--border-width-thick);--category-button-bg: var(--color-primary-light);--category-button-text: #ffffff;--header-height: 60px}:root{--color-primary-50: #f0f4f8;--color-primary-100: #d9e2ec;--color-primary-200: #bcccdc;--color-primary-300: #9fb3c8;--color-primary-400: #829ab1;--color-primary-500: #627d98;--color-primary-600: #486581;--color-primary-700: #334e68;--color-primary-800: #243b53;--color-primary-900: #1a365d;--color-primary-950: #102a43;--color-accent-50: #f7fafc;--color-accent-100: #edf2f7;--color-accent-200: #e2e8f0;--color-accent-300: #cbd5e0;--color-accent-400: #a0aec0;--color-accent-500: #718096;--color-accent-600: #4a5568;--color-accent-700: #2d3748;--color-accent-800: #1a202c;--color-accent-900: #171923;--color-orange-50: #fffaf0;--color-orange-100: #fef5e7;--color-orange-200: #feebc8;--color-orange-300: #fbd38d;--color-orange-400: #f6ad55;--color-orange-500: #ed8936;--color-orange-600: #dd6b20;--color-orange-700: #c05621;--color-orange-800: #9c4221;--color-orange-900: #7b341e;--color-green-50: #f0fff4;--color-green-100: #c6f6d5;--color-green-200: #9ae6b4;--color-green-300: #68d391;--color-green-400: #48bb78;--color-green-500: #38a169;--color-green-600: #2f855a;--color-green-700: #276749;--color-green-800: #22543d;--color-green-900: #1c4532;--color-purple-50: #faf5ff;--color-purple-100: #e9d8fd;--color-purple-200: #d6bcfa;--color-purple-300: #b794f6;--color-purple-400: #9f7aea;--color-purple-500: #805ad5;--color-purple-600: #6b46c1;--color-purple-700: #553c9a;--color-purple-800: #44337a;--color-purple-900: #322659;--color-blue-50: #ebf8ff;--color-blue-100: #bee3f8;--color-blue-200: #90cdf4;--color-blue-300: #63b3ed;--color-blue-400: #4299e1;--color-blue-500: #3182ce;--color-blue-600: #2b77cb;--color-blue-700: #2c5aa0;--color-blue-800: #2a4365;--color-blue-900: #1a365d;--color-cream-50: #fefefe;--color-cream-100: #faf8f3;--color-cream-200: #f7fafc;--color-cream-300: #f5f5dc;--color-cream-400: #f0f0c8;--color-cream-500: #ebebb4;--color-cream-600: #d6d690;--color-cream-700: #c1c16c;--color-cream-800: #9a9a54;--color-cream-900: #73733f;--color-success-50: var(--color-green-50);--color-success-500: var(--color-green-500);--color-success-600: var(--color-green-600);--color-success-700: var(--color-green-700);--color-warning-50: var(--color-orange-50);--color-warning-100: var(--color-orange-100);--color-warning-500: var(--color-orange-500);--color-warning-600: var(--color-orange-600);--color-warning-700: var(--color-orange-700);--color-error-50: #fed7d7;--color-error-100: #feb2b2;--color-error-200: #fc8181;--color-error-300: #f56565;--color-error-400: #ed8936;--color-error-500: #e53e3e;--color-error-600: #c53030;--color-error-700: #9b2c2c;--color-error-800: #742a2a;--color-error-900: #4a1717;--color-neutral-50: var(--color-accent-50);--color-neutral-100: var(--color-accent-100);--color-neutral-200: var(--color-accent-200);--color-neutral-300: var(--color-accent-300);--color-neutral-400: var(--color-accent-400);--color-neutral-500: var(--color-accent-500);--color-neutral-600: var(--color-accent-600);--color-neutral-700: var(--color-accent-700);--color-neutral-800: var(--color-accent-800);--color-neutral-900: var(--color-accent-900);--color-primary: var(--color-primary-900);--color-primary-rgb: 26, 54, 93;--color-primary-light: var(--color-primary-500);--color-accent: var(--color-accent-600);--color-accent-rgb: 74, 85, 104;--color-orange-accent: var(--color-orange-500);--color-green-accent: var(--color-green-500);--color-purple-accent: var(--color-purple-500);--color-blue-accent: var(--color-blue-300);--color-bg: var(--color-cream-300);--color-bg-secondary: var(--color-cream-100);--color-bg-blue: var(--color-blue-50);--color-input-bg: #ffffff;--color-success: var(--color-green-500);--color-warning: var(--color-orange-500);--color-warning-light: var(--color-orange-100);--color-error: var(--color-error-500);--color-info: var(--color-blue-500);--color-border: var(--color-neutral-200);--color-border-dark: var(--color-neutral-300);--color-muted: var(--color-neutral-500);--color-bright: var(--color-cream-200);--gray-gradient: rgba(226, 232, 240, 50%), #fff;--cream-gradient: linear-gradient(135deg, var(--color-cream-300) 0%, var(--color-cream-100) 100%);--font-primary: "Georgia", "Times New Roman", "Palatino", "serif";--font-secondary: "Arial", "Helvetica", "Roboto", "sans-serif";--font-size-xs: .6rem;--font-size-small: .8rem;--font-size-large: 1.2rem;--font-size-xl: 1.4rem;--font-size-xxl: 1.6rem;--spacing-small: .5rem;--spacing-base: 1rem;--spacing-large: 1.5rem;--spacing-xl: 2rem;--border-width: 2px;--border-width-thick: 4px;--border-radius-small: 4px;--border-radius-base: 8px;--border-radius-large: 12px;--border-radius-button: 8px;--box-shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-small: 0 1px 3px rgba(0, 0, 0, .1);--shadow-base: 0 4px 12px rgba(0, 0, 0, .1);--shadow-large: 0 8px 24px rgba(0, 0, 0, .12);--shadow-warm: 0 4px 12px rgb(var(--color-primary-rgb) / .1);--transition-fast: .2s ease;--transition-normal: .4s ease;--transition-slow: .6s ease;--category-card-border: var(--border-width-thick);--category-button-bg: var(--color-primary-light);--category-button-text: #ffffff;--header-height: 60px;--font-family-serif: "Georgia", "Times New Roman", serif;--font-family-sans: "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-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--space-px: 1px;--space-0: 0px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--border-width-0: 0px;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--border-radius-none: 0px;--border-radius-sm: .125rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-neutral-800);background-color:var(--color-neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-neutral-900);margin-bottom:var(--space-4)}.h1,h1{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold)}.h2,h2{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.h3,h3{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.h4,h4{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold)}.h5,h5{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.h6,h6{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}@media (max-width: 768px){.h1,h1{font-size:var(--font-size-4xl)}.h2,h2{font-size:var(--font-size-3xl)}.h3,h3{font-size:var(--font-size-2xl)}}.text-large{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.text-small{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-serif{font-family:var(--font-family-serif)}.font-sans{font-family:var(--font-family-sans)}.font-mono{font-family:var(--font-family-mono)}.text-primary{color:var(--color-primary-600)}.text-secondary{color:var(--color-secondary-600)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-success{color:var(--color-success-600)}.text-warning{color:var(--color-warning-600)}.text-error{color:var(--color-error-600)}.m-0{margin:var(--space-0)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.m-24{margin:var(--space-24)}.mt-0{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mb-0{margin-bottom:var(--space-0)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.ml-0{margin-left:var(--space-0)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-6{margin-left:var(--space-6)}.ml-8{margin-left:var(--space-8)}.mr-0{margin-right:var(--space-0)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-6{margin-right:var(--space-6)}.mr-8{margin-right:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:var(--space-0);margin-right:var(--space-0)}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.my-0{margin-top:var(--space-0);margin-bottom:var(--space-0)}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.my-16{margin-top:var(--space-16);margin-bottom:var(--space-16)}.p-0{padding:var(--space-0)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.pt-0{padding-top:var(--space-0)}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pt-5{padding-top:var(--space-5)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-12{padding-top:var(--space-12)}.pt-16{padding-top:var(--space-16)}.pb-0{padding-bottom:var(--space-0)}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pb-5{padding-bottom:var(--space-5)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-12{padding-bottom:var(--space-12)}.pb-16{padding-bottom:var(--space-16)}.pl-0{padding-left:var(--space-0)}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pl-6{padding-left:var(--space-6)}.pr-0{padding-right:var(--space-0)}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.pr-6{padding-right:var(--space-6)}.px-0{padding-left:var(--space-0);padding-right:var(--space-0)}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.container{width:100%;max-width:var(--breakpoint-lg);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 640px){.container{max-width:var(--breakpoint-sm);padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 768px){.container{max-width:var(--breakpoint-md);padding-left:var(--space-8);padding-right:var(--space-8)}}@media (min-width: 1024px){.container{max-width:var(--breakpoint-lg)}}@media (min-width: 1280px){.container{max-width:var(--breakpoint-xl)}}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-end{justify-content:flex-end}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);text-decoration:none;border:var(--border-width-1) solid transparent;border-radius:var(--border-radius-lg);padding:var(--space-2) var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.btn:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-primary{background-color:var(--color-primary-600);color:#fff;border-color:var(--color-primary-600)}.btn-primary:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700)}.btn-secondary{background-color:var(--color-secondary-600);color:#fff;border-color:var(--color-secondary-600)}.btn-secondary:hover{background-color:var(--color-secondary-700);border-color:var(--color-secondary-700)}.btn-outline{background-color:transparent;color:var(--color-primary-600);border-color:var(--color-primary-600)}.btn-outline:hover{background-color:var(--color-primary-600);color:#fff}.btn-ghost{background-color:transparent;color:var(--color-neutral-700);border-color:transparent}.btn-ghost:hover{background-color:var(--color-neutral-100);color:var(--color-neutral-900)}.btn-sm{font-size:var(--font-size-sm);padding:var(--space-1-5) var(--space-3)}.btn-lg{font-size:var(--font-size-lg);padding:var(--space-3) var(--space-6)}.card{background-color:#fff;border:var(--border-width-1) solid var(--color-neutral-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:var(--border-width-1) solid var(--color-neutral-200)}.card-body{margin-bottom:var(--space-4)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-1) solid var(--color-neutral-200)}.badge{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-800)}.badge-secondary{background-color:var(--color-secondary-100);color:var(--color-secondary-800)}.badge-success{background-color:var(--color-success-100);color:var(--color-success-800)}.badge-warning{background-color:var(--color-warning-100);color:var(--color-warning-800)}.badge-error{background-color:var(--color-error-100);color:var(--color-error-800)}.form-input,.form-textarea,.form-select{width:100%;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-neutral-900);background-color:#fff;border:var(--border-width-1) solid var(--color-neutral-300);border-radius:var(--border-radius-lg);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #f38e0c1a}.form-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-neutral-700);margin-bottom:var(--space-2)}.bg-white{background-color:#fff}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-secondary-50{background-color:var(--color-secondary-50)}.bg-secondary-600{background-color:var(--color-secondary-600)}.border{border:var(--border-width-1) solid var(--color-neutral-200)}.border-t{border-top:var(--border-width-1) solid var(--color-neutral-200)}.border-b{border-bottom:var(--border-width-1) solid var(--color-neutral-200)}.border-l{border-left:var(--border-width-1) solid var(--color-neutral-200)}.border-r{border-right:var(--border-width-1) solid var(--color-neutral-200)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-primary-200{border-color:var(--color-primary-200)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:fit-content}.w-4{width:var(--space-4)}.w-6{width:var(--space-6)}.w-8{width:var(--space-8)}.w-10{width:var(--space-10)}.w-12{width:var(--space-12)}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:fit-content}.h-4{height:var(--space-4)}.h-6{height:var(--space-6)}.h-8{height:var(--space-8)}.h-10{height:var(--space-10)}.h-12{height:var(--space-12)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.sm-hidden,.md-hidden,.lg-hidden{display:block}@media (min-width: 640px){.sm-hidden{display:none}.sm-block{display:block}.sm-flex{display:flex}.sm-grid{display:grid}}@media (min-width: 768px){.md-hidden{display:none}.md-block{display:block}.md-flex{display:flex}.md-grid{display:grid}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg-hidden{display:none}.lg-block{display:block}.lg-flex{display:flex}.lg-grid{display:grid}.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media print{.print-hidden{display:none!important}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important}body{background:#fff!important;color:#000!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus\:ring:focus{outline:2px solid transparent;outline-offset:2px;box-shadow:var(--ring-offset-shadow, 0 0 #0000),var(--ring-shadow, 0 0 #0000),0 0 0 3px var(--color-primary-500)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){.btn,.card{border-width:var(--border-width-2)}}@media (prefers-color-scheme: dark){:root{--color-neutral-50: #1c1917;--color-neutral-100: #292524;--color-neutral-800: #e7e5e4;--color-neutral-900: #fafaf9}body{background-color:var(--color-neutral-50);color:var(--color-neutral-800)}.card{background-color:var(--color-neutral-100);border-color:var(--color-neutral-700)}}/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}*/ [type="search"]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.category-button{background:var(--color-primary-light);color:#fff;padding:var(--spacing-large);border-radius:var(--border-radius-large);text-decoration:none;display:block;text-align:center;transition:var(--transition-fast);border:var(--border-width-thick) solid transparent;box-shadow:var(--shadow-base)}.category-button:hover{background:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-large)}.category-button h3{color:#fff;margin:var(--spacing-small) 0}.category-button p{color:#ffffffe6;font-size:var(--font-size-small)}.post-preview{background:var(--color-bg-secondary);padding:var(--spacing-large);border-radius:var(--border-radius-base);border-left:4px solid var(--color-border);transition:var(--transition-fast)}.post-preview:hover{box-shadow:var(--shadow-base)}.post-preview--feel-good-stories{background:#ed89361a;border-left-color:var(--color-orange-accent)}.post-preview--food-and-recipes,.post-preview--health-and-fitness{background:#38a1691a;border-left-color:var(--color-green-accent)}.post-preview--projects,.post-preview--tech-and-coding{background:#805ad51a;border-left-color:var(--color-purple-accent)}.post-preview--sports{background:#3182ce1a;border-left:solid 4px var(--color-blue-accent)}.nav{position:sticky;top:0;background-color:#fff;border-bottom:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-base);z-index:1000}.nav-container{max-width:1024px;margin:0 auto;padding:0 var(--spacing-base);display:flex;align-items:center;justify-content:space-between;height:var(--header-height)}.nav-brand-link{font-family:var(--font-primary);font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}.nav-brand-link:hover{color:var(--color-primary-light)}.nav-menu{display:none}.nav-link{font-family:var(--font-secondary);font-size:var(--font-size-base);color:var(--color-accent);text-decoration:none;padding:var(--spacing-small) var(--spacing-base);border-radius:var(--border-radius-base);transition:var(--transition-fast);position:relative}.nav-link:hover{color:var(--color-primary-100);background-color:var(--color-neutral-400)}.nav-toggle{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:24px;background:transparent;border:none;cursor:pointer;padding:0}.nav-toggle-bar{width:24px;height:3px;background-color:var(--color-accent);border-radius:var(--border-radius-small);transition:var(--transition-fast);transform-origin:1px}.nav-toggle--active .nav-toggle-bar:nth-child(1){transform:rotate(45deg)}.nav-toggle--active .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle--active .nav-toggle-bar:nth-child(3){transform:rotate(-45deg)}.nav-mobile{position:fixed;top:var(--header-height);right:-300px;width:280px;height:calc(100vh - var(--header-height));background-color:#fff;border-left:var(--border-width) solid var(--color-border);box-shadow:var(--shadow-large);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-base);transition:right var(--transition-normal);z-index:999}.nav-mobile--active{right:0}.nav-mobile-link{font-family:var(--font-secondary);font-size:var(--font-size-large);color:var(--color-accent);text-decoration:none;padding:var(--spacing-base);border-radius:var(--border-radius-base);transition:var(--transition-fast)}.nav-mobile-link:hover{color:var(--color-primary);background-color:var(--color-primary-500)}.nav-overlay{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background-color:#00000080;opacity:0;visibility:hidden;transition:all var(--transition-normal);z-index:998}.nav-overlay--active{opacity:1;visibility:visible}.nav-open{overflow:hidden}@media (min-width: 769px){.nav-menu{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-toggle,.nav-mobile{display:none}}@media (hover: none) and (pointer: coarse){a,button,[role=button],.nav-mobile-link{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.category-button{min-height:44px;min-width:44px;align-items:center;justify-content:center}a:hover,button:hover,.category-button:hover{transform:none;background:initial}a:active,button:active,.category-button:active{transform:scale(.98);opacity:.8}}input,textarea,select{font-size:16px;padding:var(--spacing-base);border-radius:var(--border-radius-base);min-height:44px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.swipe-container{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.swipe-container::-webkit-scrollbar{display:none}.swipe-item{scroll-snap-align:start;flex-shrink:0}body{background-color:var(--color-bg);color:var(--color-accent);font-family:var(--font-primary);font-size:var(--font-size-base);word-wrap:break-word;margin:0;padding:0;line-height:1.6}main{width:100%;margin:0 auto;padding:var(--spacing-base);min-height:calc(100vh - 120px)}h1,h2,h3{color:var(--color-primary);line-height:1.3;margin-bottom:var(--spacing-base)}h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-large)}h3{font-size:var(--font-size-base)}a{color:var(--color-accent);transition:var(--transition-fast)}a:hover{text-decoration:none;color:var(--color-primary-light)}p{margin-bottom:var(--spacing-base)}.card{background-color:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-small);padding:var(--spacing-base);border-radius:12px}@media (min-width: 768px){main{max-width:768px;padding:var(--spacing-large) var(--spacing-base)}h1{font-size:var(--font-size-xxl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-large)}.card{box-shadow:var(--shadow-base)}}@media (min-width: 1024px){main{max-width:1024px}}header[data-astro-cid-3ef6ksr2]{margin:0;padding:0 1em;background:#fff;box-shadow:0 2px 8px rgba(var(--black),5%)}h2[data-astro-cid-3ef6ksr2]{margin:0;font-size:1em}h2[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],h2[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{text-decoration:none}nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:center}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{padding:1em .5em;color:var(--black);border-bottom:4px solid transparent;text-decoration:none}nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2].active{text-decoration:none;border-bottom-color:var(--accent)}.social-icon[data-astro-cid-zamss57n]{padding:0 .5rem}footer[data-astro-cid-sz7xmlte]{padding:2em 1em 6em;background:linear-gradient(var(--gray-gradient)) no-repeat;color:rgb(var(--gray));text-align:center}.copyright[data-astro-cid-sz7xmlte]{padding-bottom:1.5rem}.main-content[data-astro-cid-37fxchfa]{max-width:1200px;margin:0 auto;padding:.5rem 1rem;min-height:calc(100vh - 200px)}@media (min-width: 768px){.main-content[data-astro-cid-37fxchfa]{padding:.5rem 1rem}}