:root{--google-primary: #1a73e8;--google-primary-dark: #1557b0;--google-secondary: #34a853;--google-accent: #fbbc04;--google-danger: #ea4335;--text-primary: #202124;--text-secondary: #5f6368;--text-tertiary: #80868b;--text-disabled: #bdc1c6;--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #f1f3f4;--bg-hover: #e8f0fe;--bg-active: #d2e3fc;--border-light: #e8eaed;--border-medium: #dadce0;--border-dark: #3c4043;--code-bg: #f6f8fa;--code-text: #24292e;--pre-bg: #f6f8fa;--pre-text: #24292e;--font-family-primary: "Inter", "Google Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-secondary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 450;--font-weight-semibold: 500;--font-weight-bold: 600;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .04);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12), 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .15);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--radius-sam: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--accent: var(--google-primary);--accent-dark: var(--google-primary-dark);--black: 32, 33, 36;--gray: 95, 99, 104;--gray-light: 248, 249, 250;--gray-dark: 32, 33, 36;--gray-gradient: rgba(var(--gray-light), 50%), var(--bg-primary);--box-shadow: var(--shadow-md)}.dark{--google-primary: #8ab4f8;--google-primary-dark: #aecbfa;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--text-tertiary: #80868b;--text-disabled: #5f6368;--bg-primary: #202124;--bg-secondary: #303134;--bg-tertiary: #3c4043;--bg-hover: #3c4043;--bg-active: #4a4d52;--border-light: #3c4043;--border-medium: #5f6368;--border-dark: #80868b;--code-bg: #2d333b;--code-text: #adbac7;--pre-bg: #161b22;--pre-text: #e6edf3;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .5), 0 4px 16px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .6);--accent: var(--google-primary);--accent-dark: var(--google-primary-dark);--black: 232, 234, 237;--gray: 154, 160, 166;--gray-light: 60, 64, 67;--gray-dark: 232, 234, 237;--gray-gradient: rgba(var(--gray-light), 50%), var(--bg-primary);--box-shadow: var(--shadow-md)}html{overscroll-behavior-x:none;overscroll-behavior-y:none;overflow-x:auto;overflow-y:scroll}body{font-family:var(--font-family-primary);margin:0;padding:0;text-align:left;background:var(--bg-primary);word-wrap:break-word;overflow-wrap:break-word;color:var(--text-primary);font-size:var(--font-size-base);line-height:1.5;min-width:100vw;min-height:100vh}main{max-width:var(--container-xl);margin:0 auto;padding:2rem}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:var(--text-primary);line-height:1.2;font-family:var(--font-family-primary);font-weight:var(--font-weight-normal)}h1{font-size:var(--font-size-5xl);line-height:72px}h2{font-size:var(--font-size-3xl);line-height:40px}h3{font-size:var(--font-size-xl);line-height:28px}h4{font-size:var(--font-size-lg);line-height:24px}h5{font-size:var(--font-size-base);line-height:20px}strong,b{font-weight:var(--font-weight-bold)}a{color:var(--google-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--google-primary-dark);text-decoration:underline}p{margin-bottom:1em;color:var(--text-primary);font-size:var(--font-size-base);line-height:1.5}.prose p{margin-bottom:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 6px;background-color:var(--code-bg);border-radius:var(--radius-sm);font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.875em;color:var(--code-text)}.code-block{border:1px solid var(--border-light);border-radius:8px;overflow:hidden;margin:1.5rem 0;background:var(--bg-primary)}.code-header{display:flex;align-items:center;justify-content:space-between;padding:7px 14px;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);gap:.5rem;min-height:36px}.code-lang{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.78rem;color:var(--text-secondary);letter-spacing:.01em;flex:1;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-title{font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.8rem;font-weight:500;color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.has-title .code-lang{flex:none;font-size:.72rem;padding:.1rem .45rem;border-radius:4px}.copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:5px;background:transparent;color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:background-color .15s,color .15s}.copy-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.copy-btn.copied{color:var(--google-secondary)}.code-block pre{margin:0;border-radius:0;padding:1rem 1.25rem;overflow-x:auto;background-color:var(--shiki-light-bg);font-size:.875rem;line-height:1.7}.dark .code-block pre{background-color:var(--shiki-dark-bg)}.code-block pre>code{all:unset;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:inherit;line-height:inherit;display:block}.code-block pre span{color:var(--shiki-light)}.dark .code-block pre span{color:var(--shiki-dark)}.code-block pre,.code-block pre *{transition-property:background-color}pre{padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin:1.5rem 0;background-color:var(--shiki-light-bg)}pre>code{all:unset;font-family:JetBrains Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.875rem;line-height:1.7;display:block}:root{--shiki-color-text: var(--shiki-light);--shiki-color-background: var(--shiki-light-bg)}pre .shiki,pre.astro-code{background-color:var(--shiki-light-bg)!important}pre.astro-code span,pre .shiki span{color:var(--shiki-light)}.dark pre.astro-code{background-color:var(--shiki-dark-bg)!important}.dark pre.astro-code span,.dark pre .shiki span{color:var(--shiki-dark)}.dark .katex,.dark .katex-display,.dark .katex .katex-mathml{color:var(--text-primary)}.dark .MathJax,.dark .MathJax_Display{color:var(--text-primary)!important}.dark .mermaid svg{background:var(--bg-primary)}*,*:before,*:after{transition-property:background-color,border-color,color,fill,stroke;transition-duration:var(--transition-fast);transition-timing-function:cubic-bezier(.4,0,.2,1)}pre,pre *{transition-property:background-color}blockquote{border-left:4px solid var(--google-primary);padding:0 0 0 24px;margin:0;font-size:var(--font-size-lg);color:var(--text-secondary);font-style:italic}img{max-width:100%;height:auto;border-radius:var(--radius-md)}hr{border:none;border-top:1px solid var(--border-light);margin:2rem 0}@media(max-width:768px){body{font-size:var(--font-size-base)}main{padding:1.5rem}h1{font-size:var(--font-size-4xl);line-height:48px}h2{font-size:var(--font-size-2xl);line-height:36px}h3{font-size:var(--font-size-lg);line-height:24px}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.diagram-fullscreen-modal{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column}