@layer reset{@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;scrollbar-gutter:stable;color-scheme:light dark;scroll-behavior:smooth}body{min-height:100dvh;line-height:1.6;font-family:var(--font-sans);background-color:var(--surface-ground);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{text-wrap:balance;color:var(--text-primary);line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:var(--container-prose)}img,picture,svg,video,canvas{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[x-cloak]{display:none!important}}}@layer tokens{@layer tokens{:root{--surface-ground:oklch(15% .018 245);--surface-panel:oklch(19% .022 245);--surface-raised:oklch(23% .026 245);--surface-overlay:oklch(27% .03 245);--border-subtle:oklch(28% .022 245);--border-strong:oklch(38% .032 245);--border-focus:oklch(82% .19 85);--signal-amber:oklch(82% .19 85);--signal-amber-glow:oklch(82% .19 85/.15);--signal-amber-dim:oklch(68% .15 85);--signal-cyan:oklch(80% .15 215);--signal-cyan-glow:oklch(80% .15 215/.15);--signal-emerald:oklch(78% .18 150);--signal-emerald-glow:oklch(78% .18 150/.15);--signal-crimson:oklch(68% .22 28);--signal-crimson-glow:oklch(68% .22 28/.15);--text-primary:oklch(96% .006 245);--text-secondary:oklch(76% .014 245);--text-muted:oklch(54% .018 245);--text-on-signal:oklch(12% .018 245);--font-mono:"JetBrains Mono", "Space Mono", ui-monospace, monospace;--font-sans:"Space Grotesk", "Public Sans", system-ui, -apple-system, sans-serif;--text-xs:clamp(.72rem, .68rem + .2vw, .8rem);--text-sm:clamp(.82rem, .78rem + .2vw, .88rem);--text-base:clamp(.95rem, .91rem + .25vw, 1.05rem);--text-lg:clamp(1.12rem, 1.04rem + .4vw, 1.25rem);--text-xl:clamp(1.32rem, 1.2rem + .6vw, 1.55rem);--text-2xl:clamp(1.65rem, 1.45rem + 1vw, 2.1rem);--text-3xl:clamp(2.1rem, 1.8rem + 1.5vw, 2.85rem);--text-4xl:clamp(2.6rem, 2.1rem + 2.5vw, 3.8rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-width:1200px;--container-prose:75ch;--radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-pill:9999px;--transition-instant:.1s ease;--transition-snappy:.2s cubic-bezier(.16, 1, .3, 1);--transition-flow:.35s cubic-bezier(.16, 1, .3, 1);--grid-line-color:oklch(24% .02 245/.45);--grid-dot-color:oklch(35% .03 245/.5);--grid-size:28px}:root[data-theme=light]{--surface-ground:oklch(96% .01 230);--surface-panel:oklch(99% .005 230);--surface-raised:oklch(93% .015 230);--surface-overlay:oklch(90% .02 230);--border-subtle:oklch(86% .02 230);--border-strong:oklch(72% .03 230);--border-focus:oklch(48% .2 50);--signal-amber:oklch(55% .18 55);--signal-amber-glow:oklch(55% .18 55/.12);--signal-amber-dim:oklch(45% .15 55);--signal-cyan:oklch(45% .14 220);--signal-cyan-glow:oklch(45% .14 220/.12);--signal-emerald:oklch(45% .16 150);--signal-emerald-glow:oklch(45% .16 150/.12);--signal-crimson:oklch(55% .2 28);--signal-crimson-glow:oklch(55% .2 28/.12);--text-primary:oklch(18% .03 245);--text-secondary:oklch(38% .025 245);--text-muted:oklch(58% .02 245);--text-on-signal:oklch(98% .005 230);--grid-line-color:oklch(88% .015 230/.7);--grid-dot-color:oklch(78% .02 230/.6)}}}@layer base{@layer base{::selection{background-color:var(--signal-amber);color:var(--text-on-signal)}h1{font-size:var(--text-4xl);letter-spacing:-.03em;font-weight:700}h2{font-size:var(--text-3xl);letter-spacing:-.02em;font-weight:700}h3{font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:600}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:600}h6{font-size:var(--text-base);font-weight:600}p{font-size:var(--text-base);color:var(--text-secondary)}strong,b{color:var(--text-primary);font-weight:600}small{font-size:var(--text-xs);color:var(--text-muted)}hr{background:linear-gradient(to right, transparent, var(--border-strong) 20%, var(--border-strong) 80%, transparent);height:1px;margin-block:var(--space-8);border:none}code{font-family:var(--font-mono);background-color:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);color:var(--signal-amber);padding:.15em .4em;font-size:.88em}pre{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--surface-panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-4);tab-size:2;position:relative;overflow-x:auto}pre code{color:var(--text-primary);font-size:inherit;background:0 0;border:none;padding:0}blockquote{border-left:3px solid var(--signal-amber);background:linear-gradient(to right, var(--signal-amber-glow), transparent);padding:var(--space-4) var(--space-6);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-block:var(--space-6)}blockquote p{color:var(--text-primary);font-style:italic}:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}input,textarea,select{background-color:var(--surface-panel);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);transition:border-color var(--transition-snappy), box-shadow var(--transition-snappy);width:100%}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{border-color:var(--signal-amber);box-shadow:0 0 0 1px var(--signal-amber);outline:none}input::placeholder,textarea::placeholder{color:var(--text-muted)}label{font-size:var(--text-xs);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-bottom:var(--space-2);display:block}}}@layer layout{@layer layout{.container{width:100%;max-width:var(--container-width);padding-inline:clamp(var(--space-4), 4vw, var(--space-8));margin-inline:auto}.container-prose{width:100%;max-width:860px;padding-inline:clamp(var(--space-4), 4vw, var(--space-8));margin-inline:auto}.container-narrow{width:100%;max-width:720px;padding-inline:clamp(var(--space-4), 4vw, var(--space-8));margin-inline:auto}.section-space{padding-block:clamp(var(--space-12), 8vw, var(--space-24))}.section-header{margin-bottom:clamp(var(--space-8), 5vw, var(--space-12))}.telemetry-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,350px),1fr));display:grid}.skills-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));display:grid}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flow>*+*{margin-top:var(--flow-space,var(--space-4))}}}@layer components{@layer components{.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-3) var(--space-5);border-radius:var(--radius-sm);transition:all var(--transition-snappy);user-select:none;white-space:nowrap;border:1px solid #0000;font-weight:600;text-decoration:none;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--signal-amber);color:var(--text-on-signal);border-color:var(--signal-amber);box-shadow:0 0 16px var(--signal-amber-glow)}.btn-primary:hover{background-color:oklch(from var(--signal-amber) l c h / .9);box-shadow:0 0 24px var(--signal-amber-glow)}.btn-secondary{background-color:var(--surface-raised);color:var(--text-primary);border-color:var(--border-subtle)}.btn-secondary:hover{background-color:var(--surface-overlay);border-color:var(--border-strong);color:var(--text-primary)}.btn-outline{color:var(--text-secondary);border-color:var(--border-strong);background-color:#0000}.btn-outline:hover{border-color:var(--signal-amber);color:var(--signal-amber);background-color:var(--signal-amber-glow)}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover{color:var(--text-primary);background-color:var(--surface-raised)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.telemetry-card{background-color:var(--surface-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-6);transition:border-color var(--transition-snappy), transform var(--transition-snappy), box-shadow var(--transition-snappy);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.telemetry-card:before{content:"";background:linear-gradient(90deg, transparent, var(--border-subtle), transparent);height:2px;transition:background var(--transition-snappy);position:absolute;top:0;left:0;right:0}.telemetry-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 12px 28px -8px #0006}.telemetry-card:hover:before{background:linear-gradient(90deg, transparent, var(--signal-amber), transparent)}.telemetry-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.telemetry-card-title{font-size:var(--text-lg);margin-bottom:var(--space-3);font-weight:600;line-height:1.3}.telemetry-card-title a{color:var(--text-primary);transition:color var(--transition-snappy)}.telemetry-card-title a:hover{color:var(--signal-amber)}.telemetry-card-desc{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.telemetry-card-footer{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.badge{align-items:center;gap:var(--space-1);font-family:var(--font-mono);font-size:var(--text-xs);border-radius:var(--radius-xs);background-color:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);letter-spacing:.02em;transition:all var(--transition-snappy);padding:.15rem .5rem;font-weight:500;display:inline-flex}.badge-category{color:var(--signal-cyan);border-color:oklch(from var(--signal-cyan) l c h / .3);background-color:oklch(from var(--signal-cyan) l c h / .08)}.badge-category:hover{border-color:var(--signal-cyan);background-color:oklch(from var(--signal-cyan) l c h / .16)}.badge-amber{color:var(--signal-amber);border-color:oklch(from var(--signal-amber) l c h / .3);background-color:oklch(from var(--signal-amber) l c h / .08)}.badge-emerald{color:var(--signal-emerald);border-color:oklch(from var(--signal-emerald) l c h / .3);background-color:oklch(from var(--signal-emerald) l c h / .08)}.site-header{z-index:100;background-color:oklch(from var(--surface-ground) l c h / .85);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);position:sticky;top:0}.site-nav{justify-content:space-between;align-items:center;height:4.25rem;display:flex}.brand-logo{align-items:center;gap:var(--space-3);color:var(--text-primary);text-decoration:none;display:flex}.brand-badge{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--signal-amber);background-color:var(--surface-panel);border:1px solid var(--border-strong);border-radius:var(--radius-xs);letter-spacing:.1em;padding:.3rem .5rem;font-weight:700}.brand-title{font-size:var(--text-base);letter-spacing:-.01em;font-weight:700}.nav-links{align-items:center;gap:var(--space-6);display:none}@media (width>=768px){.nav-links{display:flex}}.nav-link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;transition:color var(--transition-snappy);padding-block:var(--space-2);align-items:center;gap:.35rem;display:inline-flex}.nav-link .nav-index{color:var(--signal-amber-dim);font-size:.75em}.nav-link:hover{color:var(--signal-amber)}.nav-actions{align-items:center;gap:var(--space-3);display:none}@media (width>=768px){.nav-actions{display:flex}}.mobile-menu-btn{padding:var(--space-2);color:var(--text-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);justify-content:center;align-items:center;display:flex}@media (width>=768px){.mobile-menu-btn{display:none}}.mobile-drawer{gap:var(--space-3);padding:var(--space-4) var(--space-2) var(--space-6);border-top:1px solid var(--border-subtle);flex-direction:column;display:flex}.site-footer{border-top:1px solid var(--border-subtle);background-color:var(--surface-panel);padding-block:var(--space-12);margin-top:var(--space-20)}.footer-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.search-wrapper{max-width:480px;margin-inline:auto;position:relative}.search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 2.75rem;background-color:var(--surface-panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:var(--text-sm)}.search-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-pill{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;padding:var(--space-2) var(--space-4);border-radius:var(--radius-xs);border:1px solid var(--border-subtle);background-color:var(--surface-panel);color:var(--text-secondary);transition:all var(--transition-snappy)}.filter-pill:hover{border-color:var(--border-strong);color:var(--text-primary)}.filter-pill.is-active{background-color:var(--signal-amber);color:var(--text-on-signal);border-color:var(--signal-amber);font-weight:700}.pagination-container{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-12);display:flex}.pagination-btn{min-width:2.5rem;height:2.5rem;padding-inline:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background-color:var(--surface-panel);color:var(--text-secondary);transition:all var(--transition-snappy);justify-content:center;align-items:center;display:inline-flex}.pagination-btn:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary)}.pagination-btn.is-active{background-color:var(--signal-amber);color:var(--text-on-signal);border-color:var(--signal-amber);font-weight:700}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}.alert-box{padding:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--surface-raised);gap:var(--space-3);align-items:flex-start;display:flex}.alert-info{border-color:oklch(from var(--signal-cyan) l c h / .4);background-color:oklch(from var(--signal-cyan) l c h / .08)}.alert-warning{border-color:oklch(from var(--signal-amber) l c h / .4);background-color:oklch(from var(--signal-amber) l c h / .08)}.hero-panel{border-bottom:1px solid var(--border-subtle);padding-block:clamp(var(--space-16), 10vw, var(--space-24));position:relative}.hero-spec-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--signal-amber);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);display:inline-flex}.hero-title{font-size:var(--text-4xl);letter-spacing:-.03em;margin-bottom:var(--space-6);font-weight:700;line-height:1.1}.hero-title .highlight{color:var(--signal-amber);position:relative}.hero-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:65ch;margin-bottom:var(--space-8);line-height:1.7}.theme-toggle-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background-color:var(--surface-panel);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-snappy);user-select:none;display:inline-flex}.theme-toggle-btn:hover{border-color:var(--signal-amber);color:var(--signal-amber);box-shadow:0 0 10px var(--signal-amber-glow)}:root[data-theme=light] .theme-icon-dark{display:none}:root[data-theme=light] .theme-icon-light{display:inline-flex}:root:not([data-theme=light]) .theme-icon-light{display:none}:root:not([data-theme=light]) .theme-icon-dark{display:inline-flex}.prose{color:var(--text-secondary);font-size:var(--text-base);max-width:var(--container-prose);line-height:1.8}.prose>*+*{margin-top:1.5em}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-primary);scroll-margin-top:5rem;font-weight:700;position:relative}.prose h1{font-size:var(--text-3xl);margin-top:2.5em;margin-bottom:.8em}.prose h2{font-size:var(--text-2xl);border-bottom:1px solid var(--border-subtle);margin-top:2.2em;margin-bottom:.7em;padding-bottom:.3em}.prose h3{font-size:var(--text-xl);margin-top:1.8em;margin-bottom:.5em}.prose h4{font-size:var(--text-lg);margin-top:1.5em}.prose p{color:var(--text-secondary);margin-bottom:1.25em}.prose strong,.prose b{color:var(--text-primary);font-weight:600}.prose a{color:var(--signal-amber);text-decoration:underline;text-decoration-color:var(--signal-amber-dim);text-underline-offset:3px;transition:text-decoration-color var(--transition-snappy), color var(--transition-snappy)}.prose a:hover{color:var(--text-primary);text-decoration-color:var(--signal-amber)}.prose ul{margin-bottom:1.5em;padding-left:1.5em;list-style:none}.prose ul>li{margin-bottom:.5em;position:relative}.prose ul>li:before{content:"▪";color:var(--signal-amber);font-size:.8em;position:absolute;top:.1em;left:-1.25em}.prose ol{margin-bottom:1.5em;padding-left:1.5em;list-style:decimal}.prose ol>li{margin-bottom:.5em;padding-left:.5em}.prose ol>li::marker{font-family:var(--font-mono);color:var(--signal-amber-dim);font-size:.85em}.prose pre{background-color:var(--surface-panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);font-size:var(--text-sm);margin-block:1.8em;line-height:1.6;overflow-x:auto;box-shadow:inset 0 1px #ffffff0a}.prose :not(pre)>code{font-family:var(--font-mono);color:var(--signal-amber);background-color:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);padding:.15em .35em;font-size:.875em}.prose blockquote{border-left:3px solid var(--signal-amber);background:linear-gradient(90deg, var(--signal-amber-glow), transparent);padding:var(--space-4) var(--space-6);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin-block:2em}.prose blockquote p{color:var(--text-primary);margin-bottom:0;font-style:italic}.prose table{border-collapse:collapse;width:100%;font-size:var(--text-sm);margin-block:2em}.prose th,.prose td{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);text-align:left}.prose th{background-color:var(--surface-panel);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);border-bottom:2px solid var(--border-strong)}.prose tr:nth-child(2n) td{background-color:oklch(from var(--surface-panel) l c h / .5)}.prose img{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);margin-block:2em}.prose hr{border:none;border-top:1px dashed var(--border-strong);margin-block:3em}}}@layer utilities{@layer utilities{.bg-grid-blueprint{background-image:linear-gradient(to right, var(--grid-line-color) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line-color) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);background-position:-1px -1px}.bg-dots-blueprint{background-image:radial-gradient(var(--grid-dot-color) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size)}.led-dot{border-radius:var(--radius-pill);flex-shrink:0;width:7px;height:7px;display:inline-block}.led-amber{background-color:var(--signal-amber);box-shadow:0 0 8px var(--signal-amber);animation:2.5s ease-in-out infinite ledPulse}.led-emerald{background-color:var(--signal-emerald);box-shadow:0 0 8px var(--signal-emerald);animation:3s ease-in-out infinite ledPulse}.led-cyan{background-color:var(--signal-cyan);box-shadow:0 0 8px var(--signal-cyan);animation:2.8s ease-in-out infinite ledPulse}@keyframes ledPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.92)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-amber{color:var(--signal-amber)}.text-cyan{color:var(--signal-cyan)}.text-emerald{color:var(--signal-emerald)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary{color:var(--text-primary)}.text-center{text-align:center}.uppercase{text-transform:uppercase}.tracking-wider{letter-spacing:.08em}.w-full{width:100%}.h-full{height:100%}}}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:.5s}::view-transition-old(root){animation:1s slide-out-left}::view-transition-new(root){animation:1s slide-in-right}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slide-in-left{0%{transform:translate(0)}to{transform:translate(-100%)}}