:root{--paper:#f4f2eb;--ink:#1f2924;--muted:#667069;--orange:#a56f52;--lime:#c4cbb7;--cyan:#9bb5ae;--purple:#858493;--white:#fbfaf6;--line:#d0d4cd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(#14221b09 1px,transparent 1px),linear-gradient(90deg,#14221b09 1px,transparent 1px),var(--paper);background-size:42px 42px;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}a{color:inherit;text-decoration:none}::selection{background:var(--lime)}main{position:relative;overflow:hidden}.blob{position:absolute;z-index:-1;width:420px;height:420px;border-radius:50%;filter:blur(80px);opacity:.22}.blob.one{top:120px;right:-220px;background:var(--cyan)}.blob.two{top:820px;left:-260px;background:var(--lime)}.site-header,.hero,.section,.cta,.page-intro,.page-grid,.notes-grid,.update,.lab-grid,.lab-rule,.about,.connect,.detail,.article,footer{width:min(1180px,calc(100% - 56px));margin-inline:auto}.site-header{min-height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;border-bottom:2px solid var(--ink)}.brand{display:flex;align-items:center;gap:12px;width:max-content}.brand>span:last-child{display:grid}.brand small{font:800 10px monospace;letter-spacing:.1em;color:#4f5a53}.brand-mark{width:48px;height:48px;display:grid;place-items:center;background:var(--orange);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font:900 14px monospace;transform:rotate(-3deg)}.brand-mark.small{width:34px;height:34px;box-shadow:3px 3px 0 var(--ink)}nav{display:flex;gap:28px;font:750 15px monospace}nav a{display:inline-flex;align-items:center;min-height:44px;padding:12px 6px}.github{justify-self:end;display:inline-flex;align-items:center;min-height:46px;padding:12px 18px;border:2px solid var(--ink);background:var(--lime);box-shadow:3px 3px 0 var(--ink);font:850 13px monospace}.eyebrow{margin:0;color:var(--muted);font:800 11px monospace;letter-spacing:.13em}.hero{min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;gap:74px;align-items:center;padding:78px 0 92px}.hero h1{margin:22px 0 0;font-size:clamp(50px,6.4vw,82px);line-height:1.04;letter-spacing:-.07em}.hero h1 em{font-style:normal;position:relative;background:linear-gradient(transparent 65%,var(--lime) 65%)}.lead{max-width:650px;margin:30px 0 0;color:var(--muted);font-size:17px;line-height:1.85}.actions{display:flex;flex-wrap:wrap;gap:15px;margin-top:36px}.button{display:inline-flex;min-height:50px;padding:0 20px;align-items:center;justify-content:center;border:2px solid var(--ink);font-size:13px;font-weight:850;box-shadow:5px 5px 0 var(--ink)}.button.primary{background:var(--orange)}.button.secondary{background:var(--white)}.system-board{border:2px solid var(--ink);background:var(--white);box-shadow:12px 12px 0 var(--purple);transform:rotate(1.2deg)}.board-top{display:flex;justify-content:space-between;padding:16px;border-bottom:2px solid var(--ink);font:800 11px/1.2 monospace;letter-spacing:.08em}.orbit{position:relative;min-height:370px;display:grid;place-items:center}.circle{position:absolute;border:2px solid var(--ink);border-radius:50%}.circle.a{width:280px;height:280px;border-style:dashed;animation:spin 30s linear infinite}.circle.b{width:190px;height:190px}.core{z-index:1;width:118px;height:118px;display:grid;place-content:center;text-align:center;border:2px solid var(--ink);border-radius:50%;background:var(--lime);box-shadow:6px 6px 0 var(--ink)}.core strong{font:950 34px monospace}.core small{font:800 9px/1.35 monospace;letter-spacing:.04em}.lab{position:absolute;padding:9px 11px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font:normal 800 10px/1.2 monospace}.la{top:70px;right:32px;background:var(--orange)}.lb{left:28px;bottom:72px;background:var(--cyan)}.lc{right:20px;bottom:33px;background:var(--purple);color:white}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--ink)}.stats div{display:grid;gap:5px;padding:15px}.stats div+div{border-left:2px solid var(--ink)}.stats small{font:800 9px/1.25 monospace;color:#4f5a53;letter-spacing:.06em}.ticker{width:100%;overflow:hidden;padding:15px 0;border-block:2px solid var(--ink);background:var(--lime);font:900 17px monospace;white-space:nowrap;transform:rotate(-1deg) scale(1.02)}.ticker span{margin:0 30px;color:var(--orange)}.section{padding:118px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:48px}.section-head h2{margin:15px 0 0;font-size:clamp(35px,5vw,58px);line-height:1.12;letter-spacing:-.055em}.section-head>a,.more{font-weight:800;border-bottom:3px solid var(--orange)}.grid.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{position:relative;min-height:440px;display:flex;flex-direction:column;padding:25px;background:var(--white);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--accent);transition:.18s}.project-card:hover{transform:translateY(-8px)}.orange{--accent:var(--orange)}.cyan{--accent:var(--cyan)}.purple{--accent:var(--purple)}.number{width:48px;height:48px;display:grid;place-items:center;border:2px solid var(--ink);background:var(--accent);font:900 12px monospace}.project-copy{margin-top:auto}.project-copy small{font:800 9px monospace;color:var(--muted)}.project-copy h2{margin:12px 0;font-size:clamp(27px,3vw,36px);line-height:1.05}.project-copy p{color:var(--muted);font-size:13px;line-height:1.72}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.tags span{padding:6px 8px;border:1.5px solid var(--ink);background:var(--paper);font:800 8px monospace}.arrow{position:absolute;top:25px;right:25px;font-size:24px}.notes-preview{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;border-top:2px solid var(--ink)}.poster{min-height:490px;display:flex;flex-direction:column;padding:35px;background:var(--purple);color:white;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--orange);transform:rotate(-2deg)}.poster .eyebrow{color:white}.poster strong{margin-top:auto;font-size:clamp(65px,8vw,92px);line-height:.86;letter-spacing:-.09em}.poster>span{margin-top:25px}.note-list{border-top:2px solid var(--ink)}.note-list>a:not(.more){display:grid;grid-template-columns:42px 1fr 26px;gap:18px;padding:25px 8px;border-bottom:2px solid var(--ink)}.note-list small{font:800 9px monospace;color:var(--muted)}.note-list h3{margin:8px 0 0;font-size:19px}.note-list .more{display:inline-block;margin-top:26px}.cta,.update,.lab-rule,.connect,.result{margin-bottom:118px;padding:55px;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--ink)}.cta{background:var(--cyan)}.cta h2,.update h2,.lab-rule h2{margin:14px 0 24px;font-size:clamp(38px,6vw,70px);line-height:1}.page-intro{padding:105px 0 72px;border-bottom:2px solid var(--ink)}.page-intro h1{margin:18px 0 22px;font-size:clamp(60px,10vw,116px);line-height:.95;letter-spacing:-.08em}.page-intro>p:last-child{max-width:760px;color:var(--muted);font-size:18px;line-height:1.8}.page-grid{padding:72px 0 120px}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;padding:72px 0 96px}.note-card{min-height:390px;display:flex;flex-direction:column;padding:30px;background:var(--white);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--accent)}.note-card>span{width:52px;height:52px;display:grid;place-items:center;margin-top:48px;background:var(--accent);border:2px solid var(--ink);font:900 12px monospace}.note-card h2{font-size:clamp(28px,3.2vw,42px);line-height:1.14}.note-card p{color:var(--muted);line-height:1.75}.note-card>b{margin-top:auto}.update{background:var(--lime);box-shadow:9px 9px 0 var(--orange)}.lab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;padding:72px 0 100px}.lab-grid article{min-height:250px;padding:28px;background:var(--white);border:2px solid var(--ink);box-shadow:7px 7px 0 var(--accent)}.lab-grid article>small{float:right;font:800 9px monospace}.lab-grid h2{margin-top:70px;font-size:29px}.lab-grid p{color:var(--muted);line-height:1.7}.lab-rule{background:var(--orange)}.about{display:grid;grid-template-columns:1fr 1fr;gap:76px;padding:80px 0 110px}.about h2{font-size:clamp(37px,5vw,60px);line-height:1.1}.about p{color:var(--muted);line-height:1.85}.stack{border-top:2px solid var(--ink)}.stack article{display:grid;grid-template-columns:45px 130px 1fr;gap:15px;padding:22px 0;border-bottom:2px solid var(--ink)}.stack h3,.stack p{margin:0}.connect{display:flex;justify-content:space-between;align-items:end;background:var(--purple);color:white}.connect .eyebrow{color:white}.connect h2{font-size:clamp(32px,5vw,52px)}.detail,.article{padding:46px 0 120px}.back{display:inline-block;border-bottom:2px solid var(--accent);font-weight:800}.detail-hero{display:grid;grid-template-columns:1fr 180px;gap:70px;align-items:end;padding:75px 0 45px}.detail-hero h1,.article header h1{margin:18px 0 22px;font-size:clamp(55px,9vw,108px);line-height:.95;letter-spacing:-.08em}.detail-hero p,.article header p{max-width:820px;color:var(--muted);font-size:17px;line-height:1.8}.stamp{aspect-ratio:1;display:grid;place-content:center;text-align:center;background:var(--accent);border:2px solid var(--ink);border-radius:50%;box-shadow:7px 7px 0 var(--ink);transform:rotate(7deg)}.stamp b{font-size:22px}.detail-row{display:grid;grid-template-columns:260px 1fr;gap:65px;padding:80px 0;border-top:2px solid var(--ink)}.detail-row>div{display:flex;gap:18px}.detail-row>div>b{color:var(--accent)}.detail-row h2{margin:0;font-size:17px}.detail-row .big{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.45}.detail-row ol{margin:0;padding:0;list-style:none;border-top:2px solid var(--ink)}.detail-row li{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:22px 0;border-bottom:2px solid var(--ink)}.detail-row li p{margin:0;line-height:1.75}.result{background:var(--accent)}.result h2{font-size:clamp(32px,5vw,56px)}.article header{max-width:980px;padding:75px 0 68px}.article header>small{padding:8px 10px;border:2px solid var(--ink);background:var(--accent);font:800 9px monospace}.article-body{max-width:850px;margin-left:auto}.article-body section{padding:55px 0;border-top:2px solid var(--ink)}.article-body section>b{color:var(--accent)}.article-body h2{font-size:clamp(29px,4vw,43px)}.article-body section p{line-height:1.95}.article-body ul{padding:22px 24px 22px 46px;background:var(--white);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--accent)}.article-body aside{margin-top:35px;padding:38px;background:var(--accent);border:2px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.article-body aside p{font-size:clamp(24px,4vw,38px);font-weight:850;line-height:1.4}footer{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;padding:46px 0;border-top:2px solid var(--ink)}footer>div:first-child{display:flex;align-items:center;gap:16px}footer p{grid-column:1/-1;color:var(--muted);font:800 8px monospace}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.site-header nav{grid-row:2;grid-column:1/-1;justify-content:center;padding:8px}.hero{grid-template-columns:1fr}.system-board{max-width:620px}.grid.projects{grid-template-columns:1fr 1fr}.notes-preview,.about{grid-template-columns:1fr}.detail-row{grid-template-columns:210px 1fr}}@media(max-width:680px){.site-header,.hero,.section,.cta,.page-intro,.page-grid,.notes-grid,.update,.lab-grid,.lab-rule,.about,.connect,.detail,.article,footer{width:min(100% - 30px,1180px)}.brand>span:last-child,.github{display:none}.site-header nav{overflow:auto;justify-content:flex-start;gap:22px}.hero{padding:65px 0}.system-board{transform:none}.grid.projects,.notes-grid,.lab-grid{grid-template-columns:1fr}.notes-preview{gap:55px}.section-head,.connect{align-items:flex-start;flex-direction:column}.cta,.update,.lab-rule,.connect,.result{padding:35px 25px}.detail-hero{grid-template-columns:1fr}.stamp{width:135px}.detail-row{grid-template-columns:1fr;gap:30px}.article-body{margin-left:0}.stack article{grid-template-columns:40px 1fr}.stack article p{grid-column:2}footer{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Quiet editorial refresh: personal experience first */
body{background:linear-gradient(#1f292407 1px,transparent 1px),linear-gradient(90deg,#1f292407 1px,transparent 1px),var(--paper);background-size:52px 52px}
.blob{opacity:.07}
.site-header{min-height:96px;border-bottom:1px solid var(--line)}
.brand-mark{background:var(--lime);border:1px solid var(--ink);box-shadow:none;transform:none;border-radius:3px}
.github{background:transparent;border:1px solid var(--line);box-shadow:none}
nav a{color:var(--muted)}
nav a:hover{color:var(--ink)}
.hero{min-height:650px;padding:72px 0 84px}
.hero h1 em{background:linear-gradient(transparent calc(100% - 8px),var(--lime) 0);background-repeat:no-repeat;background-position:0 2px}
.button{border:1px solid var(--ink);box-shadow:none;border-radius:2px}
.button.primary{background:#34473d;color:var(--white)}
.system-board{border:1px solid var(--line);box-shadow:0 18px 50px #1f292414;transform:none}
.board-top,.stats{border-color:var(--line)}
.circle,.core,.lab{border-width:1px;box-shadow:none}
.core{background:var(--lime)}
.la,.lb,.lc{background:#e8e8e1;color:var(--ink)}
.stats div+div{border-left:1px solid var(--line)}
.ticker{width:min(1180px,calc(100% - 56px));margin-inline:auto;padding:18px 22px;border:1px solid #34473d;background:#34473d;color:#f8f7f2;font:700 13px/1.5 monospace;letter-spacing:.08em;text-align:center;white-space:normal;transform:none}
.ticker span{margin:0 24px;color:#b9c5b7}
.section{padding:102px 0}
.section-head>a,.more{border-bottom:1px solid var(--orange)}
.grid.projects{grid-template-columns:repeat(2,1fr)}
.project-card{min-height:370px;border:1px solid var(--line);box-shadow:none}
.project-card:hover{transform:translateY(-4px);border-color:#9ca69f}
.number{border:1px solid var(--ink);background:#e3e2da}
.tags span{border:1px solid var(--line)}
.notes-preview{border-top:1px solid var(--line)}
.poster{background:#526158;border:1px solid #526158;box-shadow:none;transform:none}
.note-list{border-top:1px solid var(--line)}
.note-list>a:not(.more){border-bottom:1px solid var(--line)}
.cta,.update,.lab-rule,.connect,.result{border:1px solid var(--line);box-shadow:none}
.cta{background:#d6ded8}
.update{background:#dce0d3}
.page-intro{border-bottom:1px solid var(--line)}
.note-card{border:1px solid var(--line);box-shadow:none}
.note-card>span{border:1px solid var(--ink);background:#e3e2da}
.stack{border-top:1px solid var(--line)}
.stack article{border-bottom:1px solid var(--line)}
.connect{background:#526158}
.detail-row{border-top:1px solid var(--line)}
.detail-row ol{border-top:1px solid var(--line)}
.detail-row li{border-bottom:1px solid var(--line)}
.stamp{border:1px solid var(--ink);box-shadow:none;transform:none}
.article-body section{border-top:1px solid var(--line)}
.article-body header>small,.article header>small{border-width:1px}
.article-body ul,.article-body aside{border:1px solid var(--line);box-shadow:none}
footer{border-top:1px solid var(--line)}
@media(max-width:680px){.ticker{width:min(100% - 30px,1180px);padding:15px 14px}.ticker span{margin:0 8px}.grid.projects{grid-template-columns:1fr}}

/* Clear, consistent English typography */
:root{--font-body:"Segoe UI Variable Text","Segoe UI","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--font-display:"Segoe UI Variable Display","Segoe UI","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;--font-ui:"Segoe UI Variable Text","Segoe UI","Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}
body{font-family:var(--font-body);text-rendering:optimizeLegibility}
.brand-mark,.brand small,nav,.github,.eyebrow,.board-top,.core,.lab,.stats small,.ticker,.number,.project-copy small,.tags,.note-list small,.note-card>span,.article header>small,.detail-row>div>b,.detail-row li>b,footer p{font-family:var(--font-ui)}
.hero h1,.section-head h2,.project-copy h2,.poster strong,.page-intro h1,.note-card h2,.about h2,.connect h2,.detail-hero h1,.article header h1,.article-body h2{font-family:var(--font-display)}
.eyebrow{font-size:12px;line-height:1.4;letter-spacing:.09em}
.project-copy small{font-size:12px;line-height:1.5;font-weight:750;letter-spacing:.025em;color:#4f5a53}
.project-copy p{font-size:15px;line-height:1.75}
.tags span{padding:7px 10px;font-size:11px;line-height:1.2;font-weight:750}
.note-list small{font-size:11px;line-height:1.4}
.poster strong{line-height:1.04;letter-spacing:-.045em}
.article header>small{font-size:11px;line-height:1.4}
footer p{font-size:10px;line-height:1.4}