#blogs{background:var(--color-bg);display:flex;flex-direction:column}#blogs{height:100vh;min-height:100vh;max-height:100vh}@supports (height: 100dvh){#blogs{height:100dvh;min-height:100dvh;max-height:100dvh}}@supports (height: 100svh){#blogs{height:100svh;min-height:100svh;max-height:100svh}}#nav{view-transition-name:backdrop-nav;background:var(--color-surface);box-shadow:#0000000d 0 6px 24px,#00000014 0 0 0 1px;position:sticky;top:0;z-index:999}@media (prefers-color-scheme: light){[data-prefers-color-scheme]{--color-primary: #3b82f6;--color-primary-hover: #1d4ed8;--color-accent: #ec4899;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-alt: #f3f4f6;--color-text: #111827;--color-text-muted: #4b5563;--color-heading: #0a0f1c;--color-border: #e5e7eb;--color-divider: #d1d5db;--color-success: #059669;--color-warning: #f59e0b;--color-danger: #dc2626;--color-focus-ring: #93c5fd;--color-button-text: #000000;--color-comment: #6a737d;--color-prolog: #6a737d;--color-doctype: #6a737d;--color-cdata: #6a737d;--color-punctuation: #24292e;--color-keyword: #d73a49;--color-property: #005cc5;--color-tag: #22863a;--color-boolean: #d73a49;--color-number: #005cc5;--color-constant: #005cc5;--color-symbol: #005cc5;--color-function: #6f42c1;--color-class-name: #6f42c1;--color-string: #032f62;--color-char: #032f62;--color-attr-value: #032f62;--color-regex: #032f62;--color-url: #032f62;--color-operator: #d73a49;--color-entity: #d73a49;--color-inserted: #22863a;--color-deleted: #b31d28;--color-important: #b31d28;--color-bold: ;--color-italic: }}@media (prefers-color-scheme: dark){[data-prefers-color-scheme]{--color-primary: #93c5fd;--color-primary-hover: #bfdbfe;--color-accent: #f9a8d4;--color-bg: #0a0f1c;--color-surface: #111827;--color-surface-alt: #1f2937;--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-heading: #f9fafb;--color-border: #374151;--color-divider: #1f2937;--color-success: #34d399;--color-warning: #fcd34d;--color-danger: #f87171;--color-focus-ring: #2563eb;--color-button-text: #000000;--color-comment: #5c6370;--color-prolog: #5c6370;--color-doctype: #5c6370;--color-cdata: #5c6370;--color-punctuation: #abb2bf;--color-keyword: #c678dd;--color-property: #c678dd;--color-tag: #c678dd;--color-boolean: #c678dd;--color-number: #c678dd;--color-constant: #c678dd;--color-symbol: #c678dd;--color-function: #61afef;--color-class-name: #61afef;--color-string: #98c379;--color-char: #98c379;--color-attr-value: #98c379;--color-regex: #98c379;--color-url: #98c379;--color-operator: #56b6c2;--color-entity: #56b6c2;--color-inserted: #56b6c2;--color-deleted: #e06c75;--color-important: #e06c75;--color-bold: ;--color-italic: }}[data-prefers-color-scheme][data-compel-color-scheme=light]{--color-primary: #3b82f6;--color-primary-hover: #1d4ed8;--color-accent: #ec4899;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-alt: #f3f4f6;--color-text: #111827;--color-text-muted: #4b5563;--color-heading: #0a0f1c;--color-border: #e5e7eb;--color-divider: #d1d5db;--color-success: #059669;--color-warning: #f59e0b;--color-danger: #dc2626;--color-focus-ring: #93c5fd;--color-button-text: #000000;--color-comment: #6a737d;--color-prolog: #6a737d;--color-doctype: #6a737d;--color-cdata: #6a737d;--color-punctuation: #24292e;--color-keyword: #d73a49;--color-property: #005cc5;--color-tag: #22863a;--color-boolean: #d73a49;--color-number: #005cc5;--color-constant: #005cc5;--color-symbol: #005cc5;--color-function: #6f42c1;--color-class-name: #6f42c1;--color-string: #032f62;--color-char: #032f62;--color-attr-value: #032f62;--color-regex: #032f62;--color-url: #032f62;--color-operator: #d73a49;--color-entity: #d73a49;--color-inserted: #22863a;--color-deleted: #b31d28;--color-important: #b31d28;--color-bold: ;--color-italic: }[data-prefers-color-scheme][data-compel-color-scheme=dark]{--color-primary: #93c5fd;--color-primary-hover: #bfdbfe;--color-accent: #f9a8d4;--color-bg: #0a0f1c;--color-surface: #111827;--color-surface-alt: #1f2937;--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-heading: #f9fafb;--color-border: #374151;--color-divider: #1f2937;--color-success: #34d399;--color-warning: #fcd34d;--color-danger: #f87171;--color-focus-ring: #2563eb;--color-button-text: #000000;--color-comment: #5c6370;--color-prolog: #5c6370;--color-doctype: #5c6370;--color-cdata: #5c6370;--color-punctuation: #abb2bf;--color-keyword: #c678dd;--color-property: #c678dd;--color-tag: #c678dd;--color-boolean: #c678dd;--color-number: #c678dd;--color-constant: #c678dd;--color-symbol: #c678dd;--color-function: #61afef;--color-class-name: #61afef;--color-string: #98c379;--color-char: #98c379;--color-attr-value: #98c379;--color-regex: #98c379;--color-url: #98c379;--color-operator: #56b6c2;--color-entity: #56b6c2;--color-inserted: #56b6c2;--color-deleted: #e06c75;--color-important: #e06c75;--color-bold: ;--color-italic: }.base{background-color:var(--color-bg);color:var(--color-text)}.scroll-scheme{overflow:auto;scroll-behavior:smooth;scrollbar-width:thin}.scroll-scheme::-webkit-scrollbar{width:12px;height:12px}.scroll-scheme::-webkit-scrollbar-track{background:var(--color-surface-alt)}.scroll-scheme::-webkit-scrollbar-thumb{background-color:var(--color-primary);border-radius:6px;border:3px solid var(--color-surface-alt)}.scroll-scheme::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary-hover)}@media (min-width: 1536px){.scroll-scheme{scrollbar-width:auto}}.scroll-scheme{scrollbar-color:var(--color-primary) var(--color-surface-alt)}