:root{--bg0: #05060a;--bg1: #070a18;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .09);--text: #e9edff;--muted: rgba(233, 237, 255, .72);--muted2: rgba(233, 237, 255, .55);--border: rgba(255, 255, 255, .1);--border2: rgba(255, 255, 255, .16);--shadow: rgba(0, 0, 0, .35);--accent: #38bdf8;--accent2: #6366f1;--good: #34d399;--radius: 16px;--radius2: 22px;--space: 16px;--maxw: 1120px;--font-sans: "DM Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}:root[data-theme=light]{--bg0: #f6f7ff;--bg1: #ffffff;--panel: rgba(8, 10, 20, .05);--panel2: rgba(8, 10, 20, .07);--text: #0f172a;--muted: rgba(15, 23, 42, .72);--muted2: rgba(15, 23, 42, .55);--border: rgba(15, 23, 42, .12);--border2: rgba(15, 23, 42, .18);--shadow: rgba(2, 6, 23, .14)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--text);background:radial-gradient(1000px 680px at 20% -10%,rgba(56,189,248,.25),transparent 60%),radial-gradient(900px 560px at 95% 5%,rgba(99,102,241,.22),transparent 55%),linear-gradient(180deg,var(--bg0),var(--bg1));min-height:100vh;overflow-x:hidden}#bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.95}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#00000026;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}:root[data-theme=light] .topbar{background:#ffffffa6}.brand{display:flex;align-items:center;gap:10px}.brand-mark{width:12px;height:12px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 1px #ffffff2e,0 0 28px #38bdf859}.brand-name{font-weight:800;letter-spacing:-.02em;color:inherit}.nav-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center}.nav-link{color:var(--muted);font-weight:600;font-size:.95rem;padding:8px 10px;border-radius:12px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,color .15s ease}.nav-link:hover{color:var(--text);background:#ffffff0d;border-color:var(--border);text-decoration:none}.nav-link.is-active{color:var(--text);background:#ffffff12;border-color:#38bdf859;box-shadow:0 0 0 1px #38bdf81f inset}.topbar-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:14px;padding:10px 12px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;font-weight:700}.icon-btn:hover{border-color:var(--border2);background:var(--panel2)}.icon-btn:active{transform:translateY(1px)}.kbd-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:14px;padding:10px 12px;cursor:pointer;font-weight:700;transition:background .12s ease,border-color .12s ease;white-space:nowrap}.kbd-btn kbd{font-family:var(--font-mono);font-size:.82rem;padding:2px 6px;border-radius:10px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted)}.cv-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--panel);border-radius:14px;padding:10px 12px;font-weight:800;color:var(--text)}.cv-link:hover{text-decoration:none}.content{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;padding:36px 16px 64px}.section{padding:26px 0 0;margin-top:18px;scroll-margin-top:92px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.section-head h2{margin:0;font-size:clamp(1.35rem,2vw,1.9rem);letter-spacing:-.02em}.muted{color:var(--muted)}.hero-section{margin-top:8px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}.eyebrow{margin:0 0 10px;color:var(--muted);font-weight:700;letter-spacing:.01em}.eyebrow-sub{margin-top:-6px;margin-bottom:18px;font-weight:800;color:var(--muted2)}.hero-text h1{margin:0 0 12px;font-size:clamp(2rem,3.8vw,3.3rem);letter-spacing:-.04em;line-height:1.05}.lead{margin:0;font-size:1.05rem;color:var(--muted);line-height:1.6}.lead-2{margin-top:10px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.primary-btn,.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:16px;font-weight:900;border:1px solid var(--border);transition:transform .12s ease,background .12s ease,border-color .12s ease}.primary-btn{background:linear-gradient(135deg,#38bdf840,#6366f140);border-color:#38bdf852}.secondary-btn{background:#ffffff0a}.primary-btn:hover,.secondary-btn:hover{transform:translateY(-1px);background:#ffffff0f;text-decoration:none}.signal-row{margin-top:18px;display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700}.signal-dot{width:10px;height:10px;border-radius:50%;background:var(--good);box-shadow:0 0 0 6px #34d3992e;animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:.85}}@media (prefers-reduced-motion: reduce){.signal-dot{animation:none}}.hero-visual{display:flex;flex-direction:column;gap:14px;align-items:stretch}.avatar-shell{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:var(--radius2);border:1px solid var(--border);background:radial-gradient(circle at 20% 15%,rgba(56,189,248,.42),transparent 55%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.42),transparent 48%),linear-gradient(180deg,#ffffff0f,#ffffff08);overflow:hidden;box-shadow:0 28px 90px var(--shadow)}.avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:var(--radius2);filter:saturate(1.05) contrast(1.02)}.avatar-fallback{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 30%,rgba(56,189,248,.32),transparent 45%),radial-gradient(circle at 75% 25%,rgba(99,102,241,.28),transparent 45%),repeating-linear-gradient(135deg,#ffffff0a,#ffffff03 10px,#fff0 20px)}.avatar-ring{position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;border-radius:999px;border:1px solid rgba(56,189,248,.18);transform:rotate(20deg);animation:spin 10s linear infinite}@keyframes spin{0%{transform:rotate(20deg)}to{transform:rotate(380deg)}}@media (prefers-reduced-motion: reduce){.avatar-ring{animation:none}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat{padding:14px 12px;border-radius:18px;border:1px solid var(--border);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-value{font-family:var(--font-mono);font-weight:900;font-size:1.15rem;letter-spacing:.01em}.stat-label{margin-top:6px;color:var(--muted);font-weight:700;font-size:.92rem}.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}.pillars{list-style:none;padding:0;margin:0;display:grid;gap:12px}.pillars li{padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);line-height:1.6}.keyword-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.keyword-card{padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .16s ease,border-color .16s ease,background .16s ease}.keyword-card:hover{transform:translateY(-3px);border-color:#38bdf852;background:#ffffff0f}.keyword-title{font-weight:1000;letter-spacing:-.01em;margin-bottom:8px}.keyword-desc{color:var(--muted);line-height:1.6;font-weight:650}.timeline{position:relative;border-left:1px solid rgba(56,189,248,.22);padding-left:18px;display:flex;flex-direction:column;gap:14px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:12px;align-items:start}.timeline-dot{width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 6px #38bdf81f;margin-top:5px}.timeline-body h3{margin:0;font-size:1.05rem}.timeline-sub{margin:6px 0 0;color:var(--muted);font-weight:700;line-height:1.5}.note{margin-top:14px;padding:14px 16px;border-radius:18px;border:1px solid var(--border);background:#ffffff0a;color:var(--muted);line-height:1.7}blockquote{margin:18px 0 0;padding:14px 16px;border-radius:18px;border:1px solid rgba(99,102,241,.26);background:#6366f11a;color:var(--muted);line-height:1.7}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .16s ease,border-color .16s ease,background .16s ease}.project-card:hover{transform:translateY(-4px);border-color:#38bdf852;background:#ffffff0f}.project-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.project-card h3{margin:0;font-size:1.06rem;letter-spacing:-.01em}.project-meta{color:var(--muted2);font-weight:800;font-size:.86rem;white-space:nowrap}.project-desc{margin:10px 0 0;color:var(--muted);line-height:1.6;min-height:3.2em}.project-actions{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.ghost-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:#ffffff0a;color:var(--text);border-radius:14px;padding:10px 12px;font-weight:900;cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .12s ease}.ghost-btn:hover{border-color:#38bdf852;background:#38bdf814}.ghost-btn:active{transform:translateY(1px)}.ghost-link{color:var(--accent);font-weight:900;border-bottom:1px dashed rgba(56,189,248,.35)}.ghost-link:hover{text-decoration:none;border-bottom-color:#38bdf8b3}.pub-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pub-controls input,.pub-controls select{width:min(420px,100%);padding:12px 14px;border-radius:16px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);outline:none}.pub-controls select{width:170px}.pub-controls input::placeholder{color:#e9edff80}:root[data-theme=light] .pub-controls input::placeholder{color:#0f172a73}.pub-status{margin-top:10px;min-height:32px}.pub-loading{margin:0;padding:10px 0;color:var(--muted);font-weight:800}.pub-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:12px}.pub-item{padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff0a;display:flex;gap:14px;align-items:flex-start}.pub-thumb{width:56px;height:56px;border-radius:14px;flex:0 0 auto;border:1px solid rgba(255,255,255,.14);background:#ffffff08;display:block}.pub-body{min-width:0;flex:1}.pub-title{display:block;font-weight:900;line-height:1.4;margin-bottom:8px}.pub-authors,.pub-venue{display:block;color:var(--muted);font-weight:700;line-height:1.5}.pub-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.pub-links a{font-weight:900;border-bottom:1px dashed rgba(56,189,248,.38);color:var(--accent)}.pub-mark{background:#38bdf847;border:1px solid rgba(56,189,248,.35);color:inherit;padding:0 6px;border-radius:999px}.pub-empty{margin:14px 0 0}.contact-grid{display:flex;flex-wrap:wrap;gap:12px}.contact-link{padding:12px 16px;border-radius:16px;border:1px solid var(--border);background:#ffffff0a;font-weight:900;color:var(--text)}.contact-link:hover{background:#ffffff0f;text-decoration:none;border-color:#38bdf852}.footer{border-top:1px solid var(--border);padding:18px 16px 28px;max-width:var(--maxw);margin:0 auto;color:var(--muted)}.palette{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:none;z-index:60;padding:18px}:root[data-theme=light] .palette{background:#0f172a40}.palette.is-open{display:flex;align-items:flex-start;justify-content:center}.palette-panel{width:min(720px,100%);margin-top:10vh;border-radius:18px;border:1px solid var(--border);background:#ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 40px 120px #00000073;padding:14px}.palette-top{display:flex;align-items:center;gap:12px;padding:6px 6px 10px}.palette-icon{width:12px;height:12px;border-radius:4px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 0 0 1px #ffffff2e,0 0 28px #38bdf859}.palette-top input{flex:1;border-radius:14px;border:1px solid var(--border);background:#ffffff0a;color:var(--text);padding:12px 14px;outline:none;font-size:1rem}.palette-results{list-style:none;padding:0;margin:6px 0 0;max-height:48vh;overflow:auto}.palette-item{padding:10px 12px;border-radius:14px;border:1px solid transparent;cursor:pointer;display:flex;align-items:center}.palette-item:hover{background:#ffffff0d;border-color:var(--border)}.palette-item.is-active{background:#38bdf81f;border-color:#38bdf859}.palette-hint{margin:12px 6px 0;font-weight:800;font-size:.92rem}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:none;z-index:70;padding:18px;align-items:center;justify-content:center}:root[data-theme=light] .modal{background:#0f172a47}.modal.is-open{display:flex}.modal-dialog{width:min(760px,100%);border-radius:18px;border:1px solid var(--border);background:#ffffff0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 40px 120px #00000073;padding:16px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-dialog h3{margin:0;font-size:1.25rem;letter-spacing:-.02em}.modal-sub{margin-top:8px;font-weight:800}.modal-dialog p{margin:12px 0 0;color:var(--muted);line-height:1.7;font-weight:700}.modal-links{margin-top:14px;display:flex;flex-wrap:wrap;gap:12px}.modal-link{font-weight:900;border:1px solid var(--border);padding:10px 12px;border-radius:14px;background:#ffffff0a}.modal-link:hover{text-decoration:none;border-color:#38bdf859}@media (max-width: 980px){.brand,.topbar-actions{min-width:auto}.hero-grid,.card-grid,.stats{grid-template-columns:1fr}.nav-links{display:none}.keyword-grid{grid-template-columns:1fr}}@media (max-width: 520px){.kbd-btn{display:none}.topbar{padding:10px 12px}.content{padding:26px 12px 56px}}