:root{--radius-sm: .375em;--radius-md: .75em;--radius-lg: 1em;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 30px 80px rgba(0, 0, 0, .45);--shadow-inset-hairline: inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-glass-dark: inset 0 1px 0 color-mix(in srgb, white 14%, transparent), 0 8px 24px -4px rgba(0, 0, 0, .4), 0 2px 6px -2px rgba(0, 0, 0, .25);--shadow-glass-dark-hover: inset 0 1px 0 color-mix(in srgb, white 18%, transparent), 0 12px 32px -4px rgba(0, 0, 0, .45), 0 2px 6px -2px rgba(0, 0, 0, .3);--shadow-glass-light: inset 0 1px 0 color-mix(in srgb, white 50%, transparent), 0 8px 24px -4px rgba(0, 0, 0, .08), 0 2px 6px -2px rgba(0, 0, 0, .05);--shadow-glass-light-hover: inset 0 1px 0 color-mix(in srgb, white 60%, transparent), 0 12px 32px -4px rgba(0, 0, 0, .1), 0 2px 6px -2px rgba(0, 0, 0, .06);--duration-micro: .15s;--duration-standard: .35s;--cubic-default: cubic-bezier(.625, .05, 0, 1);--glass-card-bg: linear-gradient(135deg, color-mix(in srgb, white 9%, transparent) 0%, color-mix(in srgb, white 3%, transparent) 100%);--glass-card-border: color-mix(in srgb, white 14%, transparent);--glass-card-shadow: 0 4px 20px rgba(0, 0, 0, .22), inset 0 1px 0 color-mix(in srgb, white 12%, transparent);--color-bg-control: rgba(255, 255, 255, .05);--color-bg-control-hover: rgba(255, 255, 255, .1);--color-bg-control-focus: rgba(255, 255, 255, .08);--color-bg-card: transparent;--color-bg-card-hover: transparent;--shadow-control: 0 2px 8px rgba(0, 0, 0, .08);--shadow-control-hover: 0 4px 16px rgba(0, 0, 0, .15);--shadow-control-focus: 0 4px 16px rgba(0, 0, 0, .12);--shadow-inset-strong: inset 0 1px 0 rgba(255, 255, 255, .15);--touch-target-min: 44px;--touch-target-min-comfortable: 48px;--press-deep: .96;--press-default: .98;--press-light: .99;--bp-sm: 40rem;--bp-md: 48rem;--bp-lg: 64rem;--bp-xl: 80rem;--bp-2xl: 96rem;--space-1: .25em;--space-2: var(--gap-xxs);--space-3: var(--gap-xs);--space-4: 1em;--space-5: var(--gap-sm);--space-6: var(--gap-m);--space-7: var(--gap-l);--space-8: var(--gap-xl);--space-9: var(--gap-xxl);--space-10: 3em;--space-11: var(--padding-xs);--space-12: var(--padding-s);--text-body-comfortable: 1rem;--text-body-tight: .875rem;--text-caption: .75rem;--text-meta: .6875rem;--text-eyebrow: .6875rem;--text-chip: .6875rem;--text-micro: .625rem;--text-h-xl: 5em;--text-h-l: 3.875em;--text-h-m: 2.5em;--text-h-s: 1.875em;--color-text-primary: var(--color-neutral-200);--color-text-secondary: var(--color-neutral-475);--color-text-body: var(--color-neutral-400);--color-text-muted: var(--color-neutral-500);--color-text-meta: var(--color-neutral-300);--color-text-soft: var(--color-neutral-400);--color-route-accent-text: var(--color-accent-route);--color-proof-pill-text: var(--color-route-accent-text);--color-proof-pill-bg: color-mix(in srgb, var(--color-accent-route) 10%, transparent);--color-proof-pill-border: color-mix(in srgb, var(--color-accent-route) 24%, transparent);--color-control-active-bg: color-mix(in srgb, var(--color-accent-route) 82%, var(--color-neutral-100) 18%);--color-control-active-text: var(--color-neutral-950);--color-control-active-border: color-mix(in srgb, var(--color-accent-route) 72%, white 8%);--color-mobile-rail-fade: color-mix(in srgb, var(--color-bg-page, var(--color-neutral-900)) 94%, transparent)}[data-theme=light-warm]{--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .07);--shadow-xl: 0 30px 80px rgba(0, 0, 0, .18);--glass-card-bg: linear-gradient(135deg, color-mix(in srgb, black 5%, transparent) 0%, transparent 100%);--glass-card-border: color-mix(in srgb, black 12%, transparent);--glass-card-shadow: 0 4px 20px rgba(0, 0, 0, .08), inset 0 1px 0 color-mix(in srgb, white 50%, transparent);--color-bg-control: rgba(0, 0, 0, .04);--color-bg-control-hover: rgba(0, 0, 0, .06);--color-bg-control-focus: rgba(0, 0, 0, .06);--color-bg-card: color-mix(in srgb, white 65%, transparent);--color-bg-card-hover: color-mix(in srgb, white 75%, transparent);--shadow-control: 0 2px 8px rgba(0, 0, 0, .04);--shadow-control-hover: 0 4px 16px rgba(0, 0, 0, .08);--shadow-control-focus: 0 4px 16px rgba(0, 0, 0, .08);--shadow-inset-strong: inset 0 1px 0 rgba(255, 255, 255, .6);--color-text-primary: var(--palette-text, #2d2016);--color-text-secondary: #594c42;--color-text-body: #5f5148;--color-text-muted: #64554b;--color-text-meta: #4f453e;--color-text-soft: #5f5148;--color-route-accent-text: #33291f;--color-proof-pill-text: var(--color-route-accent-text);--color-proof-pill-bg: color-mix(in srgb, var(--color-accent-route) 16%, white 76%);--color-proof-pill-border: color-mix(in srgb, var(--color-accent-route) 42%, #33291f 16%);--color-control-active-bg: #33291f;--color-control-active-text: #fff7ec;--color-control-active-border: #33291f;--color-mobile-rail-fade: color-mix(in srgb, var(--color-bg-page, #faf5ef) 94%, transparent)}@media(hover:hover)and (pointer:fine){html.custom-cursor,html.custom-cursor *{cursor:none!important}.custom-cursor-ring{position:fixed;top:0;left:0;width:28px;height:28px;border-radius:50%;border:1px solid color-mix(in srgb,var(--palette-text, #f4f4f4) 32%,transparent);background:color-mix(in srgb,var(--palette-text, #f4f4f4) 4%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--palette-text, #f4f4f4) 16%,transparent),0 4px 16px #0000002e;backdrop-filter:blur(6px) saturate(160%);-webkit-backdrop-filter:blur(6px) saturate(160%);pointer-events:none;z-index:2147483647;opacity:0;will-change:transform,width,height;transform:translate3d(var(--cursor-x, -100px),var(--cursor-y, -100px),0) translate(-50%,-50%);transition:width var(--duration-standard) var(--cubic-default),height var(--duration-standard) var(--cubic-default),border-color var(--duration-micro) var(--cubic-default),opacity var(--duration-micro) var(--cubic-default)}.custom-cursor-ring--hover{width:56px;height:56px;border-color:color-mix(in srgb,var(--palette-accent, #f4f4f4) 55%,transparent)}@media(prefers-reduced-motion:reduce){.custom-cursor-ring{transition:opacity var(--duration-micro) var(--cubic-default)}}}@font-face{font-family:Haffer;src:url(/fonts/HafferStandardUprights-VF.woff2) format("woff2-variations"),url(/fonts/HafferStandardUprights-VF.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:HafferXH;src:url(/fonts/HafferXHRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HafferMono;src:url(/fonts/HafferMonoRegular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HafferMono;src:url(/fonts/HafferMonoMedium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--color-neutral-100: white;--color-neutral-200: #f4f4f4;--color-neutral-300: #eaeaea;--color-neutral-400: #e1e1e1;--color-neutral-450: #d8d8d8;--color-neutral-475: #b8b8b8;--color-neutral-500: #817f7f;--color-neutral-525: #4f4c4c;--color-neutral-550: #393636;--color-neutral-600: #312e2e;--color-neutral-700: #2a2727;--color-neutral-800: #141416;--color-neutral-900: #0a0a0c;--color-neutral-950: #050507;--color-dark: var(--color-neutral-800);--color-black: var(--color-neutral-900);--color-white: var(--color-neutral-100);--color-light: var(--color-neutral-200);--color-electric: #a1ff62;--color-purple: #9470a8;--color-coral: #f43f5e;--color-cyan: #22d3ee;--color-amber: #f59e0b;--color-teal: #2dd4bf;--color-yellow: #facc15;--color-rose: #fb7185;--color-emerald: #34d399;--color-sky: #38bdf8;--color-lime: #bef264;--color-violet: #b998c7;--color-chartreuse: #a3e635;--color-bg-canvas: #050507;--color-bg-elevated: #101014;--color-bg-card: color-mix(in srgb, var(--palette-bg, #0a0a0c) 54%, transparent);--color-bg-panel: color-mix(in srgb, var(--palette-bg, #0a0a0c) 70%, transparent);--color-bg-control: color-mix(in srgb, var(--palette-bg, #0a0a0c) 46%, transparent);--color-border-subtle: color-mix(in srgb, white 8%, transparent);--color-border-strong: color-mix(in srgb, white 16%, transparent);--accent-default: var(--color-teal);--accent-reflective: var(--color-rose);--accent-utility: var(--color-sky);--color-streak-0: #1b1b1f;--color-streak-1: #0e4429;--color-streak-2: #006d32;--color-streak-3: #26a641;--color-streak-4: #39d353;--color-shelf-plank-a: #3d2f24;--color-shelf-plank-b: #2a2018;--color-shelf-plank-c: #1a140f;--container-padding: 1.875em;--padding-xl: 12.5em;--padding-l: 10em;--padding-m: 7.5em;--padding-s: 5em;--padding-xs: 3.75em;--gap-xxl: 2.5em;--gap-xl: 2em;--gap-l: 1.875em;--gap-m: 1.5em;--gap-s: 1em;--gap-sm: 1.25em;--gap-xs: .75em;--gap-xxs: .5em;--stroke-weight: 1px;--btn-height: 2.5em;--nav-bar-height: 4.625em;--nav-bar-max-width-small: 38em;--cubic-bounce: linear(0, .5737 7.6%, .8382 11.87%, .9463 14.19%, 1.0292 16.54%, 1.0886 18.97%, 1.1258 21.53%, 1.137 22.97%, 1.1424 24.48%, 1.1423 26.1%, 1.1366 27.86%, 1.1165 31.01%, 1.0507 38.62%, 1.0219 42.57%, .9995 46.99%, .9872 51.63%, .9842 58.77%, 1.0011 81.26%, 1);--duration-slow: .6s;--duration-slower: .9s;--duration-slowest: 1.2s;--size-unit: 16;--size-container-ideal: 1440;--size-container-min: 992px;--size-container-max: 1920px;--size-container: clamp(var(--size-container-min), 100vw, var(--size-container-max));--size-font: max(var(--text-body-min), calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit))));--font-display: "HafferXH", sans-serif;--font-mono: "HafferMono", monospace;--font-body: "Haffer", sans-serif;--prose-width: 72ch;--shell-width: 72rem;--z-below: -1;--z-base: 0;--z-raised: 10;--z-sticky: 20;--z-tooltip: 50;--z-nav: 100;--z-overlay: 1000;--z-overlay-content: 1001;--z-admin-bar: 3000;--z-admin-overlay: 3100;--z-admin-content: 3200;--z-admin-toast: 3300;--z-skip-link: 9000;--color-accent-route: var(--color-electric);--focus-ring: 2px solid var(--color-accent-route);--focus-ring-offset: 2px;--text-body-min: 14px;--text-label-min: 12px;--text-caption-min: 12px;--color-focus-ring-light: #1a1a1a}:root{--color-bg-page: var(--color-neutral-900);--color-bg-surface: var(--color-neutral-800);--color-bg-elevated: color-mix(in srgb, var(--color-neutral-800) 92%, white 8%);--color-border-subtle: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .12);--article-body: var(--color-text-body);--article-heading-2: var(--color-text-primary);--article-heading-3: var(--color-text-body);--color-success: #86efac;--color-warning: var(--color-amber);--color-danger: var(--color-coral);--color-info: var(--color-cyan);--accent-project: var(--color-electric);--accent-article: var(--color-cyan);--accent-book: var(--color-teal);--accent-music: var(--color-coral);--accent-film: var(--color-amber)}[data-theme=dark]{--color-neutral-100: color-mix(in srgb, var(--palette-text, #f4f4f4) 96%, white 4%);--color-neutral-200: var(--palette-text, #f4f4f4);--color-neutral-300: color-mix(in srgb, var(--palette-text, #f4f4f4) 84%, var(--palette-bg, #0a0a0c) 16%);--color-neutral-400: color-mix(in srgb, var(--palette-text, #f4f4f4) 70%, var(--palette-bg, #0a0a0c) 30%);--color-neutral-450: color-mix(in srgb, var(--palette-text, #f4f4f4) 58%, var(--palette-bg, #0a0a0c) 42%);--color-neutral-475: color-mix(in srgb, var(--palette-text, #f4f4f4) 50%, var(--palette-bg, #0a0a0c) 50%);--color-neutral-500: color-mix(in srgb, var(--palette-text, #f4f4f4) 40%, var(--palette-bg, #0a0a0c) 60%);--color-neutral-525: color-mix(in srgb, var(--palette-text, #f4f4f4) 30%, var(--palette-bg, #0a0a0c) 70%);--color-neutral-550: color-mix(in srgb, var(--palette-text, #f4f4f4) 24%, var(--palette-bg, #0a0a0c) 76%);--color-neutral-600: color-mix(in srgb, var(--palette-surface, #161618) 88%, var(--palette-bg, #0a0a0c) 12%);--color-neutral-700: color-mix(in srgb, var(--palette-surface, #161618) 68%, var(--palette-bg, #0a0a0c) 32%);--color-neutral-800: var(--palette-surface, #161618);--color-neutral-900: var(--palette-bg, #0a0a0c);--color-neutral-950: color-mix(in srgb, var(--palette-bg, #0a0a0c) 88%, black 12%);--color-dark: var(--color-neutral-800);--color-black: var(--color-neutral-900);--color-white: var(--color-neutral-100);--color-light: var(--color-neutral-200)}[data-theme=light-warm]{--color-neutral-100: var(--palette-text, #2d2016);--color-neutral-200: var(--palette-text, #2d2016);--color-neutral-300: #4a4040;--color-neutral-400: #6a5a50;--color-neutral-450: #806a60;--color-neutral-475: #907a70;--color-neutral-500: #a09080;--color-neutral-525: #b8a898;--color-neutral-550: #d0c4b8;--color-neutral-600: #e0d8d0;--color-neutral-700: rgba(0,0,0,.08);--color-neutral-800: var(--palette-surface, #f0ebe4);--color-neutral-900: var(--palette-bg, #faf5ef);--color-neutral-950: var(--palette-bg, #faf5ef);--focus-ring: 2px solid var(--color-focus-ring-light);--color-bg-page: var(--palette-bg, #faf5ef);--color-bg-surface: var(--palette-surface, #f0ebe4);--color-bg-elevated: color-mix(in srgb, white 96%, transparent);--color-border-subtle: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .12);--color-success: #2f7d4f;--color-warning: #b45309;--color-danger: #b91c1c;--color-info: #0e7490}[data-theme=light-warm] body{background-color:var(--palette-bg, #faf5ef);color:var(--palette-text, #2d2016)}[data-theme=light-warm] body:before{background:none}[data-theme=light-warm] .eyebrow{color:var(--color-text-meta)}[data-theme=light-warm] .eyebrow--accent{color:var(--color-route-accent-text)}[data-theme=light-warm] .project-card,[data-theme=light-warm] .pin-card{background:#fff9;border-color:#0000000f;box-shadow:0 1px 8px #0000000a}[data-theme=light-warm] .project-card:hover,[data-theme=light-warm] .pin-card:hover{background:#fffc;box-shadow:0 4px 20px #00000014}[data-theme=light-warm] .pins-search{background:#fff9;border-color:#0000001a;color:var(--palette-text)}[data-theme=light-warm] .site-footer,[data-theme=light-warm] .article-item{border-color:#0000000f}[data-theme=light-warm] .project-card:before{background:none}[data-theme=light-warm] .article-content .article-code{background:var(--palette-surface);border-color:#00000014;color:var(--palette-text)}[data-theme=light-warm] .article-content .article-inline-code{background:#0000000f;color:var(--palette-accent)}@media screen and (max-width:61.9375rem){:root{--size-container-ideal: 850;--size-container-min: 768px;--size-container-max: 991px}}@media screen and (max-width:47.9375rem){:root{--size-container-ideal: 390;--size-container-min: 320px;--size-container-max: 767px;--btn-height: 3em;--padding-xl: 5em;--padding-l: 3.75em;--padding-m: 2.5em;--padding-s: 1.875em;--padding-xs: 1.5em;--container-padding: 1em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.section,.page-header,.article-list,.projects-grid,.work-explorer{opacity:1!important;transform:none!important;transition:none!important}}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--size-font);scroll-behavior:smooth;overflow-x:clip}body{margin:0;overflow-x:clip;font-family:var(--font-body);font-variation-settings:"wght" 460;background-color:var(--palette-bg, #0a0a0c);color:var(--palette-text, #f4f4f4);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;isolation:isolate}@keyframes movie{0%{transform:translate(0)}10%{transform:translate(-5%,-5%)}20%{transform:translate(-10%,5%)}30%{transform:translate(5%,-10%)}40%{transform:translate(-5%,15%)}50%{transform:translate(-10%,5%)}60%{transform:translate(15%)}70%{transform:translateY(10%)}80%{transform:translate(-15%)}90%{transform:translate(10%,5%)}to{transform:translate(5%)}}#main-content{position:relative;z-index:1}@property --route-hover-accent-alpha{syntax: "<number>"; inherits: true; initial-value: .05;}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(ellipse 80% 60% at 10% 20%,rgba(34,211,238,.12) 0%,transparent 55%),radial-gradient(ellipse 60% 80% at 85% 15%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(ellipse 70% 50% at 50% 80%,rgba(20,184,166,.08) 0%,transparent 45%),radial-gradient(ellipse 50% 70% at 80% 70%,rgba(244,63,94,.07) 0%,transparent 45%),radial-gradient(ellipse 90% 40% at 30% 50%,rgb(var(--route-hover-accent-rgb, 161 255 98) / var(--route-hover-accent-alpha, .05)) 0%,transparent 55%);animation:meshDrift 25s ease-in-out infinite alternate;transition:--route-hover-accent-alpha var(--duration-slow) var(--cubic-default);pointer-events:none}.liquid-gradient-bg{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;z-index:-1;pointer-events:none;display:block;overflow:clip;contain:paint;background:var(--palette-bg, #0a0e27)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:#0000004d;pointer-events:none}[data-theme=light-warm] body:after{background:none}main p,main blockquote,main li,main figcaption,main .eyebrow,.site-footer,.site-footer *{text-shadow:-1px -1px 0 var(--palette-bg, #0a0a0c),1px -1px 0 var(--palette-bg, #0a0a0c),-1px 1px 0 var(--palette-bg, #0a0a0c),1px 1px 0 var(--palette-bg, #0a0a0c),0 0 4px var(--palette-bg, #0a0a0c)}main h1,main h2,main h3,main h4{text-shadow:0 0 6px var(--palette-bg, #0a0a0c),0 0 2px var(--palette-bg, #0a0a0c)}main .surface-glass h1,main .surface-glass h2,main .surface-glass h3,main .surface-glass h4,main .surface-glass p,main .surface-glass li,main .surface-glass figcaption,main .surface-glass .eyebrow,main .surface-glass blockquote,main .project-card h1,main .project-card h2,main .project-card h3,main .project-card h4,main .project-card p,main .project-card li,main .pin-card h1,main .pin-card h2,main .pin-card h3,main .pin-card h4,main .pin-card p,main .pin-card li,main pre,main pre *,main code,main code *,main .article-code,main .article-code *,main .article-inline-code,main .article-inline-code *,main .shader-card h1,main .shader-card h2,main .shader-card h3,main .shader-card h4,main .shader-card p,main .shader-card span{text-shadow:none}main h1,main .page-header__title,main .h-l{font-family:var(--font-display, "HafferXH", sans-serif);font-size:clamp(2.5rem,7vw,6rem);font-weight:390;line-height:.95;letter-spacing:0;text-wrap:balance;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none}main .surface-glass h1,main .project-card h1,main .pin-card h1,main .shader-card h1{font-family:revert;font-size:revert;font-weight:revert;line-height:revert;letter-spacing:revert}@keyframes meshDrift{0%{background-position:0% 0%,100% 0%,50% 100%,80% 70%,30% 50%;filter:blur(60px)}25%{background-position:20% 30%,70% 20%,40% 70%,60% 80%,50% 40%;filter:blur(70px)}50%{background-position:40% 10%,90% 40%,30% 90%,70% 50%,20% 60%;filter:blur(65px)}75%{background-position:10% 40%,80% 30%,60% 60%,50% 90%,40% 30%;filter:blur(75px)}to{background-position:30% 20%,60% 50%,50% 80%,90% 60%,10% 70%;filter:blur(60px)}}.skip-to-content{position:fixed;top:0;left:50%;transform:translate(-50%,-100%);z-index:var(--z-skip-link);padding:.75em 1.5em;background:var(--color-accent-route);color:var(--color-neutral-900);font-family:var(--font-mono);font-size:.8em;border-radius:0 0 .5em .5em;text-decoration:none;transition:transform var(--duration-micro) var(--cubic-default)}.skip-to-content:focus{transform:translate(-50%);outline:var(--focus-ring);outline-offset:3px}.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}.h-display{font-family:var(--font-display);font-size:7em;letter-spacing:-.04em;line-height:1}.h-xl{font-family:var(--font-display);font-size:5em;letter-spacing:-.04em;line-height:1.05}.h-l{font-family:var(--font-display);font-size:3.875em;letter-spacing:-.03em;line-height:1.1}.h-m{font-family:var(--font-display);font-size:2.5em;letter-spacing:-.02em;line-height:1.15}.h-s{font-family:var(--font-display);font-size:1.875em;letter-spacing:-.01em;line-height:1.2}.p-l{font-size:1.1875em;font-variation-settings:"wght" 420;line-height:1.6}.p-m{font-size:1em;font-variation-settings:"wght" 430;line-height:1.65}.eyebrow{font-family:var(--font-mono);font-size:.6875em;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-soft)}.eyebrow--accent{color:var(--color-route-accent-text)}.scribble{font-family:var(--font-display);font-size:1.5625em}[data-underline-link]{position:relative}[data-underline-link]:before{content:"";position:absolute;bottom:-.1em;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right center;transition:transform var(--duration-slow) var(--cubic-default)}[data-underline-link]:hover:before,a:hover [data-underline-link]:before{transform:scaleX(1);transform-origin:left center}.page-container{max-width:var(--size-container);margin:0 auto;padding:0 var(--container-padding)}.mono{font-family:var(--font-mono)}.prose-container{max-width:var(--prose-width);width:100%;margin-inline:auto;padding:0 var(--container-padding)}.prose-shell{width:min(100%,calc(var(--shell-width) + 2 * var(--container-padding)));margin-inline:auto;padding-inline:var(--container-padding)}.prose-shell--page{padding-bottom:var(--space-8)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--container-padding)}canvas{-webkit-user-select:none;-moz-user-select:none;user-select:none;background:transparent;outline:none;border:none;pointer-events:none}.canvas-container{pointer-events:auto;background:transparent;cursor:auto}.canvas-container:hover{cursor:auto}.canvas-container canvas{pointer-events:none;cursor:auto}button,button:hover{cursor:pointer!important}code{font-family:var(--font-mono)}.relative{position:relative}.absolute{position:absolute}.w-screen{width:100vw}.h-screen{height:100vh}.top-0{top:0}.left-0{left:0}.top-4{top:1rem}.right-4{right:1rem}.bottom-0{bottom:0}.p-4{padding:1rem}.p-2{padding:.5rem}.z-5{z-index:5}.z-10{z-index:10}.items-center{align-items:center}.justify-center{justify-content:center}.bg-gray-900{background-color:#111827}.bg-black{background-color:var(--color-neutral-950)}.bg-opacity-30{background-color:color-mix(in srgb,var(--color-neutral-950) 30%,transparent)}.bg-opacity-50{background-color:color-mix(in srgb,var(--color-neutral-950) 50%,transparent)}.text-white{color:var(--color-neutral-100)}.text-opacity-70{color:color-mix(in srgb,var(--color-neutral-100) 70%,transparent)}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.font-semibold{font-weight:600}.pointer-events-none{pointer-events:none}.transition-all{transition:background-color var(--duration-micro) var(--cubic-default),color var(--duration-micro) var(--cubic-default),border-color var(--duration-micro) var(--cubic-default),box-shadow var(--duration-micro) var(--cubic-default),transform var(--duration-micro) var(--cubic-default),opacity var(--duration-micro) var(--cubic-default)}.duration-200{transition-duration:.2s}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hover\:bg-opacity-50:hover{background-color:color-mix(in srgb,var(--color-neutral-950) 50%,transparent)}.gap-2{gap:.5rem}.right-click-overlay{pointer-events:auto;background:transparent;z-index:0}.app-content-wrapper{position:relative;width:100%;height:100vh;overflow:hidden;transition:none}.app-content-wrapper.tv-shutting-down{animation:tv-shutdown .5s ease-out forwards;transform-origin:center center}.app-content-wrapper.tv-starting-up{animation:tv-startup .2s ease-out forwards;transform-origin:center center}@keyframes tv-shutdown{0%{transform:scaleY(1) scaleX(1);opacity:1}70%{transform:scaleY(.002) scaleX(1);opacity:1}95%{transform:scaleY(.002) scaleX(.1);opacity:1}to{transform:scaleY(0) scaleX(0);opacity:0}}@keyframes tv-startup{0%{transform:scaleY(0) scaleX(0);opacity:0}5%{transform:scaleY(.002) scaleX(.1);opacity:1}30%{transform:scaleY(.002) scaleX(1);opacity:1}to{transform:scaleY(1) scaleX(1);opacity:1}}@media(min-width:40rem){.sm\:text-sm{font-size:.875rem}}.site-footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-8) var(--container-padding);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:minmax(11em,16em) 1fr;gap:var(--space-7);position:relative;z-index:1;background:transparent;align-items:start}.site-footer__brand{display:flex;flex-direction:column;gap:var(--space-3)}.site-footer__wordmark{font-family:var(--font-body);font-size:.875em;font-variation-settings:"wght" 550;color:var(--color-text-primary);letter-spacing:-.01em}.site-footer__columns{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.site-footer__col-label{display:block;font-family:var(--font-mono);font-size:.6em;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:var(--space-3)}.site-footer__col-links{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4em}.site-footer__link{font-family:var(--font-body);font-size:.8125em;color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-micro) var(--cubic-default)}.site-footer__link:hover{color:var(--color-text-primary)}.site-footer__link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:2px}.site-footer__signoff{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:.6em;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}@media(max-width:48rem){.site-footer{grid-template-columns:1fr}.site-footer__columns{grid-template-columns:repeat(2,1fr)}.site-footer__signoff{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media(max-width:30rem){.site-footer__columns{grid-template-columns:1fr 1fr}}.page{padding-top:calc(var(--nav-bar-height) + var(--space-8));min-height:100vh;position:relative;z-index:1;background:transparent}.surface-glass[class],.surface-dashboard[class],.surface-card[class],.surface-control[class],.surface-panel[class],.surface-reading[class],.now-dashboard[class],.now-card[class],.observatory-card[class]{position:relative;background:linear-gradient(135deg,color-mix(in srgb,white 10%,transparent) 0%,color-mix(in srgb,white 4%,transparent) 22%,color-mix(in srgb,white 0%,transparent) 50%,transparent 80%),color-mix(in srgb,var(--palette-bg, #0a0a0c) 50%,transparent);border:1px solid color-mix(in srgb,white 8%,transparent);border-top-color:color-mix(in srgb,white 18%,transparent);border-left-color:color-mix(in srgb,white 12%,transparent);border-radius:1.125rem;box-shadow:var(--shadow-glass-dark),inset 0 0 0 .5px color-mix(in srgb,var(--palette-accent, white) 8%,transparent);backdrop-filter:blur(4px) saturate(160%);-webkit-backdrop-filter:blur(4px) saturate(160%);transition:transform var(--duration-micro) var(--cubic-default),border-top-color var(--duration-micro) var(--cubic-default),box-shadow var(--duration-micro) var(--cubic-default)}.surface-dashboard[class],.surface-panel[class]{background:linear-gradient(135deg,color-mix(in srgb,white 9%,transparent),transparent 54%),var(--color-bg-panel);border-color:var(--color-border-strong)}.surface-card[class]{background:linear-gradient(135deg,color-mix(in srgb,white 7%,transparent),transparent 56%),var(--color-bg-card)}.surface-control[class]{border-radius:.75rem;background:linear-gradient(135deg,color-mix(in srgb,white 6%,transparent),transparent 58%),var(--color-bg-control);border-color:color-mix(in srgb,white 10%,transparent);box-shadow:0 8px 20px #00000029,inset 0 1px color-mix(in srgb,white 7%,transparent);backdrop-filter:blur(6px) saturate(150%);-webkit-backdrop-filter:blur(6px) saturate(150%)}.surface-reading[class]{background:linear-gradient(180deg,color-mix(in srgb,white 5%,transparent),transparent 42%),color-mix(in srgb,var(--palette-bg, #0a0a0c) 78%,transparent);border-color:color-mix(in srgb,var(--palette-text, white) 10%,transparent);box-shadow:0 16px 48px #0003,inset 0 1px color-mix(in srgb,white 6%,transparent);backdrop-filter:blur(10px) saturate(125%);-webkit-backdrop-filter:blur(10px) saturate(125%)}.surface-inspector[class]{backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);background:linear-gradient(180deg,color-mix(in srgb,white 6%,transparent) 0%,transparent 40%),color-mix(in srgb,var(--palette-bg, #0a0a0c) 72%,transparent);border-color:color-mix(in srgb,white 8%,transparent);border-top-color:color-mix(in srgb,white 12%,transparent);border-radius:.875rem;box-shadow:0 20px 60px #00000042,inset 0 1px color-mix(in srgb,white 6%,transparent)}.now-card[class]:hover,.observatory-card[class]:hover,.surface-glass--interactive[class]:hover{border-top-color:color-mix(in srgb,white 26%,transparent);box-shadow:var(--shadow-glass-dark-hover),inset 0 0 0 .5px color-mix(in srgb,var(--palette-accent, white) 12%,transparent)}.surface-glass--interactive[class]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(400px circle at var(--glass-mx, 50%) var(--glass-my, 50%),color-mix(in srgb,white 18%,transparent),transparent 60%);opacity:0;transition:opacity var(--duration-standard) var(--cubic-default);pointer-events:none;z-index:0}.surface-glass--interactive[class]:hover:before{opacity:1}.surface-glass--interactive[class]>*{position:relative;z-index:1}[data-theme=light-warm] :is(.surface-glass[class],.surface-dashboard[class],.surface-card[class],.surface-control[class],.surface-panel[class],.surface-reading[class],.now-dashboard[class],.now-card[class],.observatory-card[class]){background:linear-gradient(135deg,color-mix(in srgb,black 6%,transparent) 0%,color-mix(in srgb,black 2%,transparent) 22%,color-mix(in srgb,black 0%,transparent) 50%,transparent 80%),color-mix(in srgb,var(--palette-bg, #faf5ef) 70%,transparent);border:1px solid color-mix(in srgb,black 8%,transparent);border-top-color:color-mix(in srgb,black 12%,transparent);border-left-color:color-mix(in srgb,black 6%,transparent);box-shadow:var(--shadow-glass-light),inset 0 0 0 .5px color-mix(in srgb,var(--palette-accent, black) 6%,transparent)}[data-theme=light-warm] :is(.now-card[class],.observatory-card[class],.surface-glass--interactive[class]):hover{border-top-color:color-mix(in srgb,black 18%,transparent);box-shadow:var(--shadow-glass-light-hover),inset 0 0 0 .5px color-mix(in srgb,var(--palette-accent, black) 10%,transparent)}[data-theme=light-warm] .surface-glass--interactive[class]:before{background:radial-gradient(400px circle at var(--glass-mx, 50%) var(--glass-my, 50%),color-mix(in srgb,black 8%,transparent),transparent 60%)}@media(prefers-reduced-motion:reduce){.surface-glass--interactive[class]:before{display:none}}.surface-glass--featured[class]{backdrop-filter:blur(8px) saturate(170%);-webkit-backdrop-filter:blur(8px) saturate(170%);background:linear-gradient(135deg,color-mix(in srgb,white 14%,transparent) 0%,color-mix(in srgb,white 6%,transparent) 22%,color-mix(in srgb,white 1%,transparent) 50%,transparent 80%),color-mix(in srgb,var(--palette-bg, #0a0a0c) 42%,transparent);border-top-color:color-mix(in srgb,white 24%,transparent);box-shadow:var(--shadow-glass-dark-hover),inset 0 0 0 .5px color-mix(in srgb,var(--palette-accent, white) 12%,transparent)}.surface-glass--inspector[class]{backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);background:linear-gradient(180deg,color-mix(in srgb,white 6%,transparent) 0%,transparent 40%),color-mix(in srgb,var(--palette-bg, #0a0a0c) 72%,transparent);border-color:color-mix(in srgb,white 8%,transparent);border-top-color:color-mix(in srgb,white 12%,transparent);border-radius:.875rem;box-shadow:0 20px 60px #00000042,inset 0 1px color-mix(in srgb,white 6%,transparent)}.surface-glass--quiet[class]{backdrop-filter:blur(2px) saturate(130%);-webkit-backdrop-filter:blur(2px) saturate(130%);background:linear-gradient(135deg,color-mix(in srgb,white 6%,transparent) 0%,transparent 50%),color-mix(in srgb,var(--palette-bg, #0a0a0c) 36%,transparent);border-color:color-mix(in srgb,white 6%,transparent);border-top-color:color-mix(in srgb,white 10%,transparent);box-shadow:0 4px 16px #00000024,inset 0 0 0 .5px color-mix(in srgb,white 5%,transparent)}.page-header{padding:var(--padding-xs) var(--container-padding) var(--space-8);border-bottom:1px solid var(--color-neutral-700);margin-bottom:var(--space-8)}.page-header--prose{width:min(100%,calc(var(--shell-width) + 2 * var(--container-padding)));margin-inline:auto}.page-header__eyebrow{margin-bottom:var(--space-3);color:var(--color-text-meta)}.page-header__title{color:var(--color-neutral-200)}.page-header__lede{max-width:36em;margin-top:var(--space-3)}.page-header__meta{font-family:var(--font-mono);font-size:.6875em;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-meta);margin-top:var(--space-3)}.section{padding:var(--space-8) var(--container-padding)}.section,.page-header,.article-list,.projects-grid,.work-explorer{opacity:0;transform:translateY(30px);transition:opacity .8s var(--cubic-default),transform .8s var(--cubic-default)}.section.in-view,.page-header.in-view,.article-list.in-view,.projects-grid.in-view,.work-explorer.in-view{opacity:1;transform:translateY(0)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18em,1fr));gap:var(--space-6);padding:0 var(--container-padding)}.project-card{background:linear-gradient(135deg,color-mix(in srgb,white 6%,transparent),color-mix(in srgb,white 2%,transparent));backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);border:1px solid color-mix(in srgb,white 10%,transparent);border-radius:.75em;overflow:hidden;text-decoration:none;color:inherit;display:block;position:relative;box-shadow:0 4px 16px #00000026,inset 0 1px #ffffff14;transition:border-color var(--duration-standard) var(--cubic-default),transform var(--duration-standard) var(--cubic-default),box-shadow var(--duration-standard) var(--cubic-default)}.project-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:35%;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 100%);border-radius:.75em .75em 50% 50%;pointer-events:none;z-index:1}.project-card:hover{border-color:#fff3;transform:translateY(-4px);box-shadow:0 12px 40px #00000040,0 0 0 1px color-mix(in srgb,var(--color-accent-route) 6%,transparent),inset 0 1px #ffffff1f}.project-card:active{transform:translateY(-2px) scale(var(--press-light))}.project-card__cover{height:10em;display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s var(--cubic-default)}.project-card:hover .project-card__image{transform:scale(1.05)}.project-card__refract{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.project-card__logo-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.15;filter:grayscale(1);transition:opacity .4s var(--cubic-default)}.project-card:hover .project-card__logo-bg{opacity:.25}.project-card__monogram{position:relative;z-index:1;font-family:var(--font-display, "HafferXH", sans-serif);font-size:1.5em;color:#fff9;letter-spacing:-.03em}.project-card__body{padding:var(--space-4)}.project-card__tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.project-card__proofs{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:.55em}.tag-pill{font-family:var(--font-mono);font-size:.6em;text-transform:uppercase;letter-spacing:.05em;color:var(--color-neutral-300);border:1px solid rgba(255,255,255,.18);border-radius:10em;padding:.4em .75em;background:linear-gradient(135deg,#ffffff1a,#ffffff08);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:inset 0 1px #ffffff1f;transition:transform var(--duration-micro) var(--cubic-default)}button.tag-pill:active,a.tag-pill:active{transform:scale(var(--press-default))}.proof-pill{font-family:var(--font-mono);font-size:.58em;text-transform:uppercase;letter-spacing:.08em;color:var(--color-proof-pill-text);background:var(--color-proof-pill-bg);border:1px solid var(--color-proof-pill-border);border-radius:10em;padding:.36em .72em}.proof-pill--inverse{color:#ffffffd6;background:#ffffff14;border-color:#ffffff29}.dev-health-panel{width:min(100%,var(--bookshelf-library-max-width, 54rem));margin:var(--space-4) auto 0;padding:.875em 1em;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);background:#ffffff08}.dev-health-panel__eyebrow,.dev-health-panel__label{font-family:var(--font-mono);font-size:.625em;letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-500)}.dev-health-panel__title{margin-top:.35em;color:var(--color-neutral-100);font-size:.95rem;font-weight:600}.dev-health-panel__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75em;margin:.75em 0 0}.dev-health-panel__item{display:flex;flex-direction:column;gap:.3em}.dev-health-panel__value{margin:0;font-family:var(--font-mono);font-size:.75em;color:var(--color-neutral-250)}.tag-pill:focus-visible,.project-card:focus-visible,a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.sp-book:focus-visible{outline:var(--focus-ring);outline-offset:-2px;background:#a1ff6214}@supports (view-transition-name: none){:root{view-transition-name:root}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}}.this-week-digest{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-6)}.this-week-digest__cell{display:flex;flex-direction:column;gap:.25em;padding:.75em 1em;background:var(--glass-card-bg);backdrop-filter:blur(4px) saturate(160%);-webkit-backdrop-filter:blur(4px) saturate(160%);border:1px solid var(--glass-card-border);border-radius:10px}.this-week-digest__value{font-family:var(--font-serif, "Editorial New", serif);font-size:2em;color:var(--color-neutral-100);line-height:1}.this-week-digest__label{font-family:var(--font-mono);font-size:.7em;text-transform:uppercase;letter-spacing:.06em;color:var(--color-neutral-300)}@media screen and (max-width:47.9375rem){.h-display{font-size:3.5em}.h-xl{font-size:3em}.h-l{font-size:2.25em}.h-m{font-size:1.75em}.projects-grid{grid-template-columns:1fr}}.tag-pill--sm{font-size:.5em;padding:.3em .6em}[class].tag-pill--active{background:var(--color-neutral-200);color:var(--color-neutral-900)}@media screen and (max-width:75rem){.pins-masonry{-moz-column-count:3;column-count:3}}@media screen and (max-width:56.25rem){.pins-masonry{-moz-column-count:2;column-count:2}}@media screen and (max-width:34.375rem){.pins-masonry{-moz-column-count:1;column-count:1}.pins-tags{margin-left:0;padding-left:0;border-left:none;margin-top:.3em}.pins-tags__header{justify-content:space-between}}.mg-wrap{position:relative}.mg-comp-group{margin-bottom:var(--space-6)}.mg-comp-label{font-family:HafferMono,monospace;font-size:.7em;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4em}.mg-grid{display:grid;grid-template-columns:repeat(auto-fill,18px);gap:3px}.mg-cell{width:18px;height:18px;border-radius:3px;border:2px solid transparent;cursor:pointer;padding:0;transition:transform var(--duration-micro) var(--cubic-default),opacity var(--duration-micro)}.mg-cell:hover:not(:disabled){transform:scale(1.4);z-index:2}.mg-cell:disabled{cursor:default;opacity:.4}.mg-cell--active{transform:scale(1.4);outline:2px solid var(--color-neutral-400);outline-offset:1px;z-index:2}.mg-popover{position:absolute;top:-.5em;right:0;background:var(--color-neutral-900);border:1px solid var(--color-neutral-700);border-radius:8px;padding:1em 1.25em;min-width:180px;z-index:10;animation:mgFadeIn var(--duration-micro) ease}@keyframes mgFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.mg-popover__comp{font-family:HafferMono,monospace;font-size:.65em;color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.25em}.mg-popover__opponent{font-family:HafferXH,sans-serif;font-size:1em;color:var(--color-neutral-100);letter-spacing:-.02em;margin-bottom:.35em}.mg-popover__meta{display:flex;gap:.75em;font-size:.8em;color:var(--color-neutral-500);margin-bottom:.5em}.mg-popover__score{font-family:HafferMono,monospace;font-size:1.5em;line-height:1;margin-bottom:.25em}.mg-popover__watched{font-family:HafferMono,monospace;font-size:.7em;color:var(--color-neutral-500)}.mg-legend{display:flex;gap:1em;margin-top:var(--space-6);flex-wrap:wrap}.mg-legend__item{display:flex;align-items:center;gap:.35em;font-size:.75em;color:var(--color-neutral-500)}.mg-legend__dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.text-display{font-family:var(--font-display);font-weight:400}.text-heading-xl{font-family:var(--font-body);font-weight:600;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.02em;line-height:1.1}.text-heading-lg{font-family:var(--font-body);font-weight:600;font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:-.015em;line-height:1.15}.text-heading-md{font-family:var(--font-body);font-weight:500;font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.2}.text-heading-sm{font-family:var(--font-body);font-weight:500;font-size:1em;line-height:1.3}.text-body{font-family:var(--font-body);font-weight:400;line-height:1.5}.text-body-sm{font-family:var(--font-body);font-weight:400;font-size:.875em;line-height:1.5}.text-meta{font-family:var(--font-body);font-weight:400;font-size:.8125em;color:var(--color-text-meta);line-height:1.4}.text-mono{font-family:var(--font-mono)}.text-link{color:var(--color-neutral-475);text-decoration:underline;transition:color var(--duration-micro) var(--cubic-default)}.text-link:hover{color:var(--color-neutral-300)}.text-link:active{color:var(--color-neutral-100)}.prose-container{max-width:var(--prose-width);margin-inline:auto}.error-fallback-page{display:flex;align-items:center;justify-content:center;min-height:60dvh}@keyframes errorFallbackEntry{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.error-fallback-shell{width:min(100%,38rem);margin:0 auto;padding:var(--space-8) var(--container-padding) calc(var(--space-8) * 1.2);display:flex;flex-direction:column;gap:var(--space-6);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-glass-dark)}.error-fallback-shell--entry{animation:errorFallbackEntry var(--duration-standard) var(--cubic-default) both}@media(prefers-reduced-motion:reduce){.error-fallback-shell--entry{animation:none}}[data-theme=light-warm] .error-fallback-shell{border-color:var(--color-border-subtle);background:color-mix(in srgb,white 72%,transparent);box-shadow:var(--shadow-glass-light)}.error-fallback-shell__glyph{font-size:2rem;line-height:1;color:var(--color-accent-route);opacity:.8}.error-fallback-shell__eyebrow{color:var(--color-accent-route);margin:0}.error-fallback-shell__title{max-width:16ch;margin:0}.error-fallback-shell__message{max-width:46ch;color:var(--color-neutral-400);margin:0}.error-fallback-shell__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-3)}.settings-note{margin-bottom:var(--space-6)}.settings-note__body{color:var(--color-neutral-400);max-width:58ch}.section-gap{margin-block:var(--space-8)}.stack-xs{display:flex;flex-direction:column;gap:var(--space-2)}.stack-sm{display:flex;flex-direction:column;gap:var(--space-3)}.stack-md{display:flex;flex-direction:column;gap:var(--space-4)}.stack-lg{display:flex;flex-direction:column;gap:var(--space-6)}.section-header{padding:var(--space-4) var(--container-padding);display:flex;justify-content:space-between;align-items:center}.section-header .site-footer__link{display:inline-flex;align-items:center;gap:.35em}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{display:block}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-family:var(--font-body);font-weight:500;border:none;cursor:pointer;border-radius:var(--radius-md);transition:background var(--duration-micro) var(--cubic-default),color var(--duration-micro) var(--cubic-default),box-shadow var(--duration-micro) var(--cubic-default),transform var(--duration-micro) var(--cubic-default);line-height:1;white-space:nowrap}.ui-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ui-btn:active:not(:disabled){transform:scale(var(--press-default))}.ui-btn:disabled{opacity:.5;cursor:not-allowed}.ui-btn--sm{padding:.375em .75em;font-size:.8125em}.ui-btn--md{padding:.5em 1em;font-size:.875em}.ui-btn--lg{padding:.625em 1.25em;font-size:1em}.ui-btn--primary{background:var(--color-neutral-100);color:var(--color-neutral-900)}.ui-btn--primary:hover{box-shadow:var(--shadow-md)}.ui-btn--secondary{background:var(--color-neutral-700);color:var(--color-text-primary);border:var(--stroke-weight) solid var(--color-neutral-600)}.ui-btn--secondary:hover{background:var(--color-neutral-600)}.ui-btn--ghost{background:transparent;color:var(--color-text-meta)}.ui-btn--ghost:hover{background:var(--color-neutral-700);color:var(--color-text-primary)}.ui-btn--icon{background:transparent;color:var(--color-text-soft);padding:.5em;aspect-ratio:1}.ui-btn--icon:hover{color:var(--color-text-primary);background:var(--color-neutral-700)}.ui-filter-chip{--chip-accent: var(--color-accent-route, var(--accent-default));display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.25rem;padding:.55rem .82rem;border:1px solid color-mix(in srgb,var(--chip-accent) 18%,var(--color-border-subtle));border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,white 5%,transparent),transparent 64%),color-mix(in srgb,var(--color-bg-control) 88%,transparent);color:var(--color-text-meta);font-family:var(--font-body);font-size:clamp(var(--text-label-min),.78rem,.84rem);font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--duration-micro) var(--cubic-default),border-color var(--duration-micro) var(--cubic-default),color var(--duration-micro) var(--cubic-default),transform var(--duration-micro) var(--cubic-default),box-shadow var(--duration-micro) var(--cubic-default)}.ui-filter-chip:hover:not(:disabled){color:var(--color-text-primary);border-color:color-mix(in srgb,var(--chip-accent) 34%,var(--color-border-strong));background:linear-gradient(135deg,color-mix(in srgb,var(--chip-accent) 13%,transparent),transparent 62%),color-mix(in srgb,var(--color-bg-control) 96%,transparent)}.ui-filter-chip--active{color:var(--color-control-active-text);border-color:var(--color-control-active-border);background:linear-gradient(135deg,color-mix(in srgb,white 20%,transparent),transparent 58%),var(--color-control-active-bg);box-shadow:0 10px 28px color-mix(in srgb,var(--chip-accent) 18%,transparent),inset 0 1px color-mix(in srgb,white 32%,transparent)}.ui-filter-chip:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ui-filter-chip:active:not(:disabled){transform:translateY(1px) scale(var(--press-default))}.ui-filter-chip:disabled{cursor:not-allowed;opacity:.45}.ui-filter-chip__count{display:inline-flex;min-width:1.45em;justify-content:center;padding:.14em .4em;border-radius:999px;background:color-mix(in srgb,currentColor 12%,transparent);font-size:.78em}.ui-segmented-control{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem;border:1px solid var(--color-border-subtle);border-radius:999px;background:linear-gradient(135deg,color-mix(in srgb,white 5%,transparent),transparent 62%),var(--color-bg-control);box-shadow:inset 0 1px color-mix(in srgb,white 7%,transparent)}.ui-segmented-control__item{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;min-height:2.15rem;padding:.45rem .8rem;border:0;border-radius:999px;background:transparent;color:var(--color-text-soft);font:inherit;font-size:clamp(var(--text-label-min),.78rem,.84rem);font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background var(--duration-micro) var(--cubic-default),color var(--duration-micro) var(--cubic-default),box-shadow var(--duration-micro) var(--cubic-default),transform var(--duration-micro) var(--cubic-default)}.ui-segmented-control__item:hover:not(:disabled){color:var(--color-text-primary);background:color-mix(in srgb,white 7%,transparent)}.ui-segmented-control__item--active{color:var(--color-control-active-text);background:linear-gradient(135deg,color-mix(in srgb,white 24%,transparent),transparent 56%),var(--color-control-active-bg);box-shadow:0 8px 22px color-mix(in srgb,var(--color-accent-route, var(--accent-default)) 20%,transparent),inset 0 1px color-mix(in srgb,white 35%,transparent)}.ui-segmented-control__item:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.ui-segmented-control__item:active:not(:disabled){transform:translateY(1px) scale(var(--press-default))}.ui-segmented-control__icon{display:inline-flex;align-items:center;justify-content:center}.ui-segmented-control__count{opacity:.82;font-size:.78em}.ui-card{border-radius:var(--radius-md);border:var(--stroke-weight) solid var(--color-neutral-700);background:var(--color-neutral-800);padding:var(--space-4);transition:transform var(--duration-micro) var(--cubic-default),box-shadow var(--duration-micro) var(--cubic-default)}.ui-card--flat{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.ui-card--interactive{cursor:pointer}.ui-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.ui-card--interactive:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@keyframes ui-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ui-skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-bg-elevated) 25%,color-mix(in srgb,var(--color-bg-elevated) 70%,var(--color-neutral-600) 30%) 50%,var(--color-bg-elevated) 75%);background-size:200% 100%;animation:ui-shimmer 1.4s var(--cubic-default) infinite}@media(prefers-reduced-motion:reduce){.ui-skeleton{animation:none;background:var(--color-bg-elevated)}}.ui-skeleton--text{height:1em;width:100%}.ui-skeleton--avatar{width:2.5em;height:2.5em;border-radius:50%}.ui-skeleton--image{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md)}.ui-empty-state{padding:clamp(1rem,2vw,1.5rem);border-radius:var(--radius-lg)}.ui-empty-state__title{margin:0 0 var(--space-2);font-family:var(--font-body);font-weight:600;font-size:1rem;color:var(--color-text-primary)}.ui-empty-state__body{margin:0;max-width:34rem;color:var(--color-text-muted)}.ui-empty-state__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.ui-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:#00000080;animation:ui-dialog-fade-in var(--duration-standard) var(--cubic-default)}.ui-dialog-overlay--glass{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.ui-dialog-content{position:fixed;z-index:var(--z-overlay-content);top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-neutral-800);border:var(--stroke-weight) solid var(--color-neutral-700);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-lg);max-height:85vh;overflow-y:auto;animation:ui-dialog-slide-in var(--duration-standard) var(--cubic-default)}.ui-dialog-content--sm{width:min(24em,90vw)}.ui-dialog-content--md{width:min(36em,90vw)}.ui-dialog-content--lg{width:min(48em,90vw)}.ui-dialog-content--full{width:100vw;height:100vh;max-height:100vh;border-radius:0}.ui-dialog-title{font-family:var(--font-body);font-weight:600;font-size:1.125em;margin-bottom:var(--space-3);color:var(--color-neutral-100)}.ui-dialog-description{font-size:.875em;color:var(--color-neutral-500);margin-bottom:var(--space-4)}.ui-dialog-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;color:var(--color-neutral-500);cursor:pointer;padding:.25em;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.ui-dialog-close:hover{color:var(--color-neutral-100);background:var(--color-neutral-700)}.ui-dialog-close:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@keyframes ui-dialog-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-dialog-slide-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes ui-dialog-slide-in-command-palette{0%{opacity:0;transform:translate(-50%,-42%)}to{opacity:1;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.ui-btn,.ui-card,.ui-card--interactive:hover{transition:none;transform:none}.ui-dialog-overlay,.ui-dialog-content{animation:none}}@media(pointer:coarse){button,a[role=button],[type=button],[type=submit],[type=reset]{min-height:var(--touch-target-min)}}@media print{:root{--print-paper-bg: #fff;--print-ink: #111;--print-ink-dark: #000;--print-ink-muted: #555;--print-border: #ccc;--print-border-sm: #ddd;--print-border-strong: #999;--print-code-bg: #f5f5f5;--print-code-text: #222;--print-surface: #f0f0f0;--print-surface-alt: #fafafa;--print-callout-bg: #f8f8f8;--print-callout-border: #888;--print-callout-label: #444}}@media print{@page{margin:.75in}html,body{background:var(--print-paper-bg)!important;color:var(--print-ink)!important;font-family:var(--font-body),Georgia,"Times New Roman",serif;font-size:11.5pt;line-height:1.55;-webkit-print-color-adjust:economy;print-color-adjust:economy}.nav,.site-footer,.command-palette,.command-palette-overlay,.reading-progress,.scroll-spy-toc,.related-reads,.sequential-nav,.knowledge-backlinks,.new-badge,.code-block__copy,.article-callout__copy,.lab-grid,.nebula-cloud,.nebula-loader,.ambient-overlay,.nav-bar__theme-toggle,.admin-edit-btn,.page-transition__placeholder{display:none!important}.page,.prose-shell,.prose-shell--page,.article-shell{margin:0 auto!important;padding:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;max-width:100%!important}.article-content,.article-content p,.article-content li,.article-page__excerpt{color:var(--print-ink)!important;background:transparent!important}.article-content{font-size:11.5pt;line-height:1.6}.article-content .article-h1,.article-content .article-h2,.article-content .article-h3{color:var(--print-ink-dark)!important;page-break-after:avoid;-moz-column-break-after:avoid;break-after:avoid}.article-content .article-h1{font-size:18pt;margin:0 0 .5em}.article-content .article-h2{font-size:14pt;margin:1.2em 0 .4em}.article-content .article-h3{font-size:12pt;margin:1em 0 .3em}.page-header{margin:0 0 1em;padding:0!important}.page-header__title{color:var(--print-ink-dark)!important;font-size:22pt!important;line-height:1.15!important}.page-header__eyebrow{color:var(--print-ink-muted)!important;font-size:9pt!important}.article-content .article-code{background:var(--print-code-bg)!important;border:1px solid var(--print-border)!important;border-radius:.25em!important;color:var(--print-code-text)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;font-size:9pt;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;white-space:pre-wrap;word-break:break-word}.article-content .article-inline-code{background:var(--print-surface)!important;border:1px solid var(--print-border-sm)!important;color:var(--print-code-text)!important;font-size:.95em}.article-content .article-table,.article-content .article-callout,.article-content .code-block,.article-content .article-img,.article-content figure{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.article-content .article-table{background:transparent!important;color:var(--print-ink)!important;border:1px solid var(--print-border-strong)!important;overflow:visible}.article-content .article-table th,.article-content .article-table td{color:var(--print-ink)!important;border-color:var(--print-border)!important}.article-content .article-table thead{background:var(--print-surface)!important}.article-content .article-table tbody tr:nth-child(2n) td{background:var(--print-surface-alt)!important}.article-content .article-callout{background:var(--print-callout-bg)!important;border-left:3px solid var(--print-callout-border)!important;color:var(--print-code-text)!important}.article-content .article-callout>strong{color:var(--print-callout-label)!important}.article-content .article-img{max-width:100%!important;border:1px solid var(--print-border-sm)!important;background:transparent!important;page-break-inside:avoid}.article-content .article-link{color:var(--print-ink-dark)!important;text-decoration:underline!important}.article-content .article-link[target=_blank]:after{content:" (" attr(href) ")";color:var(--print-ink-muted);font-family:var(--font-mono),ui-monospace,monospace;font-size:.85em}.article-content p{orphans:3;widows:3}.changelog-controls,.changelog-filter,.changelog-release-map,.changelog-dashboard__stats{display:none!important}.timeline-rail:before,.timeline-group__marker{display:none!important}.timeline-group{padding-left:0!important;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.timeline-entry{background:transparent!important;border-color:var(--print-border-sm)!important;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.uses-category-nav,.uses-inspector{display:none!important}}.new-badge{display:inline-flex;align-items:center;gap:.2rem;padding:.05rem .4rem;margin-inline-start:.4rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent-route) 20%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-route) 45%,transparent);color:var(--color-accent-route);font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.04em;text-transform:uppercase;line-height:1;vertical-align:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.new-badge__count{font-weight:600}.new-badge__sr{letter-spacing:.06em}@media(max-width:22.5rem){.new-badge__count,.new-badge__sr{display:none}.new-badge{padding:0;width:6px;height:6px;margin-inline-start:.35rem;align-self:center}}:root{--nav-ease: cubic-bezier(.165, .84, .44, 1);--nav-duration: var(--duration-standard)}.nav{z-index:var(--z-nav);position:fixed;top:0;left:0;right:0;pointer-events:none;padding:1.25em var(--container-padding);display:flex;justify-content:center}.nav__backdrop{pointer-events:auto;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:color-mix(in srgb,black 78%,transparent);backdrop-filter:blur(3px) saturate(72%);-webkit-backdrop-filter:blur(3px) saturate(72%);opacity:0;transition:opacity var(--nav-duration) var(--nav-ease)}[data-theme=light-warm] .nav__backdrop{background:color-mix(in srgb,var(--color-neutral-950) 45%,transparent)}.nav--open .nav__backdrop{opacity:1}.nav-bar{pointer-events:auto;position:relative;z-index:1;display:flex;flex-direction:column;width:100%;max-width:var(--nav-bar-max-width-small);border-radius:.75em;color:var(--color-neutral-200);background:linear-gradient(135deg,color-mix(in srgb,var(--color-neutral-600) 75%,transparent),color-mix(in srgb,var(--color-neutral-800) 85%,transparent));backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--color-border-strong);box-shadow:0 4px 24px color-mix(in srgb,black 30%,transparent),inset 0 1px color-mix(in srgb,white 10%,transparent);contain:layout style;transition:border-radius var(--nav-duration) var(--nav-ease),background-color var(--nav-duration) var(--nav-ease),border-color var(--nav-duration) var(--nav-ease)}.nav--open .nav-bar{max-width:calc(100vw - 2.5em);max-height:calc(100vh - 2.5em);max-height:calc(100dvh - 2.5em);overflow:hidden;background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--color-purple) 10%,transparent) 0%,transparent 26rem),linear-gradient(135deg,color-mix(in srgb,var(--color-neutral-800) 99%,transparent),color-mix(in srgb,var(--color-neutral-900) 99.5%,transparent));backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border-color:color-mix(in srgb,white 14%,transparent);border-radius:1em;box-shadow:0 8px 40px color-mix(in srgb,black 35%,transparent),inset 0 1px 0 var(--color-border-subtle)}.nav-bar__header{position:relative;display:flex;align-items:center;height:3.25em;padding:0 .625em;gap:.375em}.nav-bar__logo{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;font-family:var(--font-body);font-variation-settings:"wght" 600;font-size:.9375em;color:var(--color-neutral-200);text-decoration:none;letter-spacing:-.01em;white-space:nowrap}.nav-bar__logo-icon{width:auto;color:var(--color-neutral-200);transition:opacity var(--duration-standard) var(--cubic-default)}.nav-bar__logo-icon:hover{opacity:.8}[data-theme=light-warm] .nav-bar__logo-icon{color:var(--palette-text, var(--color-neutral-900))}.nav-bar__logo-collapsed{display:block;height:2.25em}.nav-bar__logo-expanded{display:none;height:2.25em}.nav--open .nav-bar__logo-collapsed{display:none}.nav--open .nav-bar__logo-expanded{display:block}.nav-bar__switchboard{display:flex;align-items:center;margin-left:auto;min-width:5.75em;justify-content:flex-end}.nav-bar__switch-link{display:inline-flex;align-items:center;min-width:5.75em;max-width:7.75em;justify-content:center;color:var(--color-neutral-400);text-decoration:none;overflow:hidden;transition:color var(--duration-micro) var(--cubic-default),transform var(--duration-micro) var(--cubic-default)}.nav-bar__switch-link:hover,.nav-bar__switch-link--active{color:var(--color-neutral-100)}.nav-bar__switch-link:hover{transform:translateY(-1px)}.nav-bar__switch-link:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.nav-bar__switch-window{display:block;width:100%;overflow:hidden;perspective:24em}.nav-bar__switch-label{display:block;font-family:var(--font-mono);font-size:.68em;letter-spacing:.08em;text-transform:uppercase;text-align:center;white-space:nowrap;animation:nav-switch-flip var(--duration-standard) var(--cubic-default)}@keyframes nav-switch-flip{0%{opacity:0;transform:rotateX(-72deg) translateY(.35em)}to{opacity:1;transform:rotateX(0) translateY(0)}}@media(prefers-reduced-motion:reduce){.nav-bar__switch-label{animation:none}}.nav-bar__theme-toggle{display:flex;align-items:center;justify-content:center;width:2.75em;height:2.75em;min-width:var(--touch-target-min);min-height:var(--touch-target-min);color:color-mix(in srgb,var(--palette-text, var(--color-neutral-200)) 84%,var(--palette-accent, var(--color-cyan)) 16%);border:1px solid color-mix(in srgb,var(--palette-text, var(--color-neutral-200)) 12%,transparent);border-radius:.85em;background:linear-gradient(135deg,color-mix(in srgb,var(--palette-surface, var(--color-neutral-800)) 88%,transparent),color-mix(in srgb,var(--palette-bg, var(--color-neutral-900)) 76%,transparent));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;font-size:.85em;margin-left:auto;transition:color var(--duration-standard) var(--cubic-default),border-color var(--duration-standard) var(--cubic-default),box-shadow var(--duration-standard) var(--cubic-default),transform var(--duration-standard) var(--cubic-default);box-shadow:var(--shadow-control);line-height:1}.nav-bar__theme-toggle:hover{color:var(--palette-text, var(--color-neutral-200));transform:translateY(-1px) scale(1.04);border-color:color-mix(in srgb,var(--palette-accent, var(--color-cyan)) 44%,var(--palette-text, var(--color-neutral-200)) 24%);box-shadow:var(--shadow-control-hover)}.nav-bar__theme-toggle .icon{transition:transform var(--duration-standard) var(--cubic-default),opacity var(--duration-standard) var(--cubic-default)}.nav-bar__theme-toggle:hover .icon{transform:rotate(-10deg) scale(1.05)}.nav-bar__theme-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.nav-bar__footer-controls{display:flex;align-items:center;gap:.5em;flex-wrap:wrap}.nav-bar__mode-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75em;height:2.75em;min-width:var(--touch-target-min);min-height:var(--touch-target-min);border-radius:.85em;border:1px solid color-mix(in srgb,var(--palette-text, var(--color-neutral-200)) 12%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--palette-surface, var(--color-neutral-800)) 88%,transparent),color-mix(in srgb,var(--palette-bg, var(--color-neutral-900)) 76%,transparent));color:color-mix(in srgb,var(--palette-text, var(--color-neutral-200)) 84%,var(--palette-accent, var(--color-cyan)) 16%);cursor:pointer;flex-shrink:0;transition:color var(--duration-standard) var(--cubic-default),border-color var(--duration-standard) var(--cubic-default),transform var(--duration-standard) var(--cubic-default),box-shadow var(--duration-standard) var(--cubic-default)}.nav-bar__mode-toggle:hover{color:var(--palette-text, var(--color-neutral-200));transform:translateY(-1px) scale(1.04);border-color:color-mix(in srgb,var(--palette-accent, var(--color-cyan)) 44%,var(--palette-text, var(--color-neutral-200)) 24%)}.nav-bar__mode-toggle:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}.nav-bar__mode-toggle .icon{transition:transform var(--duration-standard) var(--cubic-default),opacity var(--duration-standard) var(--cubic-default)}.nav-bar__mode-toggle[aria-pressed=true] .icon{transform:rotate(180deg)}[data-theme=light-warm] .nav-bar__mode-toggle{background:var(--color-bg-control);border-color:var(--color-border-subtle)}@media(prefers-reduced-motion:reduce){.nav-bar__mode-toggle,.nav-bar__mode-toggle .icon{transition:none}.nav-bar__mode-toggle[aria-pressed=true] .icon{transform:none}}[data-theme=light-warm] .nav-bar{background:color-mix(in srgb,white 80%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-color:var(--color-border-subtle);box-shadow:var(--shadow-control)}[data-theme=light-warm] .nav-bar__column,[data-theme=light-warm] .nav-bar__featured{background:var(--palette-surface);border-color:color-mix(in srgb,black 6%,transparent)}[data-theme=light-warm] .nav-bar__theme-toggle{background:var(--color-bg-control);border-color:var(--color-border-subtle)}.nav-bar__link{font-family:var(--font-mono);font-size:.625em;text-transform:uppercase;letter-spacing:.05em;color:var(--color-neutral-475);text-decoration:none;padding:.5em .75em;border-radius:.25em;transition:color var(--duration-micro) var(--cubic-default),background var(--duration-micro) var(--cubic-default)}.nav-bar__link:hover,.nav-bar__link[aria-current=page]{color:var(--color-neutral-200);background:var(--color-bg-control)}.nav-bar__menu-btn{background:none;border:none;color:var(--color-neutral-475);cursor:pointer;display:flex;align-items:center;gap:.5em;padding:.5em .625em;min-width:var(--touch-target-min);min-height:var(--touch-target-min);font-family:var(--font-mono);font-size:.625em;text-transform:uppercase;letter-spacing:.05em;transition:color var(--duration-micro) var(--cubic-default)}.nav-bar__menu-btn:hover{color:var(--color-neutral-200)}.nav-bar__menu-btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:.25em}.nav-bar__hamburger{display:flex;flex-direction:column;gap:.25em;width:1.125em}.nav-bar__hamburger span{display:block;height:1.5px;background:currentColor;border-radius:1px;transition:transform var(--duration-standard) var(--nav-ease),opacity var(--duration-standard) var(--nav-ease)}.nav--open .nav-bar__hamburger span:nth-child(1){transform:translateY(.375em) rotate(45deg)}.nav--open .nav-bar__hamburger span:nth-child(2){opacity:0}.nav--open .nav-bar__hamburger span:nth-child(3){transform:translateY(-.375em) rotate(-45deg)}.nav-bar__body{display:grid;grid-template-rows:0fr;min-height:0;transition:grid-template-rows var(--nav-duration) var(--nav-ease)}.nav--open .nav-bar__body{grid-template-rows:1fr}.nav-bar__body-inner{overflow:hidden;min-height:0;opacity:0;transform:translateY(-.25em);transition:opacity var(--duration-micro) var(--nav-ease) 0s,transform var(--duration-micro) var(--nav-ease) 0s}.nav--open .nav-bar__body-inner{max-height:calc(100vh - 7.25em);max-height:calc(100dvh - 7.25em);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;opacity:1;transform:translateY(0);transition:opacity var(--duration-standard) var(--nav-ease) .1s,transform var(--duration-standard) var(--nav-ease) .1s}.nav-bar__columns{display:grid;grid-template-columns:minmax(12rem,.7fr) minmax(34rem,1.65fr) minmax(18rem,.9fr);gap:.75em;padding:.5em .75em 0;align-items:start}.nav-bar__column{background:linear-gradient(135deg,var(--color-border-subtle) 0%,color-mix(in srgb,white 2.5%,transparent) 100%),color-mix(in srgb,var(--color-neutral-900) 94%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--color-border-strong);border-radius:.75em;padding:1.5em 1.5em 1.75em;box-shadow:var(--shadow-inset-hairline);position:relative}.nav-bar__column-label{font-family:var(--font-mono);font-size:.5625em;text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-425);display:block;margin-bottom:1.25em}.nav-bar__column-links{display:flex;flex-direction:column}.nav-bar__column--planned{padding:1.2em 1.35em 1.35em}.nav-bar__column--planned .nav-bar__column-label{margin-bottom:.95em}.nav-bar__route-sections{display:grid;grid-template-columns:repeat(3,minmax(8.5rem,1fr));gap:1em 1.05em}.nav-bar__route-section{min-width:0}.nav-bar__route-section-label{display:block;padding-bottom:.55em;border-bottom:1px solid var(--color-border-subtle);color:var(--color-neutral-400);font-family:var(--font-mono);font-size:.56em;letter-spacing:.1em;text-transform:uppercase}.nav-bar__route-section-links{display:flex;flex-direction:column}.nav-bar__nav-link{font-family:var(--font-body);font-variation-settings:"wght" 460;font-size:1.1875em;color:var(--color-neutral-225);text-decoration:none;padding:.625em 0;border-bottom:1px solid var(--color-neutral-700);display:block;opacity:0;transform:translateY(8px);transition:color var(--duration-slow) var(--cubic-default),opacity var(--duration-standard) var(--cubic-default),transform var(--duration-standard) var(--cubic-default)}.nav-bar__nav-link--compact{display:flex;align-items:center;justify-content:space-between;gap:.5em;min-width:0;padding:.5em 0;color:var(--color-neutral-250, var(--color-neutral-225));border-bottom-color:var(--color-border-subtle);font-size:.88em;line-height:1.12;overflow-wrap:anywhere}.nav-bar__nav-link:last-child{border-bottom:none}.nav--open .nav-bar__nav-link{opacity:1;transform:translateY(0)}.nav--open .nav-bar__column:first-child .nav-bar__nav-link:nth-child(1){transition-delay:.08s}.nav--open .nav-bar__column:first-child .nav-bar__nav-link:nth-child(2){transition-delay:.12s}.nav--open .nav-bar__column:first-child .nav-bar__nav-link:nth-child(3){transition-delay:.16s}.nav--open .nav-bar__column:first-child .nav-bar__nav-link:nth-child(4){transition-delay:.2s}.nav--open .nav-bar__column:first-child .nav-bar__nav-link:nth-child(5){transition-delay:.24s}.nav--open .nav-bar__column:first-child .nav-bar__nav-link:nth-child(6){transition-delay:.28s}.nav--open .nav-bar__column:first-child .nav-bar__nav-link:nth-child(7){transition-delay:.32s}.nav--open .nav-bar__column:nth-child(2) .nav-bar__nav-link:nth-child(1){transition-delay:.14s}.nav--open .nav-bar__column:nth-child(2) .nav-bar__nav-link:nth-child(2){transition-delay:.18s}.nav--open .nav-bar__column:nth-child(2) .nav-bar__nav-link:nth-child(3){transition-delay:.22s}.nav-bar__nav-link:hover{color:var(--color-white)}.nav-bar__nav-link[aria-current=page],.nav-bar__nav-link--active{color:var(--color-white);border-bottom-color:color-mix(in srgb,white 22%,transparent)}.nav-bar__featured{background:linear-gradient(135deg,var(--color-border-subtle) 0%,color-mix(in srgb,white 2.5%,transparent) 100%),color-mix(in srgb,var(--color-neutral-900) 94%,transparent);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--color-border-strong);border-radius:.75em;padding:1.5em;display:flex;flex-direction:column;box-shadow:var(--shadow-inset-hairline);min-height:18rem}.nav-bar__featured-label{font-family:var(--font-mono);font-size:.5625em;text-transform:uppercase;letter-spacing:.08em;color:var(--color-neutral-500);display:flex;align-items:center;gap:.75em;margin-bottom:1em}.nav-bar__featured-label:after{content:"NEW";font-size:.8em;background:var(--color-accent-route);color:var(--color-neutral-900);padding:.2em .5em;border-radius:.25em;font-weight:600}.nav-bar__featured-card{flex:1;display:flex;flex-direction:column;gap:.625em;text-decoration:none;color:inherit;border-radius:var(--radius-md);overflow:hidden;transition:opacity var(--duration-micro) var(--cubic-default)}.nav-bar__featured-card:hover{opacity:.85}.nav-bar__featured-img{width:100%;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;position:relative}.nav-bar__featured-cover{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.nav-bar__featured-info{display:flex;flex-direction:column;gap:.2em}.nav-bar__featured-title{font-family:var(--font-body);font-weight:600;font-size:.9375em;letter-spacing:-.01em;color:var(--color-neutral-200)}.nav-bar__featured-sub{font-size:.75em;color:var(--color-neutral-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-bar__featured-btn{display:none;border-radius:.375em;padding:.625em 1.5em;transition:background var(--duration-micro) var(--cubic-default),color var(--duration-micro) var(--cubic-default),border-color var(--duration-micro) var(--cubic-default)}.nav-bar__featured-btn:hover{background:var(--color-neutral-700);border-color:var(--color-neutral-500);color:var(--color-white)}.nav-bar__footer{padding:1.125em .75em 1em;display:flex;align-items:center;justify-content:space-between;gap:1em}.nav-bar__socials{display:flex;gap:.5em}.nav-bar__social{width:2.75em;height:2.75em;border-radius:50%;border:1px solid var(--color-neutral-600);display:flex;align-items:center;justify-content:center;color:var(--color-neutral-400);text-decoration:none;font-family:var(--font-body);font-size:.75em;font-variation-settings:"wght" 600;transition:background var(--duration-micro) var(--cubic-default),color var(--duration-micro) var(--cubic-default),border-color var(--duration-micro) var(--cubic-default)}.nav-bar__social:hover{background:var(--color-neutral-700);border-color:var(--color-neutral-500);color:var(--color-white)}.nav-bar__theme-toggle--drawer{width:auto;min-width:0;height:2.75em;gap:.65em;padding:0 .95em;margin-left:0;font-family:var(--font-mono);font-size:.68em;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.nav-bar__theme-toggle--drawer span{max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media screen and (max-width:73.75rem){.nav-bar__columns{grid-template-columns:minmax(12rem,.7fr) minmax(0,1.45fr)}.nav-bar__featured{display:none}}@media screen and (max-width:56.25rem){.nav-bar__columns{grid-template-columns:1fr}.nav-bar__route-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (max-width:47.9375rem){.nav-bar__switchboard{min-width:4.75em}.nav-bar__switch-link{min-width:4.75em;max-width:5.75em}.nav-bar__switch-label{font-size:.6em}.nav--open .nav-bar{max-height:calc(100vh - 2.5em);max-height:calc(100dvh - 2.5em);overflow:hidden}.nav--open .nav-bar__body-inner{-webkit-overflow-scrolling:touch;padding-bottom:calc(env(safe-area-inset-bottom,0px) + .75rem)}.nav-bar__columns,.nav-bar__route-sections{grid-template-columns:1fr}.nav-bar__featured{display:none}.nav-bar__header{height:3em}.nav-bar__footer{align-items:stretch;flex-direction:column}.nav-bar__theme-toggle--drawer{width:100%;justify-content:center}}.nav-bar__link:focus-visible,.nav-bar__nav-link:focus-visible,.nav-bar__social:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset);border-radius:.25em}@media(max-height:40rem){:root{--nav-bar-height: 3.5em}.nav-bar__header{height:2.625em}}