:root{--bg-page: hsl(40 5.5% 6%);--bg-deep: hsl(0 0% 5%);--bg-black: hsl(0 0% 3%);--surface-base: hsl(40 5% 5%);--surface-raised: hsl(0 0% 9%);--surface-sunken: hsl(0 0% 0% / .4);--border-subtle: hsl(0 0% 25%);--border-strong: hsl(0 0% 45%);--border-frame: hsl(0 0% 0%);--text: hsl(0 0% 100%);--text-muted: hsl(0 0% 65%);--text-dim: hsl(0 0% 45%);--accent: hsl(0 0% 70%);--accent-deep: hsl(0 0% 25%);--card-outer: hsl(0 0% 10%);--card-inner: hsl(0 0% 18%);--card-media-width: 85%;--section-accent-from: hsl(0 0% 10%);--section-accent-to: hsl(0 0% 5%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 5rem;--section-gap: clamp(2rem, 14%, 8rem);--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--radius-pill: 100rem;--text-xs: clamp(.65rem, 2vw, .8rem);--text-sm: clamp(.7rem, 2vw, .85rem);--text-body: clamp(.8rem, 3vw, 1rem);--text-lead: clamp(.9rem, 2vw, 1.5rem);--text-card-title: clamp(1rem, 5vw, 1.5rem);--text-h3: clamp(.9rem, 3.3vw, 1.1rem);--text-h2: clamp(1.5rem, 7vw, 3rem);--text-h1: clamp(2rem, 10vw, 4rem);--text-display: clamp(1.5rem, 7vw, 6rem);--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--content-width: clamp(20rem, 60%, 50rem);--card-max-width: 1050px;--nav-height: 5rem;--ease-out-soft: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-base: .35s;--duration-slow: .65s}.theme-cdrive{--accent: hsl(209 54.76% 40.59%);--accent-deep: hsl(209.45 66.26% 18.27%);--card-outer: hsl(209.45 66.26% 11.27%);--card-inner: hsl(209 54.76% 40.59%);--section-accent-from: hsl(209.45 66.26% 11.27%);--section-accent-to: hsl(209.45 66.26% 3.27%)}.theme-zombiewash{--accent: hsl(274 91.5% 40%);--accent-deep: hsl(273.96 92.98% 11.18%);--card-outer: hsl(273.96 92.98% 11.18%);--card-inner: hsl(273.81 90% 22.41%);--section-accent-from: hsl(274 40% 15%);--section-accent-to: hsl(274 40% 8%)}.theme-fuse{--accent: hsl(0 0% 60%);--accent-deep: hsl(0 0% 30%);--card-outer: hsl(0 0% 10%);--card-inner: hsl(0 0% 20%);--card-media-width: 70%;--section-accent-from: hsl(222 61% 15%);--section-accent-to: hsl(222 61% 8%)}.theme-rai{--accent: #00cdda;--accent-alt: #47df7b;--accent-deep: #130c2c;--bg-deep: #130c2c;--card-outer: #130c2c;--card-inner: #2d244f;--card-title-glow: 0 0 24px rgba(0, 205, 218, .45);--section-accent-from: #2d244f;--section-accent-to: #130c2c}.theme-tyler{--accent: #146ff8;--accent-alt: #2f9fc0;--accent-deep: #16202e;--bg-deep: #14181d;--card-outer: #14181d;--card-inner: #30333a;--card-title-glow: 0 0 24px rgba(20, 111, 248, .45);--section-accent-from: #1c2a3d;--section-accent-to: #14181d}.theme-neutral{--accent: hsl(0 0% 70%);--accent-deep: hsl(0 0% 25%);--card-outer: hsl(0 0% 10%);--card-inner: hsl(0 0% 18%);--section-accent-from: hsl(0 0% 10%);--section-accent-to: hsl(0 0% 5%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#404040 #1a1a1a}:target{scroll-margin-top:var(--nav-height)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}html,body{border:none;outline:none;background-color:var(--bg-page);color:var(--text);font-family:var(--font-body);min-height:100svh}button{font:inherit;cursor:pointer}a{font-size:1.1rem;color:var(--text-dim);text-decoration:none;transition:color var(--duration-base) ease,text-shadow var(--duration-base) ease}a:hover,a.is-active{text-shadow:0 0 5px hsl(0,0%,95%);color:var(--text)}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img,video,canvas,svg{display:block;max-width:100%}.prose{color:var(--text)}.prose p{max-width:75ch;padding:var(--space-3) var(--space-4);font-size:var(--text-body);text-wrap:pretty}.prose ul,.prose ol{padding-left:var(--space-6)}.prose li{max-width:70ch;padding:var(--space-1) 0;font-size:var(--text-body)}.prose h3{padding:var(--space-4) var(--space-4) var(--space-2);font-size:var(--text-h3);color:#d9d9d9}.prose dt{font-size:var(--text-h3);font-weight:600}.prose dd{margin:0 0 var(--space-3);font-size:var(--text-body);color:var(--text-muted);text-wrap:pretty}.prose pre{margin:var(--space-3) var(--space-4);padding:var(--space-4);overflow-x:auto;border:.15rem solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-sunken);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;tab-size:2}.prose code{font-family:var(--font-mono);font-size:.95em;color:var(--text)}.prose pre code{font-size:inherit}.prose figure{margin:var(--space-4) 0}.prose figcaption{padding:var(--space-2) var(--space-4) 0;font-size:var(--text-sm);color:var(--text-muted)}.prose strong{color:var(--text);font-weight:600}.prose a{font-size:inherit;color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.2em}.prose img,.prose video{width:95%;margin:var(--space-3) auto;border:.15rem solid var(--border-strong);border-radius:var(--radius-sm);object-fit:cover}.prose .page-hero__media>*{width:100%;margin:0;border:.15rem solid var(--border-strong);border-radius:var(--radius-sm);animation:media-rise var(--duration-slow) ease forwards}@keyframes media-rise{0%{transform:translateY(3rem)}to{transform:translateY(0)}}
