:root{--bg:#f5f6f0;--paper:#fff;--ink:#242920;--muted:#7a8074;--line:#dde1d5;--accent:#c8f36b;--green:#263e20;--l0:#edf0e7;--l1:#d8eeb6;--l2:#a7d672;--l3:#72a549;--l4:#365e2b;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{border:0;background:none}button[hidden]{display:none}.wrap{width:min(1200px,calc(100% - 96px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-60px;left:20px;padding:12px;background:var(--ink);color:white;z-index:100}.skip:focus{top:12px}.site-header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:center;font-size:25px;font-weight:750;letter-spacing:-1.2px;gap:5px}.brand-icon{width:35px;height:35px;border-radius:8px;background:var(--ink);color:#fff;font:700 24px var(--mono);letter-spacing:-5px;display:flex;align-items:center;padding-left:7px;margin-right:9px}.brand-icon span{color:var(--accent)}.brand-light{font-weight:400;color:#777d70;letter-spacing:-1.3px}.site-header nav{display:flex;gap:38px;font-size:13px;color:#61685a}.site-header nav a{padding:12px 0}.site-header nav a:hover,.text-link:hover{color:#54802d}.nav-about{font-size:12px;display:flex;gap:18px;align-items:center}.nav-about span{font-size:19px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:32px;padding-top:66px;padding-bottom:64px;align-items:center}.eyebrow{font:10px var(--mono);letter-spacing:1.7px;font-weight:500}.hero-copy>.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px}.status-dot{width:7px;height:7px;background:#759e46;border-radius:50%;box-shadow:0 0 0 4px #e7ecd9}.hero h1{font-size:clamp(44px,4.6vw,66px);line-height:1.27;letter-spacing:-2px;font-weight:760;margin:28px 0 21px}.highlight{position:relative;z-index:0;white-space:nowrap}.highlight:after{content:"";position:absolute;bottom:3px;left:-3px;right:-7px;height:17px;background:var(--accent);z-index:-1;transform:rotate(-2deg)}.asterisk{position:absolute;right:-43px;top:-17px;font-size:34px;color:#6c8d42;font-weight:400}.hero p{font-size:14px;line-height:1.9;color:#747a6e}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{padding:14px 22px;border-radius:5px;font-size:13px;display:inline-flex;align-items:center;gap:38px}.primary{background:var(--ink);color:white}.primary:hover{background:#3b4d30}.button span{font-size:20px}.text-link{font-size:12px}.text-link span{margin-left:14px}.hero-footnote{font:9px var(--mono);letter-spacing:1.7px;color:#8a9081;display:flex;align-items:center;gap:10px;margin-top:41px}.tiny-cross{font:20px var(--mono)}.hero-art{height:410px;position:relative;overflow:hidden;border-radius:3px;background:radial-gradient(ellipse at center,#e9eedcaa,transparent 66%),radial-gradient(#b6bca555 .7px,transparent .7px);background-size:auto,14px 14px}.hero-art canvas{width:100%;height:100%;display:block}.art-corner{position:absolute;top:16px;left:20px;font:8px var(--mono);letter-spacing:1.6px;color:#979d8c}.art-center{position:absolute;pointer-events:none;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.art-center>span{font:700 66px var(--mono);letter-spacing:-11px;color:#293424;padding-right:9px}.art-center small{display:block;white-space:nowrap;margin-top:22px;font:7px var(--mono);letter-spacing:2px;color:#7f8a71}.art-caption{position:absolute;bottom:15px;left:20px;right:20px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#8b9381}.art-caption>span:first-child{font-family:inherit;font-size:10px;display:flex;align-items:center;gap:7px}.art-caption i{width:5px;height:5px;background:#8db34a;border-radius:50%}.divider{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;font:8px var(--mono);letter-spacing:1.6px;color:#8d9386}.section{padding-top:62px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:29px}.section-kicker{font-size:9px;color:#858b7d;letter-spacing:1.4px;margin-bottom:13px}h2{font-size:29px;letter-spacing:-1px;line-height:1.3;font-weight:650;margin:0}.lime-period{color:#88ad4b;font-size:34px;margin-left:2px}.section-intro{font-size:12px;color:var(--muted);margin:12px 0 0}.data-badge{font-size:10px;padding:7px 10px;border:1px solid #d7ddcb;border-radius:4px;color:#65764d;white-space:nowrap;margin-bottom:4px}.data-badge:before{content:"";display:inline-block;width:5px;height:5px;background:#8caa58;border-radius:50%;margin-right:7px}.activity-panel{border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden;box-shadow:0 3px 5px #25342202}.activity-top{display:flex;align-items:center;justify-content:space-between;padding:22px 26px 0;gap:16px}.activity-title{display:flex;align-items:center;gap:10px;font-size:12px}.small-icon{font-size:20px;color:#747e65}.mono{font:10px var(--mono);color:#92988b;margin-left:3px}.activity-controls{display:flex;gap:15px;align-items:center}.quiet-button{font-size:11px;padding:8px 10px;border:1px solid #e0e4d9;border-radius:4px;background:#fff}.quiet-button:hover{background:#f2f5e9}.quiet-button span{margin-right:6px}select{font-size:11px;border:1px solid #e0e4d9;border-radius:4px;background:#fff;padding:8px 24px 8px 10px;color:#59624c;cursor:pointer}.stats{display:grid;grid-template-columns:repeat(4,1fr);padding:27px 26px 29px}.stats>div{padding-left:28px;border-left:1px solid #eaede4}.stats>div:first-child{padding-left:0;border:0}.stat-label{font-size:9px;color:#8e9585;letter-spacing:1px;display:block}.stats strong{font-size:33px;font-weight:530;letter-spacing:-1.3px;display:block;margin-top:6px;line-height:1.1;font-variant-numeric:tabular-nums}.stats strong span{font-size:14px;letter-spacing:0;margin-left:4px;color:#a0a696}.stats small{font-size:9px;display:block;color:#9ca291;margin-top:9px}.calendar-shell{display:flex;margin:0 26px;gap:10px}.weekdays{width:13px;flex-shrink:0;display:grid;grid-template-rows:repeat(7,1fr);padding-top:22px;padding-bottom:2px;align-items:center;font-size:8px;color:#98a08d}.weekdays span:nth-child(2){grid-row:3}.weekdays span:nth-child(3){grid-row:5}.weekdays span:nth-child(4){grid-row:7}.calendar-scroll{min-width:0;width:100%;overflow-x:auto;padding:0 1px 3px;scrollbar-width:thin;scrollbar-color:#c9d0bd transparent}.months{display:grid;grid-template-columns:repeat(var(--weeks,53),1fr);min-width:700px;height:22px;font:9px var(--mono);color:#8a927d;position:relative}.months span{grid-row:1;white-space:nowrap}.heatmap{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(var(--weeks,53),1fr);gap:4px;min-width:700px}.day{padding:0;aspect-ratio:1;border-radius:2px;min-width:0;position:relative;transition:transform .12s,outline-color .12s}.day:hover{outline:1px solid #56644b;outline-offset:2px;z-index:2;transform:scale(1.1)}.day:focus-visible,.day.selected{outline:2px solid #56644b;outline-offset:1px;z-index:2}.day.future{opacity:.35}.day.empty{visibility:hidden;pointer-events:none}.level-0{background:var(--l0)}.level-1{background:var(--l1)}.level-2{background:var(--l2)}.level-3{background:var(--l3)}.level-4{background:var(--l4)}.calendar-footer{display:flex;align-items:center;justify-content:space-between;margin:12px 26px 22px 49px;gap:12px}.calendar-footer p{font-size:9px;color:#909884;margin:0}.legend{display:flex;align-items:center;gap:4px;font-size:9px;color:#929a86}.legend>span{margin:0 5px}.legend i{width:10px;height:10px;display:block;border-radius:2px}.legend button{padding:2px 0 2px 7px;color:#9ba38d}.day-detail{padding:15px 26px;background:#fafbf7;border-top:1px solid #edf0e7;display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:57px}.day-detail>div:first-child{display:flex;align-items:center;gap:8px}.detail-dot{width:6px;height:6px;border-radius:50%;background:#90b95a;flex-shrink:0}.day-detail strong{font-size:10px;font-weight:600}.day-detail span{font-size:9px;color:#8c9480}.day-detail #detail-values{display:flex;gap:16px;font:10px var(--mono);color:#63734f;align-items:center;flex-wrap:wrap}.day-detail #detail-values small{font:9px "Segoe UI","Microsoft YaHei",sans-serif;color:#959c89;margin-right:4px}.data-footer{padding:12px 26px;border-top:1px solid #edf0e7;display:flex;gap:20px;justify-content:space-between;font-size:9px;color:#a0a693;align-items:center}.data-footer>div{display:flex;gap:16px;flex-shrink:0}.data-footer button{font-size:9px;padding:0;color:#788565}.activity-note{font-size:9px;color:#9aa28c;margin-top:14px;line-height:1.8}.activity-note>span{margin-right:6px}.activity-note button{font-size:9px;color:#6e7c58;text-decoration:underline;text-underline-offset:3px;margin-left:4px}.section-aside{font-size:11px;color:#969e88;padding-bottom:6px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-card{padding:0;text-align:left;display:block;min-width:0}.project-visual{height:248px;position:relative;border:1px solid #dce1d3;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;transition:background .2s}.atlas-visual{background:#e9eddf}.mini-heatmap{width:72%;display:grid;grid-template-rows:repeat(7,1fr);grid-auto-flow:column;gap:5px;transform:rotate(-6deg);filter:drop-shadow(2px 8px 7px #70824a15)}.mini-heatmap i{aspect-ratio:1;display:block;border-radius:2px}.visual-label{position:absolute;bottom:18px;left:21px;font:7px var(--mono);letter-spacing:1px;color:#7d8a68}.project-tag{position:absolute;top:16px;left:18px;padding:6px 8px;border:1px solid #cdd6c1;background:#f8faef88;font-size:8px;color:#71815c;border-radius:3px}.project-description{display:flex;justify-content:space-between;gap:12px;padding:21px 2px 0}.project-description .eyebrow{font-size:8px;color:#909a82;letter-spacing:1px}h3{margin:9px 0 8px;font-size:21px;font-weight:570;letter-spacing:-.5px}h3 span{font-size:16px;font-weight:450;margin-left:7px;letter-spacing:0;color:#758367}.project-description p{font-size:11px;color:#8e9880;margin:0;line-height:1.8}.project-arrow{font-size:22px;padding-top:17px;transition:transform .2s}.project-card:hover .project-arrow{transform:translate(3px,-3px)}.project-card:hover .project-visual{background-color:#e3ead5}.orbit-visual{background:#e9eae3}.orbit-ring{position:absolute;width:235px;height:102px;border:1px solid #88967b;border-radius:50%;transform:rotate(-30deg)}.ring-two{transform:rotate(30deg);border-color:#a9b69a}.ring-three{transform:rotate(90deg);border-color:#bfc8b5}.orbit-core{width:43px;height:43px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#d0f590,#98b764 50%,#4f6834);box-shadow:0 7px 22px #4d643d22;position:relative}.orbit-core:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:#3e5731;left:105px;top:-37px}.notes{padding-top:72px}.notes .section-heading{margin-bottom:15px}.note{border-bottom:1px solid var(--line)}.note summary{list-style:none;display:flex;gap:28px;align-items:center;padding:24px 0;cursor:pointer}.note summary::-webkit-details-marker{display:none}.note-index{font:10px var(--mono);color:#a0a88f;width:30px}.note summary h3{font-size:16px;margin:0 0 8px;font-weight:500;letter-spacing:0}.note summary div>span{font-size:10px;color:#98a08b}.note-plus{margin-left:auto;font:23px var(--mono);color:#939e82;padding-right:3px}.note[open] .note-plus{transform:rotate(45deg)}.note-body{font-size:12px;line-height:2;color:#79856b;padding:0 40px 20px 58px;max-width:900px}.about{margin-top:76px;display:flex;align-items:center;gap:30px;padding:43px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-symbol{font-size:72px;color:#758e4c;font-family:serif}.about .eyebrow{font-size:8px;color:#949d85;margin-bottom:11px}.about h2{font-size:25px;font-weight:550;letter-spacing:-.5px}.about p{font-size:11px;color:#96a087;margin:12px 0 0}.back-top{border:1px solid #d3dcc5;border-radius:50%;width:44px;height:44px;display:grid;place-items:center;margin-left:auto;font-size:20px}.back-top:hover{background:#e4edda}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:32px;padding-bottom:34px}footer .wordmark{font-size:18px}footer>span{font-size:9px;color:#9ba58d}.footer-domain{font-family:var(--mono);font-size:8px}dialog{width:min(620px,calc(100% - 32px));border:1px solid #d6ddcb;background:var(--bg);color:var(--ink);border-radius:12px;padding:28px;max-height:85vh;overflow:auto;box-shadow:0 20px 100px #18201025}dialog::backdrop{background:#20281d77;backdrop-filter:blur(4px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.dialog-heading h2{font-size:22px}.dialog-heading .eyebrow{color:#899778;font-size:9px;margin-bottom:8px}.close-dialog{font-size:28px;line-height:1;width:32px;height:32px}#info-body{font-size:13px;line-height:1.9;color:#717e62}#info-body p{margin:12px 0}#info-body code{font-family:var(--mono);font-size:11px}#info-body pre{padding:16px;overflow:auto;background:#e9efdf;border-radius:6px;line-height:1.6;font:11px var(--mono)}#playground-dialog{width:min(780px,calc(100% - 32px))}#playground-canvas{width:100%;height:360px;background:#eaf0df;border-radius:5px;display:block}.play-controls{display:flex;align-items:center;gap:14px;padding-top:18px;font-size:11px}.play-controls input{min-width:0;flex:1;accent-color:#739c42}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#2b3524;color:white;padding:12px 20px;border-radius:6px;box-shadow:0 5px 30px #0002;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:100;max-width:calc(100% - 32px);width:max-content}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.hero h1{font-size:69px}.hero{padding-top:80px;padding-bottom:80px}.hero-art{height:440px}}
@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:10px;padding-top:45px}.hero h1{font-size:47px}.hero-art{height:370px}.hero p{font-size:12px}.hero-actions{gap:20px}.hero-footnote{font-size:8px}.activity-top{padding:20px 20px 0}.stats{padding:25px 20px}.stats>div{padding-left:20px}.calendar-shell{margin:0 20px}.day-detail{padding:15px 20px;align-items:flex-start;flex-wrap:wrap}.calendar-footer{margin-left:42px;margin-right:20px}.project-visual{height:220px}.project-description p{font-size:10px}.activity-note{max-width:95%}}
@media(max-width:650px){.wrap{width:calc(100% - 36px)}.site-header{height:78px;gap:12px}.wordmark{font-size:22px}.brand-icon{height:30px;width:30px;font-size:21px;margin-right:5px}.site-header nav{gap:18px;font-size:11px}.nav-about{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:42px;padding-bottom:30px;gap:20px}.hero-copy>.eyebrow{font-size:8px}.hero h1{font-size:54px;margin:23px 0 15px;line-height:1.23}.hero p{font-size:12px}.hero-actions{margin-top:23px}.hero-footnote{margin-top:27px}.hero-art{height:280px;margin-top:0}.art-center>span{font-size:54px}.art-center small{font-size:6px}.divider{font-size:7px}.section{padding-top:42px}.section-heading{gap:12px;align-items:flex-start;margin-bottom:20px}h2{font-size:23px;letter-spacing:-.7px}.lime-period{font-size:25px}.section-intro{font-size:11px;line-height:1.8;margin-top:9px}.data-badge{font-size:8px;margin-top:29px;padding:6px;max-width:100px}.section-kicker{font-size:8px;margin-bottom:10px}.activity-top{padding:18px 15px 0;flex-wrap:wrap;gap:12px}.activity-title{font-size:11px;gap:6px}.activity-controls{gap:8px;margin-left:auto}.quiet-button,select{font-size:10px;padding-top:7px;padding-bottom:7px}.stats{grid-template-columns:repeat(2,1fr);row-gap:23px;padding:24px 15px}.stats>div{padding-left:20px}.stats>div:nth-child(3){padding-left:0;border:0}.stats strong{font-size:30px}.stats small{font-size:8px}.stat-label{font-size:8px}.calendar-shell{margin:0 15px;gap:7px}.heatmap{min-width:650px;gap:3px}.months{min-width:650px}.weekdays{font-size:7px}.calendar-footer{margin:10px 15px 17px 35px;align-items:flex-start;gap:8px}.calendar-footer p{font-size:8px;line-height:1.6}.legend{font-size:8px;gap:3px;flex-shrink:0}.legend i{width:8px;height:8px}.legend>span{margin:0 2px}.day-detail{padding:12px 15px;gap:10px}.day-detail>div:first-child{flex-wrap:wrap;gap:7px}.day-detail #detail-values{gap:10px;font-size:9px}.day-detail #detail-values small{font-size:8px}.data-footer{padding:12px 15px;display:block;font-size:8px;line-height:1.7}.data-footer>div{margin-top:9px;gap:16px}.activity-note{font-size:8px;line-height:1.9}.activity-note button{font-size:8px}.section-aside{display:none}.project-grid{grid-template-columns:1fr;gap:32px}.project-visual{height:230px}.project-description{padding-top:16px}.project-description p{font-size:11px}.notes{padding-top:45px}.note summary{gap:15px;padding:21px 0}.note-index{font-size:9px;width:24px}.note summary h3{font-size:14px}.note summary div>span{font-size:9px}.note-body{padding-left:39px;padding-right:10px;font-size:11px}.about{margin-top:46px;gap:18px;padding:30px 0}.about-symbol{font-size:48px}.about h2{font-size:20px}.about p{font-size:10px;line-height:1.8;max-width:240px}.about .eyebrow{font-size:7px}.back-top{width:32px;height:32px;flex-shrink:0;font-size:16px}footer{flex-wrap:wrap;padding:25px 0;gap:16px}footer>span{font-size:8px}.footer-domain{width:100%;font-size:8px}dialog{padding:20px}.dialog-heading h2{font-size:20px}.play-controls{gap:9px;flex-wrap:wrap}.play-controls label{font-size:10px}#playground-canvas{height:280px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}