@charset "UTF-8";:root,[data-theme=dark]{--color-bg: #0D0D0D;--color-surface: #141414;--color-surface-hover: #1F1F1F;--color-border: rgba(124, 58, 237, .22);--color-border-dashed: rgba(124, 58, 237, .28);--color-grid-line: rgba(124, 58, 237, .08);--color-primary: #7C3AED;--color-primary-hover: #6D28D9;--color-secondary: #06B6D4;--color-text: #F1F5F9;--color-text-muted: #64748B;--gradient-primary: linear-gradient(135deg, #8b5cf6, #06b6d4);--section-padding-x: 24px;--section-padding-x-lg: 40px}[data-theme=light]{--color-bg: #FFFFFF;--color-surface: #F8FAFC;--color-surface-hover: #F1F5F9;--color-border: rgba(37, 99, 235, .18);--color-border-dashed: rgba(37, 99, 235, .24);--color-grid-line: rgba(37, 99, 235, .06);--color-primary: #2563EB;--color-secondary: #0891B2;--color-text: #0F172A;--color-text-muted: #64748B;--gradient-primary: linear-gradient(135deg, #8b5cf6, #06b6d4);--section-padding-x: 24px;--section-padding-x-lg: 40px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}img,video{height:auto}html{scroll-behavior:smooth;overflow-anchor:auto}body{min-height:100vh;text-rendering:optimizeSpeed;overflow-x:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}img[width][height]{max-width:revert;width:attr(width px);height:attr(height px)}.navbar{will-change:transform;backface-visibility:hidden}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none}img{display:block;max-width:100%;height:auto}.blog-card__cover,.bl-card__cover{height:160px;contain:strict}.hero__diagram{aspect-ratio:1/1.05;contain:layout}.stats__card{min-height:160px;contain:layout}:root{--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-script: "Caveat", cursive;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.025em;--tracking-normal: 0em;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .15em}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,pre,kbd,samp,.mono{font-family:var(--font-mono)}.section-number{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-medium);letter-spacing:var(--tracking-widest);color:var(--color-primary);text-transform:uppercase}.section-title{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--color-text);text-transform:uppercase}.script{font-family:var(--font-script);font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-secondary)}:root{--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #7c3aed66}50%{box-shadow:0 0 0 8px #7c3aed00}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.animate-fadeInUp{animation:fadeInUp .6s var(--transition-slow) both}.animate-float{animation:float 4s ease-in-out infinite}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.animate-delay-6{animation-delay:.6s}.animate-delay-7{animation-delay:.7s}.animate-delay-8{animation-delay:.8s}.material-icons{font-family:Material Icons;color:inherit;font-size:inherit;line-height:1;vertical-align:middle}.mat-mdc-form-field{width:100%}.mat-mdc-form-field .mat-mdc-text-field-wrapper{background:var(--color-surface)!important;border:1px solid var(--color-border-dashed)!important;border-radius:2px!important}.mat-mdc-form-field .mat-mdc-floating-label{color:var(--color-text-muted)!important;font-family:var(--font-sans)!important}.mat-mdc-form-field .mat-mdc-input-element{color:var(--color-text)!important;font-family:var(--font-sans)!important;caret-color:var(--color-primary)!important}.mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper{border-color:var(--color-primary)!important}.mat-mdc-slide-toggle{--mdc-switch-selected-track-color: var(--color-primary);--mdc-switch-selected-handle-color: #ffffff;--mdc-switch-unselected-track-color: var(--color-border)}.mat-mdc-icon-button .mat-mdc-button-ripple{display:none}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#c9d1d9;background:#0d1117}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#ff7b72}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#d2a8ff}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#79c0ff}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#a5d6ff}.hljs-built_in,.hljs-symbol{color:#ffa657}.hljs-comment,.hljs-code,.hljs-formula{color:#8b949e}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#7ee787}.hljs-subst{color:#c9d1d9}.hljs-section{color:#1f6feb;font-weight:700}.hljs-bullet{color:#f2cc60}.hljs-emphasis{color:#c9d1d9;font-style:italic}.hljs-strong{color:#c9d1d9;font-weight:700}.hljs-addition{color:#aff5b4;background-color:#033a16}.hljs-deletion{color:#ffdcd7;background-color:#67060c}.blog-detail__rendered{font-family:var(--font-sans);font-size:1rem;line-height:1.8;color:var(--color-text);word-wrap:break-word}.blog-detail__rendered h1,.blog-detail__rendered h2,.blog-detail__rendered h3,.blog-detail__rendered h4,.blog-detail__rendered h5,.blog-detail__rendered h6{font-family:var(--font-sans);font-weight:700;color:var(--color-text);line-height:1.3;scroll-margin-top:90px;margin-top:2em;margin-bottom:.75em}.blog-detail__rendered h1{font-size:1.9rem}.blog-detail__rendered h2{font-size:1.45rem;padding-bottom:.4em;border-bottom:1px solid var(--color-border)}.blog-detail__rendered h3{font-size:1.2rem;color:var(--color-primary)}.blog-detail__rendered h4{font-size:1rem}.blog-detail__rendered p{margin-bottom:1.4em;color:var(--color-text-muted);font-size:1rem;line-height:1.85}.blog-detail__rendered a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}.blog-detail__rendered a:hover{color:var(--color-primary-hover)}.blog-detail__rendered strong,.blog-detail__rendered b{font-weight:700;color:var(--color-text)}.blog-detail__rendered em,.blog-detail__rendered i{font-style:italic}.blog-detail__rendered code:not(pre code){font-family:var(--font-mono);font-size:.875em;color:var(--color-secondary);background:#06b6d414;border:1px solid rgba(6,182,212,.2);padding:.15em .45em;border-radius:3px;white-space:nowrap}.blog-detail__rendered pre{margin:1.6em 0;border-radius:6px;overflow:hidden;border:1px solid rgba(124,58,237,.25)}.blog-detail__rendered pre code{display:block;padding:1.2em 1.4em!important;font-family:var(--font-mono)!important;font-size:.875rem!important;line-height:1.65!important;overflow-x:auto;border-radius:0!important;border:none!important;background:none!important}.blog-detail__rendered div.highlight,.blog-detail__rendered div.js-code-highlight{margin:1.6em 0;border-radius:6px;overflow:hidden;border:1px solid rgba(124,58,237,.25);background:#0d1117}.blog-detail__rendered div.highlight pre,.blog-detail__rendered div.js-code-highlight pre{margin:0;border:none;border-radius:0;background:transparent}.blog-detail__rendered div.highlight pre code,.blog-detail__rendered div.js-code-highlight pre code{display:block;padding:1.2em 1.4em!important;font-family:var(--font-mono)!important;font-size:.875rem!important;line-height:1.65!important;overflow-x:auto;background:transparent!important;color:#e6edf3;border:none!important}.blog-detail__rendered .highlight__panel,.blog-detail__rendered .js-actions-panel,.blog-detail__rendered .highlight__panel-action,.blog-detail__rendered .js-fullscreen-code-action,.blog-detail__rendered .js-code-highlight-btn{display:none!important}.blog-detail__rendered blockquote{margin:1.6em 0;padding:.8em 1.2em;border-left:4px solid var(--color-primary);background:var(--color-primary-light);border-radius:0 4px 4px 0}.blog-detail__rendered blockquote p{margin:0;color:var(--color-text);font-style:italic}.blog-detail__rendered ul{list-style:none;padding-left:0;margin:1em 0 1.4em}.blog-detail__rendered ul li{position:relative;padding-left:1.4em;margin-bottom:.5em;color:var(--color-text-muted);line-height:1.7}.blog-detail__rendered ul li:before{content:"\25b8";position:absolute;left:0;color:var(--color-primary);font-size:.7rem;top:.35em}.blog-detail__rendered ul li ul{margin:.4em 0 .4em 1em}.blog-detail__rendered ol{list-style:decimal;padding-left:1.5em;margin:1em 0 1.4em}.blog-detail__rendered ol li{margin-bottom:.5em;color:var(--color-text-muted);line-height:1.7;padding-left:.3em}.blog-detail__rendered img{max-width:100%;height:auto;border-radius:6px;border:1px solid var(--color-border);display:block;margin:1.6em auto}.blog-detail__rendered .table-wrapper-paragraph,.blog-detail__rendered div[class*=table]{overflow-x:auto;margin:1.6em 0;border:1px solid var(--color-border);border-radius:6px}.blog-detail__rendered table{width:100%;border-collapse:collapse;font-size:.9rem;display:block;overflow-x:auto;margin:1.6em 0}.blog-detail__rendered table th{font-family:var(--font-mono);font-weight:700;font-size:.78rem;letter-spacing:.05em;color:var(--color-text);text-transform:uppercase;padding:10px 16px;border-bottom:2px solid var(--color-border);text-align:left;background:var(--color-surface);white-space:nowrap}.blog-detail__rendered table td{padding:10px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);vertical-align:top;line-height:1.6}.blog-detail__rendered table tr:last-child td{border-bottom:none}.blog-detail__rendered table tr:hover td{background:var(--color-surface-hover)}.blog-detail__rendered hr{border:none;border-top:1px solid var(--color-border);margin:2.5em 0}.blog-detail__rendered .ltag__link,.blog-detail__rendered .ltag-github-readme-tag,.blog-detail__rendered .ltag__user,.blog-detail__rendered [class*=ltag]{border:1px solid var(--color-border);border-radius:6px;padding:1rem;margin:1.6em 0;background:var(--color-surface);display:block;overflow:hidden;text-decoration:none}.blog-detail__rendered .ltag__link:hover,.blog-detail__rendered .ltag-github-readme-tag:hover,.blog-detail__rendered .ltag__user:hover,.blog-detail__rendered [class*=ltag]:hover{border-color:var(--color-primary)}.blog-detail__rendered .article-tags,.blog-detail__rendered tags-container,.blog-detail__rendered [class*=article-tags],.blog-detail__rendered [class*=tags-container]{display:flex;flex-wrap:wrap;gap:8px;margin:1.6em 0}.blog-detail__rendered .article-tags:before,.blog-detail__rendered .article-tags:after,.blog-detail__rendered tags-container:before,.blog-detail__rendered tags-container:after,.blog-detail__rendered [class*=article-tags]:before,.blog-detail__rendered [class*=article-tags]:after,.blog-detail__rendered [class*=tags-container]:before,.blog-detail__rendered [class*=tags-container]:after{display:none!important}.blog-detail__rendered a.tag:before,.blog-detail__rendered .tag:before{display:none!important}.blog-detail__rendered a.tag,.blog-detail__rendered .tag{display:inline-flex!important;align-items:center!important;font-family:var(--font-mono)!important;font-size:.75rem!important;font-weight:600!important;color:var(--color-primary)!important;background:var(--color-primary-light)!important;border:1px solid rgba(124,58,237,.3)!important;padding:3px 10px!important;border-radius:3px!important;text-decoration:none!important;margin:0!important;line-height:1.5!important}.blog-detail__rendered a.tag:hover,.blog-detail__rendered .tag:hover{background:#7c3aed26!important;border-color:var(--color-primary)!important}.blog-detail__rendered .article-header,.blog-detail__rendered .article-header-image,.blog-detail__rendered .crayons-story__cover,.blog-detail__rendered .article-actions,.blog-detail__rendered .article-social-sharesheet,.blog-detail__rendered #article-show-more-comment-trigger,.blog-detail__rendered .js-comment-jump-btn{display:none!important}.blog-detail__rendered details{border:1px solid var(--color-border);border-radius:4px;padding:.75em 1em;margin:1.2em 0;background:var(--color-surface)}.blog-detail__rendered details summary{cursor:pointer;font-weight:600;color:var(--color-text);-webkit-user-select:none;user-select:none}.blog-detail__rendered details summary:hover{color:var(--color-primary)}.blog-detail__rendered details[open] summary{margin-bottom:.75em}.blog-detail__rendered .crayons-notice,.blog-detail__rendered [class*=notice],.blog-detail__rendered [class*=callout]{padding:1rem 1.2rem;border-radius:4px;margin:1.4em 0;border-left:4px solid var(--color-secondary);background:var(--color-secondary-light);font-size:.95rem;color:var(--color-text-muted)}[data-theme=light] .blog-detail__rendered div.highlight,[data-theme=light] .blog-detail__rendered div.js-code-highlight{background:#f6f8fa}[data-theme=light] .blog-detail__rendered div.highlight pre code,[data-theme=light] .blog-detail__rendered div.js-code-highlight pre code{color:#24292f}[data-theme=light] .blog-detail__rendered pre code{background:#f6f8fa;color:#24292f}[data-theme=light] .blog-detail__rendered a.tag,[data-theme=light] .blog-detail__rendered .tag{color:#2563eb!important;background:#2563eb14!important;border-color:#2563eb4d!important}[data-theme=light] .blog-detail__rendered a.tag:hover,[data-theme=light] .blog-detail__rendered .tag:hover{background:#2563eb26!important}.section-number{font-family:var(--font-mono);font-size:.65rem;font-weight:var(--font-medium);color:var(--color-primary);letter-spacing:var(--tracking-wide);flex-shrink:0;display:inline-block;min-width:20px}.section-title{font-family:var(--font-mono);font-size:.9rem;font-weight:var(--font-bold);color:var(--color-text);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0}.skip-nav{position:absolute;top:-100%;left:16px;padding:8px 16px;background:var(--color-primary);color:#fff;font-family:var(--font-mono);font-size:.82rem;border-radius:0 0 4px 4px;text-decoration:none;z-index:9999;transition:top .2s ease}.skip-nav:focus{top:0;outline:2px solid #ffffff}@keyframes reveal-light{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 0)}}::view-transition-old(root){animation:.24s cubic-bezier(.4,0,.2,1) both fade-out}::view-transition-new(root){animation:.34s cubic-bezier(.4,0,.2,1) both fade-in}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation:.2s ease both vt-fade-out}::view-transition-new(root){animation:.3s ease both vt-fade-in}@keyframes vt-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vt-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}