:root{--bg-primary:#0d0d0e;--bg-surface:#141417;--bg-surface-hover:#1b1b1f;--bg-overlay:#0d0d0ed9;--text-primary:#f4f4f6;--text-secondary:#d4d4d8;--text-muted:#91919a;--text-faint:#61616c;--border-default:#242429;--border-subtle:#19191d;--border-strong:#36363d;--border-interactive:#4a4a54;--chip-active-bg:#f4f4f6;--chip-active-text:#0d0d0e;--chip-inactive-bg:transparent;--chip-inactive-text:#91919a;--chip-inactive-border:#36363d;--accent-green:#22c55e;--accent-green-bg:#22c55e1f;--accent-blue:#60a5fa;--link-color:#d4d4d8;--link-hover:#f4f4f6;--code-bg:#161619;--edge-glow:linear-gradient(to bottom, #ffffff05, transparent 400px);--font-serif:"Instrument Serif", Georgia, serif;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--container-max:820px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-default:.22s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-primary:#faf9f5;--bg-surface:#fff;--bg-surface-hover:#f3f2ec;--bg-overlay:#faf9f5e0;--text-primary:#121214;--text-secondary:#27272a;--text-muted:#52525b;--text-faint:#a1a1aa;--border-default:#e5e4df;--border-subtle:#f0efe9;--border-strong:#d4d3cc;--border-interactive:#a1a098;--chip-active-bg:#121214;--chip-active-text:#faf9f5;--chip-inactive-bg:transparent;--chip-inactive-text:#52525b;--chip-inactive-border:#d4d3cc;--accent-green:#16a34a;--accent-green-bg:#16a34a1f;--accent-blue:#2563eb;--link-color:#27272a;--link-hover:#121214;--code-bg:#f3f2ec;--edge-glow:linear-gradient(to bottom, #00000005, transparent 400px)}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#0d0d0e}[data-theme=light]{background-color:#faf9f5}html,body{background-color:var(--bg-primary);color:var(--text-secondary);font-family:var(--font-sans);width:100%;min-height:100vh;transition:background-color var(--transition-default), color var(--transition-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}body:before{content:"";background:var(--edge-glow);pointer-events:none;z-index:0;position:fixed;inset:0}#root{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4{color:var(--text-primary);font-family:var(--font-serif);letter-spacing:-.01em;font-weight:400}h1{font-size:2.8rem;line-height:1.15}h2{font-size:1.85rem;line-height:1.25}h3{font-size:1.35rem;line-height:1.3}.mono-tag{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 1rem}@media (width>=640px){.container{padding:0 1.75rem}}.hero-title{font-size:2.3rem;line-height:1.12}.hero-subtitle{font-size:1.15rem}.experience-grid{flex-direction:column;gap:.8rem;display:flex}.mobile-dock-only{display:block}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.fluid-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:1.25rem;display:grid}.fluid-skills-grid{grid-template-columns:repeat(auto-fit,minmax(min(150px,100%),1fr));gap:.65rem;display:grid}.printable-resume-card{padding:1.25rem}@media (width>=640px){.printable-resume-card{padding:2.5rem}.hero-title{font-size:3.4rem}.hero-subtitle{font-size:1.35rem}.experience-grid{grid-template-columns:180px 1fr;gap:1.5rem;display:grid}.mobile-dock-only{display:none!important}}@media (width<=640px){main.container{padding-bottom:6.5rem!important}body{font-size:.92rem;line-height:1.55}h1{font-size:1.75rem;line-height:1.18}h2{font-size:1.28rem;line-height:1.25}h3{font-size:1.12rem;line-height:1.3}.hero-title{font-size:1.95rem!important;line-height:1.15!important}.hero-subtitle{font-size:.98rem!important}.hero-role-title{font-size:1rem!important}.hero-role-sub{font-size:.95rem!important}.hero-bio{font-size:.92rem!important;line-height:1.6!important}.page-header-title{font-size:1.75rem!important}.page-header-desc{font-size:.92rem!important;line-height:1.55!important}.project-card-title{font-size:1.22rem!important}.exp-role-title{font-size:1.12rem!important}.blog-entry-title{font-size:1.18rem!important}.desktop-nav{display:none!important}.mobile-menu-toggle{display:inline-flex!important}.search-btn-text,.search-kbd-badge{display:none!important}}@keyframes statusPulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 6px #22c55e00}to{box-shadow:0 0 #22c55e00}}.status-dot-pulse{background-color:var(--accent-green);border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s cubic-bezier(.4,0,.6,1) infinite statusPulse;display:inline-block}.hero-status-pill{border-radius:var(--radius-full);background-color:var(--bg-surface);border:1px solid var(--border-subtle);font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.02em;transition:all var(--transition-fast);align-items:center;gap:.4rem;padding:.2rem .65rem;font-size:.72rem;display:inline-flex}.hero-status-pill:hover{border-color:var(--border-default);color:var(--text-secondary)}.hero-layout{flex-direction:column-reverse;align-items:flex-start;gap:1.5rem;display:flex}@media (width>=640px){.hero-layout{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}}.spec-chip{border-radius:var(--radius-sm);background-color:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-secondary);font-size:.8rem;font-family:var(--font-mono);transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.25rem .65rem;display:inline-flex}.spec-chip:hover{border-color:var(--text-muted);color:var(--text-primary);background-color:var(--bg-surface-hover);transform:translateY(-1px)}.social-tactile-btn{border-radius:var(--radius-md);background-color:var(--bg-surface);border:1px solid var(--border-default);width:36px;height:36px;color:var(--text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.social-tactile-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background-color:var(--bg-surface-hover);transform:translateY(-1.5px)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.footer-grid{grid-template-columns:1.35fr .8fr 1fr;gap:3rem;margin-bottom:2.75rem;display:grid}@media (width<=720px){.footer-grid{grid-template-columns:1fr;gap:2.25rem}}.footer-nav-link{color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:.35rem;width:fit-content;font-size:.88rem;text-decoration:none;display:inline-flex}.footer-nav-link:hover{color:var(--text-primary);transform:translate(4px)}.footer-connect-link{color:var(--text-muted);transition:all var(--transition-fast);align-items:center;gap:.55rem;width:fit-content;font-size:.88rem;text-decoration:none;display:inline-flex}.footer-connect-link:hover{color:var(--text-primary);transform:translate(4px)}.footer-connect-link .ext-arrow{opacity:.4;transition:all var(--transition-fast)}.footer-connect-link:hover .ext-arrow{opacity:1;transform:translate(2px,-2px)}.footer-back-to-top{font-size:.78rem;font-family:var(--font-mono);color:var(--text-muted);border-radius:var(--radius-full);border:1px solid var(--border-default);background-color:var(--bg-surface);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:.35rem;padding:.32rem .75rem;display:inline-flex}.footer-back-to-top:hover{color:var(--text-primary);border-color:var(--text-muted);background-color:var(--bg-surface-hover);transform:translateY(-1.5px)}.scroll-peeker-gutter{z-index:85;pointer-events:none;opacity:0;align-items:flex-end;gap:.75rem;transition:transform .45s cubic-bezier(.34,1.4,.64,1),opacity .35s;display:flex;position:fixed;bottom:3.5rem;right:2rem;transform:translate(calc(100% + 3.5rem))}.scroll-peeker-gutter.peeker-visible{opacity:1;pointer-events:auto;transform:translate(0)}@media (width<=1024px){.scroll-peeker-gutter{gap:.5rem;bottom:5rem;right:1rem;transform:translateY(25px)scale(.95)}.scroll-peeker-gutter.peeker-visible{transform:translateY(0)scale(1)}.scroll-peeker-card{max-width:min(290px,100vw - 5.5rem);padding:.6rem .8rem;box-shadow:0 10px 25px #00000080}.scroll-peeker-card p{margin-bottom:.45rem!important;font-size:.76rem!important;line-height:1.35!important}}@media (width<=480px){.scroll-peeker-gutter{bottom:4.8rem;right:.85rem}.scroll-peeker-card{max-width:calc(100vw - 4.75rem);padding:.5rem .7rem}}.scroll-peeker-card{background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);max-width:250px;transition:transform var(--transition-fast), border-color var(--transition-fast);padding:.85rem 1rem;position:relative;box-shadow:0 15px 35px #00000059}.scroll-peeker-card:hover{border-color:var(--text-muted);transform:translateY(-2px)}