.theme-light{--color-bg-base: 255, 255, 255;--color-text-base: 17, 24, 39;--color-bg-lighter: 241, 245, 249;--color-bg-light: 226, 232, 240;--color-bg-normal: 203, 213, 225;--color-bg-dark: 148, 163, 184;--color-bg-darker: 100, 116, 139;--color-bg-accent: 219, 234, 254;--color-text-lighter: 75, 85, 99;--color-text-light: 55, 65, 81;--color-text-normal: 31, 41, 55;--color-text-dark: 17, 24, 39;--color-text-darker: 3, 7, 18;--color-primary: 37, 99, 235;--color-primary-light: 59, 130, 246;--color-primary-dark: 29, 78, 216;--color-success: 22, 163, 74;--color-warning: 217, 119, 6;--color-error: 220, 38, 38;--color-info: 8, 145, 178;--nav-bg-start: 219, 234, 254;--nav-bg-end: 191, 219, 254;--nav-text: 17, 24, 39;--nav-text-hover: 37, 99, 235;--nav-active-bg: 37, 99, 235;--nav-active-text: 255, 255, 255}.theme-dark{--color-bg-base: 31, 41, 55;--color-text-base: 243, 244, 246;--color-bg-lighter: 55, 65, 81;--color-bg-light: 75, 85, 99;--color-bg-normal: 107, 114, 128;--color-bg-dark: 156, 163, 175;--color-bg-darker: 209, 213, 219;--color-bg-accent: 55, 65, 81;--color-text-lighter: 209, 213, 219;--color-text-light: 229, 231, 235;--color-text-normal: 243, 244, 246;--color-text-dark: 249, 250, 251;--color-text-darker: 255, 255, 255;--color-primary: 96, 165, 250;--color-primary-light: 147, 197, 253;--color-primary-dark: 59, 130, 246;--color-success: 34, 197, 94;--color-warning: 245, 158, 11;--color-error: 239, 68, 68;--color-info: 14, 165, 233;--nav-bg-start: 55, 65, 81;--nav-bg-end: 31, 41, 55;--nav-text: 243, 244, 246;--nav-text-hover: 96, 165, 250;--nav-active-bg: 96, 165, 250;--nav-active-text: 255, 255, 255}.theme-blue{--color-bg-base: 147, 197, 253;--color-text-base: 30, 58, 138;--color-bg-lighter: 191, 219, 254;--color-bg-light: 147, 197, 253;--color-bg-normal: 96, 165, 250;--color-bg-dark: 59, 130, 246;--color-bg-darker: 37, 99, 235;--color-bg-accent: 219, 234, 254;--color-text-lighter: 37, 99, 235;--color-text-light: 29, 78, 216;--color-text-normal: 30, 64, 175;--color-text-dark: 30, 58, 138;--color-text-darker: 23, 37, 84;--color-primary: 59, 130, 246;--color-primary-light: 96, 165, 250;--color-primary-dark: 37, 99, 235;--nav-bg-start: 96, 165, 250;--nav-bg-end: 59, 130, 246;--nav-text: 255, 255, 255;--nav-text-hover: 239, 246, 255;--nav-active-bg: 37, 99, 235;--nav-active-text: 255, 255, 255}.theme-pink{--color-bg-base: 249, 168, 212;--color-text-base: 131, 24, 67;--color-bg-lighter: 251, 207, 232;--color-bg-light: 249, 168, 212;--color-bg-normal: 244, 114, 182;--color-bg-dark: 236, 72, 153;--color-bg-darker: 219, 39, 119;--color-bg-accent: 252, 231, 243;--color-text-lighter: 219, 39, 119;--color-text-light: 190, 24, 93;--color-text-normal: 157, 23, 77;--color-text-dark: 131, 24, 67;--color-text-darker: 80, 7, 36;--color-primary: 236, 72, 153;--color-primary-light: 244, 114, 182;--color-primary-dark: 219, 39, 119;--nav-bg-start: 244, 114, 182;--nav-bg-end: 236, 72, 153;--nav-text: 255, 255, 255;--nav-text-hover: 253, 242, 248;--nav-active-bg: 219, 39, 119;--nav-active-text: 255, 255, 255}.theme-grey{--color-bg-base: 156, 163, 175;--color-text-base: 17, 24, 39;--color-bg-lighter: 209, 213, 219;--color-bg-light: 156, 163, 175;--color-bg-normal: 107, 114, 128;--color-bg-dark: 75, 85, 99;--color-bg-darker: 55, 65, 81;--color-bg-accent: 243, 244, 246;--color-text-lighter: 75, 85, 99;--color-text-light: 55, 65, 81;--color-text-normal: 31, 41, 55;--color-text-dark: 17, 24, 39;--color-text-darker: 3, 7, 18;--color-primary: 107, 114, 128;--color-primary-light: 156, 163, 175;--color-primary-dark: 75, 85, 99;--nav-bg-start: 156, 163, 175;--nav-bg-end: 107, 114, 128;--nav-text: 255, 255, 255;--nav-text-hover: 249, 250, 251;--nav-active-bg: 75, 85, 99;--nav-active-text: 255, 255, 255}.theme-orange{--color-bg-base: 253, 186, 116;--color-text-base: 124, 45, 18;--color-bg-lighter: 254, 215, 170;--color-bg-light: 253, 186, 116;--color-bg-normal: 251, 146, 60;--color-bg-dark: 249, 115, 22;--color-bg-darker: 234, 88, 12;--color-bg-accent: 255, 237, 213;--color-text-lighter: 234, 88, 12;--color-text-light: 194, 65, 12;--color-text-normal: 154, 52, 18;--color-text-dark: 124, 45, 18;--color-text-darker: 67, 20, 7;--color-primary: 249, 115, 22;--color-primary-light: 251, 146, 60;--color-primary-dark: 234, 88, 12;--nav-bg-start: 251, 146, 60;--nav-bg-end: 249, 115, 22;--nav-text: 255, 255, 255;--nav-text-hover: 255, 247, 237;--nav-active-bg: 234, 88, 12;--nav-active-text: 255, 255, 255}.theme-brown{--color-bg-base: 181, 155, 105;--color-text-base: 60, 30, 12;--color-bg-lighter: 210, 190, 150;--color-bg-light: 181, 155, 105;--color-bg-normal: 153, 124, 75;--color-bg-dark: 133, 94, 45;--color-bg-darker: 115, 78, 35;--color-bg-accent: 244, 237, 216;--color-text-lighter: 133, 94, 45;--color-text-light: 115, 78, 35;--color-text-normal: 100, 65, 30;--color-text-dark: 84, 43, 18;--color-text-darker: 60, 30, 12;--color-primary: 133, 94, 45;--color-primary-light: 153, 124, 75;--color-primary-dark: 115, 78, 35;--nav-bg-start: 153, 124, 75;--nav-bg-end: 133, 94, 45;--nav-text: 255, 255, 255;--nav-text-hover: 249, 246, 231;--nav-active-bg: 115, 78, 35;--nav-active-text: 255, 255, 255}.theme-green{--color-bg-base: 134, 239, 172;--color-text-base: 6, 78, 59;--color-bg-lighter: 187, 247, 208;--color-bg-light: 134, 239, 172;--color-bg-normal: 74, 222, 128;--color-bg-dark: 34, 197, 94;--color-bg-darker: 22, 163, 74;--color-bg-accent: 220, 252, 231;--color-text-lighter: 22, 163, 74;--color-text-light: 21, 128, 61;--color-text-normal: 22, 101, 52;--color-text-dark: 6, 78, 59;--color-text-darker: 5, 46, 22;--color-primary: 34, 197, 94;--color-primary-light: 74, 222, 128;--color-primary-dark: 22, 163, 74;--nav-bg-start: 74, 222, 128;--nav-bg-end: 34, 197, 94;--nav-text: 255, 255, 255;--nav-text-hover: 240, 253, 244;--nav-active-bg: 22, 163, 74;--nav-active-text: 255, 255, 255}.theme-purple{--color-bg-base: 216, 180, 254;--color-text-base: 88, 28, 135;--color-bg-lighter: 233, 213, 255;--color-bg-light: 216, 180, 254;--color-bg-normal: 192, 132, 252;--color-bg-dark: 168, 85, 247;--color-bg-darker: 147, 51, 234;--color-bg-accent: 243, 232, 255;--color-text-lighter: 147, 51, 234;--color-text-light: 126, 34, 206;--color-text-normal: 107, 33, 168;--color-text-dark: 88, 28, 135;--color-text-darker: 59, 7, 100;--color-primary: 168, 85, 247;--color-primary-light: 192, 132, 252;--color-primary-dark: 147, 51, 234;--nav-bg-start: 192, 132, 252;--nav-bg-end: 168, 85, 247;--nav-text: 255, 255, 255;--nav-text-hover: 250, 245, 255;--nav-active-bg: 147, 51, 234;--nav-active-text: 255, 255, 255}.text-themed-base{color:rgb(var(--color-text-base))}.text-themed-lighter{color:rgb(var(--color-text-lighter))}:root.dark .text-themed-lighter{color:#fff}.theme-blue .text-themed-lighter,.theme-pink .text-themed-lighter,.theme-orange .text-themed-lighter,.theme-brown .text-themed-lighter,.theme-green .text-themed-lighter,.theme-purple .text-themed-lighter,.theme-blue .text-themed-base,.theme-pink .text-themed-base,.theme-orange .text-themed-base,.theme-brown .text-themed-base,.theme-green .text-themed-base,.theme-purple .text-themed-base{color:#fff}.bg-themed-lighter{background-color:rgb(var(--color-bg-lighter))}.bg-themed-light{background-color:rgb(var(--color-bg-light))}.bg-themed-normal{background-color:rgb(var(--color-bg-normal))}.bg-themed-dark{background-color:rgb(var(--color-bg-dark))}.bg-themed-darker{background-color:rgb(var(--color-bg-darker))}.bg-themed-base{background-color:rgb(var(--color-bg-base))}.prose-themed,.prose-themed *{color:rgb(var(--color-text-dark))!important}.prose-themed a{color:rgb(var(--color-primary))!important}.prose-themed strong,.prose-themed h1,.prose-themed h2,.prose-themed h3,.prose-themed h4,.prose-themed h5,.prose-themed h6{color:rgb(var(--color-text-darker))!important}.nav-themed{background:linear-gradient(to right,rgb(var(--nav-bg-start)),rgb(var(--nav-bg-end)))}.nav-themed-glass{background:linear-gradient(180deg,rgb(var(--nav-bg-start)),rgb(var(--nav-bg-end)));box-shadow:0 2px 8px #0000001a,0 1px 3px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(8px)}.nav-themed-glass.scrolled{box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;background:linear-gradient(180deg,rgba(var(--nav-bg-start),.98),rgba(var(--nav-bg-end),.98))}.theme-light .nav-themed-glass{background:linear-gradient(180deg,#dbeafe,#bfdbfe 30%,#93c5fd 70%,#60a5fa);box-shadow:0 4px 12px #3b82f626,0 2px 6px #3b82f61a}.theme-light .nav-themed-glass.scrolled{background:linear-gradient(180deg,#dbeafefa,#bfdbfefa 30%,#93c5fdfa 70%,#60a5fafa)}.theme-dark .nav-themed-glass{background:linear-gradient(180deg,#4b5563,#374151 30%,#1f2937 70%,#111827);box-shadow:0 4px 12px #0006,0 2px 6px #0000004d}.theme-dark .nav-themed-glass.scrolled{box-shadow:0 6px 16px #00000080,0 3px 8px #0006;background:linear-gradient(180deg,#4b5563fa,#374151fa 30%,#1f2937fa 70%,#111827fa)}.theme-blue .nav-themed-glass{background:linear-gradient(180deg,#93c5fd,#60a5fa,#3b82f6 66%,#2563eb);box-shadow:0 4px 12px #2563eb40,0 2px 6px #2563eb26}.theme-pink .nav-themed-glass{background:linear-gradient(180deg,#f9a8d4,#f472b6,#ec4899 66%,#db2777);box-shadow:0 4px 12px #db277740,0 2px 6px #db277726}.theme-grey .nav-themed-glass{background:linear-gradient(180deg,#d1d5db,#9ca3af,#6b7280 66%,#4b5563);box-shadow:0 4px 12px #4b556340,0 2px 6px #4b556326}.theme-orange .nav-themed-glass{background:linear-gradient(180deg,#fdba74,#fb923c,#f97316 66%,#ea580c);box-shadow:0 4px 12px #ea580c40,0 2px 6px #ea580c26}.theme-brown .nav-themed-glass{background:linear-gradient(180deg,#d2be96,#b59b69,#997c4b 66%,#855e2d);box-shadow:0 4px 12px #855e2d40,0 2px 6px #855e2d26}.theme-green .nav-themed-glass{background:linear-gradient(180deg,#bbf7d0,#86efac,#4ade80 66%,#22c55e);box-shadow:0 4px 12px #22c55e40,0 2px 6px #22c55e26}.theme-purple .nav-themed-glass{background:linear-gradient(180deg,#e9d5ff,#d8b4fe,#c084fc 66%,#a855f7);box-shadow:0 4px 12px #a855f740,0 2px 6px #a855f726}.nav-text{color:rgb(var(--nav-text))}.nav-active{background-color:rgb(var(--nav-active-bg));color:rgb(var(--nav-active-text))}.nav-hover:hover{background-color:rgba(var(--nav-text-hover),.1)}.bg-normal h3.text-xl,.bg-normal p.text-normal{color:#1f2937}:root.dark .bg-normal h3.text-xl,:root.dark .bg-normal p.text-normal{color:#fff}.theme-blue .bg-normal h3.text-xl,.theme-blue .bg-normal p.text-normal,.theme-pink .bg-normal h3.text-xl,.theme-pink .bg-normal p.text-normal,.theme-grey .bg-normal h3.text-xl,.theme-grey .bg-normal p.text-normal,.theme-orange .bg-normal h3.text-xl,.theme-orange .bg-normal p.text-normal,.theme-brown .bg-normal h3.text-xl,.theme-brown .bg-normal p.text-normal,.theme-green .bg-normal h3.text-xl,.theme-green .bg-normal p.text-normal,.theme-purple .bg-normal h3.text-xl,.theme-purple .bg-normal p.text-normal{color:#fff}.theme-light .pack-item h3,.theme-light .pack-item p,.theme-light .pack-item .pack-description{color:#1f2937}:root.dark .pack-item h3,:root.dark .pack-item p,:root.dark .pack-item .pack-description,.theme-blue .pack-item h3,.theme-blue .pack-item p,.theme-blue .pack-item .pack-description,.theme-pink .pack-item h3,.theme-pink .pack-item p,.theme-pink .pack-item .pack-description,.theme-grey .pack-item h3,.theme-grey .pack-item p,.theme-grey .pack-item .pack-description,.theme-orange .pack-item h3,.theme-orange .pack-item p,.theme-orange .pack-item .pack-description,.theme-brown .pack-item h3,.theme-brown .pack-item p,.theme-brown .pack-item .pack-description,.theme-green .pack-item h3,.theme-green .pack-item p,.theme-green .pack-item .pack-description,.theme-purple .pack-item h3,.theme-purple .pack-item p,.theme-purple .pack-item .pack-description{color:#fff}.theme-light .bg-normal{background-color:#546683}.theme-light div[class*=bg-normal]{background-color:#5f7398}.theme-light .bg-normal{background-color:#2d4466}.theme-light .text-gray-800,.theme-light .dark\:text-white,.theme-light .text-gray-700,.theme-light .dark\:text-gray-200,.theme-light .text-gray-900,.theme-light .dark\:text-gray-100{color:#111827!important}.theme-light .text-gray-500,.theme-light .dark\:text-gray-400{color:#4b5563!important}.theme-light .dark\:bg-gray-700{background-color:#fff!important}.theme-light .dark\:text-gray-100{color:#111827!important}.theme-light .dark\:border-gray-600{border-color:#d1d5db!important}.pack-navigation-header{--nav-height: 3.5rem}body{--header-total-height: 12rem}.main-content-margin{margin-top:13rem}