:root{--dark-grey:#0b0e14;--surface-grey:#111520;--light-grey:#d4dce8;--blue:#3b82f6;--mint-green:#0fa;--color-background-main:var(--dark-grey);--color-header-background:var(--dark-grey);--color-surface:var(--surface-grey);--color-surface-hover:color-mix(in srgb, var(--color-text-main) 10%, transparent);--color-border-subtle:color-mix(in srgb, var(--color-text-main) 10%, transparent);--color-text-main:var(--light-grey);--color-text-muted:color-mix(in srgb, var(--color-text-main) 60%, transparent);--color-accent:var(--blue);--color-interactive:var(--mint-green);--status-error:#ff003c;--status-warning:#ff9f1c;--status-success:#00fa9a;--font-size-xs:.875rem;--font-size-sm:1rem;--font-size-md:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-size-2xl:2.5rem;--font-size-3xl:3rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-family-sans:"Inter", -apple-system, sans-serif;--font-family-mono:"JetBrains Mono", "Fira Code", monospace;--max-reading-width:80ch;--section-gap-size:0;--page-title-margin:1rem 0 0 0;--space-xs:.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem}*{box-sizing:border-box;margin:0;padding:0}#app{background:var(--color-background-main);min-height:100vh;color:var(--color-text-main);flex-direction:column;display:flex}#router-view{flex-direction:column;flex:1;padding-bottom:2rem;padding-left:1rem;padding-right:1rem;display:flex}body{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.intent-error{color:var(--status-error)!important}.intent-warning{color:var(--status-warning)!important}.intent-success{color:var(--status-success)!important}.intent-muted{color:var(--color-text-muted)!important}.intent-primary{color:var(--color-accent)!important}.intent-disclaimer{font-style:italic;color:var(--color-text-muted)!important}.page-title{margin:var(--page-title-margin);color:var(--color-text-main);letter-spacing:-.02em;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1}.page-subtitle{color:var(--color-text-muted);letter-spacing:.05em;max-width:600px;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500;line-height:1.5}.typography-heading{color:var(--color-text-main);font-family:var(--font-family-sans);font-weight:var(--font-weight-bold);line-height:1.2}.typography-heading.level-1{font-size:var(--font-size-3xl);letter-spacing:-.02em}.typography-heading.level-2{font-size:var(--font-size-2xl);letter-spacing:-.01em}.typography-heading.level-3{font-size:var(--font-size-xl)}.typography-heading.level-4{font-size:var(--font-size-lg)}.typography-heading.level-5{font-size:var(--font-size-md)}.typography-heading.level-6{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.header{background:var(--color-header-background);border-bottom:1px solid var(--color-border-subtle);width:100%;padding:1rem}.header .header-nav{justify-content:flex-end;align-items:center;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto;display:flex}.header .nav-btn{color:var(--color-text-main);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:4px;padding:.5rem .75rem;transition:background-color .2s,border-color .2s,color .2s}.header .nav-btn:hover{background-color:var(--color-surface-hover)}.header .nav-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.typography-body{color:var(--color-text-main);font-family:var(--font-family-sans);font-size:var(--font-size-sm);max-width:var(--max-reading-width);line-height:1.6}.typography-link{color:var(--color-interactive);font-weight:var(--font-weight-medium);cursor:pointer;border-bottom:1px solid #0000;text-decoration:none;transition:border-color .2s,opacity .2s}.typography-link:hover{border-bottom-color:var(--color-interactive);opacity:.8}.typography-link{-webkit-user-select:none;user-select:none}.typography-divider{background-color:var(--color-border-subtle);border:none;width:100%;height:1px}.page-section{width:100%;max-width:var(--max-reading-width);gap:var(--section-gap-size);flex-direction:column;margin:0 auto;display:flex}.layout-stack{flex-direction:column;width:100%;display:flex}.layout-stack[data-spacing=none]{gap:0}.layout-stack[data-spacing=xs]{gap:var(--space-xs)}.layout-stack[data-spacing=sm]{gap:var(--space-sm)}.layout-stack[data-spacing=md]{gap:var(--space-md)}.layout-stack[data-spacing=lg]{gap:var(--space-lg)}.layout-stack[data-spacing=xl]{gap:var(--space-xl)}.layout-stack[data-align=start]{align-items:flex-start}.layout-stack[data-align=center]{text-align:center;align-items:center}.layout-stack[data-align=end]{align-items:flex-end}.layout-stack[data-align=stretch]{align-items:stretch}.project-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);padding:var(--space-md);border-radius:8px;align-self:start}.layout-grid{gap:var(--space-md);width:100%;display:grid}.layout-grid[data-template=responsive-cards]{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.layout-grid[data-template=halves]{grid-template-columns:1fr}@media (width>=768px){.layout-grid[data-template=halves]{grid-template-columns:repeat(2,1fr)}}.layout-grid[data-template=thirds]{grid-template-columns:1fr}@media (width>=768px){.layout-grid[data-template=thirds]{grid-template-columns:repeat(3,1fr)}}.layout-sidebar-nav{z-index:100;scroll-behavior:smooth;scrollbar-width:none;flex-direction:column;gap:1.5rem;max-height:85vh;padding:1rem .5rem;display:flex;position:fixed;top:50%;left:2rem;overflow-y:auto;transform:translateY(-50%)}.layout-sidebar-nav::-webkit-scrollbar{display:none}@media (width<=1200px){.layout-sidebar-nav{display:none}}.layout-sidebar-nav .nav-item{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-muted);align-items:center;gap:.75rem;text-decoration:none;transition:color .2s;display:flex}.layout-sidebar-nav .nav-item .nav-indicator{background-color:var(--color-border-subtle);border-radius:50%;width:4px;height:4px;transition:all .3s}.layout-sidebar-nav .nav-item[data-level="1"],.layout-sidebar-nav .nav-item[data-level="2"]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.layout-sidebar-nav .nav-item[data-level="3"]{opacity:.8;margin-left:1.5rem;font-size:.75rem}.layout-sidebar-nav .nav-item[data-level="3"] .nav-indicator{border-radius:0;width:6px;height:1px}.layout-sidebar-nav .nav-item[data-level="4"],.layout-sidebar-nav .nav-item[data-level="5"],.layout-sidebar-nav .nav-item[data-level="6"]{opacity:.6;margin-left:3rem;font-size:.75rem}.layout-sidebar-nav .nav-item:hover,.layout-sidebar-nav .nav-item.is-active{color:var(--color-interactive);opacity:1}.layout-sidebar-nav .nav-item:hover .nav-indicator,.layout-sidebar-nav .nav-item.is-active .nav-indicator{background-color:var(--color-interactive);box-shadow:0 0 8px var(--color-interactive)}.layout-sidebar-nav .nav-item[data-level="1"].is-active,.layout-sidebar-nav .nav-item[data-level="2"].is-active{color:var(--color-text-main);font-weight:var(--font-weight-bold)}.layout-sidebar-nav .nav-item[data-level="1"].is-active .nav-indicator,.layout-sidebar-nav .nav-item[data-level="2"].is-active .nav-indicator{transform:scale(1.5)}