:root{--uchu-gray-1: oklch(95.57% .003 286.35);--uchu-gray-2: oklch(92.04% .002 197.12);--uchu-gray-3: oklch(88.28% .003 286.34);--uchu-gray-4: oklch(84.68% .002 197.12);--uchu-gray-5: oklch(80.73% .002 247.84);--uchu-gray-6: oklch(75.03% .002 247.85);--uchu-gray-7: oklch(69.01% .003 286.32);--uchu-gray-8: oklch(63.12% .004 219.55);--uchu-gray-9: oklch(56.82% .004 247.89);--uchu-red-1: oklch(88.98% .052 3.28);--uchu-red-2: oklch(78.78% .109 4.54);--uchu-red-3: oklch(69.86% .162 7.82);--uchu-red-4: oklch(62.73% .209 12.37);--uchu-red-5: oklch(58.63% .231 19.6);--uchu-red-6: oklch(54.41% .214 19.06);--uchu-red-7: oklch(49.95% .195 18.34);--uchu-red-8: oklch(45.8% .177 17.7);--uchu-red-9: oklch(41.17% .157 16.58);--uchu-pink-1: oklch(95.8% .023 354.27);--uchu-pink-2: oklch(92.14% .046 352.31);--uchu-pink-3: oklch(88.9% .066 354.39);--uchu-pink-4: oklch(85.43% .09 354.1);--uchu-pink-5: oklch(82.23% .112 355.33);--uchu-pink-6: oklch(76.37% .101 355.37);--uchu-pink-7: oklch(70.23% .092 354.96);--uchu-pink-8: oklch(64.11% .084 353.91);--uchu-pink-9: oklch(57.68% .074 353.14);--uchu-purple-1: oklch(89.1% .046 305.24);--uchu-purple-2: oklch(78.68% .091 305);--uchu-purple-3: oklch(68.5% .136 303.78);--uchu-purple-4: oklch(58.47% .181 302.06);--uchu-purple-5: oklch(49.39% .215 298.31);--uchu-purple-6: oklch(46.11% .198 298.4);--uchu-purple-7: oklch(42.77% .181 298.49);--uchu-purple-8: oklch(39.46% .164 298.29);--uchu-purple-9: oklch(36.01% .145 298.35);--uchu-blue-1: oklch(89.66% .046 260.67);--uchu-blue-2: oklch(80.17% .091 258.88);--uchu-blue-3: oklch(70.94% .136 258.06);--uchu-blue-4: oklch(62.39% .181 258.33);--uchu-blue-5: oklch(54.87% .222 260.33);--uchu-blue-6: oklch(51.15% .204 260.17);--uchu-blue-7: oklch(47.36% .185 259.89);--uchu-blue-8: oklch(43.48% .17 260.2);--uchu-blue-9: oklch(39.53% .15 259.87);--uchu-green-1: oklch(93.96% .05 148.74);--uchu-green-2: oklch(88.77% .096 147.71);--uchu-green-3: oklch(83.74% .139 146.57);--uchu-green-4: oklch(79.33% .179 145.62);--uchu-green-5: oklch(75.23% .209 144.64);--uchu-green-6: oklch(70.03% .194 144.71);--uchu-green-7: oklch(64.24% .175 144.92);--uchu-green-8: oklch(58.83% .158 145.05);--uchu-green-9: oklch(52.77% .138 145.41);--uchu-yellow-1: oklch(97.05% .039 91.2);--uchu-yellow-2: oklch(95% .07 92.39);--uchu-yellow-3: oklch(92.76% .098 92.58);--uchu-yellow-4: oklch(90.92% .125 92.56);--uchu-yellow-5: oklch(89% .146 91.5);--uchu-yellow-6: oklch(82.39% .133 91.5);--uchu-yellow-7: oklch(75.84% .122 92.21);--uchu-yellow-8: oklch(69.14% .109 91.04);--uchu-yellow-9: oklch(62.29% .097 91.9);--uchu-orange-1: oklch(93.83% .037 56.93);--uchu-orange-2: oklch(88.37% .073 55.8);--uchu-orange-3: oklch(83.56% .108 56.49);--uchu-orange-4: oklch(78.75% .142 54.33);--uchu-orange-5: oklch(74.61% .171 51.56);--uchu-orange-6: oklch(69.33% .157 52.18);--uchu-orange-7: oklch(63.8% .142 52.1);--uchu-orange-8: oklch(58.28% .128 52.2);--uchu-orange-9: oklch(52.49% .113 51.98);--uchu-yin-1: oklch(91.87% .003 264.54);--uchu-yin-2: oklch(84.61% .004 286.31);--uchu-yin-3: oklch(76.89% .004 247.87);--uchu-yin-4: oklch(69.17% .004 247.88);--uchu-yin-5: oklch(61.01% .005 271.34);--uchu-yin-6: oklch(52.79% .005 271.32);--uchu-yin-7: oklch(43.87% .005 271.3);--uchu-yin-8: oklch(35.02% .005 236.66);--uchu-yin-9: oklch(25.11% .006 258.36);--uchu-yin: oklch(14.38% .007 256.88);--uchu-yang: oklch(99.4% 0 0);--font-mono: "Berkeley Mono Variable", ui-monospace, SFMono-Regular, Monaco, Consolas, monospace;--font-mono-variable: "Berkeley Mono Variable", ui-monospace, SFMono-Regular, Monaco, Consolas, monospace;--font-serif: "EB Garamond", ui-serif, Garamond, Georgia, "Times New Roman", Times, serif;--text-xs: .8rem;--text-sm: .9rem;--text-code: 1rem;--text-base: 1rem;--text-lg: 1.115rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--leading-tight: 1.3;--leading-normal: 1.65;--leading-relaxed: 1.75;--font-ultralight: 100;--font-light: 200;--font-regular: 350;--font-medium: 450;--font-semibold: 600;--font-bold: 800;--color-bg: var(--uchu-yang);--color-bg-alt: var(--uchu-gray-1);--color-surface: var(--uchu-yang);--color-text: var(--uchu-yin-8);--color-text-heading: var(--uchu-yin);--color-text-muted: var(--uchu-yin-8);--color-text-subtle: var(--uchu-yin-8);--color-border: var(--uchu-gray-4);--color-border-dark: var(--uchu-gray-6);--color-accent: var(--uchu-blue-5);--color-accent-bg: var(--uchu-blue-1);--color-code-bg: var(--uchu-gray-2);--color-tag-bg: var(--uchu-gray-3);--color-tag-text: var(--uchu-yin);--color-toolbar-bg: var(--uchu-yin-9);--color-toolbar-text: var(--uchu-gray-5);--color-toolbar-text-active: var(--uchu-yang);--color-toolbar-hover-bg: var(--uchu-yin-8);--color-toolbar-active-bg: var(--uchu-yin-7);--color-dot: var(--uchu-gray-2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--max-width-content: 750px;--max-width-container: 900px;--max-width-wide: 1200px;--toolbar-height: 50px;--toc-width: 250px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--shadow-sm: 0 1px 4px oklch(0% 0 0 / .06);--shadow-md: 0 2px 8px oklch(0% 0 0 / .08);--transition-fast: .2s ease;--transition-normal: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-family:var(--font-mono);font-size:16px;font-weight:var(--font-ultralight);line-height:var(--leading-normal);background-color:var(--color-bg);color:var(--color-text);scroll-behavior:smooth}html,body{min-height:100vh}body{display:flex;flex-direction:column;background-image:radial-gradient(var(--color-dot) 1px,transparent 1px);background-size:16px 16px;background-attachment:fixed;overflow-x:hidden}.main-content{flex:1}.container{max-width:var(--max-width-container);margin:0 auto;padding:var(--space-xl)}.container-wide{max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-xl)}.section-title{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-text-heading);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-semibold);color:var(--color-text-heading);margin-bottom:var(--space-xl);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.posts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.post-item{padding:var(--space-lg);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.post-item:hover{border-color:var(--color-border-dark);box-shadow:var(--shadow-md)}.post-link{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-md);text-decoration:none;margin-bottom:var(--space-xs)}.post-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-heading);transition:color var(--transition-fast)}.post-link:hover .post-title{color:var(--color-accent)}.post-date{font-size:var(--text-sm);color:var(--color-text-subtle);white-space:nowrap}.post-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.post-tag{display:inline-block;padding:.15rem var(--space-sm);background-color:var(--color-tag-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast)}.post-tag:hover{background-color:var(--color-accent-bg);border-color:var(--color-accent);color:var(--color-accent)}.post-tag.active{background-color:var(--color-accent);border-color:var(--color-accent);color:#fff}.view-all-link{display:inline-block;margin-top:var(--space-lg);font-size:var(--text-lg);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.view-all-link:hover{color:var(--color-accent)}.social-link{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);padding:var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.social-link:hover{color:var(--color-accent);transform:rotate(8deg)}.social-link :global(svg){fill:currentColor}.card{display:block;padding:var(--space-lg);background-color:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.card:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-content{display:flex;flex-direction:column;gap:var(--space-xs)}.card-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-heading);margin:0;transition:color var(--transition-fast)}.card:hover .card-title{color:var(--color-accent)}.card-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:var(--leading-normal)}.card-date{font-size:var(--text-xs);color:var(--color-text-subtle);margin-top:var(--space-xs)}@media(max-width:640px){html{font-size:14px}.container,.container-wide{padding:var(--space-lg)}.post-link{flex-direction:column;gap:var(--space-xs)}.post-date{font-size:var(--text-xs)}.post-item .post-title{font-size:var(--text-xl)}.page-title{font-size:var(--text-2xl)}}.post-header-fixed{background:transparent;padding:var(--space-md) var(--space-lg)}.post-header-box{max-width:var(--max-width-container);margin:0 auto;background:var(--color-bg-alt);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);padding:1.25rem var(--space-lg);box-shadow:0 4px 12px #0000001f,0 2px 4px #00000014}.post-header-content{max-width:100%}.post-header-main{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xl)}.post-header-main .post-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-heading);line-height:var(--leading-tight);margin:0}.post-meta{font-size:var(--text-code);color:var(--color-text-subtle);display:flex;justify-content:right;padding-right:var(--space-lg);flex-grow:1}.post-header-date{font-size:var(--font-base);color:var(--color-text-subtle);white-space:nowrap}.meta-separator{color:var(--color-border)}.post-header-collapsible{margin-top:.75rem}.post-summary{font-size:.95rem;color:var(--color-text-muted);margin-bottom:.75rem;font-style:italic;line-height:var(--leading-normal)}.post-author-line,.post-editors-line{color:var(--color-text-muted);margin:0 0 .5rem;line-height:var(--leading-normal)}.post-author-line strong,.post-editors-line strong{font-family:var(--font-mono-variable);color:var(--color-text-subtle)}.post-tags{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-sm);padding:0;margin:0}.tag{background-color:var(--color-tag-bg);color:var(--color-tag-text);font-size:var(--text-xs);padding:.15rem var(--space-sm);border-radius:var(--radius-full);font-family:var(--font-mono);white-space:nowrap}.blog-container{display:flex;align-items:flex-start;max-width:var(--max-width-wide);margin:0 auto;padding:var(--space-xl);gap:var(--space-2xl);min-height:100vh;contain:layout}.toc-sidebar{order:-1;flex:0 0 var(--toc-width);width:var(--toc-width);min-width:var(--toc-width);position:sticky;top:100px;align-self:flex-start;max-height:calc(100vh - 120px);overflow-y:auto;contain:layout style}.toc-wrapper{background:var(--uchu-gray-1);border:1px solid var(--color-border-dark);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:0 4px 12px #0000001f,0 2px 4px #00000014}.toc-title{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-tag-text);margin-bottom:.75rem;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.article-toc ul{font-weight:var(--font-semibold);list-style:none;padding:0;margin:0}.article-toc li{margin:var(--space-xs) 0}.article-toc>ul>li>ul{margin-left:var(--space-md)}.article-toc>ul>li>ul>li>ul{margin-left:var(--space-md)}.article-toc a{display:block;text-decoration:none;color:var(--color-text);font-family:var(--font-serif);font-weight:var(--font-semibold);padding:.35rem var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast);border-left:2px solid transparent}.article-toc a:hover{color:var(--color-text);background-color:var(--color-bg-alt)}.article-toc a.active{font-weight:var(--font-bold);color:var(--color-accent);background-color:var(--color-accent-bg);border-left:2px solid var(--color-accent)}.post-content{flex:1;min-width:0;width:calc(100% - var(--toc-width) - var(--space-2xl));max-width:var(--max-width-content);padding:0 var(--space-xl) var(--space-xl) var(--space-xl);font-family:var(--font-mono);contain:layout style}.post-content h1,.post-content h2,.post-content h3,.post-content h4{font-family:var(--font-serif);font-weight:var(--font-bold);margin-top:var(--space-xl);margin-bottom:var(--space-md);color:var(--color-text-heading);scroll-margin-top:120px;position:relative}.post-content strong{font-family:var(--font-mono-variable)}.post-content .heading-anchor{position:absolute;left:-1.75em;top:50%;transform:translateY(-50%);display:flex;align-items:center;text-decoration:none;opacity:0;transition:opacity var(--transition-fast)}.post-content .heading-anchor .anchor-icon{color:var(--color-text-muted);display:flex;align-items:center}.post-content .heading-anchor svg{width:.8em;height:.8em}.post-content h1:hover .heading-anchor,.post-content h2:hover .heading-anchor,.post-content h3:hover .heading-anchor,.post-content h4:hover .heading-anchor,.post-content .heading-anchor:focus{opacity:1}.post-content .heading-anchor:hover .anchor-icon{color:var(--color-accent)}.post-content .heading-anchor.copied:after{content:"Copied!";position:absolute;left:100%;top:50%;transform:translateY(-50%);background:var(--color-text-heading);color:var(--color-bg);font-size:var(--text-xs);padding:.25em .5em;border-radius:var(--radius-sm);white-space:nowrap;margin-left:.5em;animation:fadeInOut 1.5s ease forwards}@keyframes fadeInOut{0%{opacity:0}15%{opacity:1}85%{opacity:1}to{opacity:0}}.post-content h1{font-size:var(--text-3xl)}.post-content h2{font-size:var(--text-2xl);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-xs)}.post-content h3{font-size:var(--text-xl)}.post-content h4{font-size:var(--text-lg)}.post-content p{margin:var(--space-md) 0;color:var(--color-text)}.post-content a{color:var(--color-accent);text-decoration:none}.post-content a:hover{text-decoration:none}.post-content a.numeric-reference{vertical-align:super;font-size:.75em;line-height:0;position:relative;top:-.25em;text-decoration:none;font-weight:var(--font-semibold)}.post-content a.numeric-reference:hover{text-decoration:underline}.post-content code{background:var(--color-code-bg);padding:.2em .4em;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-code)}.post-content pre{background:var(--color-code-bg);padding:var(--space-md);overflow-x:auto;border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-code);margin:var(--space-lg) 0}.post-content pre code{background:none;padding:0}.post-content ul,.post-content ol{padding-left:var(--space-lg);margin:var(--space-md) 0}.post-content li{margin-bottom:var(--space-sm)}.post-content blockquote{font-family:var(--font-mono);font-style:italic;border-left:3px solid var(--color-accent);margin:var(--space-lg) 0;padding:var(--space-sm) var(--space-md);background:var(--color-bg-alt);color:var(--color-text-muted);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--space-md) 0}.post-content table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0}.post-content th,.post-content td{border:1px solid var(--color-border);padding:.75rem;text-align:left}.post-content th{background:var(--color-code-bg);font-weight:var(--font-bold)}@media(max-width:1024px){.blog-container{flex-direction:column;padding:var(--space-lg);min-height:auto}.toc-sidebar{position:relative;top:0;flex:none;width:100%;min-width:100%;max-height:none;margin-bottom:var(--space-lg);contain:layout style}.toc-wrapper{max-height:300px;overflow-y:auto}.post-content{width:100%;max-width:100%}}@media(max-width:640px){.post-header-fixed{padding:var(--space-md)}.post-header-main,.post-meta{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.meta-separator{display:none}.post-title{font-size:1.35rem}.post-summary{font-size:var(--text-sm)}.blog-container{padding:var(--space-md)}.toc-sidebar{display:none}.post-content{padding:1.25rem}.post-content h1{font-size:var(--text-2xl)}.post-content h2{font-size:var(--text-xl)}.post-content h3{font-size:var(--text-lg)}.post-content .heading-anchor{position:absolute;left:auto;right:0;opacity:.5}.post-content .heading-anchor.copied:after{left:auto;right:100%;margin-left:0;margin-right:.5em}}