: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}}@media (width>=769px){.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}}@media (width<=768px){.desktop-nav,.search-btn-text,.search-kbd-badge{display:none!important}main.container{padding-bottom:6.5rem!important}footer{padding-bottom:6rem!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)}.visitor-counter-pill{font-family:var(--font-mono);color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-full);letter-spacing:.015em;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;cursor:default;align-items:center;gap:.42rem;padding:.32rem .72rem;font-size:.74rem;line-height:1;display:inline-flex}.visitor-counter-pill:hover{border-color:var(--border-interactive);color:var(--text-primary);background-color:var(--bg-surface-hover);transform:translateY(-1px)}.visitor-pulse-beacon{flex-shrink:0;justify-content:center;align-items:center;width:10px;height:10px;display:inline-flex;position:relative}.visitor-pulse-dot{background-color:var(--accent-green);width:6px;height:6px;box-shadow:0 0 6px var(--accent-green);z-index:1;border-radius:50%}.visitor-pulse-ring{background-color:var(--accent-green);opacity:.6;border-radius:50%;width:100%;height:100%;animation:2.2s cubic-bezier(0,0,.2,1) infinite beacon-ping;position:absolute}@keyframes beacon-ping{0%{opacity:.8;transform:scale(.8)}75%,to{opacity:0;transform:scale(2.4)}}.visitor-badge-num{color:var(--text-primary);letter-spacing:.02em;font-weight:600}.visitor-badge-label{color:var(--text-muted)}.visitor-counter-pill:hover .visitor-badge-label{color:var(--text-secondary)}.visitor-badge-code{color:var(--text-faint);font-weight:500}.visitor-badge-sparkle{color:var(--accent-blue);font-size:.72rem}.dock-more-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;background-color:#0009;animation:.18s ease-out forwards dockFadeIn;position:fixed;inset:0}[data-theme=light] .dock-more-backdrop{background-color:#00000059}.dock-more-sheet{background-color:var(--bg-surface);border-top:1px solid var(--border-default);border-left:1px solid var(--border-default);border-right:1px solid var(--border-default);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-width:500px;padding:.75rem 1.25rem max(1.75rem, calc(env(safe-area-inset-bottom) + 1.25rem));z-index:105;margin:0 auto;animation:.22s cubic-bezier(.16,1,.3,1) forwards dockSheetSlideUp;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -15px 45px #000000a6}[data-theme=light] .dock-more-sheet{box-shadow:0 -10px 30px #0000001f}@keyframes dockSheetSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes dockFadeIn{0%{opacity:0}to{opacity:1}}.dock-sheet-handle{border-radius:var(--radius-full);background-color:var(--border-strong);width:36px;height:4px;margin:.25rem auto .85rem}.dock-sheet-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;display:flex}.dock-sheet-title{color:var(--text-faint);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:600;font-family:var(--font-mono)}.dock-sheet-close{border-radius:var(--radius-sm);background-color:var(--bg-primary);border:1px solid var(--border-default);width:28px;height:28px;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:inline-flex}.dock-sheet-close:hover{color:var(--text-primary);border-color:var(--border-interactive)}.dock-sheet-grid{flex-direction:column;gap:.45rem;margin-bottom:.85rem;display:flex}.dock-sheet-item{border-radius:var(--radius-md);color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-subtle);font-family:var(--font-mono);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:.7rem .9rem;font-size:.88rem;text-decoration:none;display:flex}.dock-sheet-item:hover,.dock-sheet-item.active{background-color:var(--bg-surface-hover);color:var(--text-primary);border-color:var(--border-interactive)}.dock-sheet-item-left{align-items:center;gap:.65rem;display:flex}.dock-sheet-item-num{color:var(--text-faint);font-size:.76rem}.dock-sheet-item.active .dock-sheet-item-num{color:var(--accent-green)}.dock-sheet-contact-btn{border-radius:var(--radius-md);background-color:var(--text-primary);width:100%;color:var(--bg-primary);font-family:var(--font-mono);cursor:pointer;transition:opacity var(--transition-fast);border:none;justify-content:center;align-items:center;gap:.5rem;margin-bottom:.85rem;padding:.75rem 1rem;font-size:.86rem;font-weight:600;display:flex}.dock-sheet-contact-btn:hover{opacity:.92}.dock-sheet-socials{border-top:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:1.25rem;padding-top:.5rem;display:flex}.dock-sheet-social-link{color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;padding:.4rem;display:inline-flex}.dock-sheet-social-link:hover{color:var(--text-primary);transform:translateY(-1.5px)}.ambient-glow-container{pointer-events:none;z-index:0;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.ambient-blob{-webkit-filter:blur(100px);opacity:.9;pointer-events:none;border-radius:50%;position:absolute;transform:translate(0,0)}.ambient-blob-top-right{background:radial-gradient(circle,#60a5fa1f 0%,#818cf812 45%,#0d0d0e00 75%);width:min(580px,60vw);height:min(580px,60vw);top:-120px;right:-100px}.ambient-blob-bottom-left{background:radial-gradient(circle,#22c55e14 0%,#38bdf80d 50%,#0d0d0e00 78%);width:min(600px,65vw);height:min(600px,65vw);bottom:-150px;left:-120px}[data-theme=light] .ambient-blob-top-right{background:radial-gradient(circle,#2563eb0d 0%,#6366f106 45%,#faf9f500 75%)}[data-theme=light] .ambient-blob-bottom-left{background:radial-gradient(circle,#16a34a0a 0%,#0ea5e906 50%,#faf9f500 78%)}