: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:calc(var(--bar-h) + 96px) 0 72px}.hero-eyebrow{margin:0 0 32px;letter-spacing:.15em}.hero h1{margin:0;font-size:clamp(2.25rem,5vw,4rem);font-weight:400;line-height:1.45;letter-spacing:-.045em}.hero h1 em{font-style:normal;color:var(--muted);font-weight:300}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:32px}.hero-intro{margin:0;color:var(--muted);font-size:15px;line-height:1.9}.hero-cue{display:inline-flex;align-items:center;gap:24px;white-space:nowrap;font-size:13px;padding:10px 0}section{padding:36px 0 64px}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--hairline);padding-bottom:20px}.section-head h2{font-size:22px;font-weight:500;margin:0;letter-spacing:-.025em}.section-more{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.feature{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:32px 28px 24px;min-width:0;transition:background var(--t-fast) var(--ease-out)}.feature:hover,.feature:focus-within{background:var(--paper-wash)}.feature .action-live{position:static;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:10px}.feature .action-live:before{content:"";position:absolute;inset:0;z-index:1}.feature .action-live:after{content:none}.feature .action-live:focus-visible{outline:none}.feature:has(.action-live:focus-visible){outline:1.5px solid var(--ink);outline-offset:4px}.feature .action-repo{z-index:2}.feature+.feature{border-left:1px solid var(--hairline-soft)}.feature .label{letter-spacing:.1em}.feature h3{margin:28px 0 16px;font-weight:500;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.045em;line-height:1.15}.feature h4{margin:0 0 10px;font-size:15px;font-weight:500}.feature p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 24px}.feature-detail{font-size:11px;color:var(--muted);margin-top:auto}.feature-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.action-live{color:var(--ink)}.action-repo{color:var(--muted)}.section-more:hover{color:var(--ink);opacity:.65}.section-intro{font-size:14px;color:var(--muted);margin:22px 0 28px}.filters{display:flex;flex-wrap:wrap;gap:8px 24px}button{font:inherit;color:inherit;cursor:pointer}.filters button{border:0;border-bottom:1px solid transparent;background:transparent;color:var(--muted);padding:8px 0;font-size:13px}.filters button[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}.catalog-status{font-size:11px;color:var(--muted);margin:22px 0 10px}.project-list{padding:0;margin:0;list-style:none}.project-row{display:flex;align-items:center;gap:28px;padding-inline:20px;border-top:1px solid var(--hairline-soft)}.project-row:last-child{border-bottom:1px solid var(--hairline-soft)}.project-main{display:grid;grid-template-columns:225px minmax(0,1fr);align-items:baseline;gap:24px;padding:22px 0;flex:1;min-width:0}.project-name{font-size:14px;font-weight:500;overflow-wrap:anywhere}.project-desc{color:var(--muted);font-size:13px}.project-actions{display:flex;align-items:center;gap:24px;flex:none}.text-action{display:inline-flex;align-items:center;position:relative;min-height:44px;padding:10px 0;font-size:12px;white-space:nowrap;transition:color var(--t-fast) var(--ease-out)}.text-action:after{content:"";position:absolute;inset-inline:0;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--t-fast) var(--ease-out)}.action-live:after,.project-preview:after,.text-action:hover:after,.text-action:focus-visible:after{transform:scaleX(1)}.text-action:hover,.project-preview{color:var(--ink)}.project-source{color:var(--muted)}.project-row:hover{background:var(--paper-wash)}.catalog-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px;font-size:11px;color:var(--muted)}.show-all{background:none;border:0;padding:10px 0;font-size:12px}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){.feature{padding-inline:20px}.project-main{grid-template-columns:180px minmax(0,1fr);gap:16px}}@media(max-width:680px){.hero{padding-top:calc(var(--bar-h) + 60px);padding-bottom:48px}.hero-eyebrow{font-size:9px;letter-spacing:.12em}.hero-bottom{flex-direction:column;align-items:flex-start;gap:20px;margin-top:24px}.hero-intro{font-size:13px}.desktop-break{display:none}.featured{grid-template-columns:1fr}.feature{padding:28px 20px}.feature+.feature{border-left:0;border-top:1px solid var(--hairline-soft)}.feature h3{margin-top:16px;font-size:28px}.feature p{max-width:46ch;margin-bottom:16px}.feature-actions{margin-top:14px}.section-head h2{font-size:20px}section{padding-block:24px 36px}.project-main{grid-template-columns:minmax(0,1fr);gap:6px;padding-block:18px 8px}.project-name{grid-column:1}.project-desc{grid-column:1;grid-row:2;font-size:12px}.project-row{display:block}.project-actions{padding-bottom:16px}.filters{gap:6px 20px}.topnav{gap:18px}.topnav a{letter-spacing:0;font-size:12px}.gh-label{display:none}.footer-links{flex-wrap:wrap;gap:8px 20px}.footer-links a{font-size:11px}}@media(max-width:360px){.hero h1{font-size:2rem}.brand{font-size:14px}.topnav{gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}