@keyframes fn-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fn-fade-out{0%{opacity:1}to{opacity:0}}::view-transition-old(root){animation:fn-fade-out .16s ease both}::view-transition-new(root){animation:fn-fade-in .28s ease both}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}:root{--bg: #f6f4ef;--surface: #ffffff;--surface-2: #efede7;--border: rgba(20, 18, 16, .1);--border-strong: rgba(20, 18, 16, .18);--text: #14110f;--text-2: #4a4845;--muted: #8a8782;--muted-2: #b8b5b0;--avatar-bg: #14110f;--avatar-fg: #f6f4ef;--green: #2a9d54;--green-soft: #2a9d54;--radius: 14px;--radius-sm: 8px;--shadow-card: 0 1px 0 rgba(20, 18, 16, .03);--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace}html[data-theme=dark]{--bg: #14110f;--surface: #1a1715;--surface-2: #221e1b;--border: rgba(246, 244, 239, .08);--border-strong: rgba(246, 244, 239, .16);--text: #f6f4ef;--text-2: #c5c2bc;--muted: #898682;--muted-2: #4f4d49;--avatar-bg: #f6f4ef;--avatar-fg: #14110f;--green: #3dba6a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11";transition:background .2s ease,color .2s ease}::selection{background:var(--text);color:var(--bg)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--muted-2);border-radius:6px}a{color:inherit}.page{max-width:780px;margin:0 auto;padding:36px 28px 60px;min-height:100vh;display:flex;flex-direction:column}.page>main{flex:1}@media(max-width:640px){.page{padding:24px 20px 40px}}.site-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:56px;gap:16px;flex-wrap:wrap}.brand{font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:var(--text)}.header-right{display:flex;align-items:center;gap:14px}.header-nav{display:flex;gap:10px;font-size:15px;color:var(--text-2)}.header-nav a{color:var(--text-2);text-decoration:underline;text-decoration-color:var(--muted-2);text-underline-offset:4px;text-decoration-thickness:1px;transition:color .15s}.header-nav a:hover,.header-nav a.active{color:var(--text);text-decoration-color:var(--text)}.header-nav .slash{color:var(--muted-2);text-decoration:none;user-select:none}.header-divider{width:1px;height:16px;background:var(--muted-2);opacity:.6}.icon-links{display:flex;gap:12px;align-items:center}.icon-link{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);text-decoration:none;transition:color .15s ease}.icon-link:hover{color:var(--text)}.icon-link svg{width:16px;height:16px;display:block}.site-footer{margin-top:64px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);gap:16px;flex-wrap:wrap}.theme-toggle{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:3px}.theme-toggle button{width:28px;height:28px;background:transparent;border:0;border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.theme-toggle button:hover{color:var(--text)}.theme-toggle button.active{background:var(--surface-2);color:var(--text)}.theme-toggle button svg{width:14px;height:14px}.avatar{width:80px;height:80px;border-radius:50%;background:var(--avatar-bg);color:var(--avatar-fg);display:inline-flex;align-items:center;justify-content:center;font-weight:500;font-size:24px;letter-spacing:.04em;flex-shrink:0;user-select:none;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:36px;height:36px;font-size:12px}.page-title{font-size:32px;letter-spacing:-.02em;font-weight:500;margin:0 0 8px}.page-subtitle{font-size:15px;color:var(--muted);margin:0 0 36px;max-width:520px}.section-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin:0 0 16px}.hero{display:flex;gap:24px;align-items:flex-start;margin-bottom:36px}.hero-text{padding-top:4px}.hero-title{font-size:22px;font-weight:600;margin:0 0 8px;letter-spacing:-.01em}.hero-bio{margin:0;color:var(--text-2);font-size:15.5px;line-height:1.65;max-width:540px}@media(max-width:520px){.hero{gap:18px}.avatar{width:64px;height:64px;font-size:20px}.hero-title{font-size:19px}}.chat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:520px}.chat-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);gap:12px}.chat-card-header-left{display:flex;align-items:center;gap:12px}.chat-card-header-name{font-weight:600;font-size:14.5px;color:var(--text);line-height:1.2}.chat-card-header-sub{font-size:12px;color:var(--muted);margin-top:2px}.chat-card-header-right{display:inline-flex;align-items:center;gap:10px}.online-pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-2)}.chat-clear-btn{display:none;width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;align-items:center;justify-content:center;transition:color .15s ease,border-color .15s ease,background .15s ease}.chat-clear-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.chat-clear-btn svg{width:14px;height:14px;display:block}html[data-chat-active=true] .chat-clear-btn{display:inline-flex}.online-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in oklab,var(--green) 22%,transparent)}.chat-body{flex:1;overflow-y:auto;padding:24px 24px 12px;display:flex;flex-direction:column}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 12px}.chat-empty-icon{width:56px;height:56px;border-radius:50%;background:var(--surface-2);color:var(--muted);display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px}.chat-empty-icon svg{width:24px;height:24px}.chat-empty-title{font-size:17px;font-weight:500;margin:0 0 6px;color:var(--text);letter-spacing:-.01em}.chat-empty-sub{font-size:14px;color:var(--muted);margin:0 0 22px;max-width:320px}.suggestion-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:600px}.chip{font-family:var(--font-sans);font-size:13px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:7px 14px;cursor:pointer;transition:all .15s ease}.chip:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-2)}.messages{display:flex;flex-direction:column;gap:18px;padding-bottom:8px}.msg{display:flex;gap:12px;align-items:flex-start}.msg-avatar{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:var(--avatar-bg);color:var(--avatar-fg);font-size:10px;font-weight:500;letter-spacing:.04em;display:inline-flex;align-items:center;justify-content:center}.msg.user .msg-avatar{background:var(--surface-2);color:var(--text-2)}.msg-body{flex:1;font-size:15px;line-height:1.6;color:var(--text);padding-top:3px;word-wrap:break-word}.msg.user .msg-body{color:var(--text-2)}.msg-body p{margin:0 0 10px;color:inherit}.msg-body p:last-child{margin:0}.msg-body strong{color:var(--text);font-weight:600}.msg-body code{font-family:var(--font-mono);font-size:13px;background:var(--surface-2);padding:1px 6px;border-radius:4px}.typing-dots{display:inline-flex;gap:4px;align-items:center;height:20px}.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--muted);animation:blink 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes blink{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.chat-input-bar{border-top:1px solid var(--border);padding:12px;display:flex;gap:8px;align-items:flex-end;background:var(--bg)}.chat-input{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:var(--font-sans);font-size:15px;line-height:1.5;padding:11px 14px;resize:none;max-height:140px;outline:none;transition:border-color .15s}.chat-input::placeholder{color:var(--muted)}.chat-input:focus{border-color:var(--border-strong)}.send-btn{flex:0 0 42px;width:42px;height:42px;background:var(--text);color:var(--bg);border:0;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:opacity .15s,transform .15s}.send-btn:hover:not(:disabled){transform:translateY(-1px)}.send-btn:disabled{opacity:.35;cursor:not-allowed}.send-btn svg{width:18px;height:18px}.work-list{display:flex;flex-direction:column;gap:14px}.work-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 28px 26px;text-decoration:none;color:inherit;display:block;position:relative;transition:border-color .18s ease,transform .18s ease}.work-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.work-card:hover .work-arrow{transform:translate(2px,-2px);color:var(--text)}.work-card--static{cursor:default}.work-card--static:hover{transform:none;border-color:var(--border)}.work-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.work-title{font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--text);margin:0}.work-meta{font-size:14px;color:var(--muted)}.work-meta strong{color:var(--text-2);font-weight:500}.work-meta .dot{margin:0 8px;opacity:.6}.work-arrow{color:var(--muted);transition:transform .2s ease,color .2s ease;flex-shrink:0;margin-top:4px}.work-arrow svg{width:18px;height:18px;display:block}.work-features{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.work-features li{font-size:14.5px;color:var(--text-2);line-height:1.6;padding-left:20px;position:relative}.work-features li:before{content:"";position:absolute;left:4px;top:9px;width:4px;height:4px;border-radius:50%;background:var(--muted)}@media(max-width:640px){.work-card{padding:22px 20px}.work-title{font-size:17px}}.case-back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-decoration:none;margin-bottom:28px;transition:color .18s ease}.case-back:hover{color:var(--text)}.case-back svg{width:14px;height:14px}.case-head{border-bottom:1px solid var(--border);padding-bottom:28px;margin-bottom:32px}.case-meta{font-size:14px;color:var(--muted);margin-bottom:10px}.case-meta strong{color:var(--text-2);font-weight:500}.case-meta .dot{margin:0 8px;opacity:.6}.case-title{font-size:34px;letter-spacing:-.02em;font-weight:500;margin:0 0 10px}.case-tagline{font-size:17px;color:var(--text-2);line-height:1.6;max-width:600px;margin:0 0 22px}.case-live{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500;color:var(--text);text-decoration:none;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:9px 16px;transition:border-color .18s ease,transform .18s ease}.case-live:hover{border-color:var(--text);transform:translateY(-1px)}.case-live svg{width:15px;height:15px}.case-section{margin-bottom:32px}.case-section .work-features{margin-top:14px}.case-overview{font-size:15.5px;line-height:1.7;color:var(--text-2);max-width:640px;margin:12px 0 0}@media(max-width:640px){.case-title{font-size:27px}}.cv-open-link{color:var(--text);text-decoration:underline;text-decoration-color:var(--muted-2);text-underline-offset:3px}.cv-footer-note{margin-top:32px;font-size:14px;color:var(--muted)}.cv-summary{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;margin-bottom:40px;display:flex;gap:18px;align-items:center;box-shadow:var(--shadow-card)}.cv-summary-text{font-size:14.5px;color:var(--text-2);line-height:1.6;margin:0}.cv-summary-text strong{color:var(--text);font-weight:600}.exp-list{display:flex;flex-direction:column}.exp-row{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:24px 0;border-top:1px solid var(--border)}.exp-row:last-child{border-bottom:1px solid var(--border)}.exp-date{font-family:var(--font-mono);font-size:12px;color:var(--muted);padding-top:4px;line-height:1.5}.exp-title{font-size:16.5px;font-weight:500;color:var(--text);letter-spacing:-.01em;margin:0}.exp-company{font-size:14px;color:var(--text-2);margin-top:3px}.exp-company .dot{color:var(--muted-2);margin:0 8px}.exp-bullets{margin:12px 0 0;padding-left:18px;max-width:560px}.exp-bullets li{font-size:14.5px;color:var(--text-2);line-height:1.65;margin-bottom:8px}.exp-bullets li:last-child{margin-bottom:0}.exp-stack{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.tech-tag{font-family:var(--font-mono);font-size:11px;color:var(--text-2);background:var(--surface-2);padding:3px 8px;border-radius:4px}@media(max-width:640px){.exp-row{grid-template-columns:1fr;gap:4px}.cv-summary{flex-direction:column;align-items:flex-start}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}