@font-face{font-family:Hermit;src:url(/fonts/Hermit-Light.otf) format("opentype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Hermit;src:url(/fonts/Hermit-LightItalic.otf) format("opentype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Hermit;src:url(/fonts/Hermit-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hermit;src:url(/fonts/Hermit-RegularItalic.otf) format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Hermit;src:url(/fonts/Hermit-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Hermit;src:url(/fonts/Hermit-BoldItalic.otf) format("opentype");font-weight:700;font-style:italic;font-display:swap}:root{--obsidian-0: #050507;--obsidian-1: #080a10;--obsidian-2: #0b0e18;--obsidian-3: #111420;--obsidian-4: #181d2a;--obsidian-5: #222840;--teal: #00ADB5;--teal-dim: #008288;--teal-glow: rgba(0, 173, 181, .18);--teal-glow-hard: rgba(0, 173, 181, .35);--pink: #FF2D78;--pink-dim: #D01F5B;--pink-glow: rgba(255, 45, 120, .2);--pink-glow-hard: rgba(255, 45, 120, .4);--text-primary: #e4e8f0;--text-secondary: #8892a4;--text-muted: #4a5568;--border-faint: rgba(255, 255, 255, .05);--border-dim: rgba(255, 255, 255, .09);--border-mid: rgba(255, 255, 255, .14);--border-teal: rgba(0, 173, 181, .3);--border-pink: rgba(255, 45, 120, .3);--surface-0: rgba(255, 255, 255, .02);--surface-1: rgba(255, 255, 255, .04);--surface-2: rgba(255, 255, 255, .065);--surface-hover: rgba(255, 255, 255, .08);--font-mono: "Hermit", "Courier New", monospace;--font-body: "Hermit", "Courier New", monospace;--space-xs: clamp(.25rem, .5vw, .5rem);--space-sm: clamp(.5rem, 1vw, .75rem);--space-md: clamp(.75rem, 1.5vw, 1.25rem);--space-lg: clamp(1.25rem, 2.5vw, 2rem);--space-xl: clamp(2rem, 4vw, 3.5rem);--space-2xl: clamp(3rem, 6vw, 6rem);--nav-h: 56px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--t-fast: .15s;--t-mid: .3s;--t-slow: .6s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--obsidian-0);color:var(--text-primary);font-family:var(--font-body);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit}ul,ol{list-style:none}img,svg{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;letter-spacing:.04em;line-height:1.2;color:var(--text-primary)}code,pre,.mono{font-family:var(--font-mono)}.glass{background:var(--surface-1);backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);border:1px solid var(--border-dim)}.glass-hover{transition:background var(--t-mid) var(--ease-in-out),border-color var(--t-mid) var(--ease-in-out),box-shadow var(--t-mid) var(--ease-in-out),transform var(--t-mid) var(--ease-out)}.glass-hover:hover{background:var(--surface-hover);border-color:var(--border-mid);transform:translateY(-2px);box-shadow:0 8px 32px #0006}.simd-col-rule{column-rule:1px solid var(--border-faint)}.section-label{font-family:var(--font-mono);font-size:clamp(.6rem,1vw,.72rem);letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:.6em}.section-label:before{content:"//";color:var(--teal);font-weight:700}.section-title{font-family:var(--font-mono);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:.04em;color:var(--text-primary);margin-top:.4em;margin-bottom:var(--space-xl);position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-8px;left:0;width:2.5em;height:1px;background:linear-gradient(90deg,var(--teal),transparent)}.glow-teal{color:var(--teal);text-shadow:0 0 14px var(--teal-glow-hard)}.glow-pink{color:var(--pink);text-shadow:0 0 14px var(--pink-glow-hard)}.data-label{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:.25em .75em;border:1px solid var(--border-dim);border-radius:2px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--text-secondary);background:var(--surface-0);transition:border-color var(--t-fast),color var(--t-fast),box-shadow var(--t-fast)}.badge:hover,.badge-teal{border-color:var(--border-teal);color:var(--teal)}.badge-pink{border-color:var(--border-pink);color:var(--pink)}.btn-teal{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--obsidian-0);background:var(--teal);padding:.75em 1.6em;border:1px solid var(--teal);border-radius:2px;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);cursor:pointer}.btn-teal:hover{background:var(--teal-dim);box-shadow:0 0 22px var(--teal-glow-hard);transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--text-secondary);background:transparent;padding:.75em 1.6em;border:1px solid var(--border-dim);border-radius:2px;transition:color var(--t-fast),border-color var(--t-fast),box-shadow var(--t-fast);cursor:pointer}.btn-ghost:hover{color:var(--teal);border-color:var(--border-teal);box-shadow:0 0 16px var(--teal-glow)}.page-shell{min-height:100vh;padding-top:var(--nav-h);padding-bottom:6rem}.page-content{max-width:clamp(320px,92vw,1280px);margin:0 auto;padding:var(--space-2xl) var(--space-lg)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--obsidian-1)}::-webkit-scrollbar-thumb{background:var(--obsidian-5);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--teal-dim)}@keyframes shift-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.98) translateY(-10px)}}@keyframes shift-in{0%{opacity:0;transform:scale(1.02) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes glitch-flash{0%{background:transparent}50%{background:var(--teal-glow)}to{background:transparent}}::view-transition-old(root){animation:shift-out .18s var(--ease-in-out) forwards}::view-transition-new(root){animation:shift-in .2s var(--ease-out) forwards}::view-transition-group(root){z-index:1}::view-transition-group(nav-shell),::view-transition-group(mobile-dock){z-index:10001}::view-transition-group(root):after{content:"";position:fixed;top:var(--nav-h);left:0;right:0;height:2px;background:var(--teal);box-shadow:0 0 10px var(--teal-glow-hard);z-index:10000;animation:glitch-flash .3s ease-out}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");opacity:.018;mix-blend-mode:overlay}.schema-rule{border:none;border-top:1px solid var(--border-faint);margin:var(--space-xl) 0}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.cursor-blink{display:inline-block;width:.55em;height:1em;background:var(--teal);margin-left:2px;vertical-align:text-bottom;animation:blink 1.1s step-start infinite}.nav-shell{position:fixed;top:0;left:0;right:0;z-index:10000;height:var(--nav-h);background:#050507e0;view-transition-name:nav-shell;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}.nav-inner{max-width:clamp(320px,96vw,1400px);margin:0 auto;height:100%;display:flex;align-items:center;gap:var(--space-lg);padding:0 var(--space-lg)}.nav-logo{display:flex;align-items:baseline;gap:.2em;font-family:var(--font-mono);font-weight:700;font-size:1rem;color:var(--text-primary);flex-shrink:0;transition:color var(--t-fast);text-decoration:none}.logo-bracket{color:var(--teal)}.logo-text{letter-spacing:.08em}.logo-sub{font-size:.65rem;letter-spacing:.14em;color:var(--text-muted);margin-left:.6em}.nav-logo:hover .logo-text{color:var(--teal)}.nav-links{display:flex;align-items:center;gap:.25rem;margin-left:auto}.nav-link{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.72rem;font-weight:400;letter-spacing:.06em;color:var(--text-muted);padding:.4em .7em;border:1px solid transparent;border-radius:2px;transition:color var(--t-fast),border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast)}.nav-link:hover{color:var(--teal);border-color:var(--border-teal);background:var(--teal-glow);box-shadow:0 0 10px var(--teal-glow)}.nav-link.active{color:var(--teal);border-color:var(--border-teal);background:#00adb50f}.nav-void{margin-left:var(--space-md);display:flex;align-items:center;flex-shrink:0}.void-glyph{font-family:var(--font-mono);font-size:1rem;color:var(--text-muted);opacity:.28;transition:opacity var(--t-mid),color var(--t-mid),text-shadow var(--t-mid)}.nav-void:hover .void-glyph{opacity:.9;color:var(--pink);text-shadow:0 0 12px var(--pink-glow-hard)}.nav-rule{height:1px;background:var(--border-faint);position:absolute;bottom:0;left:0;right:0}.mobile-dock{display:none;position:fixed;bottom:clamp(.75rem,3vw,1rem);left:50%;transform:translate(-50%);z-index:10000;border-radius:3px;view-transition-name:mobile-dock;padding:.5rem 1rem;gap:.25rem;flex-direction:row;align-items:center;border:1px solid var(--border-dim)}.dock-item{display:flex;flex-direction:column;align-items:center;padding:.5rem .65rem;border-radius:2px;transition:color var(--t-fast),background var(--t-fast)}.dock-code{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.08em;color:var(--text-muted)}.dock-item:hover .dock-code,.dock-item.active .dock-code{color:var(--teal)}.dock-item.active{background:#00adb514;border:1px solid var(--border-teal)}@media (max-width: 768px){.nav-links,.nav-void{display:none}.mobile-dock{display:flex}}@container (max-width: 900px){.logo-sub{display:none}.nav-link{font-size:.65rem;padding:.35em .5em}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
