:root{--bg: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #dbeafe;--border: #e5e7eb;--border-light: #f3f4f6;--code-bg: #f3f4f6;--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.05)}[data-theme="dark"]{--bg: #1b1d1e;--bg-secondary: #232526;--bg-tertiary: #2f3132;--text-primary: #f8f8f2;--text-secondary: #cfcfc2;--text-tertiary: #75715e;--accent: #ae81ff;--accent-hover: #fd971f;--accent-light: #2f3132;--border: #3e3d32;--border-light: #2f3132;--code-bg: #272822;--shadow-sm: 0 1px 2px rgba(0,0,0,0.35);--shadow-md: 0 4px 6px -1px rgba(0,0,0,0.45), 0 2px 4px -2px rgba(0,0,0,0.35);--shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.55), 0 4px 6px -4px rgba(0,0,0,0.35)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;font-size:16px;line-height:1.7;color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background 0.3s ease, color 0.3s ease}h1,h2,h3,h4,h5,h6{font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Oxygen,Ubuntu,sans-serif;font-weight:700;line-height:1.3;color:var(--text-primary);letter-spacing:-0.02em}h1{font-size:2.25rem;margin:2rem 0 1rem}h2{font-size:1.75rem;margin:1.75rem 0 0.75rem}h3{font-size:1.375rem;margin:1.5rem 0 0.5rem}h4{font-size:1.125rem;margin:1.25rem 0 0.5rem;color:var(--text-secondary)}p{margin-bottom:1.25rem;color:var(--text-secondary)}a{color:var(--accent);text-decoration:none;transition:color 0.2s ease}a:hover{color:var(--accent-hover)}strong{font-weight:600;color:var(--text-primary)}ul,ol{padding-left:1.5rem;margin-bottom:1.25rem;color:var(--text-secondary)}ul li,ol li{margin-bottom:0.35rem}code{font-family:"SF Mono","Fira Code","Fira Mono","Roboto Mono",Menlo,monospace;font-size:0.875em;background:var(--code-bg);padding:0.2em 0.4em;border-radius:4px;color:var(--text-primary)}pre{background:var(--code-bg);border-radius:8px;padding:1.25rem;overflow-x:auto;margin-bottom:1.5rem;border:1px solid var(--border)}pre code{background:none;padding:0;font-size:0.85rem;line-height:1.6}img{max-width:100%;height:auto;border-radius:8px}blockquote{border-left:3px solid var(--accent);padding:0.5rem 0 0.5rem 1.25rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}blockquote p{margin-bottom:0.5rem}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}table th,table td{padding:0.75rem;text-align:left;border-bottom:1px solid var(--border)}table th{font-weight:600;color:var(--text-primary)}table td{color:var(--text-secondary)}::selection{background:var(--accent-light);color:var(--text-primary)}.wrapper{max-width:720px;margin:0 auto;padding:0 1.5rem}@media screen and (max-width: 600px){.wrapper{padding:0 1rem}}.icon>svg{display:inline-block;width:20px;height:20px;vertical-align:middle}.icon>svg path{fill:var(--text-tertiary);transition:fill 0.2s ease}.icon>svg:hover path{fill:var(--accent)}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;border-bottom:1px solid var(--border);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);background:rgba(255,255,255,0.8)}[data-theme="dark"] .site-header{background:rgba(35,37,38,0.9)}.site-header .wrapper{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:960px}.site-title{font-size:1.125rem;font-weight:700;color:var(--text-primary);text-decoration:none;letter-spacing:-0.02em}.site-title:hover{color:var(--accent)}.site-nav{display:flex;align-items:center;gap:1.75rem}@media screen and (max-width: 600px){.site-nav{gap:1rem}}.site-nav a{font-size:0.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;transition:color 0.2s ease}.site-nav a:hover{color:var(--text-primary)}.theme-toggle{background:none;border:none;cursor:pointer;padding:0.5rem;border-radius:8px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background 0.2s ease, color 0.2s ease}.theme-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.theme-toggle svg{width:20px;height:20px}main{margin-top:calc(64px + 2rem);padding:0 1.5rem;max-width:720px;margin-left:auto;margin-right:auto;min-height:calc(100vh - 64px - 200px);margin-bottom:4rem}@media screen and (max-width: 600px){main{margin-top:calc(64px + 1rem);padding:0 1rem}}.page-title{font-size:2rem;font-weight:800;letter-spacing:-0.03em;margin-bottom:1.5rem;color:var(--text-primary)}@media screen and (max-width: 600px){.page-title{font-size:1.625rem}}.hero{margin-top:calc(64px + 4rem);max-width:720px;margin-left:auto;margin-right:auto;padding:0 1.5rem 4rem}@media screen and (max-width: 600px){.hero{margin-top:calc(64px + 2rem);padding:0 1rem 2rem}}.hero-intro{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}@media screen and (max-width: 600px){.hero-intro{flex-direction:column;text-align:center;gap:1rem}}.hero-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid var(--border)}@media screen and (max-width: 600px){.hero-avatar{width:96px;height:96px}}.hero-name{font-size:2.5rem;font-weight:800;letter-spacing:-0.04em;margin:0;line-height:1.1}@media screen and (max-width: 600px){.hero-name{font-size:2rem}}.hero-tagline{font-size:1.125rem;color:var(--text-secondary);margin-top:0.25rem;min-height:1.6em}.byline-typewriter{display:inline-flex;align-items:baseline;gap:0.08em;max-width:100%}.byline-typewriter__text{white-space:normal;overflow-wrap:anywhere}.byline-typewriter__cursor{display:inline-block;width:0.55ch;height:1em;border-right:2px solid currentColor;transform:translateY(0.1em);animation:byline-cursor-blink 1s steps(1, end) infinite}@keyframes byline-cursor-blink{0%, 49%{opacity:1}50%, 100%{opacity:0}}.hero-bio{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);margin-bottom:2rem;max-width:600px}@media screen and (max-width: 600px){.hero-bio{font-size:1rem}}.hero-links{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}@media screen and (max-width: 600px){.hero-links{justify-content:center}}.hero-links a{display:inline-flex;align-items:center;gap:0.4rem;font-size:0.95rem;font-weight:500;color:var(--text-secondary);transition:color 0.2s ease}.hero-links a:hover{color:var(--text-primary)}.hero-links a svg{width:20px;height:20px;fill:currentColor}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;margin-top:3rem}.section-title{font-size:1.25rem;font-weight:700;letter-spacing:-0.02em;color:var(--text-primary);margin:0}.section-link{font-size:0.875rem;font-weight:500;color:var(--accent)}.section-link:hover{color:var(--accent-hover)}.post-list{list-style:none;padding:0;margin:0}.post-item{display:block;padding:1rem 0;border-bottom:1px solid var(--border-light)}.post-item:last-child{border-bottom:none}.post-item a{text-decoration:none;display:block;padding:0.25rem 0}.post-item:hover .post-item-title{color:var(--accent)}.post-item-inner{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}@media screen and (max-width: 600px){.post-item-inner{flex-direction:column;gap:0.25rem}}.post-item-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);transition:color 0.2s ease;line-height:1.4}a:hover .post-item-title{color:var(--accent)}.post-item-date{font-size:0.85rem;color:var(--text-tertiary);white-space:nowrap;font-variant-numeric:tabular-nums}.post-item-excerpt{font-size:0.9rem;color:var(--text-tertiary);margin-top:0.35rem;line-height:1.5}.post-header{margin-bottom:2.5rem;text-align:left}.post-title{font-size:2.25rem;font-weight:800;letter-spacing:-0.03em;line-height:1.2;margin-bottom:0.75rem}@media screen and (max-width: 600px){.post-title{font-size:1.75rem}}.post-meta{font-size:0.9rem;color:var(--text-tertiary);display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap}.post-content h2{margin-top:2.5rem;padding-top:1rem}.post-content h3{margin-top:2rem}.post-content p{color:var(--text-secondary);line-height:1.8}.post-content li{color:var(--text-secondary);line-height:1.8}.post-content img{margin:1.5rem 0;border:1px solid var(--border)}.post-content img[height]{max-height:840px;height:auto}@media screen and (max-width: 600px){.post-content img[height]{max-height:630px}}.post-tags{display:flex;gap:0.5rem;flex-wrap:wrap;margin-top:0.5rem}.tag{display:inline-block;padding:0.15rem 0.6rem;border-radius:999px;font-size:0.8rem;font-weight:500;background:var(--bg-tertiary);color:var(--text-secondary);text-decoration:none;transition:background 0.2s ease, color 0.2s ease;letter-spacing:0;margin:0}.tag:hover{background:var(--accent-light);color:var(--accent)}#disqus_thread{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.wrapper-masthead{display:none}.site-footer{border-top:1px solid var(--border);padding:2.5rem 0;margin-top:4rem}.site-footer .wrapper{max-width:720px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}@media screen and (max-width: 600px){.site-footer .wrapper{flex-direction:column;text-align:center}}.footer-info{font-size:0.875rem;color:var(--text-tertiary)}.footer-links{display:flex;gap:1.25rem;align-items:center;list-style:none;margin:0;padding:0}.footer-links a{color:var(--text-tertiary);transition:color 0.2s ease;display:flex;align-items:center}.footer-links a:hover{color:var(--text-primary)}.footer-links a svg{width:20px;height:20px;fill:currentColor}.projects-section{margin-bottom:3rem}.projects-section h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid var(--border-light)}.project-card{padding:1.25rem 0;border-bottom:1px solid var(--border-light)}.project-card:last-child{border-bottom:none}.project-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:0.35rem}.project-card-title a{color:var(--accent)}.project-card-title a:hover{color:var(--accent-hover)}.project-card-desc{font-size:0.9rem;color:var(--text-secondary);line-height:1.6}.project-card-badge{display:inline-block;font-size:0.75rem;font-weight:600;padding:0.1rem 0.5rem;border-radius:999px;background:var(--accent-light);color:var(--accent);margin-left:0.5rem}.tag-cloud{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2rem}.tag-cloud li{display:inline-block;margin:0}#archives{padding:0}.archive-group{margin:1.5rem 0;border-top:1px solid var(--border-light);padding-top:1rem}.archive-item{margin-left:0;margin-bottom:0.5rem}.tag-date{float:right;font-size:0.85rem;color:var(--text-tertiary);width:auto;font-weight:400}.tag-link :hover{color:var(--accent)}.center{text-align:center}.center img{max-width:100%}.w10 img{width:10%}.w20 img{width:20%}.w25 img{width:25%}.w30 img{width:30%}.w40 img{width:40%}.w50 img{width:50%}.w60 img{width:60%}.w70 img{width:70%}.w75 img{width:75%}.w80 img{width:80%}.w90 img{width:90%}.w100 img{width:100%}.videowrapper{position:relative;padding-bottom:56.25%;height:0;margin:1.5rem 0;border-radius:8px;overflow:hidden}.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.darken{transition:opacity 0.2s ease;opacity:0.5}.darken:hover{opacity:0.9}.highlight{background:var(--code-bg);border-radius:8px}.highlight .c{color:#75715e;font-style:italic}.highlight .err{color:#f92672}.highlight .k{color:#f92672;font-weight:600}.highlight .o{font-weight:600}.highlight .cm{color:#75715e;font-style:italic}.highlight .cp{color:#75715e;font-weight:600}.highlight .c1{color:#75715e;font-style:italic}.highlight .cs{color:#75715e;font-weight:600;font-style:italic}.highlight .gd{color:#f92672;background-color:#35262b}.highlight .gd .x{color:#f92672;background-color:#46222e}.highlight .ge{font-style:italic}.highlight .gr{color:#f92672}.highlight .gh{color:#75715e}.highlight .gi{color:#a6e22e;background-color:#27301c}.highlight .gi .x{color:#a6e22e;background-color:#313b1f}.highlight .go{color:#75715e}.highlight .gp{color:#75715e}.highlight .gs{font-weight:600}.highlight .gu{color:#ae81ff}.highlight .gt{color:#f92672}.highlight .kc{color:#66d9ef;font-weight:600}.highlight .kd{color:#f92672;font-weight:600}.highlight .kp{color:#f92672}.highlight .kr{color:#f92672;font-weight:600}.highlight .kt{color:#66d9ef}.highlight .m{color:#ae81ff}.highlight .s{color:#e6db74}.highlight .na{color:#a6e22e}.highlight .nb{color:#66d9ef}.highlight .nc{color:#a6e22e;font-weight:600}.highlight .no{color:#ae81ff}.highlight .ni{color:#ae81ff}.highlight .ne{color:#f92672;font-weight:600}.highlight .nf{color:#a6e22e;font-weight:600}.highlight .nn{color:#66d9ef}.highlight .nt{color:#f92672}.highlight .nv{color:#fd971f}.highlight .ow{color:#f92672;font-weight:600}.highlight .w{color:#75715e}.highlight .mf{color:#ae81ff}.highlight .mh{color:#ae81ff}.highlight .mi{color:#ae81ff}.highlight .mo{color:#ae81ff}.highlight .sb{color:#e6db74}.highlight .sc{color:#e6db74}.highlight .sd{color:#e6db74}.highlight .s2{color:#e6db74}.highlight .se{color:#e6db74}.highlight .sh{color:#e6db74}.highlight .si{color:#e6db74}.highlight .sx{color:#e6db74}.highlight .sr{color:#a6e22e}.highlight .s1{color:#e6db74}.highlight .ss{color:#ae81ff}.highlight .bp{color:#75715e}.highlight .vc{color:#fd971f}.highlight .vg{color:#fd971f}.highlight .vi{color:#fd971f}.highlight .il{color:#ae81ff}pre{white-space:pre-wrap;word-wrap:break-word}code.highlighter-rouge{background-color:var(--code-bg);padding:0.2em 0.4em;border-radius:4px;font-size:0.875em}*,*:before,*:after{box-sizing:border-box}.github-button{display:block;position:relative;padding:.75em 5em .75em 1em;border-radius:.25em;margin-bottom:.5em;background:#fff}.open-PR-button{box-shadow:0 0.0625em 0.125em rgba(0,0,0,0.125),inset 0 -0.25em 0 -0.125em rgba(0,0,0,0.125),inset 7.5em 0 0 -0.7em rgba(20,160,0,0.8),inset -4em 0 0 -0.3em rgba(20,160,0,0.8)}.merged-PR-button{box-shadow:0 0.0625em 0.125em rgba(0,0,0,0.125),inset 0 -0.25em 0 -0.125em rgba(0,0,0,0.125),inset 7.5em 0 0 -0.7em rgba(30,144,255,0.5),inset -4em 0 0 -0.3em rgba(30,144,255,0.5)}.open-issue-button{box-shadow:0 0.0625em 0.125em rgba(0,0,0,0.125),inset 0 -0.25em 0 -0.125em rgba(0,0,0,0.125),inset 7.5em 0 0 -0.7em rgba(20,160,0,0.5),inset -4em 0 0 -0.3em rgba(20,160,0,0.5)}.closed-issue-button{box-shadow:0 0.0625em 0.125em rgba(0,0,0,0.125),inset 0 -0.25em 0 -0.125em rgba(0,0,0,0.125),inset 7.5em 0 0 -0.7em rgba(178,34,34,0.8),inset -4em 0 0 -0.3em rgba(178,34,34,0.8)}.number{position:absolute;font-family:"Lucida Console", Monaco, monospace;font-size:24pt;height:4em;width:3.6em;overflow:hidden;text-overflow:ellipsis;text-align:center;left:.125em;top:0.5em;color:#000}.number:hover{font-weight:bold;color:#000}.title{margin-left:6em;display:block;font-size:14pt;font-weight:bold;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.title:after{content:'';display:block;height:0;width:100%}.meta{display:block;margin-left:7em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12pt;line-height:2;font-weight:bold;color:#2f4f4f}.repo{font-weight:bold;color:#2f4f4f}.date{font-weight:bold;color:#2f4f4f}.date:before{content:' ';font-weight:normal}.octicon-clock{display:inline-block;margin-left:.333em}.right-icon{display:block;position:absolute;right:0.5em;top:50%;margin-top:-.6em}@media screen and (max-width: 600px){.github-button{padding:.75em 5em .75em 1em;border-radius:.25em;margin-bottom:.5em}.open-PR-button{box-shadow:0 0.0625em 0.125em rgba(0,0,0,0.125),inset 0 -0.25em 0 -0.125em rgba(0,0,0,0.125),inset 4em 0 0 -0.7em rgba(20,160,0,0.8),inset -3em 0 0 -0.3em rgba(20,160,0,0.8)}.merged-PR-button{box-shadow:0 0.0625em 0.125em rgba(0,0,0,0.125),inset 0 -0.25em 0 -0.125em rgba(0,0,0,0.125),inset 4em 0 0 -0.7em rgba(30,144,255,0.5),inset -3em 0 0 -0.3em rgba(30,144,255,0.5)}.open-issue-button{box-shadow:0 0.0625em 0.125em rgba(0,0,0,0.125),inset 0 -0.25em 0 -0.125em rgba(0,0,0,0.125),inset 4em 0 0 -0.7em rgba(20,160,0,0.5),inset -3em 0 0 -0.3em rgba(20,160,0,0.5)}.closed-issue-button{box-shadow:0 0.0625em 0.125em rgba(0,0,0,0.125),inset 0 -0.25em 0 -0.125em rgba(0,0,0,0.125),inset 4em 0 0 -0.7em rgba(178,34,34,0.8),inset -3em 0 0 -0.3em rgba(178,34,34,0.8)}.number{font-size:13pt;height:4em;width:3em;left:0.125em;top:1.25em}.title{margin-left:3.5em;font-size:10pt}.meta{margin-left:4.25em;font-size:8pt;line-height:2}.octicon-clock{margin-left:.333em}.right-icon{right:0.25em;top:50%;margin-top:-.6em}}