:root{--bg:#f7f8fb;--surface:#fff;--surface-2:#f1f3f9;--border:#e1e5ee;--text:#0e1726;--text-soft:#4a5670;--text-mute:#7a8398;--accent:#0a2540;--accent-2:#2563eb;--accent-soft:#e7efff;--shadow:0 1px 2px #0e17260a, 0 8px 24px #0e17260f;--radius:12px}*{box-sizing:border-box}html,body{color:var(--text);background:var(--bg);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5}a{color:var(--accent-2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--text);margin:0;font-weight:600}h2{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.15rem}h3{font-size:1.02rem}h4{color:var(--text-soft);margin-bottom:.4rem;font-size:.92rem}ul{margin:0;padding-left:1.1rem}li{margin-bottom:.3rem}.page{min-height:100vh}.header{background:var(--surface);border-bottom:1px solid var(--border);padding:1.5rem 2rem 1rem}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1320px;margin:0 auto;display:flex}.identity{align-items:center;gap:1rem;display:flex}.avatar-slot{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.25rem;font-weight:700;display:flex}.name{letter-spacing:-.02em;font-size:1.6rem}.headline{color:var(--text-soft);max-width:640px;margin:.15rem 0 0;font-size:.95rem}.lens-picker{background:var(--surface-2);border-radius:999px;gap:.25rem;padding:.25rem;display:flex}.lens-btn{cursor:pointer;color:var(--text-soft);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .15s}.lens-btn:hover{color:var(--text)}.lens-btn.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 3px #0e172614}.contact-row{max-width:1320px;color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.5rem;margin:.75rem auto 0;font-size:.875rem;display:flex}.dot{color:var(--text-mute)}.layout{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:2rem;max-width:1320px;margin:0 auto;padding:2rem;display:grid}@media (width<=1024px){.layout{grid-template-columns:1fr}.chat-rail{position:static!important}}.resume>section{margin-bottom:2rem}.summary p{color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:1.25rem 1.5rem;font-size:1.02rem;line-height:1.6}.highlight-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.highlight-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.metric{color:var(--accent);letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.1}.metric-label{color:var(--text-soft);margin-top:.35rem;font-size:.82rem;line-height:1.4}.section-intro{color:var(--text-soft);margin:-.25rem 0 1rem;font-size:.92rem}.project-list{flex-direction:column;gap:1rem;display:flex}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.project-header{margin-bottom:.5rem}.project-tagline{color:var(--text-mute);text-transform:uppercase;letter-spacing:.04em;margin:.1rem 0 0;font-size:.82rem}.project-description{color:var(--text-soft);margin:.5rem 0 .75rem}.project-highlights{color:var(--text);margin-bottom:.75rem}.project-highlights li{font-size:.92rem}.project-stack{flex-wrap:wrap;gap:.35rem;margin-bottom:.75rem;display:flex}.project-actions{flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.85rem;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:.4rem .9rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-block}.btn:hover{background:var(--surface-2);text-decoration:none}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:#14304f}.source-note{color:var(--text-mute);font-style:italic}.tech-pill{background:var(--accent-soft);color:var(--accent-2);border-radius:999px;padding:.2rem .6rem;font-size:.78rem;font-weight:500;display:inline-block}.tech-pill.subtle{background:var(--surface-2);color:var(--text-soft)}.role{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:.75rem;padding:1.25rem 1.5rem}.role-header{margin-bottom:.5rem}.role-meta{color:var(--text-soft);margin:.15rem 0 0;font-size:.88rem}.role-bullets{margin-bottom:.75rem}.role-bullets li{font-size:.92rem}.role-tech{flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.82rem;display:flex}.tech-label{color:var(--text-mute);margin-right:.25rem}.skill-grid{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;padding:1.25rem 1.5rem;display:grid}.pill-row{flex-wrap:wrap;gap:.35rem;display:flex}.meta{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.meta-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.5rem}.meta-block p{color:var(--text-soft);margin:.25rem 0}.meta-block h2{margin-bottom:.5rem}.chat-rail{position:sticky;top:1.5rem}.chat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;height:calc(100vh - 3rem);min-height:480px;max-height:720px;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border);background:var(--accent);color:#fff;padding:1rem 1.25rem}.chat-header h2{color:#fff;margin:0;font-size:1.05rem}.chat-sub{color:#ffffffbf;margin:.15rem 0 0;font-size:.82rem}.chat-messages{flex-direction:column;flex:1;gap:.6rem;padding:1rem;display:flex;overflow-y:auto}.chat-empty p{color:var(--text-soft);margin:0 0 .6rem;font-size:.9rem}.suggestions{flex-direction:column;gap:.4rem;display:flex}.suggestion{text-align:left;background:var(--surface-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:.55rem .75rem;font-size:.85rem;transition:all .15s}.suggestion:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent-2)}.message{display:flex}.message.user{justify-content:flex-end}.bubble{white-space:pre-wrap;word-wrap:break-word;border-radius:14px;max-width:85%;padding:.55rem .85rem;font-size:.9rem;line-height:1.45}.message.user .bubble{background:var(--accent-2);color:#fff;border-bottom-right-radius:4px}.message.assistant .bubble{background:var(--surface-2);color:var(--text);border-bottom-left-radius:4px}.bubble.typing{gap:.25rem;padding:.75rem .85rem;display:flex}.bubble.typing span{background:var(--text-mute);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite bounce}.bubble.typing span:nth-child(2){animation-delay:.15s}.bubble.typing span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.chat-error{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:.5rem .75rem;font-size:.82rem}.chat-input{border-top:1px solid var(--border);gap:.5rem;padding:.75rem;display:flex}.chat-input input{border:1px solid var(--border);border-radius:8px;outline:none;flex:1;padding:.55rem .75rem;font-family:inherit;font-size:.9rem}.chat-input input:focus{border-color:var(--accent-2)}.chat-input button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:0 1rem;font-size:.9rem;font-weight:500}.chat-input button:disabled{background:var(--text-mute);cursor:not-allowed}.philosophy{border-radius:var(--radius);box-shadow:var(--shadow);background:linear-gradient(135deg,#fdf6e3,#fff8e8);border:1px solid #f0d99c;border-left:4px solid #d97706;padding:1rem 1.25rem}.philosophy-motto{letter-spacing:-.01em;color:#92400e;margin:0 0 .4rem;font-family:Georgia,Times New Roman,serif;font-size:1.08rem;font-style:italic;font-weight:700}.philosophy-expanded{color:var(--text-soft);margin:0;font-size:.92rem;line-height:1.55}.featured-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.featured-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.2rem;padding:.85rem 1rem;display:flex}.featured-title{color:var(--text);font-size:.95rem;font-weight:600}a.featured-title{color:var(--accent-2);text-decoration:none}a.featured-title:hover{text-decoration:underline}.featured-venue{color:var(--text-mute);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}.featured-desc{color:var(--text-soft);font-size:.85rem;line-height:1.45}.open-to-work{border-radius:var(--radius);color:#14532d;background:linear-gradient(90deg,#ecfdf5,#f0f9ff);border:1px solid #bbf7d0;max-width:1320px;margin:1rem auto 0;padding:.75rem 1rem;font-size:.9rem;line-height:1.5}.open-to-work strong{color:#166534}.ai-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.ai-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);border-left:3px solid var(--accent-2);padding:1rem 1.25rem}.ai-card h3{margin-bottom:.4rem;font-size:.95rem}.ai-card p{color:var(--text-soft);margin:0 0 .6rem;font-size:.9rem;line-height:1.5}.diagram-wrap{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin:.5rem 0;padding:.75rem}.diagram-svg{width:100%;height:auto;display:block}.diagram-caption{color:var(--text-mute);margin:.5rem 0 0;font-size:.82rem;font-style:italic;line-height:1.45}.diagram-node:hover rect{filter:brightness(1.04)}.project-collapse{border-top:1px dashed var(--border);margin-top:.75rem;padding-top:.75rem}.project-collapse>summary{cursor:pointer;color:var(--accent-2);-webkit-user-select:none;user-select:none;padding:.25rem 0;font-size:.88rem;font-weight:600}.project-collapse>summary:hover{text-decoration:underline}.demo{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;margin-top:.5rem;padding:.85rem}.demo:focus{outline:2px solid var(--accent-2);outline-offset:-2px}.demo-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem;font-size:.88rem;display:flex}.demo-reset{border:1px solid var(--border);cursor:pointer;color:var(--text-soft);background:0 0;border-radius:6px;padding:.2rem .5rem;font-size:.78rem}.demo-reset:hover{background:var(--surface)}.demo-controls{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:.35rem;margin:.4rem 0;font-size:.8rem;display:flex}.demo-controls kbd{border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:0 1px 0 var(--border);border-radius:4px;padding:.1rem .4rem;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.72rem;display:inline-block}.demo-message{color:var(--text-soft);min-height:1.2em;margin:.35rem 0 0;font-size:.82rem}.demo-loading{color:var(--text-mute);padding:1rem;font-size:.85rem}.dungeon-map{color:#d6e0f5;white-space:pre;letter-spacing:.05em;background:#0e1726;border-radius:6px;margin:0;padding:.75rem;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.95rem;line-height:1.05;overflow-x:auto}.demo-hp{color:var(--text-soft);font-size:.78rem}.cr-prompt{text-align:center;padding:.5rem}.cr-prompt p{color:var(--text-soft);margin:.25rem 0;font-size:.9rem}.cr-fineprint{color:var(--text-mute);font-size:.78rem;margin-top:.5rem!important}.cr-run{margin:.5rem 0}.cr-progress{color:var(--text-soft);align-items:center;gap:.6rem;margin-bottom:.75rem;font-size:.82rem;display:flex}.cr-progress-track{background:var(--surface);border:1px solid var(--border);border-radius:999px;flex:1;height:6px;overflow:hidden}.cr-progress-bar{background:var(--accent-2);height:100%;transition:width 60ms linear}.cr-scores{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.cr-score{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;animation:.3s fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.cr-score-row{justify-content:space-between;font-size:.86rem;font-weight:600;display:flex}.cr-score-value{color:var(--accent-2)}.cr-score-track{background:var(--surface-2);border-radius:999px;height:4px;margin:.35rem 0;overflow:hidden}.cr-score-fill{background:linear-gradient(90deg, var(--accent-2), #60a5fa);width:0;height:100%;animation:.6s forwards grow}@keyframes grow{to{width:var(--w,100%)}}.cr-score-detail{color:var(--text-mute);margin:0;font-size:.78rem}.cr-overall{background:var(--accent);color:#fff;border-radius:8px;align-items:baseline;gap:.5rem;margin-top:.6rem;padding:.6rem .85rem;display:flex}.cr-overall span:first-child{opacity:.85;flex:1;font-size:.88rem}.cr-overall-value{font-size:1.6rem;font-weight:700}.qc-row{flex-wrap:wrap;align-items:end;gap:.6rem;margin-bottom:.75rem;display:flex}.qc-row label{flex-direction:column;flex:1;gap:.2rem;min-width:130px;display:flex}.qc-label{color:var(--text-mute);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem}.qc-row select{border:1px solid var(--border);background:var(--surface);border-radius:6px;padding:.4rem .55rem;font-family:inherit;font-size:.85rem}.qc-arrow{color:var(--text-mute);padding:0 .25rem .4rem;font-size:1.1rem}.qc-run{font-size:.85rem;padding:.45rem .85rem!important}.qc-log{color:#cbd5e1;white-space:pre-wrap;background:#0e1726;border-radius:6px;min-height:7rem;margin:0;padding:.75rem;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.78rem;line-height:1.5;overflow-x:auto}.fc-run{font-size:.85rem;padding:.4rem .85rem!important}.fc-terminal{color:#cbd5e1;white-space:pre-wrap;background:#0e1726;border-radius:6px;min-height:12rem;max-height:18rem;margin:0;padding:.75rem;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.78rem;line-height:1.55;overflow-y:auto}.fc-line{color:#cbd5e1}.fc-prompt{color:#4ade80;font-weight:600}.fc-cursor{color:#4ade80;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{to{opacity:0}}.portfolio-intro{color:var(--text-soft);margin:0 0 .5rem;font-size:.88rem;line-height:1.5}.portfolio-payload{color:#cbd5e1;white-space:pre-wrap;background:#0e1726;border-radius:6px;margin:0;padding:.85rem;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.78rem;line-height:1.55;overflow-x:auto}.payload-http{color:#fbbf24;font-weight:600}.payload-json{color:#cbd5e1}.payload-system{color:#93c5fd}.payload-user{color:#86efac}.payload-comment{color:#94a3b8;font-style:italic}.portfolio-key{color:var(--text-soft);flex-wrap:wrap;gap:.85rem;margin-top:.5rem;font-size:.74rem;display:flex}.portfolio-key .payload-system,.portfolio-key .payload-user,.portfolio-key .payload-comment{font-family:inherit;font-style:normal}.award-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.award-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);border-top:3px solid #f59e0b;padding:1rem 1.15rem}.award-card h4{color:var(--text);margin:0 0 .2rem;font-size:.95rem}.award-org{color:var(--text-mute);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .4rem;font-size:.78rem}.award-context{color:var(--text-soft);margin:0;font-size:.85rem;line-height:1.5}.li-rail{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;margin-top:1rem;padding:1rem}.li-rail h3{color:var(--text-soft);margin-bottom:.5rem;font-size:.9rem}.linkedin-badge{justify-content:center;display:flex}.footer{border-top:1px solid var(--border);background:var(--surface);text-align:center;color:var(--text-mute);padding:1.25rem 2rem;font-size:.82rem}.page-nav{z-index:20;background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:thin;-webkit-overflow-scrolling:touch;justify-content:center;gap:.25rem;padding:.6rem 2rem;display:flex;position:sticky;top:0;overflow-x:auto;box-shadow:0 1px #0e172605}.page-nav a{color:var(--text-soft);white-space:nowrap;border-radius:999px;padding:.4rem .85rem;font-size:.85rem;font-weight:500;transition:background .15s,color .15s;display:inline-block}.page-nav a:hover{background:var(--accent-soft);color:var(--accent-2);text-decoration:none}.page-nav a:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}html{scroll-behavior:smooth}section[id]{scroll-margin-top:56px}.concurrent{padding-top:1rem}.concurrent .section-intro{color:var(--text-soft);margin:0 0 1rem}.engagement{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);padding:1.25rem}.engagement-overview{color:var(--text);margin:.75rem 0 1.25rem;font-size:.95rem;line-height:1.55}.engagement-projects{border-left:3px solid var(--accent-soft);flex-direction:column;gap:1.25rem;margin-bottom:1rem;padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;display:flex}.engagement-project{padding-left:.75rem}.engagement-project-title{color:var(--text);align-items:center;gap:.75rem;margin-bottom:.5rem;font-size:1rem;font-weight:600;display:flex}.engagement-status{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.engagement-status-current{color:#166534;background:#dcfce7}.engagement-status-concluded{background:var(--surface-2);color:var(--text-soft)}.volunteer-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.volunteer-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem}.volunteer-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.volunteer-role{color:var(--text);font-size:1rem;font-weight:600}.volunteer-dates{color:var(--text-soft);white-space:nowrap;font-size:.85rem}.volunteer-org{color:var(--text-soft);margin-top:.2rem;font-size:.9rem}.volunteer-loc{color:var(--text-mute)}.volunteer-desc{color:var(--text);margin:.6rem 0 0;font-size:.9rem;line-height:1.55}