:root{--bg: #fbfcfd;--surface: #ffffff;--surface-soft: #f6f8fa;--text: #171b22;--muted: #5d6671;--line: #dfe4e8;--line-strong: #ccd4dc;--green: #057c25;--green-soft: #eef9f0;--blue: #075bd8;--blue-soft: #eef5ff;--shadow: 0 18px 60px rgba(21, 30, 40, .05);--body-bg: linear-gradient(90deg, rgba(5, 124, 37, .025) 0, transparent 32%), radial-gradient(circle at 84% 0%, rgba(7, 91, 216, .055), transparent 34%), var(--bg);--sidebar-bg: rgba(251, 252, 253, .88);--panel-bg: rgba(255, 255, 255, .82);--control-bg: rgba(255, 255, 255, .72);--focus-bg: rgba(255, 255, 255, .86);--nav-active: rgba(223, 228, 232, .44);--nav-hover: rgba(223, 228, 232, .32);--tag-bg: #f0f2f5;--tag-text: #5d6570;--sidebar: 192px;color-scheme:light;font-family:Cascadia Mono,SFMono-Regular,Consolas,Liberation Mono,monospace;color:var(--text);background:var(--bg)}:root[data-theme=dark]{--bg: #0f1217;--surface: #151a21;--surface-soft: #1b222b;--text: #eef2f6;--muted: #a4afbb;--line: #29323d;--line-strong: #3a4654;--green: #45d46b;--green-soft: #13251a;--blue: #65a4ff;--blue-soft: #121f33;--shadow: 0 18px 60px rgba(0, 0, 0, .24);--body-bg: linear-gradient(90deg, rgba(69, 212, 107, .045) 0, transparent 32%), radial-gradient(circle at 84% 0%, rgba(101, 164, 255, .08), transparent 34%), var(--bg);--sidebar-bg: rgba(15, 18, 23, .88);--panel-bg: rgba(21, 26, 33, .86);--control-bg: rgba(21, 26, 33, .78);--focus-bg: rgba(21, 26, 33, .9);--nav-active: rgba(69, 212, 107, .14);--nav-hover: rgba(101, 164, 255, .1);--tag-bg: #202833;--tag-text: #b3bdc9;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;color:var(--text);background:var(--body-bg);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}button,a{font:inherit}a{color:inherit;text-decoration:none}button{border:0;cursor:pointer}:where(a,button):focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.site-shell{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:10;width:var(--sidebar);display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-block{padding:31px 24px 24px;min-height:96px}.brand-mark{display:block;width:fit-content;font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:800;letter-spacing:-.04em}.sidebar-footer p,.contact-cell span,.focus-muted{color:var(--muted)}.side-nav{display:grid;gap:10px;padding:0 10px}.nav-item{position:relative;display:flex;align-items:center;gap:16px;width:100%;height:48px;padding:0 17px;border-radius:4px;color:var(--text);background:transparent;text-align:left;transition:background .18s ease,color .18s ease}.nav-item:before{position:absolute;inset:8px auto 8px 0;width:3px;background:var(--green);opacity:0;content:""}.nav-item.is-active{color:var(--text);background:var(--nav-active)}.nav-item.is-active:before{opacity:1}.nav-item:hover{background:var(--nav-hover)}.sidebar-footer{margin-top:auto;padding:0 24px 26px}.sidebar-footer p{margin:0 0 10px;font-size:11px}.whoami{display:inline-flex;align-items:center;width:114px;height:32px;margin:10px 0 32px;padding-left:10px;border:1px solid var(--line-strong);border-radius:4px;color:var(--green);background:var(--surface);font-size:12px}.utility-row{display:flex;justify-content:space-between}.utility-row button,.utility-row a{display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:4px;color:var(--text);background:transparent}.utility-row button.is-active{border-color:var(--line-strong);background:var(--nav-active);color:var(--green)}.content{grid-column:2;min-width:0;padding:19px 8vw 36px 56px}.top-actions{display:flex;justify-content:flex-end;gap:12px;margin-bottom:17px}.top-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:49px;height:36px;padding:0 14px;border:1px solid var(--line);border-radius:5px;background:var(--control-bg);box-shadow:var(--shadow);color:var(--green);font-size:14px}.top-actions a:last-child{color:var(--text)}.hero{padding:0 0 20px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.72fr);gap:76px;align-items:start}h1,h2,h3,p{margin:0}h1{font-family:Cascadia Mono,Consolas,monospace;font-size:clamp(48px,4.9vw,68px);font-weight:800;line-height:.98;letter-spacing:-.035em}.subtitle{margin-top:22px;font-size:15px;letter-spacing:-.01em}.hero-hooks{display:flex;flex-wrap:wrap;gap:8px;max-width:668px;margin-top:14px}.hero-hooks span{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:5px 10px;border:1px solid var(--line);border-radius:4px;color:var(--text);background:var(--control-bg);font-size:12px;white-space:nowrap}.hero-hooks svg{flex:0 0 auto;color:var(--green)}.focus-box{display:flex;align-items:center;gap:17px;max-width:668px;height:44px;margin-top:18px;padding:0 16px;border:1px solid var(--line-strong);border-radius:5px;background:var(--focus-bg);overflow:hidden;white-space:nowrap}.focus-label,.focus-current{color:var(--green);font-weight:700}.focus-current{min-width:164px;color:var(--text);font-weight:650}.cursor{width:2px;height:17px;margin-left:-14px;background:var(--green);animation:blink .95s steps(2) infinite}@keyframes blink{50%{opacity:0}}.hero-note{padding-top:9px}.hero-note p{max-width:520px;font-size:15px;line-height:1.55}.meta-list{display:grid;gap:15px;margin-top:28px}.meta-list span{display:flex;align-items:center;gap:11px;color:var(--muted);font-size:13px}.personal-strip{display:grid;gap:8px;max-width:520px;margin-top:20px}.personal-note{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-height:56px;padding:9px 10px;border:1px solid var(--line);border-radius:5px;background:var(--panel-bg);box-shadow:var(--shadow)}.personal-icon{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line);border-radius:5px;color:var(--green);background:var(--green-soft)}.personal-icon.blue{color:var(--blue);background:var(--blue-soft)}.personal-note h3{font-size:12px;letter-spacing:-.02em}.personal-note p{max-width:none;margin-top:4px;color:var(--muted);font-size:11px;line-height:1.45}.section-block{padding-top:16px;scroll-margin-top:24px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.section-heading>div{display:flex;align-items:center;gap:12px}.section-heading svg{color:var(--green)}h2{font-size:18px;line-height:1;letter-spacing:-.03em}.tabs{display:flex;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--surface)}.tabs button{width:100px;height:29px;color:var(--text);background:transparent;font-size:12px}.tabs button.is-active{color:#fff;background:var(--blue)}.resume-table,.project-card,.contact-panel{border:1px solid var(--line);border-radius:5px;background:var(--panel-bg);box-shadow:var(--shadow)}.resume-table{overflow:hidden}.resume-row{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(260px,1.75fr) 126px 22px;gap:26px;align-items:center;min-height:50px;padding:8px 15px 8px 16px;border-bottom:1px solid var(--line);transition:background .18s ease,transform .18s ease}.resume-row:last-child{border-bottom:0}.resume-row:hover{background:var(--surface-soft)}.row-title{display:grid;gap:6px}.row-title strong{font-size:13px;letter-spacing:-.02em}.row-title span{color:var(--blue);font-size:12px}.resume-row p{color:var(--muted);font-size:12px;line-height:1.5}.row-period{color:var(--muted);font-size:12px;text-align:right;white-space:nowrap}.resume-row>svg{color:var(--text)}.project-block{padding-top:16px}.view-all{display:inline-flex;align-items:center;gap:4px;color:var(--blue);font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{min-height:112px;padding:12px 14px}.project-top{display:grid;grid-template-columns:48px minmax(0,1fr) 18px;gap:12px;align-items:center}.project-icon{position:relative;display:block;justify-self:center;width:38px;height:38px;border:1px solid var(--line);border-radius:6px;color:var(--green);background:var(--green-soft)}.project-icon svg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-icon.blue{color:var(--blue);background:var(--blue-soft)}.project-top h3,.skill-column h3{font-size:13px;letter-spacing:-.025em}.project-top span{display:inline-block;margin-top:6px;color:var(--blue);font-size:11px}.project-card p{margin:8px 0 12px 56px;color:var(--muted);font-size:12px;line-height:1.55}.tag-row{display:flex;flex-wrap:wrap;gap:6px}.tag-row span{padding:3px 7px;background:var(--tag-bg);color:var(--tag-text);border-radius:3px;font-size:11px}.skills-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px}.skill-column{padding-top:10px;border-top:2px solid var(--blue)}.skill-column.green{border-top-color:var(--green)}.skill-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.skill-chips span{padding:3px 8px;border:1px solid var(--line);border-radius:4px;background:var(--surface-soft);color:var(--text);font-size:11px;line-height:1.3}.contact-panel{display:grid;grid-template-columns:minmax(260px,1.55fr) minmax(210px,.95fr) 132px minmax(260px,1fr) 168px;gap:20px;align-items:center;padding:8px 14px}.contact-intro,.contact-cell{min-height:36px;padding:6px 18px;border-right:1px solid var(--line)}.contact-intro p{margin-bottom:6px;font-size:12px}.contact-intro span,.contact-cell span{font-size:12px}.contact-cell{display:grid;gap:8px}.contact-cell a{display:inline-flex;align-items:center;gap:7px;color:var(--text);font-size:12px}.copy-button,.resume-download{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:35px;border:1px solid var(--line);border-radius:5px;color:var(--text);background:var(--surface);font-size:12px}.copy-button:hover,.resume-download:hover,.top-actions a:hover,.whoami:hover{border-color:var(--green)}@media(max-width:1500px){.contact-panel{grid-template-columns:minmax(260px,1.2fr) minmax(210px,.9fr) 132px}.contact-intro,.contact-cell{border-right:0}}@media(max-width:1180px){.content{padding-right:56px}.hero-grid{grid-template-columns:1fr;gap:28px}.resume-row{grid-template-columns:minmax(210px,.9fr) minmax(0,1.4fr) 115px 18px}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-panel{grid-template-columns:1fr 1fr}}@media(max-width:860px){.site-shell{display:block;min-height:auto;overflow-x:clip}.sidebar{position:sticky;top:0;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line)}.brand-block{display:flex;align-items:center;gap:10px;min-height:auto;padding:14px 18px 10px}.brand-mark{margin:0 8px 0 0;font-size:24px}.side-nav{display:flex;gap:4px;max-width:100vw;overflow-x:auto;overscroll-behavior-x:contain;padding:0 10px 10px;scrollbar-width:none}.side-nav::-webkit-scrollbar{display:none}.nav-item{flex:0 0 auto;width:auto;height:39px;padding:0 13px;gap:9px}.nav-item:before,.sidebar-footer{display:none}.content{overflow-x:clip;padding:17px 18px max(18px,env(safe-area-inset-bottom))}.top-actions{margin-bottom:28px}h1{font-size:clamp(39px,14vw,58px)}.focus-box{align-items:flex-start;flex-direction:column;gap:5px;height:auto;padding:13px 14px;white-space:normal}.hero-hooks span{height:auto;white-space:normal}.cursor{display:none}.resume-row{grid-template-columns:1fr;gap:10px;min-height:auto;padding:16px}.row-period{text-align:left}.resume-row>svg{display:none}.project-grid,.skills-grid,.contact-panel{grid-template-columns:1fr}.project-card p{margin-left:0}.section-heading{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}