*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--text: #1a1a1a;--muted: #5a5a5a;--link: #4a6fa5;--link-visited: #6b5b9e;--border: #e0e0e0;--badge-dark-bg: #2d2d2d;--badge-dark-text: #f5f5f5;--badge-blue-bg: #3b6fcf;--badge-blue-text: #ffffff;--badge-accent-bg: #1d6fa5;--badge-accent-text: #ffffff;--tag-bg: #2d2d2d;--tag-text: #f5f5f5;--callout-bg: #f0f4fa;--callout-border: #c4d4f0;--font-body: "Crimson Pro", Georgia, serif;--font-mono: "JetBrains Mono", "Courier New", monospace;--max-w: 2000px;--sidebar-w: 500px;--nav-h: 104px;color-scheme:light}[data-theme=dark]{--bg: #0d1117;--text: #dde4f0;--muted: #8b96aa;--link: #7aa2d4;--link-visited: #9b8bce;--border: #1e2a3a;--badge-dark-bg: #1a2535;--badge-dark-text: #dde4f0;--badge-blue-bg: #4a7fdf;--badge-blue-text: #ffffff;--badge-accent-bg: #2d7fb5;--badge-accent-text: #ffffff;--tag-bg: #1a2535;--tag-text: #dde4f0;--callout-bg: #101d2e;--callout-border: #1e3a5f;color-scheme:dark}[data-theme=dark] .article-body code{background:#152030;color:var(--text)}[data-theme=dark] .article-body table th,[data-theme=dark] .article-body table td{border-color:#1e2a3a}[data-theme=dark] .article-body table thead th{background:#131e2d}[data-theme=dark] .article-body table tbody tr:nth-child(2n){background:#0f1a27}[data-theme=dark] .archive-list li{border-bottom-color:#1a2535}#root{display:flex;flex-direction:column;min-height:100vh;flex:1}body{font-family:var(--font-body);font-size:25px;line-height:1.7;color:var(--text);background:var(--bg);min-height:100vh;display:flex;flex-direction:column}nav{position:sticky;top:0;z-index:100;background:var(--bg);border-bottom:1px solid var(--border);display:flex;justify-content:center}nav .nav-inner{width:100%;max-width:var(--max-w);padding:23px 50px;display:flex;align-items:center}nav a{font-family:var(--font-mono);font-size:34px;font-weight:500;color:var(--text);text-decoration:none;margin-right:35px;letter-spacing:.01em}nav a:hover{text-decoration:underline}nav a.active{font-weight:600}#theme-toggle{background:none;border:none;cursor:pointer;font-size:38px;line-height:1;padding:0;margin-left:auto;color:var(--text);display:flex;align-items:center}.page-wrap{display:none;flex:1;justify-content:center}.page-wrap.active{display:flex}.page-inner{display:flex;width:100%;max-width:var(--max-w)}.content-area{flex:1;min-width:0;padding:45px 50px 75px;border-right:1px solid var(--border)}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);padding:45px 38px 75px 0;display:flex;flex-direction:column;align-items:center;position:sticky;top:var(--nav-h);align-self:flex-start;max-height:calc(100vh - var(--nav-h));overflow-y:auto;z-index:101}.photo-slot{width:375px;height:375px;margin:0 auto 60px;flex-shrink:0}.photo-frame{position:relative;display:block;width:375px;height:375px;border-radius:9px;transform:perspective(750px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));transition:transform .18s ease-out;will-change:transform;z-index:1}.photo-frame.photo-fixed{position:fixed;margin:0;z-index:1000}.photo-frame:hover{z-index:1000}.sidebar-photo{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(10%);border-radius:9px;cursor:pointer;transform:translateZ(0);transition:transform .4s ease}@keyframes photoZoom{0%{transform:scale(1)}to{transform:scale(1.4)}}.photo-frame:hover .sidebar-photo{animation:photoZoom .4s cubic-bezier(.25,.46,.45,.94) forwards;transition:none;will-change:transform}@media(prefers-reduced-motion:reduce){.photo-frame:hover .sidebar-photo{animation:none}.sidebar-photo,.photo-frame{transition:none}}.sidebar-links{list-style:none;display:flex;flex-direction:column;align-items:stretch;width:100%;padding:15px 0;box-sizing:border-box;flex-shrink:0}.sidebar-links li{border-top:1px solid var(--border);width:100%;min-width:0;text-align:left;box-sizing:border-box;cursor:pointer;overflow:hidden;display:flex;align-items:center;height:56px}.sidebar-links li:last-child{border-bottom:1px solid var(--border)}.sidebar-links a{font-family:var(--font-mono);font-size:25px;color:var(--muted);text-decoration:none;display:flex;align-items:center;justify-content:flex-start;gap:10px;position:relative;width:100%;padding:10px 15px;box-sizing:border-box}.sidebar-links a:before{content:"→";position:absolute;right:15px;top:50%;transform:translateY(-50%) translate(8px);font-weight:900;font-size:33px;opacity:0;transition:opacity .3s ease-out,transform .3s ease-out}.sidebar-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background-color:currentColor;transition:width .3s ease-out}.sidebar-links a:hover:before,.sidebar-links li:hover a:before{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-links a:hover:after,.sidebar-links li:hover a:after{width:100%}.sidebar-links a:hover{color:var(--link)}.sidebar-links .icon{width:23px;height:23px;display:flex;align-items:center;justify-content:center;margin-right:3px;flex:0 0 auto}.sidebar-links .icon>svg{width:100%;height:100%;display:block}.sidebar-links .link-label{white-space:nowrap;flex:0 0 auto;line-height:1;opacity:1;transition:opacity .1s cubic-bezier(.4,0,.2,1)}.breadcrumb{font-family:var(--font-mono);font-size:31px;font-weight:400;margin-bottom:25px;color:var(--text)}.breadcrumb span{color:var(--muted)}.breadcrumb a{color:var(--text);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.badges{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:28px}.badge{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:19px;border-radius:4px;overflow:hidden;line-height:1}.badge-label{background:var(--badge-dark-bg);color:var(--badge-dark-text);padding:5px 9px}.badge-value{background:var(--badge-blue-bg);color:var(--badge-blue-text);padding:5px 9px}.badge-value.green{background:#2a7a4a}.badge-value.accent{background:var(--badge-accent-bg)}.tagline{margin-bottom:20px;color:var(--muted);font-size:19px}.bio{margin-bottom:40px;color:var(--text);font-size:29px;line-height:1.8;font-style:italic}.bio strong{font-style:normal;font-weight:700;color:var(--link)}.bio .name-accent{font-style:normal;color:var(--link)}.resume-nav{display:flex;align-items:center}.resume-nav a{margin-right:0}.resume-nav-link:focus-visible{outline:3px solid var(--link);outline-offset:3px}.resume-nav-view{display:inline-flex;align-items:center;justify-content:center;width:30px;opacity:0;overflow:hidden;margin:0 15px 0 10px;text-decoration:none;transition:opacity .15s ease-out}.resume-nav-view .icon{width:23px;height:23px;display:flex;align-items:center;justify-content:center}.resume-nav-view .icon>svg{width:100%;height:100%;display:block}.resume-nav:hover .resume-nav-view,.resume-nav:focus-within .resume-nav-view{opacity:1}.resume-nav-view:hover{text-decoration:none;color:var(--link)}.resume-nav-view:focus-visible{outline:3px solid var(--link);outline-offset:3px}@media(prefers-reduced-motion:reduce){.resume-nav-view{transition:none}}h2.section-title{font-family:var(--font-body);font-size:31px;font-weight:600;margin-bottom:20px;color:var(--text);border-top:1px solid var(--border);margin-top:60px;padding-top:30px}.post-list{list-style:none}.post-list li{margin-bottom:23px}.post-list a{color:var(--link);text-decoration:underline;font-size:31px;text-decoration-color:transparent;transition:text-decoration-color .15s}.post-list a:hover{text-decoration-color:var(--link);cursor:pointer}.post-meta{font-family:var(--font-mono);font-size:20px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-top:3px}.project-block{margin-bottom:40px}.project-title{font-family:var(--font-body);font-size:29px;font-weight:600;color:var(--link);text-decoration:underline;text-decoration-color:transparent;cursor:pointer;transition:text-decoration-color .15s;display:inline-block;margin-bottom:10px}.project-title:hover{text-decoration-color:var(--link)}.project-block ul{list-style:disc;padding-left:28px;color:var(--text)}.project-block ul li{margin-bottom:5px;font-size:29px}.project-block a{color:var(--link);text-decoration:underline}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:20px;margin-top:10px}.project-card{position:relative;cursor:pointer;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--bg);transition:border-color .15s,transform .15s}.project-card a:after{content:"";position:absolute;inset:0}.project-card:hover{border-color:var(--link);transform:translateY(-2px)}.project-preview{position:relative;aspect-ratio:16 / 10;background:var(--tag-bg);border-bottom:1px solid var(--border)}.project-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.project-flag{position:absolute;top:15px;left:15px;font-family:var(--font-mono);font-size:15px;letter-spacing:.04em;text-transform:uppercase;background:var(--badge-dark-bg);color:var(--badge-dark-text);padding:5px 11px;border-radius:4px}.project-card.is-teaser .project-preview img{filter:grayscale(.55);opacity:.6}.project-body{display:flex;flex-direction:column;flex:1;padding:15px 18px 18px}.project-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;width:100%;font-size:29px;margin-bottom:0;text-decoration:none;cursor:inherit}.project-title a{color:var(--link);text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.project-title a:hover{text-decoration-color:var(--link)}.project-arrow{display:inline-block;font-weight:900;color:var(--link);opacity:0;transform:translate(8px);transition:opacity .3s ease-out,transform .3s ease-out}.project-title a:hover+.project-arrow,.project-card:hover .project-arrow{opacity:1;transform:translate(0)}.project-card.is-teaser .project-title{color:var(--muted)}.project-desc{margin:8px 0 0;font-size:20px;color:var(--text);flex:1}.article-title{font-family:var(--font-body);font-size:39px;font-weight:600;margin-bottom:18px;line-height:1.3}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tag{font-family:var(--font-mono);font-size:19px;display:inline-flex;align-items:center;border-radius:4px;overflow:hidden}.tag-label{background:var(--tag-bg);color:var(--tag-text);padding:4px 8px}.tag-value{background:#555;color:#fff;padding:4px 8px}.article-meta{font-family:var(--font-mono);font-size:20px;color:var(--muted);margin-bottom:35px}.callout{background:var(--callout-bg);border-left:4px solid var(--badge-blue-bg);padding:18px 23px;margin-bottom:35px;font-size:26px;color:var(--text);border-radius:0 5px 5px 0}.callout a{color:var(--link)}.article-body h2{font-family:var(--font-body);font-size:31px;font-weight:600;margin:35px 0 13px;display:flex;align-items:center;gap:10px}.article-body h2 .hash{font-family:var(--font-mono);color:var(--link);font-size:26px;font-weight:400}.article-body p{margin-bottom:20px;font-size:26px;color:var(--text)}.article-body a{color:var(--link)}.article-body em{font-style:italic}.article-body code{font-family:var(--font-mono);font-size:21px;background:#f4f4f4;padding:3px 6px;border-radius:4px}.article-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:23px}.article-body table th,.article-body table td{border:1px solid #ddd;padding:9px 15px;text-align:left}.article-body table thead th{background:#f4f4f4;font-weight:600}.article-body table tbody tr:nth-child(2n){background:#fafafa}.code-block{background:#1e1e1e;color:#d4d4d4;font-family:var(--font-mono);font-size:21px;padding:20px 23px;border-radius:8px;overflow-x:auto;margin:25px 0;line-height:1.6}.code-block .ln{color:#666;-webkit-user-select:none;user-select:none;margin-right:20px}.code-block .kw{color:#569cd6}.code-block .fn{color:#dcdcaa}.code-block .str{color:#ce9178}.code-block .cm{color:#6a9955}footer{text-align:center;padding:25px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:30px;color:var(--muted)}.archive-year{margin-bottom:35px}.archive-year h3{font-family:var(--font-mono);font-size:21px;color:var(--muted);font-weight:500;letter-spacing:.05em;margin-bottom:13px;text-transform:uppercase}.archive-list{list-style:none}.archive-list li{display:flex;align-items:baseline;gap:18px;padding:6px 0;border-bottom:1px solid #f0f0f0}.archive-list .date{font-family:var(--font-mono);font-size:19px;color:var(--muted);min-width:125px}.archive-list a{color:var(--link);text-decoration:none;font-size:26px;cursor:pointer}.archive-list a:hover{text-decoration:underline}@media(max-width:768px){nav .nav-inner{padding:18px 25px;display:flex;flex-wrap:wrap;gap:8px 0}nav a{font-size:33px;margin-right:20px}.page-inner{flex-direction:column-reverse}.content-area{padding:30px 25px 60px;border-right:none}.sidebar{width:100%;min-width:unset;border-bottom:1px solid var(--border);padding:30px 25px;flex-direction:column;position:static;align-self:auto;max-height:none;overflow:visible}.photo-slot,.photo-frame{width:235px;height:235px}.sidebar-links{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;padding:10px 0;gap:0}.sidebar-links .hide-mail-label{display:inline}.sidebar-links li{border-top:1px solid var(--border);border-right:none;padding:10px 8px;text-align:center;height:auto;display:block}.sidebar-links li:last-child{border-bottom:none}.sidebar-links a{font-size:24px;flex-direction:column;gap:5px;padding:0}.article-title{font-size:34px!important}.article-body h2{font-size:26px!important}.article-body p,.article-body li{font-size:25px}.article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:21px}.breadcrumb{font-size:26px}.callout{font-size:23px;padding:15px 18px}.code-block{font-size:20px;padding:15px 18px;overflow-x:auto}.archive-year h3{font-size:25px}.archive-list .date{font-size:19px}}@media(max-width:480px){.sidebar-links{flex-direction:column;align-items:center}.sidebar-links li:last-child{border-bottom:1px solid var(--border)}.article-title{font-size:31px!important}}