:root,[data-theme="light"]{--bg: #ffffff;--bg-alt: #f8f9fa;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--accent: #2563eb;--accent-hover:#1d4ed8;--tag-bg: #f1f5f9;--tag-text: #475569;--shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);--topbar-bg: rgba(255,255,255,0.88);--portrait-bg: linear-gradient(135deg, #e0e7ff, #dbeafe);--badge-review-bg: #fef3c7;--badge-review-text: #92400e;--badge-chi-bg: #dbeafe;--badge-chi-text: #1e40af;--badge-cscw-bg: #d1fae5;--badge-cscw-text: #065f46;--badge-uist-bg: #ede9fe;--badge-uist-text: #5b21b6;--badge-default-bg: #f1f5f9;--badge-default-text: #475569}[data-theme="dark"]{--bg: #0f172a;--bg-alt: #1e293b;--text: #e2e8f0;--text-muted: #94a3b8;--border: #334155;--accent: #60a5fa;--accent-hover:#93bbfd;--tag-bg: #1e293b;--tag-text: #94a3b8;--shadow: 0 1px 3px rgba(0,0,0,0.3);--topbar-bg: rgba(15,23,42,0.9);--portrait-bg: linear-gradient(135deg, #1e293b, #334155);--badge-review-bg: #451a03;--badge-review-text: #fbbf24;--badge-chi-bg: #1e3a5f;--badge-chi-text: #93c5fd;--badge-cscw-bg: #064e3b;--badge-cscw-text: #6ee7b7;--badge-uist-bg: #3b0764;--badge-uist-text: #c4b5fd;--badge-default-bg: #1e293b;--badge-default-text: #94a3b8}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;font-size:15px;line-height:1.7;color:var(--text);background:var(--bg);transition:background 0.3s ease, color 0.3s ease}h1,h2,h3{font-family:'Source Serif 4', 'Georgia', serif;line-height:1.25;letter-spacing:-0.01em}h1{font-size:2.2rem;margin:0 0 0.3rem}h2{font-size:1.4rem;margin:0 0 1.2rem;padding-bottom:0.5rem;border-bottom:2px solid var(--border)}h3{font-size:1rem;margin:0 0 0.2rem;font-family:'Inter', sans-serif;font-weight:600}p{margin:0 0 0.8rem}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}code{font-size:0.88em;background:var(--tag-bg);color:var(--accent);padding:0.15em 0.4em;border-radius:4px}.container{max-width:780px;width:calc(100% - 2rem);margin-inline:auto}.topbar{position:sticky;top:0;z-index:50;background:var(--topbar-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:background 0.3s ease}.topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:56px;gap:1rem}.brand{font-family:'Source Serif 4', 'Georgia', serif;font-weight:700;font-size:1.05rem;color:var(--text);text-decoration:none}.brand:hover{text-decoration:none;opacity:0.8}.nav-links{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:0.6rem;flex-wrap:wrap}.nav-links a{color:var(--text-muted);font-size:0.88rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text);text-decoration:none}.theme-toggle{background:none;border:1px solid var(--border);border-radius:8px;padding:6px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color 0.2s, border-color 0.2s}.theme-toggle:hover{color:var(--text);border-color:var(--text-muted)}[data-theme="light"] .icon-moon{display:none}[data-theme="dark"] .icon-sun{display:none}.hero{display:grid;grid-template-columns:1fr 200px;gap:2rem;align-items:start;padding:2.5rem 0 2rem}.portrait{width:200px;height:200px;border-radius:12px;background:var(--portrait-bg);border:3px solid var(--border);display:grid;place-items:center;font-family:'Source Serif 4', serif;font-size:2.4rem;font-weight:700;color:var(--text-muted);background-size:cover;background-position:center;overflow:hidden}.portrait img{width:100%;height:100%;object-fit:cover}.portrait.circular{border-radius:50%}.hero-subtitle{color:var(--text-muted);font-size:0.95rem;margin-bottom:0.6rem}.hero-subtitle a{color:var(--accent)}.hero-bio{font-size:0.95rem;line-height:1.75}.social-links{margin:1rem 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:0.5rem}.social-links a{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:0.3rem 0.75rem;font-size:0.85rem;color:var(--text);background:var(--bg-alt);text-decoration:none;font-weight:500;transition:border-color 0.2s, background 0.2s}.social-links a:hover{border-color:var(--accent);background:var(--tag-bg);text-decoration:none}.section{padding:2rem 0}.section+.section{border-top:1px solid var(--border)}.pub-list{list-style:none;margin:0;padding:0}.pub-item{padding:1rem 0}.pub-item+.pub-item{border-top:1px solid var(--border)}.pub-item.has-preview{display:grid;grid-template-columns:140px 1fr;gap:1rem;align-items:start}.pub-header{display:flex;align-items:center;gap:0.4rem;margin-bottom:0.3rem}.pub-year{font-size:0.83rem;color:var(--text-muted)}.pub-title{font-weight:600;color:var(--text);line-height:1.4;font-size:0.95rem;margin-bottom:0.15rem}.pub-authors{font-size:0.85rem;color:var(--text-muted);margin-bottom:0.4rem}.pub-venue{font-size:0.83rem;color:var(--text-muted);font-style:italic}.pub-thumb{width:140px;height:95px;border-radius:6px;background:var(--bg-alt);border:1px solid var(--border);overflow:hidden}.pub-thumb img{width:100%;height:100%;object-fit:cover;display:block}.pub-badge{display:inline-block;font-size:0.7rem;font-weight:700;padding:0.1rem 0.45rem;border-radius:4px;text-transform:uppercase;letter-spacing:0.04em;font-style:normal;vertical-align:middle}.badge-under-review{background:var(--badge-review-bg);color:var(--badge-review-text)}.badge-chi{background:var(--badge-chi-bg);color:var(--badge-chi-text)}.badge-cscw{background:var(--badge-cscw-bg);color:var(--badge-cscw-text)}.badge-uist{background:var(--badge-uist-bg);color:var(--badge-uist-text)}.badge-default{background:var(--badge-default-bg);color:var(--badge-default-text)}.pub-links{margin-top:0.35rem;display:flex;flex-wrap:wrap;gap:0.4rem}.pub-links a{font-size:0.78rem;border:1px solid var(--border);border-radius:4px;padding:0.12rem 0.45rem;color:var(--tag-text);background:var(--tag-bg);text-decoration:none;font-weight:500}.pub-links a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.teach-list{list-style:none;margin:0;padding:0}.teach-item{padding:0.5rem 0}.teach-item+.teach-item{border-top:1px solid var(--border)}.teach-header{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:0.3rem}.teach-role{font-weight:600;font-size:0.92rem}.teach-period{font-size:0.85rem;color:var(--text-muted)}.teach-details{font-size:0.88rem;color:var(--text-muted)}.cv-section p{color:var(--text-muted)}.cv-download{display:inline-block;border:1px solid var(--border);border-radius:8px;padding:0.5rem 1rem;font-size:0.9rem;color:var(--text);background:var(--bg-alt);text-decoration:none;font-weight:500;transition:border-color 0.2s}.cv-download:hover{border-color:var(--accent);text-decoration:none}.site-footer{border-top:1px solid var(--border);padding:1.2rem 0 1.6rem;margin-top:1rem}.site-footer p{margin:0;font-size:0.85rem;color:var(--text-muted)}.reveal{opacity:0;transform:translateY(10px);transition:opacity 0.5s ease, transform 0.5s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 640px){.hero{grid-template-columns:1fr;gap:1rem;padding:1.5rem 0}.portrait{width:130px;height:130px}.pub-item.has-preview{grid-template-columns:1fr}.pub-thumb{width:100%;height:120px}.teach-header{flex-direction:column;gap:0}.topbar-inner{flex-direction:column;align-items:flex-start;min-height:auto;padding:0.7rem 0;gap:0.4rem}.nav-links{width:100%;gap:0.4rem}}