:root{color:#171c18;font-synthesis:none;text-rendering:optimizelegibility;--paper:#f3f0e8;--surface:#faf8f2;--ink:#171c18;--muted:#5e665f;--quiet:#858b85;--line:#c9cbc3;--strong-line:#292f2a;--accent:#1f4c36;--accent-soft:#dbe4da;--mono:"IBM Plex Mono", "SFMono-Regular", Consolas, monospace;background:#f3f0e8;font-family:Noto Sans SC,Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}button,a,input{outline-color:var(--accent);outline-offset:4px}a{color:inherit}svg{display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{min-height:100vh}.hero{align-items:center;width:min(100% - 64px,1240px);min-height:510px;margin:0 auto;padding:96px 0 82px;display:flex}.hero-copy{width:100%;min-width:0}.hero h1{letter-spacing:-.072em;max-width:800px;margin:0;font-size:clamp(56px,7.1vw,96px);font-weight:800;line-height:.9}.search-box{border:2px solid var(--strong-line);background:var(--surface);width:min(100%,650px);height:58px;color:var(--muted);align-items:center;gap:12px;margin-top:38px;padding:0 18px;display:flex}.search-box:focus-within{border-color:var(--accent)}.search-box>svg{flex:none;width:20px;height:20px}.search-box input{width:100%;min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0;font-size:15px;font-weight:500}.search-box input::placeholder{color:var(--quiet)}.search-box button{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.search-box button:hover{color:var(--accent)}.search-box button svg{width:17px;height:17px}.projects-wrap{width:min(100% - 64px,1240px);margin:0 auto;padding-bottom:120px}.project-family{padding:0 0 92px;scroll-margin-top:24px}.family-heading{border-top:3px solid var(--strong-line);grid-template-columns:58px minmax(230px,.7fr) minmax(320px,1.3fr);align-items:start;gap:26px;min-height:142px;padding:30px 0 28px;display:grid}.family-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(34px,3.8vw,50px);font-weight:800;line-height:1.05}.family-index{color:var(--accent);font-family:var(--mono);padding-top:8px;font-size:13px;font-weight:600}.family-summary{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.family-summary p{max-width:560px;color:var(--muted);margin:0;font-size:14px;font-weight:500;line-height:1.7}.family-summary span{color:var(--accent);font-family:var(--mono);white-space:nowrap;text-transform:uppercase;padding-top:4px;font-size:11px;font-weight:600}.project-subgroups{flex-direction:column;gap:52px;display:flex}.subgroup-heading{border-top:1px solid var(--strong-line);grid-template-columns:58px minmax(190px,.65fr) minmax(300px,1.35fr) auto;align-items:start;gap:26px;min-height:70px;padding:18px 0;display:grid}.subgroup-heading h3{letter-spacing:-.025em;margin:0;font-size:19px;font-weight:750;line-height:1.35}.subgroup-heading p{max-width:560px;color:var(--muted);margin:0;font-size:13px;line-height:1.6}.subgroup-index,.subgroup-count{color:var(--accent);font-family:var(--mono);white-space:nowrap;text-transform:uppercase;padding-top:3px;font-size:10px;font-weight:600}.project-grid{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;display:grid}.project-item{border-top:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);align-items:start;gap:15px;min-width:0;min-height:176px;padding:24px 4px 24px 0;display:grid}.project-item:hover{border-color:var(--accent)}.project-item.is-archived{opacity:.64}.project-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);place-items:center;display:grid}.project-icon svg{width:25px;height:25px}.project-content{min-width:0}.project-content h3{margin:0;font-size:16px;font-weight:700;line-height:1.35}.project-content h3 a{align-items:flex-start;gap:5px;text-decoration:none;display:inline-flex}.project-content h3 a:hover{color:var(--accent)}.project-content h3 svg{flex:none;width:13px;height:13px;margin-top:3px}.project-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0 0;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.project-details{color:var(--quiet);font-family:var(--mono);flex-wrap:wrap;align-items:center;gap:9px;margin-top:10px;font-size:11px;font-weight:500;display:flex}.context-label{color:var(--accent)}.project-stars{min-width:28px;color:var(--quiet);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:inline-flex}.project-stars svg{width:11px;height:11px}.project-stars.is-idle,.project-stars.is-loading{opacity:.58}.project-star-badge{align-items:center;height:18px;line-height:0;display:inline-flex}.project-star-badge img{filter:grayscale();opacity:.78;width:auto;height:18px}.archive-label{align-items:center;gap:4px;display:inline-flex}.archive-label svg{width:11px;height:11px}.source-links{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.source-links a{color:var(--accent);align-items:center;gap:4px;font-size:12px;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.source-links a:hover{text-underline-offset:3px;text-decoration:underline}.source-links svg{width:12px;height:12px}.search-results{min-height:560px}.empty-state{border-top:3px solid var(--strong-line);min-height:500px;color:var(--muted);place-content:center;justify-items:center;font-size:16px;display:grid}.empty-state button{border:1px solid var(--strong-line);background:var(--surface);min-height:42px;color:var(--ink);cursor:pointer;padding:0 15px;font-weight:700}.site-footer{border-top:3px solid var(--strong-line);width:min(100% - 64px,1240px);min-height:150px;color:var(--muted);justify-content:space-between;align-items:flex-start;gap:32px;margin:0 auto;padding:42px 0;font-size:13px;display:flex}.site-footer p{margin:0}.site-footer p strong{color:var(--ink)}.site-footer>span{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.footer-main{flex-direction:column;gap:18px;display:flex}.footer-links{align-items:center;gap:20px;display:flex}.footer-links a{color:var(--accent);align-items:center;gap:6px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.footer-links a:hover{text-underline-offset:3px;text-decoration:underline}.footer-links svg{width:16px;height:16px}@media (width<=1020px){.family-heading{grid-template-columns:52px minmax(210px,.7fr) minmax(280px,1.3fr)}.subgroup-heading{grid-template-columns:52px minmax(180px,.65fr) minmax(240px,1.35fr) auto}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.hero,.projects-wrap,.site-footer{width:min(100% - 32px,1240px)}.hero{min-height:0;padding:64px 0 68px}.hero h1{font-size:clamp(50px,15vw,68px)}.family-heading{grid-template-columns:38px minmax(0,1fr);gap:16px;min-height:0;padding:24px 0}.family-heading h2{font-size:34px}.family-index{padding-top:4px}.family-summary{flex-direction:column;grid-column:2;gap:10px;margin-top:4px}.family-summary p{font-size:13px}.project-subgroups{gap:42px}.subgroup-heading{grid-template-columns:38px minmax(0,1fr);gap:8px 16px;min-height:0;padding:16px 0}.subgroup-heading h3,.subgroup-heading p,.subgroup-heading .subgroup-count{grid-column:2}.subgroup-heading p{font-size:12px}.subgroup-index{grid-row:1/span 3}.project-grid{grid-template-columns:1fr}.project-item{min-height:164px;padding:22px 0}.project-family{padding-bottom:72px}.site-footer{flex-direction:column;min-height:170px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}