:root{--paper: #FFFFFF;--paper-wash: #F5F5F7;--ink: #141412;--ink-soft: #3E3D3A;--muted: #5C5B57;--hairline: rgba(20, 20, 18, .16);--hairline-soft: rgba(20, 20, 18, .09);--sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--text-hero: clamp(2.6rem, 6.2vw, 4.6rem);--text-title: clamp(1.45rem, 2.4vw, 1.9rem);--text-name: 1.05rem;--text-body: 1rem;--text-small: .875rem;--text-meta: .75rem;--text-label: .6875rem;--sp-1: 8px;--sp-2: 16px;--sp-3: 24px;--sp-4: 32px;--sp-5: 48px;--sp-6: 64px;--sp-7: 96px;--container: 1140px;--gutter: clamp(20px, 5vw, 40px);--bar-h: 60px;--radius: 2px;--ease-out: cubic-bezier(.22, 1, .36, 1);--t-fast: .18s;--t-enter: .48s}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--bar-h) + var(--sp-2));-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:var(--text-body);line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}::selection{background:var(--ink);color:var(--paper)}a{color:inherit;text-decoration:none}:focus-visible{outline:1.5px solid var(--ink);outline-offset:4px;border-radius:var(--radius)}.container{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}.label{font-family:var(--mono);font-size:var(--text-label);font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.icon{display:inline-block;vertical-align:-.15em;flex:none}.topbar{position:fixed;inset-inline:0;top:0;z-index:50;height:var(--bar-h);background:#ffffffdb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline-soft)}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.brand{font-family:var(--sans);font-size:var(--text-body);font-weight:500;letter-spacing:.01em}.topnav{display:flex;align-items:center;gap:var(--sp-4);min-width:0}.topnav a{font-family:var(--mono);font-size:var(--text-meta);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);transition:color var(--t-fast) var(--ease-out)}.topnav a:hover{color:var(--ink)}.topnav a[aria-current=true]{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}.topnav .gh{display:inline-flex;align-items:center;gap:8px}.hero{padding-top:calc(var(--bar-h) + clamp(88px,16vh,152px));padding-bottom:clamp(64px,10vh,112px)}.hero-eyebrow{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.hero-eyebrow:before{content:"";width:28px;height:1px;background:var(--ink);flex:none}.hero h1{font-family:var(--sans);font-weight:300;font-size:var(--text-hero);line-height:1.12;letter-spacing:-.02em;margin:0;max-width:16ch}.hero h1 em{font-style:normal;font-weight:500}.hero-index{margin-top:var(--sp-5);font-family:var(--mono);font-size:var(--text-meta);letter-spacing:.08em;color:var(--muted)}.hero-index span{color:var(--hairline);padding-inline:.6em;display:inline-block}.hero-cue{display:inline-flex;align-items:center;gap:10px;margin-top:var(--sp-6);font-family:var(--mono);font-size:var(--text-label);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);transition:color var(--t-fast) var(--ease-out)}.hero-cue .icon{transition:transform var(--t-fast) var(--ease-out)}.hero-cue:hover{color:var(--ink)}.hero-cue:hover .icon{transform:translateY(3px)}section{padding-block:clamp(56px,9vw,104px)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--hairline)}.section-head .label{display:block;margin-bottom:var(--sp-1)}.section-head h2{font-family:var(--sans);font-weight:500;font-size:var(--text-title);line-height:1.15;letter-spacing:-.01em;margin:0}.section-more{flex:none;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:var(--text-meta);letter-spacing:.06em;color:var(--muted);padding-bottom:4px;transition:color var(--t-fast) var(--ease-out)}.section-more .icon{transition:transform var(--t-fast) var(--ease-out)}.section-more:hover{color:var(--ink)}.section-more:hover .icon{transform:translate(2px,-2px)}.featured{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:var(--sp-5)}.feature{padding:var(--sp-5) 0 var(--sp-6);border-top:1px solid var(--hairline)}.feature+.feature{padding-left:clamp(24px,4vw,56px);border-left:1px solid var(--hairline-soft)}.feature-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-2)}.feature-num{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);font-variant-numeric:tabular-nums}.feature h3{font-family:var(--sans);font-weight:600;font-size:clamp(2rem,3.8vw,2.6rem);line-height:1.05;letter-spacing:-.015em;margin:var(--sp-4) 0 0}.feature p{max-width:44ch;color:var(--ink-soft);font-size:var(--text-small);line-height:1.7;margin:var(--sp-2) 0 0}.feature-actions{display:flex;align-items:center;gap:var(--sp-3);margin-top:var(--sp-4)}.action-live{font-family:var(--sans);font-size:var(--text-small);font-weight:500;display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--ink);color:var(--paper);border-radius:var(--radius);transition:background var(--t-fast) var(--ease-out)}.action-live:hover{background:var(--ink-soft)}.action-live .icon{transition:transform var(--t-fast) var(--ease-out)}.action-live:hover .icon{transform:translate(2px,-2px)}.action-repo{font-family:var(--mono);font-size:.8125rem;letter-spacing:.04em;color:var(--ink-soft);display:inline-flex;align-items:center;gap:6px;transition:color var(--t-fast) var(--ease-out)}.action-repo:hover{color:var(--ink)}.index{margin-top:var(--sp-6);list-style:none;margin-bottom:0;padding:0;border-bottom:1px solid var(--hairline)}.index-row{display:grid;grid-template-columns:3.25rem 13rem minmax(0,1fr) 2rem;align-items:baseline;column-gap:var(--sp-2);padding:var(--sp-3) var(--sp-1);border-top:1px solid var(--hairline);transition:background var(--t-fast) var(--ease-out)}@media(hover:hover){.index-row:hover{background:var(--paper-wash)}.index-row:hover .row-arrow{transform:translate(3px,-3px);color:var(--ink)}}.index-row :focus-visible{outline-offset:-2px}.row-num{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);font-variant-numeric:tabular-nums}.row-name{font-size:var(--text-name);font-weight:500;letter-spacing:-.005em;white-space:nowrap}.row-desc{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--muted);font-size:var(--text-small)}.row-arrow{justify-self:end;align-self:center;color:var(--muted);transition:transform var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.stack-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:var(--sp-5)}.stack-col{padding:0 clamp(24px,3.5vw,48px);border-left:1px solid var(--hairline-soft);min-width:0}.stack-col:first-child{padding-left:0;border-left:none}.stack-col h3{font-family:var(--mono);font-size:var(--text-meta);font-weight:500;letter-spacing:.16em;text-transform:uppercase;margin:0 0 var(--sp-3)}.stack-col p{margin:0;font-family:var(--mono);font-size:.8125rem;line-height:2.1;letter-spacing:.02em;color:var(--ink-soft)}.stack-col p span{color:var(--hairline);padding-inline:.55em;display:inline-block}.writing .row-name{font-size:var(--text-body)}.writing .index{margin-top:var(--sp-5)}.row-meta{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;grid-column:3}footer{border-top:1px solid var(--hairline);padding-block:var(--sp-4)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.footer-note{font-family:var(--mono);font-size:var(--text-meta);color:var(--muted)}.footer-links{display:flex;align-items:center;gap:var(--sp-4)}.footer-links a{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:var(--text-meta);color:var(--muted);padding:6px 0;transition:color var(--t-fast) var(--ease-out)}.footer-links a:hover{color:var(--ink)}.reveal{opacity:0;transform:translateY(12px);transition:opacity var(--t-enter) var(--ease-out),transform var(--t-enter) var(--ease-out);transition-delay:var(--d, 0ms)}.reveal.in{opacity:1;transform:none}@media(max-width:900px){.featured{grid-template-columns:1fr}.feature+.feature{padding-left:0;border-left:none;border-top:1px solid var(--hairline-soft)}.stack-grid{grid-template-columns:1fr}.stack-col{padding:var(--sp-3) 0;border-left:none;border-top:1px solid var(--hairline-soft)}.stack-col:first-child{border-top:none;padding-top:0}}@media(max-width:768px){.index-row{grid-template-columns:2.5rem minmax(0,1fr) 1.5rem;grid-template-areas:"num name arrow" ". desc desc";row-gap:2px;align-items:baseline;padding:var(--sp-2) 0}.row-num{grid-area:num}.row-name{grid-area:name}.row-arrow{grid-area:arrow}.row-desc{grid-area:desc;white-space:normal;line-height:1.55}.row-meta{grid-area:desc;white-space:normal;text-overflow:clip;line-height:1.55}}@media(max-width:560px){.topnav{gap:14px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.topnav::-webkit-scrollbar{display:none}.topnav a{padding-block:10px}.gh .gh-label{display:none}.section-head{flex-direction:column;align-items:flex-start;gap:var(--sp-2)}.section-more,.hero-cue{padding-block:10px}.feature-actions{flex-wrap:wrap;gap:var(--sp-2)}.action-repo,.footer-links a{padding:10px 0}.footer-links{flex-direction:column;align-items:flex-start;gap:0}}@media(hover:none){.index-row:active{background:var(--paper-wash)}.action-live:active{background:var(--ink-soft)}}@media(max-width:360px){.brand{font-size:.9375rem}.topbar-inner{gap:var(--sp-2)}.topnav{gap:10px}.topnav a{letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}