:root{--color-brand-primary: hsl(344, 79%, 45%);--color-brand-primary-light: hsl(344, 75%, 60%);--color-brand-primary-dark: hsl(344, 79%, 35%);--color-success: hsl(142, 71%, 45%);--color-warning: hsl(38, 92%, 50%);--color-error: hsl(0, 72%, 51%);--color-info: hsl(217, 91%, 60%);--gradient-brand: linear-gradient( 135deg, var(--color-brand-primary) 0%, var(--color-brand-primary-light) 100% );--focus-ring: 0 0 0 3px hsla(344, 79%, 45%, .4)}[data-theme=light]{--color-bg-primary: hsl(40, 33%, 98%);--color-bg-secondary: hsl(40, 25%, 95%);--color-bg-tertiary: hsl(40, 20%, 92%);--color-bg-elevated: hsl(0, 0%, 100%);--color-bg-sunken: hsl(40, 30%, 96%);--color-text-primary: hsl(30, 15%, 12%);--color-text-secondary: hsl(30, 10%, 35%);--color-text-tertiary: hsl(30, 8%, 50%);--color-text-muted: hsl(30, 5%, 65%);--color-text-inverse: hsl(40, 33%, 98%);--color-border-light: hsl(40, 15%, 88%);--color-border-medium: hsl(40, 12%, 80%);--color-border-heavy: hsl(40, 10%, 70%);--color-accent: var(--color-brand-primary);--color-accent-hover: var(--color-brand-primary-dark);--shadow-sm: 0 1px 2px hsla(30, 15%, 12%, .04);--shadow-md: 0 4px 6px -1px hsla(30, 15%, 12%, .06), 0 2px 4px -1px hsla(30, 15%, 12%, .04);--shadow-lg: 0 10px 15px -3px hsla(30, 15%, 12%, .08), 0 4px 6px -2px hsla(30, 15%, 12%, .04);--shadow-xl: 0 20px 25px -5px hsla(30, 15%, 12%, .1), 0 10px 10px -5px hsla(30, 15%, 12%, .04);--shadow-elevated: 0 1px 3px hsla(30, 15%, 12%, .08), 0 4px 12px hsla(30, 15%, 12%, .12);--color-link: var(--color-brand-primary);--color-link-hover: var(--color-brand-primary-dark);--color-link-visited: hsl(344, 50%, 40%);--color-code-bg: hsl(40, 20%, 94%);--color-code-text: hsl(30, 30%, 25%);--color-blockquote-border: var(--color-brand-primary);--color-blockquote-bg: hsl(40, 30%, 97%)}[data-theme=dark]{--color-bg-primary: hsl(30, 15%, 8%);--color-bg-secondary: hsl(30, 12%, 12%);--color-bg-tertiary: hsl(30, 10%, 16%);--color-bg-elevated: hsl(30, 15%, 14%);--color-bg-sunken: hsl(30, 18%, 6%);--color-text-primary: hsl(40, 20%, 92%);--color-text-secondary: hsl(40, 15%, 75%);--color-text-tertiary: hsl(40, 10%, 60%);--color-text-muted: hsl(40, 8%, 45%);--color-text-inverse: hsl(30, 15%, 8%);--color-border-light: hsl(30, 10%, 18%);--color-border-medium: hsl(30, 8%, 25%);--color-border-heavy: hsl(30, 6%, 35%);--color-accent: var(--color-brand-primary-light);--color-accent-hover: hsl(344, 80%, 65%);--shadow-sm: 0 1px 2px hsla(0, 0%, 0%, .2);--shadow-md: 0 4px 6px -1px hsla(0, 0%, 0%, .3), 0 2px 4px -1px hsla(0, 0%, 0%, .2);--shadow-lg: 0 10px 15px -3px hsla(0, 0%, 0%, .35), 0 4px 6px -2px hsla(0, 0%, 0%, .2);--shadow-xl: 0 20px 25px -5px hsla(0, 0%, 0%, .4), 0 10px 10px -5px hsla(0, 0%, 0%, .2);--shadow-elevated: 0 1px 3px hsla(0, 0%, 0%, .3), 0 4px 12px hsla(0, 0%, 0%, .4);--color-link: var(--color-brand-primary-light);--color-link-hover: hsl(344, 85%, 70%);--color-link-visited: hsl(344, 60%, 55%);--color-code-bg: hsl(30, 12%, 14%);--color-code-text: hsl(40, 25%, 85%);--color-blockquote-border: var(--color-brand-primary-light);--color-blockquote-bg: hsl(30, 15%, 10%)}:root{--font-display: "Fraunces", Georgia, "Times New Roman", serif;--font-body: "Source Serif 4", Georgia, "Times New Roman", serif;--font-ui: "Red Hat Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, Monaco, monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.0625rem;--font-size-lg: 1.1875rem;--font-size-xl: 1.375rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.3125rem;--font-size-5xl: 2.875rem;--font-size-6xl: 3.625rem;--line-height-tight: 1.1;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--line-height-loose: 1.8;--letter-spacing-tighter: -.03em;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--measure-narrow: 45ch;--measure-normal: 68ch;--measure-wide: 80ch;--body-font-size: var(--font-size-lg)}[data-font-size=small]{--body-font-size: var(--font-size-base);--heading-scale: .88}[data-font-size=medium]{--body-font-size: var(--font-size-lg);--heading-scale: 1}[data-font-size=large]{--body-font-size: var(--font-size-xl);--heading-scale: 1.12}@media (max-width: 768px){:root{--font-size-6xl: 2.5rem;--font-size-5xl: 2.125rem;--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem}}@media (max-width: 480px){:root{--font-size-6xl: 2rem;--font-size-5xl: 1.75rem;--font-size-4xl: 1.5rem;--font-size-3xl: 1.375rem}[data-font-size=large]{--body-font-size: var(--font-size-xl)}}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-ui{font-family:var(--font-ui)}.font-mono{font-family:var(--font-mono)}:root{--space-0: 0;--space-px: 1px;--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;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--article-width: 42rem;--article-width-wide: 85ch;--radius-none: 0;--radius-sm: .125rem;--radius-md: .25rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--z-below: -1;--z-base: 0;--z-above: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--z-top: 9999;--safe-area-inset-top: env(safe-area-inset-top, 0px);--safe-area-inset-right: env(safe-area-inset-right, 0px);--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-left: env(safe-area-inset-left, 0px);--header-height: 4rem;--mobile-nav-height: 3.5rem;--progress-bar-height: 3px}[data-content-width=narrow]{--article-width: 36rem}[data-content-width=medium]{--article-width: 42rem}[data-content-width=wide]{--article-width: 52rem}@media (pointer: coarse){:root{--touch-target-min: 44px}}@media (pointer: fine){:root{--touch-target-min: 32px}}:root{--duration-instant: 0ms;--duration-fastest: 50ms;--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .2s;--duration-slower: .3s;--duration-slowest: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-elastic: cubic-bezier(.68, -.55, .265, 1.55);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-colors: color var(--duration-normal) var(--ease-out), background-color var(--duration-normal) var(--ease-out), border-color var(--duration-normal) var(--ease-out);--transition-opacity: opacity var(--duration-normal) var(--ease-out);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-shadow: box-shadow var(--duration-normal) var(--ease-out);--transition-all: all var(--duration-normal) var(--ease-out)}@media (prefers-reduced-motion: reduce){:root{--duration-fastest: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progressBar{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.animate-fade-in{animation:fadeIn var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) forwards}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out) forwards}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) forwards}.animate-scale-in{animation:scaleIn var(--duration-slow) var(--ease-out) forwards}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s var(--ease-linear) infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}[data-theme=light] ::selection{background-color:#cd184833;color:var(--color-text-primary)}[data-theme=light] img{filter:none}[data-theme=light] .accent-bar{background:var(--gradient-brand)}[data-theme=dark]{color-scheme:dark}[data-theme=dark] ::selection{background-color:#e64c754d;color:var(--color-text-primary)}[data-theme=dark] img{filter:brightness(.95) contrast(1.05)}[data-theme=dark] .accent-bar{background:linear-gradient(135deg,var(--color-brand-primary-light) 0%,hsl(344,85%,70%) 100%)}[data-theme=dark] hr{border-color:var(--color-border-light)}