body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,hr,dl,dd,ol,ul,figure{margin:0;padding:0}body{font:400 17px/1.65 "Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#1a1a2e;background-color:#fafafa;-webkit-text-size-adjust:100%;-webkit-font-feature-settings:"kern" 1;-moz-font-feature-settings:"kern" 1;-o-font-feature-settings:"kern" 1;font-feature-settings:"kern" 1;font-kerning:normal;display:flex;min-height:100vh;flex-direction:column}h1,h2,h3,h4,h5,h6,p,blockquote,pre,ul,ol,dl,figure,.highlight{margin-bottom:15px}main{display:block}img{max-width:100%;vertical-align:middle}figure>img{display:block}figcaption{font-size:14.875px}ul,ol{margin-left:30px}li>ul,li>ol{margin-bottom:0}h1,h2,h3,h4,h5,h6{font-weight:400}a{color:#4361ee;text-decoration:none}a:visited{color:#1334d2}a:hover{color:#1a1a2e;text-decoration:underline}.social-media-list a:hover{text-decoration:none}.social-media-list a:hover .username{text-decoration:underline}blockquote{color:#6b7280;border-left:4px solid #d8dadf;padding-left:15px;font-size:19.125px;letter-spacing:-1px;font-style:italic}blockquote>:last-child{margin-bottom:0}pre,code{font-size:15.9375px;border:1px solid #d8dadf;border-radius:3px;background-color:#eef}code{padding:1px 5px}pre{padding:8px 12px;overflow-x:auto}pre>code{border:0;padding-right:0;padding-left:0}.wrapper{max-width:-webkit-calc(860px - (30px * 2));max-width:calc(860px - (30px * 2));margin-right:auto;margin-left:auto;padding-right:30px;padding-left:30px}@media screen and (max-width: 860px){.wrapper{max-width:-webkit-calc(860px - (30px));max-width:calc(860px - (30px));padding-right:15px;padding-left:15px}}.wrapper:after,.footer-col-wrapper:after{content:"";display:table;clear:both}.svg-icon{width:16px;height:16px;display:inline-block;fill:#6b7280;padding-right:5px;vertical-align:text-top}.social-media-list li+li{padding-top:5px}table{margin-bottom:30px;width:100%;text-align:left;color:#3b3b69;border-collapse:collapse;border:1px solid #d8dadf}table tr:nth-child(even){background-color:#e9eaed}table th,table td{padding:10px 15px}table th{background-color:#e1e2e6;border:1px solid #cdd0d5;border-bottom-color:#b7bbc3}table td{border:1px solid #d8dadf}.site-header{border-top:5px solid #31343b;border-bottom:1px solid #d8dadf;min-height:55.95px;position:relative}.site-title{font-size:27.625px;font-weight:300;line-height:63.1125px;letter-spacing:-1px;margin-bottom:0;float:left}.site-title,.site-title:visited{color:#31343b}.site-nav{float:right;line-height:63.1125px}.site-nav .nav-trigger{display:none}.site-nav .menu-icon{display:none}.site-nav .page-link{color:#1a1a2e;line-height:1.65}.site-nav .page-link:not(:last-child){margin-right:20px}@media screen and (max-width: 600px){.site-nav{position:absolute;top:9px;right:15px;background-color:#fafafa;border:1px solid #d8dadf;border-radius:5px;text-align:right}.site-nav label[for="nav-trigger"]{display:block;float:right;width:36px;height:36px;z-index:2;cursor:pointer}.site-nav .menu-icon{display:block;float:right;width:36px;height:26px;line-height:0;padding-top:10px;text-align:center}.site-nav .menu-icon>svg{fill:#31343b}.site-nav input ~ .trigger{clear:both;display:none}.site-nav input:checked ~ .trigger{display:block;padding-bottom:5px}.site-nav .page-link{display:block;padding:5px 10px;margin-left:20px}.site-nav .page-link:not(:last-child){margin-right:0}}.site-footer{border-top:1px solid #d8dadf;padding:30px 0}.footer-heading{font-size:19.125px;margin-bottom:15px}.contact-list,.social-media-list{list-style:none;margin-left:0}.footer-col-wrapper{font-size:15.9375px;color:#6b7280;margin-left:-15px}.footer-col{float:left;margin-bottom:15px;padding-left:15px}.footer-col-1{width:-webkit-calc(35% - (30px / 2));width:calc(35% - (30px / 2))}.footer-col-2{width:-webkit-calc(20% - (30px / 2));width:calc(20% - (30px / 2))}.footer-col-3{width:-webkit-calc(45% - (30px / 2));width:calc(45% - (30px / 2))}@media screen and (max-width: 860px){.footer-col-1,.footer-col-2{width:-webkit-calc(50% - (30px / 2));width:calc(50% - (30px / 2))}.footer-col-3{width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}@media screen and (max-width: 600px){.footer-col{float:none;width:-webkit-calc(100% - (30px / 2));width:calc(100% - (30px / 2))}}.page-content{padding:30px 0;flex:1}.page-heading{font-size:34px}.post-list-heading{font-size:29.75px}.post-list{margin-left:0;list-style:none}.post-list>li{margin-bottom:30px}.post-meta{font-size:14.875px;color:#6b7280}.post-link{display:block;font-size:25.5px}.post-header{margin-bottom:30px}.post-title{font-size:44.625px;letter-spacing:-1px;line-height:1}@media screen and (max-width: 860px){.post-title{font-size:38.25px}}.post-content{margin-bottom:30px}.post-content h2{font-size:34px}@media screen and (max-width: 860px){.post-content h2{font-size:29.75px}}.post-content h3{font-size:27.625px}@media screen and (max-width: 860px){.post-content h3{font-size:23.375px}}.post-content h4{font-size:21.25px}@media screen and (max-width: 860px){.post-content h4{font-size:19.125px}}.highlight{background:#fff}.highlighter-rouge .highlight{background:#eef}.highlight .c{color:#998;font-style:italic}.highlight .err{color:#a61717;background-color:#e3d2d2}.highlight .k{font-weight:bold}.highlight .o{font-weight:bold}.highlight .cm{color:#998;font-style:italic}.highlight .cp{color:#999;font-weight:bold}.highlight .c1{color:#998;font-style:italic}.highlight .cs{color:#999;font-weight:bold;font-style:italic}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .ge{font-style:italic}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:bold}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kc{font-weight:bold}.highlight .kd{font-weight:bold}.highlight .kp{font-weight:bold}.highlight .kr{font-weight:bold}.highlight .kt{color:#458;font-weight:bold}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458;font-weight:bold}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne{color:#900;font-weight:bold}.highlight .nf{color:#900;font-weight:bold}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .ow{font-weight:bold}.highlight .w{color:#bbb}.highlight .mf{color:#099}.highlight .mh{color:#099}.highlight .mi{color:#099}.highlight .mo{color:#099}.highlight .sb{color:#d14}.highlight .sc{color:#d14}.highlight .sd{color:#d14}.highlight .s2{color:#d14}.highlight .se{color:#d14}.highlight .sh{color:#d14}.highlight .si{color:#d14}.highlight .sx{color:#d14}.highlight .sr{color:#009926}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc{color:teal}.highlight .vg{color:teal}.highlight .vi{color:teal}.highlight .il{color:#099}:root{--color-bg: #fafafa;--color-text: #1a1a2e;--color-heading: #0f0f23;--color-primary: #4361ee;--color-primary-hover: #3a56d4;--color-secondary: #7209b7;--color-surface: #ffffff;--color-surface-hover: #f0f0f5;--color-border: #e5e7eb;--color-muted: #6b7280;--color-code-bg: #f0f1f6;--color-code-text: #2e3440;--color-tag-bg: #e8eaff;--color-tag-text: #4361ee;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12)}[data-theme="dark"]{--color-bg: #0f0f23;--color-text: #cdd6f4;--color-heading: #e2e8f0;--color-primary: #7c93f5;--color-primary-hover: #9db2ff;--color-secondary: #c77dff;--color-surface: #1a1a2e;--color-surface-hover: #24243e;--color-border: #2d2d4a;--color-muted: #9ca3af;--color-code-bg: #2a2a3d;--color-code-text: #cdd6f4;--color-tag-bg: #24243e;--color-tag-text: #7c93f5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5)}body{background-color:var(--color-bg);color:var(--color-text);transition:background-color 0.3s ease, color 0.3s ease}h1,h2,h3,h4,h5,h6{color:var(--color-heading)}a{color:var(--color-primary);text-decoration:none;transition:color 0.2s ease}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:visited{color:var(--color-primary)}.svg-icon{fill:var(--color-muted)}p,li,dd,dt{color:var(--color-text)}.site-header{position:sticky;top:0;z-index:100;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);border-top:none;transition:background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease}.site-header.header-hidden{transform:translateY(-100%)}.site-title{font-weight:700;letter-spacing:-0.5px;color:var(--color-heading)}.site-title:hover{text-decoration:none;color:var(--color-primary)}.site-title,.site-title:visited{color:var(--color-heading)}.site-nav .page-link{color:var(--color-text);font-weight:500;position:relative;padding-bottom:2px}.site-nav .page-link:hover{color:var(--color-primary);text-decoration:none}.site-nav .page-link:visited{color:var(--color-text)}.site-nav .page-link.active{color:var(--color-primary)}.site-nav .page-link.active:visited{color:var(--color-primary)}.site-nav .page-link.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background-color:var(--color-primary);border-radius:1px}@media screen and (max-width: 600px){.site-nav{background-color:var(--color-surface) !important;border-color:var(--color-border) !important}.site-nav .menu-icon>svg{fill:var(--color-text)}}.theme-toggle{background:none;border:1px solid var(--color-border);border-radius:8px;padding:6px 10px;cursor:pointer;color:var(--color-text);font-size:1.1rem;line-height:1;transition:border-color 0.2s ease, color 0.2s ease;vertical-align:middle;margin-left:12px}.theme-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);transition:background-color 0.3s ease, border-color 0.3s ease}.footer-col-wrapper{color:var(--color-muted)}.footer-heading{color:var(--color-heading)}.card,.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:24px 28px;transition:box-shadow 0.2s ease, transform 0.2s ease, border-color 0.2s ease, background-color 0.3s ease}.card:hover,.project-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary)}.card-list{list-style:none;margin-left:0;padding-left:0;display:flex;flex-direction:column;gap:20px}.tag{display:inline-block;background-color:var(--color-tag-bg);color:var(--color-tag-text);border-radius:9999px;padding:4px 14px;font-size:0.8rem;font-weight:600;letter-spacing:0.02em;text-transform:lowercase;cursor:pointer;transition:background-color 0.2s ease, color 0.2s ease;border:none;margin:0 4px 4px 0}.tag:hover{background-color:var(--color-primary);color:#fff;text-decoration:none}.tag.active{background-color:var(--color-primary);color:#fff}.tag-filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;align-items:center}.tag-filter-label{font-size:0.85rem;color:var(--color-muted);font-weight:500;margin-right:4px}.post-meta{color:var(--color-muted);font-size:0.9rem;display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}:not(pre)>code{background-color:var(--color-code-bg);color:var(--color-code-text);border:1px solid var(--color-border)}hr{border:none;border-top:1px solid var(--color-border)}strong,b{color:var(--color-heading)}.reading-time{color:var(--color-muted);font-size:0.85rem}.post-header-block{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.post-header-block h1{font-size:2.2rem;line-height:1.2;margin-bottom:12px;color:var(--color-heading)}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:0.9rem;color:var(--color-muted);margin-bottom:16px}.back-link:hover{color:var(--color-primary)}.post-excerpt{color:var(--color-muted);font-size:0.95rem;line-height:1.5;margin-top:8px}.read-more{display:inline-block;font-size:0.9rem;font-weight:600;margin-top:12px;color:var(--color-primary)}.read-more:hover{text-decoration:underline}.post-nav{display:flex;justify-content:space-between;margin-top:48px;padding-top:24px;border-top:1px solid var(--color-border);gap:16px}.post-nav a{font-size:0.9rem;max-width:48%}.post-nav .next{text-align:right;margin-left:auto}.project-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;list-style:none;margin-left:0;padding-left:0}@media screen and (max-width: 600px){.project-grid{grid-template-columns:1fr}}.project-card{display:flex;flex-direction:column}.project-card img{max-height:80px;width:auto;object-fit:contain;margin:12px 0}.project-card h2{font-size:1.3rem;margin-bottom:4px}.project-card .subtitle{color:var(--color-muted);font-style:italic;font-size:0.95rem;margin-bottom:8px}.project-hero-img{max-width:100%;height:auto;max-height:200px;object-fit:contain;border-radius:8px;margin:16px 0}.github-link-btn{display:inline-flex;align-items:center;gap:6px;background-color:var(--color-primary);color:#fff;padding:8px 18px;border-radius:8px;font-size:0.9rem;font-weight:600;transition:background-color 0.2s ease;margin:12px 0}.github-link-btn:hover{background-color:var(--color-primary-hover);color:#fff;text-decoration:none}.github-link-btn:visited{color:#fff}.hero{text-align:center;padding:48px 0 32px;margin-bottom:32px}.hero h1{font-size:2.4rem;margin-bottom:8px}.hero .tagline{color:var(--color-muted);font-size:1.15rem;margin-bottom:0}.section-heading{font-size:1.4rem;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.section-heading a{font-size:0.9rem;font-weight:500}pre,code{background-color:var(--color-code-bg);color:var(--color-code-text);border:1px solid var(--color-border)}pre{border-radius:8px;padding:16px 20px;overflow-x:auto;position:relative}code{border-radius:4px;padding:2px 6px;font-size:0.88em;font-family:"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace}pre code{border:none;padding:0;font-size:0.85em}.highlighter-rouge{background-color:var(--color-code-bg);border-radius:8px;overflow:hidden}:root{--syn-comment: #6a737d;--syn-keyword: #7c3aed;--syn-string: #16803a;--syn-number: #0550ae;--syn-operator: #c2255c;--syn-function: #7c3aed;--syn-class: #7c3aed;--syn-variable: #b45309;--syn-tag: #16803a;--syn-attr: #0550ae;--syn-builtin: #0550ae;--syn-error-fg: #cb2431;--syn-error-bg: #ffeef0;--syn-deleted-bg: #ffeef0;--syn-inserted-bg: #e6ffed;--syn-highlight-bg: var(--color-code-bg)}[data-theme="dark"]{--syn-comment: #8b949e;--syn-keyword: #d2a8ff;--syn-string: #a5d6ff;--syn-number: #79c0ff;--syn-operator: #ff7b72;--syn-function: #d2a8ff;--syn-class: #f0883e;--syn-variable: #ffa657;--syn-tag: #7ee787;--syn-attr: #79c0ff;--syn-builtin: #79c0ff;--syn-error-fg: #ffa198;--syn-error-bg: #490202;--syn-deleted-bg: #490202;--syn-inserted-bg: #04260f;--syn-highlight-bg: var(--color-code-bg)}.highlight{background:var(--syn-highlight-bg)}.highlighter-rouge .highlight{background:var(--syn-highlight-bg)}.highlight .c,.highlight .cm,.highlight .c1,.highlight .cs{color:var(--syn-comment);font-style:italic}.highlight .cp{color:var(--syn-comment);font-weight:bold}.highlight .err{color:var(--syn-error-fg);background-color:var(--syn-error-bg)}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr{color:var(--syn-keyword);font-weight:bold}.highlight .kt{color:var(--syn-keyword);font-weight:bold}.highlight .o,.highlight .ow{color:var(--syn-operator);font-weight:bold}.highlight .s,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .s2,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .s1{color:var(--syn-string)}.highlight .sr{color:var(--syn-string)}.highlight .ss{color:var(--syn-variable)}.highlight .m,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo,.highlight .il{color:var(--syn-number)}.highlight .na{color:var(--syn-attr)}.highlight .nb,.highlight .bp{color:var(--syn-builtin)}.highlight .nc{color:var(--syn-class);font-weight:bold}.highlight .no,.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--syn-variable)}.highlight .ne,.highlight .nf{color:var(--syn-function);font-weight:bold}.highlight .ni{color:var(--syn-variable)}.highlight .nn{color:var(--syn-comment)}.highlight .nt{color:var(--syn-tag)}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .gd{color:var(--syn-error-fg);background-color:var(--syn-deleted-bg)}.highlight .gd .x{color:var(--syn-error-fg);background-color:var(--syn-deleted-bg)}.highlight .gi{color:var(--syn-tag);background-color:var(--syn-inserted-bg)}.highlight .gi .x{color:var(--syn-tag);background-color:var(--syn-inserted-bg)}.highlight .go{color:var(--syn-comment)}.highlight .gp{color:var(--syn-comment)}.highlight .gr,.highlight .gt{color:var(--syn-error-fg)}.highlight .gh,.highlight .gu{color:var(--syn-comment)}.highlight .w{color:var(--syn-comment)}.copy-btn{position:absolute;top:8px;right:8px;background-color:var(--color-surface);color:var(--color-muted);border:1px solid var(--color-border);border-radius:6px;padding:4px 10px;font-size:0.75rem;cursor:pointer;opacity:0;transition:opacity 0.2s ease, color 0.2s ease}.copy-btn:hover{color:var(--color-primary);border-color:var(--color-primary)}pre:hover .copy-btn{opacity:1}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:40px;padding-top:24px;border-top:1px solid var(--color-border)}.pagination a,.pagination span{padding:8px 16px;border-radius:8px;font-size:0.9rem;font-weight:500}.pagination a{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);transition:background-color 0.2s ease, border-color 0.2s ease}.pagination a:hover{background-color:var(--color-surface-hover);border-color:var(--color-primary);text-decoration:none}.pagination .current{color:var(--color-muted);font-size:0.9rem}.page-content img{max-width:100%;height:auto;border-radius:8px;display:block;margin:24px auto}blockquote{border-left:4px solid var(--color-primary);color:var(--color-muted);background-color:var(--color-surface);padding:12px 20px;border-radius:0 8px 8px 0;font-style:italic;transition:background-color 0.3s ease}blockquote p,blockquote li,blockquote a:not(:hover){color:var(--color-muted)}table{border-collapse:collapse;width:100%;margin:24px 0;color:var(--color-text);border:1px solid var(--color-border)}table th,table td{border:1px solid var(--color-border);padding:10px 14px;text-align:left}table th{background-color:var(--color-surface);font-weight:600;border-bottom-color:var(--color-border)}table td{border-color:var(--color-border)}table tr:nth-child(even){background-color:var(--color-surface)}table tr:nth-child(odd){background-color:var(--color-bg)}.error-page{text-align:center;padding:80px 0}.error-page h1{font-size:6rem;color:var(--color-primary);margin-bottom:16px;line-height:1}.reading-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));z-index:200;width:0%;transition:width 0.1s linear}.site-nav .trigger{transition:max-height 0.3s ease, opacity 0.3s ease}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}.math-scroll-wrapper{overflow-x:auto;overflow-y:hidden;max-width:100%;-webkit-overflow-scrolling:touch}html{scroll-behavior:smooth}@media screen and (max-width: 600px){.wrapper{padding-left:16px;padding-right:16px}.hero h1{font-size:1.8rem}.hero .tagline{font-size:1rem}.post-header-block h1{font-size:1.6rem}.section-heading{font-size:1.2rem}.card,.project-card{padding:16px 18px}.post-nav{flex-direction:column;gap:12px}.post-nav a{max-width:100%}.post-nav .next{text-align:left;margin-left:0}.page-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}pre{padding:12px 14px;font-size:0.82em}.copy-btn{opacity:1}:not(pre)>code{word-break:break-word}.tag{padding:6px 14px;min-height:36px;display:inline-flex;align-items:center}.pagination a,.pagination span{padding:10px 16px}.theme-toggle{padding:8px 12px;min-height:36px}.error-page h1{font-size:4rem}.hero{padding:32px 0 20px;margin-bottom:24px}.card h2,.project-card h2{font-size:1.15rem}.card h3,.project-card h3{font-size:1.05rem}blockquote{padding:10px 14px;margin-left:0;margin-right:0}.page-content img{margin:16px auto;border-radius:6px}.site-footer .wrapper{padding:20px 16px}}@media screen and (max-width: 380px){.hero h1{font-size:1.5rem}.post-header-block h1{font-size:1.4rem}.post-meta{flex-direction:column;align-items:flex-start;gap:6px}.card,.project-card{padding:14px}}@media print{.site-header,.site-footer,.theme-toggle,.reading-progress,.post-nav,.pagination,.copy-btn{display:none !important}body{color:#000;background:#fff}a{color:#000;text-decoration:underline}}