@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg: #fafaf7;--bg-elev: #ffffff;--bg-sub: #f4f3ee;--fg: #0f1011;--fg-mute: #5a5d62;--fg-faint: #8a8d93;--line: #e6e4dc;--line-strong: #d4d2c8;--accent: #10b981;--accent-hover: #059669;--accent-soft: rgba(16, 185, 129, .12);--selection: rgba(16, 185, 129, .25);--heat-0: #ebebe5;--heat-1: #c5e9d8;--heat-2: #84d4af;--heat-3: #3eb785;--heat-4: #10b981;--font-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--max-w: 760px;--pad-x: clamp(20px, 5vw, 32px)}[data-theme=dark]{--bg: #0a0b0d;--bg-elev: #111316;--bg-sub: #16181c;--fg: #ededec;--fg-mute: #9ea1a6;--fg-faint: #6a6d72;--line: #1e2024;--line-strong: #2a2d32;--accent: #34d399;--accent-hover: #6ee7b7;--accent-soft: rgba(52, 211, 153, .14);--selection: rgba(52, 211, 153, .28);--heat-0: #15171a;--heat-1: #0e3b2a;--heat-2: #0f6b48;--heat-3: #1ea372;--heat-4: #34d399}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg);color:var(--fg);font-family:var(--font-mono);font-size:14.5px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01","cv11";scroll-behavior:smooth;transition:background .22s ease,color .22s ease}body{min-height:100vh;background:radial-gradient(1200px 600px at 90% -200px,var(--accent-soft),transparent 60%),var(--bg)}::selection{background:var(--selection);color:var(--fg)}a{color:var(--fg);text-decoration:none;border-bottom:1px dotted var(--line-strong);transition:color .16s ease,border-color .16s ease}a:hover{color:var(--accent);border-bottom-color:var(--accent)}p{margin:0 0 .85em;color:var(--fg-mute)}p:last-child{margin-bottom:0}h1,h2,h3,h4{font-family:var(--font-mono);font-weight:600;letter-spacing:-.01em;margin:0;color:var(--fg)}hr{border:0;border-top:1px solid var(--line);margin:0}code,kbd{font-family:var(--font-mono);font-size:.92em;padding:1px 6px;background:var(--bg-sub);border:1px solid var(--line);border-radius:4px;color:var(--fg)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.shell{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x) 96px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad-x);max-width:var(--max-w);margin:0 auto;background:color-mix(in oklab,var(--bg) 78%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid transparent;transition:border-color .2s ease}.topbar.scrolled{border-bottom-color:var(--line)}.topbar .brand{display:flex;align-items:center;gap:10px;border:0;font-weight:600;font-size:14px}.brand-mark{width:22px;height:22px;display:grid;place-items:center;background:var(--fg);color:var(--bg);border-radius:5px;font-size:12px;font-weight:700}.nav{display:flex;gap:4px;align-items:center}.nav a{font-size:13px;color:var(--fg-mute);border:0;padding:6px 10px;border-radius:6px}.nav a:hover{color:var(--fg);background:var(--bg-sub)}.theme-toggle{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;color:var(--fg-mute);transition:background .16s,color .16s}.theme-toggle:hover{background:var(--bg-sub);color:var(--fg)}section{padding-top:72px;scroll-margin-top:72px}section:first-of-type{padding-top:32px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:24px}.section-head h2{font-size:13px;text-transform:uppercase;letter-spacing:.14em;color:var(--fg-faint);font-weight:500}.section-head h2:before{content:"§ ";color:var(--accent)}.section-head .meta{font-size:12px;color:var(--fg-faint)}.hero{padding-top:56px;padding-bottom:8px}.hero-top{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.avatar{position:relative;width:64px;height:64px;flex-shrink:0}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid var(--line);background:var(--bg-sub);display:block;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.avatar:hover img{transform:scale(1.04)}.avatar-ring{position:absolute;inset:-4px;border-radius:50%;border:1px dashed var(--line-strong);animation:spin 30s linear infinite;pointer-events:none}@keyframes spin{to{transform:rotate(360deg)}}.avatar-status{position:absolute;right:2px;bottom:2px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 0 var(--accent);animation:ping-mini 2s cubic-bezier(0,0,.2,1) infinite}@keyframes ping-mini{0%{box-shadow:0 0 0 0 var(--accent-soft)}80%,to{box-shadow:0 0 0 7px transparent}}.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-mute);padding:4px 10px;border:1px solid var(--line);border-radius:999px;background:var(--bg-elev);margin-bottom:0;white-space:nowrap}.socials{display:flex;gap:6px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.socials a{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--bg-elev);color:var(--fg-mute);transition:color .16s,border-color .16s,transform .2s cubic-bezier(.2,.7,.2,1)}.socials a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.hero .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);animation:pulse 2.4s infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 4px var(--accent-soft)}50%{box-shadow:0 0 0 6px transparent}}.hero h1{font-size:clamp(28px,5.4vw,40px);line-height:1.18;letter-spacing:-.02em;margin-bottom:18px;font-weight:600}.hero h1 .accent{color:var(--accent)}.hero .lede{font-size:15px;color:var(--fg-mute);max-width:62ch;margin-bottom:28px}.hero .cta{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;font-size:13px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg-elev);color:var(--fg);white-space:nowrap;transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .16s,background .16s,color .16s;will-change:transform}.btn:hover{border-color:var(--fg)}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg)}.btn.primary:hover{background:var(--accent);border-color:var(--accent);color:#04130d}.btn .arrow{transition:transform .2s ease}.btn:hover .arrow{transform:translate(2px)}.about p{color:var(--fg-mute)}.about p strong{color:var(--fg);font-weight:600}.now-card{border:1px solid var(--line);background:var(--bg-elev);border-radius:10px;padding:16px 18px;margin-top:18px;position:relative;overflow:hidden}.now-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,var(--accent-soft) 50%,transparent 100%);background-size:200% 100%;background-position:100% 0;animation:shimmer 6s linear infinite;pointer-events:none;opacity:.6}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.now-card .now-label{font-size:11px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:8px}.now-card .now-label .ping{width:7px;height:7px;border-radius:50%;background:var(--accent);position:relative}.now-card .now-label .ping:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:ping 1.6s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2.4);opacity:0}}.now-card p{margin:0;color:var(--fg);font-size:14px}.skills-grid{display:grid;grid-template-columns:140px 1fr;gap:8px 24px;border-top:1px solid var(--line);padding-top:18px}.skills-grid .label{color:var(--fg-faint);font-size:12px;padding-top:4px;text-transform:lowercase}.skills-grid .tags{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:10px;border-bottom:1px solid var(--line)}.skills-grid>div:nth-last-child(-n+2){border-bottom:0;padding-bottom:0}.tag{font-size:12px;padding:3px 9px;border:1px solid var(--line);border-radius:5px;background:var(--bg-elev);color:var(--fg);white-space:nowrap;transition:all .16s;cursor:default}.tag:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}@media(max-width:560px){.skills-grid{grid-template-columns:1fr;gap:4px}.skills-grid .label{padding-top:12px}}.projects-list{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--line)}.project{display:grid;grid-template-columns:64px 1fr auto;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);align-items:start;position:relative}.project .num{font-size:12px;color:var(--fg-faint);font-variant-numeric:tabular-nums;padding-top:2px}.project .body h3{font-size:15px;margin-bottom:4px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.project .body h3 .pill{font-size:10px;padding:2px 7px;border-radius:4px;background:var(--accent-soft);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;border:0}.project .body p{font-size:13.5px;color:var(--fg-mute);margin-bottom:10px}.project .stack{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:var(--fg-faint)}.project .stack span:before{content:"· ";color:var(--line-strong);margin-right:2px}.project .stack span:first-child:before{content:""}.project .links{display:flex;gap:6px;align-items:center;padding-top:2px}.project .links a{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:6px;background:var(--bg-elev);color:var(--fg-mute)}.project .links a:hover{color:var(--accent);border-color:var(--accent)}@media(max-width:600px){.project{grid-template-columns:1fr;gap:6px}.project .num{display:none}.project .links{padding-top:8px}}.timeline{border-left:1px solid var(--line);padding-left:22px;margin-left:6px;display:flex;flex-direction:column;gap:32px}.timeline-item{position:relative}.timeline-item:before{content:"";position:absolute;left:-27px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--bg);border:2px solid var(--accent)}.timeline-item.current:before{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.timeline-item .when{font-size:11.5px;color:var(--fg-faint);letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.timeline-item h3{font-size:15px;margin-bottom:4px}.timeline-item .role{font-size:13px;color:var(--fg-mute);margin-bottom:12px}.timeline-item ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.timeline-item li{position:relative;padding-left:18px;font-size:13px;color:var(--fg-mute)}.timeline-item li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.timeline-item li strong{color:var(--fg);font-weight:600}.heatmap-card{border:1px solid var(--line);background:var(--bg-elev);border-radius:10px;padding:18px;overflow:hidden}.heatmap-stats{display:flex;gap:24px;font-size:12px;color:var(--fg-mute);margin-bottom:14px;flex-wrap:wrap}.heatmap-stats strong{color:var(--fg);font-weight:600}.heatmap-scroll{overflow-x:auto;margin:0 -18px;padding:0 18px}.heatmap-scroll::-webkit-scrollbar{height:0}.heatmap{display:grid;grid-template-rows:repeat(7,11px);grid-auto-flow:column;grid-auto-columns:11px;gap:3px;width:max-content}.heatmap .cell{background:var(--heat-0);border-radius:2px;transition:transform .12s}.heatmap .cell[data-l="1"]{background:var(--heat-1)}.heatmap .cell[data-l="2"]{background:var(--heat-2)}.heatmap .cell[data-l="3"]{background:var(--heat-3)}.heatmap .cell[data-l="4"]{background:var(--heat-4)}.heatmap .cell:hover{transform:scale(1.5);z-index:2}.heatmap-legend{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--fg-faint);justify-content:flex-end;margin-top:12px}.heatmap-legend .swatch{width:10px;height:10px;border-radius:2px;background:var(--heat-0)}.heatmap-tip{position:fixed;pointer-events:none;background:var(--fg);color:var(--bg);padding:5px 9px;border-radius:5px;font-size:11px;white-space:nowrap;opacity:0;transform:translate(-50%,-100%);transition:opacity .12s;z-index:50}.heatmap-tip.show{opacity:1}.heatmap-months{display:flex;font-size:10.5px;color:var(--fg-faint);margin-bottom:4px;width:max-content;letter-spacing:.05em}.heatmap-months span{width:calc(11px * 4.33 + 3px * 4.33)}.blog-controls{display:flex;gap:8px;margin-bottom:18px;align-items:center}.search{flex:1;position:relative}.search input{width:100%;padding:9px 12px 9px 34px;font:inherit;font-size:13px;background:var(--bg-elev);border:1px solid var(--line);border-radius:8px;color:var(--fg);transition:border-color .16s}.search input:focus{outline:0;border-color:var(--accent)}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--fg-faint)}.source-filter{display:flex;border:1px solid var(--line);border-radius:8px;background:var(--bg-elev);overflow:hidden}.source-filter button{padding:8px 12px;font-size:12px;color:var(--fg-mute);border-right:1px solid var(--line)}.source-filter button:last-child{border-right:0}.source-filter button.active{background:var(--fg);color:var(--bg)}.posts{display:flex;flex-direction:column;border-top:1px solid var(--line)}.post{display:grid;grid-template-columns:1fr auto;gap:12px 18px;padding:16px 0;align-items:baseline;border:0;border-bottom:1px solid var(--line);color:inherit;transition:padding-left .2s}.post:hover{padding-left:6px}.post .post-meta{font-size:11.5px;color:var(--fg-faint);display:flex;gap:10px;margin-bottom:4px;align-items:center}.post .source-chip{font-size:10px;padding:1px 6px;border-radius:3px;background:var(--bg-sub);border:1px solid var(--line);letter-spacing:.04em;text-transform:uppercase}.post .source-chip.medium{color:#1a8917;border-color:#1a891740;background:#1a891714}.post .source-chip.devto{color:#5a4ed1;border-color:#5a4ed14d;background:#5a4ed114}[data-theme=dark] .post .source-chip.medium{color:#4ade80}[data-theme=dark] .post .source-chip.devto{color:#a5a0f0}.post h4{font-size:14px;font-weight:500;color:var(--fg);line-height:1.4;margin-bottom:4px}.post:hover h4{color:var(--accent)}.post .excerpt{font-size:12.5px;color:var(--fg-mute);line-height:1.5}.post .when{font-size:11px;color:var(--fg-faint);white-space:nowrap;font-variant-numeric:tabular-nums}.post-empty{padding:40px 0;text-align:center;color:var(--fg-faint);font-size:13px}.post-loading{padding:24px 0;color:var(--fg-faint);font-size:12.5px}.post-loading:before{content:"$ ";color:var(--accent)}.contact{border:1px solid var(--line);background:var(--bg-elev);border-radius:12px;padding:28px;text-align:center}.contact h3{font-size:22px;margin-bottom:8px;letter-spacing:-.02em}.contact p{color:var(--fg-mute);margin-bottom:18px}.contact .links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:11.5px;color:var(--fg-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}footer a{border:0;color:var(--fg-mute)}footer a:hover{color:var(--accent)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}.reveal[data-delay="1"]{transition-delay:60ms}.reveal[data-delay="2"]{transition-delay:.12s}.reveal[data-delay="3"]{transition-delay:.18s}.reveal[data-delay="4"]{transition-delay:.24s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}.cursor{display:inline-block;width:.55ch;height:1em;background:var(--accent);vertical-align:-2px;animation:blink 1.05s steps(1) infinite;margin-left:2px}@keyframes blink{50%{background:transparent}}