:root{--background:#f5f2ee;--ink:#24303a;--muted:#66717a;--blue:#dcebf5;--pink:#f5e6dc;--purple:#ebe1f5;--line:#24303a29;--scroll-track:#f5f2eee0;--scroll-thumb:#24303a6b;scrollbar-color:var(--scroll-thumb) var(--scroll-track);scrollbar-width:thin;color:var(--ink);background:var(--background);font-synthesis:none;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);min-width:320px;color:var(--ink);margin:0}body::-webkit-scrollbar{width:12px}body::-webkit-scrollbar-track{background:var(--scroll-track)}body::-webkit-scrollbar-thumb{border:3px solid var(--scroll-track);background:var(--scroll-thumb);border-radius:999px}body::-webkit-scrollbar-thumb:hover{background:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.page-shell{min-height:100svh;position:relative;overflow:hidden}.fluid-container{z-index:0;pointer-events:none;background:var(--background);position:fixed;inset:0;overflow:hidden}.fluid-container canvas{image-rendering:auto;width:100%;height:100%;display:block;position:absolute;inset:0}.site-content{z-index:1;position:relative}.content-width{width:min(1180px,100% - 48px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;padding-top:34px;display:flex}.brand{letter-spacing:.22em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;font-weight:500}.site-header nav{color:var(--muted);letter-spacing:.08em;gap:32px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;display:flex}.language-switch{border:1px solid var(--line);color:var(--muted);cursor:pointer;font:inherit;letter-spacing:.06em;background:#f5f2ee5c;border-radius:999px;align-items:center;gap:7px;padding:7px 11px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.language-switch:hover{border-color:var(--ink);color:var(--ink);background:#f5f2eeb8}.site-header nav a,.scroll-link{transition:color .18s,opacity .18s}.site-header nav a:hover,.scroll-link:hover{color:var(--ink)}.hero{text-align:center;justify-content:center;align-items:center;min-height:calc(100svh - 88px);padding-top:96px;padding-bottom:12vh;display:flex}.hero-copy{width:min(920px,100%);margin-inline:auto}.eyebrow,.card-index{color:var(--muted);letter-spacing:.14em;margin:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.68rem;line-height:1.5}.hero h1,.about-section h2{letter-spacing:-.055em;margin:22px 0 0;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,serif;font-weight:600}.hero h1{max-width:1000px;margin-inline:auto;font-size:clamp(3rem,8vw,6.5rem);line-height:1.02}.hero-intro{max-width:680px;color:var(--muted);margin:34px auto 0;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.8}.tag-cloud{flex-wrap:wrap;justify-content:center;gap:9px;max-width:850px;margin:32px auto 0;display:flex}.tag-cloud span{border:1px solid var(--line);color:var(--ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#f5f2ee57;border-radius:999px;padding:8px 13px 9px;font-size:.78rem;line-height:1.2}.scroll-link{border-bottom:1px solid var(--ink);margin-top:48px;padding-bottom:7px;font-size:.85rem;display:inline-block}.about-section{padding-top:12vh;padding-bottom:14vh}.about-section h2{font-size:clamp(1.8rem,3vw,3rem);line-height:1.2}.interest-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:54px;display:grid}.interest-card{border:1px solid var(--line);border-radius:28px;min-height:280px;padding:27px 28px 30px}.interest-card--blue{background:color-mix(in srgb, var(--blue) 78%, transparent)}.interest-card--pink{background:color-mix(in srgb, var(--pink) 78%, transparent)}.interest-card--purple{background:color-mix(in srgb, var(--purple) 78%, transparent)}.interest-card h3{letter-spacing:-.04em;margin:74px 0 14px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,serif;font-size:clamp(1.45rem,2vw,2rem);font-weight:600}.interest-card>p:last-child{max-width:250px;color:var(--muted);margin:0;line-height:1.8}.connect-section{text-align:center;flex-direction:column;align-items:center;padding-top:10vh;padding-bottom:16vh;display:flex}.connect-section h2{letter-spacing:-.04em;margin:22px 0 0;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:600;line-height:1.2}.connect-sub{max-width:480px;color:var(--muted);margin:14px 0 0;line-height:1.8}.connect-section .github-link{margin-top:36px}.github-link{border:1px solid var(--line);width:54px;height:54px;color:var(--muted);letter-spacing:.06em;background:#f5f2ee5c;border-radius:999px;justify-content:center;align-items:center;gap:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.github-link:hover{border-color:var(--ink);color:var(--ink);background:#f5f2eeb8}@media (width<=980px){.interest-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.content-width{width:min(100% - 36px,1180px)}.site-header{padding-top:24px}.site-header nav{gap:16px;font-size:.65rem}.hero{min-height:calc(100svh - 72px);padding-top:72px;padding-bottom:10vh}.hero h1{margin-top:18px;font-size:clamp(1.75rem,9.6vw,4.5rem)}.hero-intro{margin-top:25px;line-height:1.75}.scroll-link{margin-top:34px}.site-header{gap:14px}.site-header nav{gap:12px}.language-switch{padding:6px 8px;font-size:.62rem}.header-actions{gap:7px}.github-link--header{width:34px;height:34px}.about-section{padding-top:10vh;padding-bottom:10vh}.interest-grid{grid-template-columns:1fr;gap:12px;margin-top:34px}.interest-card{border-radius:22px;min-height:220px;padding:22px}.interest-card h3{margin-top:44px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header nav a,.scroll-link{transition:none}}