:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg:#f6f5f0;--surface:#fff;--soft:#eeede6;--text:#20221e;--muted:#898c80;--subtle:#686c61;--line:#dcddd3;--accent:#d6ed9f;--hover:#e9eddf;--green:#667953;background:var(--bg);color:var(--text)}*{box-sizing:border-box}body,h1,h2,h3,p{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.5;cursor:wait}a{color:inherit;text-decoration:none}svg{flex-shrink:0;stroke-width:1.7}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}button:focus-visible,a:focus-visible{outline:2px solid #6c8453;outline-offset:4px}input,textarea,select{color:var(--text)}input:focus,textarea:focus,select:focus{outline:none;border-color:#91a179!important;box-shadow:0 0 0 3px #98ad6d18}::selection{background:#d6ed9f;color:#20221e}html{scroll-behavior:smooth;scroll-padding-top:30px}.directory-shell{min-height:100vh;background:var(--bg)}.site-header{height:82px}.header-inner{max-width:1184px;margin:auto;height:100%;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:38px}.brand{display:flex;gap:11px;align-items:center;font-size:30px;font-weight:750;letter-spacing:-1.5px;line-height:1}.brand-mark{height:33px;width:33px;background:#252b22;color:#f2f3e9;display:grid;place-items:center;border-radius:9px;transform:rotate(-4deg)}.brand-mark svg{transform:rotate(4deg)}.brand-dot{color:#93ad6c}.header-inner nav{display:flex;gap:32px;margin-left:auto;align-items:center}.nav-link{font-size:12px;font-weight:500;color:#8d9083;padding:9px 0;position:relative;white-space:nowrap}.nav-link.active{color:var(--text)}.nav-link.active:after{position:absolute;bottom:0;left:0;right:0;content:"";height:2px;background:var(--text)}.nav-link:hover{color:var(--text)}.header-actions{padding-left:23px;border-left:1px solid var(--line);display:flex;gap:10px;align-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:5px;color:var(--muted);padding:0;flex-shrink:0}.icon-button:hover{background:var(--hover);color:var(--text)}.signed-in{display:flex;align-items:center;gap:5px;color:var(--green);font-size:10px;white-space:nowrap}main{max-width:1184px;margin:auto;padding:0 40px}.directory-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding:39px 0 37px}.eyebrow{display:flex;gap:7px;align-items:center;font-size:8px;letter-spacing:1.6px;color:#8a927d;font-weight:500;line-height:1.6;margin-bottom:16px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:#9bb878}.directory-hero h1{font-size:57px;font-weight:650;line-height:1.14;letter-spacing:-3px;color:#262e21}.directory-hero h1 em{font-style:normal;position:relative;display:inline-block;z-index:0}.directory-hero h1 em:before{content:"";position:absolute;left:-5px;right:-8px;height:68%;bottom:0;background:#d4eb9c;z-index:-1;transform:rotate(-2deg);border-radius:3px}.directory-hero h1 em svg{position:absolute;left:-2px;bottom:-12px;width:100%;height:13px;overflow:visible}.directory-hero h1 em svg path{stroke:#819666;stroke-width:1.7;fill:none;stroke-linecap:round}.hero-period{color:#a3af8e}.hero-find{padding-top:31px}.hero-search-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:11px;color:#8e9582;letter-spacing:.3px}.hero-search-label svg{color:#acb69b;width:13px}.directory-search{display:flex;align-items:center;gap:12px;border:1px solid #ccd4bc;background:#fffef8;border-radius:10px;padding:0 18px;height:57px;box-shadow:0 4px #e8ebdf;color:#9ba68b}.directory-search:focus-within{border-color:#8d9f74;box-shadow:0 4px #dce5cd}.directory-search input{flex:1;min-width:0;border:0;background:none;height:100%;font-size:12px;letter-spacing:.3px}.directory-search input:focus{box-shadow:none}.directory-search input::placeholder{color:#adb3a1}.directory-search kbd{width:22px;height:23px;border:1px solid #e2e5d7;background:#f4f5ed;border-radius:4px;display:grid;place-items:center;font-size:10px;color:#aab29c}.directory-search>button{display:grid;place-items:center;color:#a5b08f;padding:4px}.search-tags{display:flex;align-items:center;gap:18px;font-size:9px;color:#9ba48d;margin-top:16px}.search-tags>span{display:flex;align-items:center;gap:5px}.search-tags>span+span:before{content:"·";color:#c3cbb8;margin-right:9px}.status-dot{height:5px;width:5px;border-radius:50%;background:#91a76f;display:inline-block;flex-shrink:0}.status-dot.pending{background:#b69d65}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.section-heading h2{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;letter-spacing:-.4px;line-height:1.5}.section-count{font-size:9px;letter-spacing:0;font-weight:400;color:#99a187;align-self:flex-start;padding-top:4px;font-family:Consolas,monospace}.section-heading p{font-size:11px;line-height:1.9;color:var(--muted);margin-top:8px}.heading-actions{display:flex;align-items:center;gap:21px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 14px;border-radius:6px;font-size:11px;line-height:1.3;white-space:nowrap}.button.primary{color:#f7f9f0;background:#303a28;border:1px solid #303a28}.button.primary:hover{background:#526344;border-color:#526344}.button.secondary{background:var(--surface);border:1px solid var(--line);color:var(--subtle)}.button.secondary:hover{border-color:#98aa7f;color:#62794c}.text-button{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#8a947b;white-space:nowrap;padding:3px 0}.text-button:hover{color:#576e40}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.filter-tabs{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.filter-tabs button{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#a0a58f;padding:4px 0}.filter-tabs button.selected{color:#3b4d2a}.filter-tabs button.selected:before{content:"";width:4px;height:4px;background:#79975d;border-radius:50%;margin-right:2px}.filter-tabs button:hover{color:var(--text)}.view-toggle{display:flex;gap:5px}.view-toggle button{display:grid;place-items:center;width:24px;height:22px;border-radius:4px;color:#b6bea7}.view-toggle button.selected{background:#e6ebdb;color:#95a380}.projects-section{margin-bottom:35px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.project-card{border:1px solid var(--line);border-radius:12px;background:var(--surface);position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0}.project-card:hover{transform:translateY(-5px);border-color:#aab79a;box-shadow:0 12px 22px #4d5c3610}.site-main{display:block;min-width:0}.site-visual{position:relative;overflow:hidden;background:#e9e5f7}.site-artwork{display:block;width:100%;height:auto;aspect-ratio:360/195;transition:transform .35s}.site-main:hover .site-artwork{transform:scale(1.035)}.site-index{position:absolute;left:16px;top:14px;font-size:8px;letter-spacing:.6px;color:#8c7b9d;padding:4px 6px;border:1px solid #9881ad30;background:#ffffff4d;border-radius:3px;font-family:Consolas,Microsoft YaHei,monospace}.card-book .site-index{color:#718caa;border-color:#6e91bb30;background:#ffffff4d}.card-terminal .site-index{color:#92ad88;border-color:#9bba7330;background:#1e2b21aa}.site-caption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 17px 18px;min-width:0}.site-caption>div{min-width:0}.site-caption h3{font-size:14px;font-weight:600;letter-spacing:-.25px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#4d5942}.site-caption>div>span{display:block;font-size:9px;letter-spacing:.1px;color:#a1ac91;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-open{height:31px;width:31px;border:1px solid #dce4d0;background:#f2f5ea;color:#8a9b73;border-radius:50%;display:grid;place-items:center;flex-shrink:0;transition:color .2s,background .2s,border-color .2s}.site-main:hover .site-open{color:#fff;background:#35472a;border-color:#35472a}.card-tools{position:absolute;right:12px;top:12px;display:flex;gap:4px;opacity:0;transform:translateY(-3px);transition:opacity .15s,transform .15s}.project-card:hover .card-tools,.project-card:focus-within .card-tools{opacity:1;transform:translateY(0)}.card-tools .icon-button{width:25px;height:25px;background:#ffffffdb;color:#9a9f8f;border:1px solid #ffffff7f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-tools .icon-button:hover{background:#fff;color:#495b36}.card-tools .favorite-button.favorited{color:#a98b45}.generic-art{position:relative;display:grid;place-items:center;overflow:hidden;background:#e6e2ed;color:#a495b4}.generic-art-circle{width:110px;height:110px;border:1px solid currentColor;border-radius:50%;position:absolute;opacity:.3}.generic-arrow{position:absolute;right:14px;bottom:-20px;opacity:.2}.generic-art.blue{background:#e1ebf7;color:#82a0c7}.generic-art.green{background:#e7eddf;color:#9ba88a}.generic-art.orange{background:#f3e7d4;color:#bca076}.section-footnote{margin-top:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;color:#a7b097}.section-footnote>span,.section-footnote button{display:flex;align-items:center;gap:5px}.footnote-separator{margin:0 5px;color:#c5ccb9}.section-footnote button{font-size:8px;color:#9aa987;padding:3px 0}.section-footnote button:hover{color:#5d7548}.list-view{display:flex;flex-direction:column;gap:10px}.list-view .site-main{display:flex;align-items:center}.list-view .site-visual{width:115px;flex-shrink:0}.list-view .site-artwork{aspect-ratio:360/195}.list-view .site-caption{flex:1;padding:18px 23px}.list-view .site-index{display:none}.list-view .card-tools{top:auto;bottom:10px;right:67px}.empty-state{padding:40px 20px;text-align:center;color:#a2af90}.empty-state>svg{margin-bottom:13px}.empty-state h3{font-size:14px;font-weight:500}.empty-state p{font-size:11px;margin-top:9px;line-height:1.9}.trending-section{margin-bottom:30px;padding-top:25px;border-top:1px solid var(--line)}.trending-section .section-heading h2{font-size:18px;gap:9px}.trending-section .section-heading h2>svg{color:#5f7151}.live-badge{font-family:Consolas,monospace;font-size:7px;font-weight:400;letter-spacing:.6px;background:#edf3e3;border:1px solid #dce6ce;color:#9ab378;padding:3px 5px;display:flex;align-items:center;gap:4px;border-radius:3px;margin-left:4px}.live-badge>span{width:3px;height:3px;background:#9ab378;border-radius:50%}.trending-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 14px}.period-tabs{display:flex;gap:1px;background:#e9ede1;border-radius:5px;padding:3px}.period-tabs button{padding:5px 15px;font-size:9px;color:#9ba68b;border-radius:3px}.period-tabs button.selected{background:#fff;color:#778c60;box-shadow:0 1px 3px #51643d0b}.trending-options{display:flex;align-items:center;gap:12px}.language-select{display:flex;align-items:center;gap:6px;color:#a5b297}.language-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;font-size:10px;color:#97a588;padding:4px;cursor:pointer;max-width:105px}.language-select select:focus{box-shadow:none}.trending-options>.icon-button{width:22px;height:22px;color:#a8b595}.trending-list{background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:0 20px}.trending-row{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid #e8ecdf;min-width:0}.trending-row:last-child{border:0}.repo-rank{font-family:Consolas,monospace;font-size:12px;color:#c3cdb4;align-self:flex-start;width:20px;padding-top:3px}.repo-rank.top-rank{color:#9eaf87}.repo-main{flex:1;min-width:0}.repo-main h3{font-size:12px;font-weight:550;line-height:1.6;display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:#687c55;overflow-wrap:anywhere}.repo-main h3>span{font-weight:400;color:#a8b59a}.repo-main h3>svg{color:#b3c09d;margin-left:3px;opacity:0}.trending-row:hover h3>svg{opacity:1}.repo-main p{font-size:10px;line-height:1.8;color:#a5b496;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:6px}.repo-meta{display:flex;align-items:center;gap:15px;margin-top:8px}.repo-meta>span{font-size:8px;color:#a1b18d;display:flex;align-items:center;gap:5px}.repo-meta i{height:6px;width:6px;border-radius:50%;display:inline-block}.repo-growth{display:flex;align-items:flex-end;flex-direction:column;gap:6px;min-width:64px}.repo-growth>span{display:flex;gap:5px;align-items:center;font-size:11px;color:#a09e70;font-variant-numeric:tabular-nums}.repo-growth small{font-size:8px;color:#c0c9af}.trending-footnote{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;color:#b1bea0;padding-top:12px}.trending-footnote>span:first-child{display:flex;align-items:center;gap:5px}.trending-footnote .status-dot{height:4px;width:4px}.compact .trending-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0;border:0;background:none}.compact .trending-row{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:16px 15px;gap:12px;transition:border-color .15s,transform .15s;min-width:0}.compact .trending-row:hover{border-color:#acbd95;transform:translateY(-2px)}.compact .repo-rank{width:28px;min-width:28px;height:28px;background:#edf2e5;border:1px solid #e1e8d6;border-radius:7px;display:grid;place-items:center;align-self:center;padding:0;font-size:10px;color:#9aad84}.compact .repo-main h3{font-size:11px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.compact .repo-main h3>span{display:none}.compact .repo-main h3>svg{display:none}.compact .repo-main p{display:none}.compact .repo-meta{margin-top:6px;gap:10px}.compact .repo-meta>span{font-size:8px}.compact .repo-growth{align-self:center;min-width:55px;gap:5px}.compact .repo-growth>span{font-size:10px;background:#eef5e4;padding:4px 6px;border-radius:4px;color:#9bad7d;gap:3px}.compact .repo-growth>span>svg{width:10px;height:10px}.compact .repo-growth small{font-size:7px}.trending-error{min-height:210px;padding:25px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--muted);text-align:center;grid-column:1/-1}.trending-error strong{font-size:13px;font-weight:500}.trending-error p{font-size:11px}.trending-error>div{display:flex;gap:18px;align-items:center;margin-top:7px}.trending-skeleton{height:95px;display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--line)}.trending-skeleton>span{width:20px;height:14px}.trending-skeleton>div{width:70%;display:grid;gap:12px}.trending-skeleton>div>span:first-child{height:11px;width:50%}.trending-skeleton>div>span:last-child{height:8px}.trending-skeleton span{background:linear-gradient(90deg,#f3f5ed,#e5eadb,#f3f5ed);background-size:200% 100%;border-radius:4px;animation:shimmer 1.6s infinite}.compact .trending-skeleton{border:1px solid var(--line);padding:20px;border-radius:8px;height:89px}.compact .trending-skeleton:last-child:nth-child(odd){display:none}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 25px;border-top:1px solid var(--line);font-size:8px;color:#a5b393}footer>span,footer>div,footer>div>a{display:flex;align-items:center;gap:7px}footer>div{gap:23px}footer button{font-size:8px;color:#9cab88;padding:0}.footer-mark{font-size:20px;line-height:1;font-weight:700;letter-spacing:-1px;color:#9fae8e;margin-right:3px}.footer-dot{margin:0 5px}footer a:hover,footer button:hover{color:#647e4a}.page-intro{padding-top:43px;margin-bottom:30px}.page-intro h1{font-size:32px;font-weight:600;line-height:1.6;letter-spacing:-1px;color:#576849}.page-intro>p{color:var(--muted);font-size:12px;margin-top:11px;line-height:1.9}.back-link{font-size:11px;color:#9cac8a;padding:27px 0 0}.back-link+.page-intro{padding-top:15px}.identity-layout{display:grid;grid-template-columns:.9fr 1.2fr;gap:23px;margin-bottom:28px}.identity-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:39px 25px 28px;text-align:center;display:flex;flex-direction:column;align-items:center}.identity-emblem{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle at 25% 20%,#f3f7e9,#e1eacb);border:6px solid #f7f9f1;color:#a1b57d;margin-bottom:22px}.pill{font-size:8px;color:#adbc99;letter-spacing:1.5px;border:1px solid #e2ead7;padding:6px 9px;border-radius:4px}.identity-card h2{font-size:22px;letter-spacing:-.5px;color:#7b8c68;font-weight:550;margin:20px 0 11px}.identity-card>p{font-size:11px;color:#a4b293;line-height:1.9;overflow-wrap:anywhere}.identity-state{display:flex;gap:7px;align-items:center;background:var(--soft);padding:8px 12px;border-radius:5px;font-size:10px;color:#9fac8e;margin:22px 0 25px}.login-button{width:100%;max-width:280px;font-size:12px;padding:13px}.login-button>svg:last-child{margin-left:auto}.identity-note{display:flex;gap:5px;align-items:center;font-size:8px;color:#afbd9e;margin-top:17px}.identity-details{display:flex;flex-direction:column;gap:20px}.panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:27px}.panel>h3{font-size:14px;font-weight:500;margin-bottom:26px;color:#6d8158}.benefit{display:flex;gap:15px;align-items:center;margin-top:25px}.benefit strong{font-size:12px;font-weight:500;color:#7d9068}.benefit p{font-size:10px;color:#abbc98;margin-top:7px;line-height:1.9}.stat-icon,.project-icon{height:39px;width:39px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.purple{background:#eee9f8;color:#ae9bbf}.blue{background:#eaf0fa;color:#9fb8d8}.green{background:#edf4e2;color:#a6bc84}.orange{background:#f9f0e2;color:#c5b18f}.docs-promo{display:flex;gap:16px;align-items:center;text-align:left;padding:23px;background:#edf3e4;border:1px solid #dce7cc;border-radius:10px;color:#a7bb8b;flex:1}.docs-promo>div{flex:1}.docs-promo h3{font-size:13px;font-weight:500;line-height:1.7}.docs-promo p{font-size:10px;color:#b4c59e;margin-top:8px;line-height:1.9}.docs-promo:hover{border-color:#a9bf88}.integration-status{margin-bottom:35px}.integration-row{display:flex;align-items:center;gap:13px;padding:18px 0;border-top:1px solid var(--line);color:#b0c29c}.integration-row>div{flex:1;min-width:0}.integration-row strong{font-size:12px;font-weight:500;color:#869c6d;display:block}.integration-row>div>span{font-size:10px;color:#afbf9c;margin-top:5px;display:block;overflow:hidden;text-overflow:ellipsis}.integration-label{font-size:9px;color:#acbd97;padding:5px 8px;background:var(--soft);border-radius:4px}.docs-layout{display:grid;grid-template-columns:180px minmax(0,1fr);gap:30px;align-items:start;margin-bottom:40px}.docs-toc{position:sticky;top:40px;display:grid;gap:10px;padding-top:20px}.docs-toc>span{font-size:10px;color:#a3b18f;margin-bottom:9px}.docs-toc a{display:flex;gap:10px;align-items:center;font-size:10px;line-height:1.6;color:#9eb18a;padding:7px 0}.docs-toc a>span{font-size:8px;color:#c1ceb2}.docs-toc a:hover{color:#657e49}.docs-toc .download-doc{padding-top:20px;margin-top:20px;border-top:1px solid var(--line)}.docs-content{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:28px 30px;color:#8e9f7c;font-size:12px;line-height:2;min-width:0}.docs-content>h1{display:none}.docs-content h2{font-size:17px;font-weight:550;color:#6f8658;padding-top:25px;margin:34px 0 14px;border-top:1px solid var(--line)}.docs-content h3{font-size:13px;font-weight:550;color:#7e9566;margin:24px 0 12px}.docs-content p{margin:12px 0}.docs-content ul,.docs-content ol{padding-left:20px}.docs-content li{margin:6px 0}.docs-content a{color:#7e9c5b;text-decoration:underline;text-underline-offset:3px}.docs-content blockquote{border-left:3px solid #b6c99c;background:#f4f7ef;padding:4px 15px;margin:20px 0;font-size:11px}.docs-content table{display:block;width:100%;border-collapse:collapse;overflow:auto;margin:20px 0;font-size:11px}.docs-content th,.docs-content td{padding:9px 12px;border:1px solid var(--line);text-align:left;min-width:100px;overflow-wrap:anywhere}.docs-content th{background:var(--soft);color:#82996b;font-weight:500}.docs-content :not(pre)>code{font-size:11px;color:#94a97a;background:#f1f6e9;padding:2px 4px;overflow-wrap:anywhere}.code-block{border-radius:7px;background:#232b1e;color:#d9e6cb;overflow:hidden;margin:18px 0}.code-block>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14;padding:8px 13px;font-size:9px;color:#8fa576}.code-block button{display:flex;align-items:center;gap:6px;font-size:9px;color:#b9cca2}.code-block pre{overflow:auto;font-size:11px;line-height:1.9;margin:0;padding:15px;-moz-tab-size:2;tab-size:2}.code-block pre code{font:11px/1.9 Consolas,monospace}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid #dbe5ce;border-radius:8px;box-shadow:0 5px 30px #50673314;display:flex;align-items:center;gap:10px;font-size:11px;padding:13px 20px;color:#9cb481;z-index:100;max-width:90vw}.modal{width:510px;max-width:calc(100vw - 32px);max-height:88vh;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:#83986d;box-shadow:0 15px 80px #3c512d22;overflow:auto}.modal::backdrop{background:#1a21155c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-header{padding:26px 26px 21px;display:flex;justify-content:space-between;gap:20px}.modal-header h2{font-size:19px;font-weight:550;letter-spacing:-.5px;color:#788e62}.modal-header p{font-size:11px;line-height:1.9;color:#a9bb98;margin-top:8px}.project-form{padding:0 26px}.project-form>label,.form-row>label{display:flex;flex-direction:column;gap:9px;font-size:12px;position:relative;margin-bottom:20px}.project-form label>span{position:absolute;right:0;top:1px;font-size:9px;color:#b1c29f}.project-form input,.project-form textarea,.project-form select{padding:11px 12px;font-size:12px;line-height:1.6;border:1px solid var(--line);background:#f8faf4;border-radius:6px;width:100%;resize:vertical;color:#8fa778}.project-form input::placeholder,.project-form textarea::placeholder{color:#c2ceb4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding:19px 0 22px}.modal-footer>span{display:flex;gap:5px;align-items:center;font-size:9px;color:#b1c29f}.modal-footer>div{display:flex;gap:10px}.modal>.modal-footer{margin:0 26px}.manage-list{padding:0 26px}.manage-row{display:flex;align-items:center;gap:11px;padding:15px 0;border-bottom:1px solid var(--line)}.manage-row:last-child{border:0}.project-icon.small{width:35px;height:35px;border-radius:9px}.manage-row>div{flex:1;min-width:0}.manage-row strong{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;color:#98af81}.manage-row>div>span{display:block;font-size:10px;margin-top:5px;color:#b8c8a6;overflow:hidden;text-overflow:ellipsis}.switch{width:31px;height:18px;padding:3px;border-radius:15px;background:#e0e8d5;display:flex;align-items:center;flex-shrink:0}.switch>span{height:12px;width:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0001;transition:transform .2s}.switch.on{background:#b1c78d}.switch.on>span{transform:translate(13px)}.danger:hover{color:#c78d8d;background:#f9eded}.form-error{font-size:11px;color:#c58d92;padding-bottom:15px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}[data-theme=dark]{color-scheme:dark;--bg:#1b2018;--surface:#232b1e;--soft:#2c3625;--text:#d8e5cb;--muted:#8fa278;--subtle:#a0b389;--line:#3a4830;--hover:#344328;background:var(--bg);color:var(--text)}[data-theme=dark] .brand-mark{background:#d5e6bc;color:#344326}[data-theme=dark] .nav-link{color:#8e9e79}[data-theme=dark] .nav-link.active{color:#d8e5cb}[data-theme=dark] .directory-hero h1{color:#dcebc9}[data-theme=dark] .directory-hero h1 em{color:#233117}[data-theme=dark] .directory-search{background:#293522;border-color:#4c5f3a;box-shadow:0 4px #26301f}[data-theme=dark] .directory-search input{color:#d5e5bf}[data-theme=dark] .directory-search kbd{background:#334328;border-color:#536b3c}[data-theme=dark] .button.primary{background:#b9d593;color:#283b19;border-color:#b9d593}[data-theme=dark] .filter-tabs button.selected{color:#c0db98}[data-theme=dark] .view-toggle button.selected{background:#3b5029;color:#bdd398}[data-theme=dark] .site-caption h3{color:#bfd4a3}[data-theme=dark] .site-caption>div>span{color:#82976a}[data-theme=dark] .site-open{background:#334627;border-color:#4c6836;color:#a4c27e}[data-theme=dark] .period-tabs,[data-theme=dark] .live-badge{background:#304126;border-color:#415933}[data-theme=dark] .period-tabs button.selected{background:#486434;color:#ccdfaf}[data-theme=dark] .compact .repo-rank{background:#2b3b21;border-color:#3f5630}[data-theme=dark] .compact .repo-growth>span{background:#334b24;color:#9dc579}[data-theme=dark] .repo-main h3{color:#abc68a}[data-theme=dark] .identity-emblem{background:#3a5329;border-color:#304224}[data-theme=dark] .pill{border-color:#445c33}[data-theme=dark] .docs-promo{background:#304625;border-color:#425d32}[data-theme=dark] .docs-content blockquote,[data-theme=dark] .docs-content :not(pre)>code{background:#2c4021}[data-theme=dark] .project-form input,[data-theme=dark] .project-form textarea,[data-theme=dark] .project-form select{background:#293c1f}[data-theme=dark] .trending-skeleton span{background:linear-gradient(90deg,#293a21,#3c512c,#293a21);background-size:200% 100%}@media(min-width:1500px){.header-inner,main{max-width:1240px}.directory-hero{padding-top:48px;padding-bottom:44px;gap:90px}.directory-hero h1{font-size:66px}.hero-find{padding-top:42px}.directory-search{height:61px}.site-caption h3{font-size:16px}.site-caption>div>span{font-size:10px}.site-caption{padding:20px}.site-index{font-size:9px}.compact .repo-main h3{font-size:12px}.compact .repo-meta>span{font-size:9px}.compact .trending-row{padding:20px}.projects-section{margin-bottom:40px}}@media(max-width:950px){.header-inner,main{padding-left:31px;padding-right:31px}.directory-hero{gap:35px;padding-top:32px;padding-bottom:31px}.directory-hero h1{font-size:49px}.hero-find{padding-top:23px}.hero-search-label{font-size:10px}.directory-search{height:52px;gap:10px;padding:0 14px}.directory-search input{font-size:11px}.eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:14px}.search-tags{gap:10px;font-size:8px;margin-top:14px}.search-tags>span+span:before{margin-right:5px}.project-grid{gap:14px}.site-index{font-size:7px;top:10px;left:11px}.site-caption{padding:15px 13px;gap:9px}.site-caption h3{font-size:13px}.site-caption>div>span{font-size:8px}.site-open{height:27px;width:27px}.site-open svg{width:16px}.card-tools{right:8px;top:9px;gap:3px}.card-tools .icon-button{width:23px;height:23px}.compact .trending-row{padding:14px 12px;gap:10px}.compact .repo-rank{width:24px;min-width:24px;height:26px;font-size:9px}.compact .repo-growth{min-width:49px}.compact .repo-main h3{font-size:10px}.compact .repo-meta>span{font-size:7px}.compact .repo-growth>span{font-size:9px}.compact .repo-growth small{font-size:6px}.identity-layout{gap:18px}.panel{padding:22px}.benefit{gap:11px}.benefit p{font-size:9px}.docs-promo{padding:21px 18px}.docs-promo>svg:last-child{display:none}.docs-layout{grid-template-columns:150px minmax(0,1fr);gap:22px}.docs-content{padding:24px}.docs-toc a{font-size:9px}}@media(max-width:700px){.site-header{height:70px}.header-inner{padding:0 22px;gap:19px}.brand{font-size:25px;gap:8px}.brand-mark{height:27px;width:27px;border-radius:8px}.brand-mark svg{width:21px}.header-inner nav{gap:18px}.nav-link{font-size:10px;padding:8px 0}.header-actions{padding-left:13px}.header-actions>.icon-button{width:23px;height:23px}.header-actions>.icon-button svg{width:16px}.signed-in{font-size:8px}.signed-in svg{width:12px}main{padding:0 22px}.directory-hero{grid-template-columns:1fr;gap:32px;padding-top:31px;padding-bottom:33px}.directory-hero h1{font-size:51px;line-height:1.12;letter-spacing:-2.8px}.hero-title{position:relative}.hero-title:after{content:"↗";position:absolute;right:9px;bottom:11px;font-size:95px;font-weight:300;line-height:1;color:#d2dcc3;transform:rotate(-9deg)}.eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:17px}.hero-find{padding:0}.hero-search-label{display:none}.directory-search{height:51px;border-radius:8px;padding:0 15px;gap:11px}.directory-search input{font-size:12px}.directory-search>svg{width:18px}.directory-search kbd{height:21px;width:20px}.search-tags{margin-top:13px;font-size:8px;gap:17px}.section-heading{margin-bottom:17px;gap:15px}.section-heading h2{font-size:17px;gap:8px}.section-count{font-size:8px}.heading-actions{gap:15px}.text-button{font-size:9px}.heading-actions .button{font-size:10px;padding:9px 11px}.heading-actions .button svg{width:14px}.filter-tabs{gap:16px}.filter-tabs button{font-size:10px;padding:3px 0}.view-toggle{display:none}.project-toolbar{margin-bottom:15px}.project-grid{grid-template-columns:1fr;gap:16px}.project-card{border-radius:10px}.site-artwork{aspect-ratio:360/184;object-fit:cover}.site-visual{height:auto}.site-index{left:15px;top:13px;font-size:8px;padding:4px 6px}.site-caption{padding:16px 17px}.site-caption h3{font-size:15px}.site-caption>div>span{font-size:9px;margin-top:6px}.site-open{height:31px;width:31px}.site-open svg{width:18px}.card-tools{top:12px;right:12px;opacity:1;transform:none}.card-tools .icon-button{width:25px;height:25px}.section-footnote{font-size:7px;gap:7px;margin-top:13px}.section-footnote>span{gap:4px}.footnote-separator{margin:0 3px}.section-footnote button{font-size:8px}.projects-section{margin-bottom:26px}.trending-section{padding-top:22px;margin-bottom:25px}.trending-section .section-heading h2{font-size:17px;gap:7px}.trending-section .section-heading h2>svg{width:20px}.trending-section .section-heading .text-button{font-size:9px}.live-badge{font-size:6px;padding:3px 4px;margin-left:2px}.trending-toolbar{margin-bottom:13px}.period-tabs button{font-size:9px;padding:5px 13px}.language-select{gap:3px}.language-select select{font-size:9px;max-width:92px}.trending-options{gap:8px}.compact .trending-list{grid-template-columns:1fr;gap:10px}.compact .trending-row{padding:17px 15px;gap:13px}.compact .repo-rank{width:28px;min-width:28px;height:28px;font-size:10px}.compact .repo-main h3{font-size:12px}.compact .repo-meta{gap:14px;margin-top:7px}.compact .repo-meta>span{font-size:8px}.compact .repo-growth{min-width:60px}.compact .repo-growth>span{font-size:10px}.compact .repo-growth small{font-size:7px}.repo-main h3{font-size:11px}.repo-main p{font-size:9px}.repo-meta>span{font-size:8px}.repo-rank{font-size:10px;width:15px}.repo-growth{min-width:52px}.repo-growth>span{font-size:10px}.trending-row{gap:11px}.trending-list{padding:0 15px}.trending-footnote{font-size:7px;gap:7px;line-height:1.8}.trending-footnote>span:last-child{font-size:6px;white-space:nowrap}.trending-footnote>span:first-child{gap:4px}footer{font-size:7px;padding:20px 0 23px;gap:10px;align-items:flex-start;line-height:1.8}footer>div{gap:12px}footer button{font-size:7px}footer>div>a{gap:3px;font-size:7px}footer>div>a svg{width:10px}.footer-mark{font-size:18px}.footer-dot{margin:0 2px}.page-intro{padding-top:33px;margin-bottom:25px}.page-intro h1{font-size:26px}.page-intro>p{font-size:11px}.page-intro .eyebrow{font-size:7px;letter-spacing:1px}.identity-layout{grid-template-columns:1fr;gap:17px}.identity-card{padding:29px 23px}.identity-details{gap:17px}.panel{padding:23px}.benefit{gap:14px;margin-top:23px}.benefit p{font-size:10px}.integration-status{padding:20px}.integration-status .section-heading{align-items:flex-start;gap:12px}.integration-status .section-heading p{font-size:10px}.integration-status .section-heading .text-button{font-size:8px}.integration-row{gap:9px}.integration-row strong{font-size:11px}.integration-row>div>span{font-size:9px}.integration-label{font-size:7px;padding:5px}.docs-layout{grid-template-columns:1fr;gap:22px}.docs-toc{position:static;display:flex;flex-wrap:wrap;padding:0;gap:8px 15px}.docs-toc>span{width:100%;font-size:10px;margin-bottom:5px}.docs-toc a{font-size:9px;padding:2px 0}.docs-toc .download-doc{border:0;padding:0;margin:0}.docs-content{font-size:11px;padding:21px}.docs-content h2{font-size:16px}.docs-content h3{font-size:12px}.docs-content table,.code-block pre,.code-block pre code{font-size:10px}.code-block pre{padding:12px}.modal-header{padding:23px 22px 19px}.modal-header h2{font-size:18px}.modal-header p{font-size:10px}.project-form{padding:0 22px}.form-row{gap:12px}.project-form label>span{font-size:8px}.modal-footer>span{font-size:8px}.modal-footer .button{padding:9px 11px}.modal>.modal-footer{margin:0 22px}.manage-list{padding:0 22px}.manage-row{gap:9px}.manage-row strong{font-size:11px}.manage-row>div>span{font-size:9px}.manage-row>.icon-button{width:24px}.toast{font-size:10px;bottom:20px;width:max-content}.list-view .site-visual{width:95px}.list-view .site-artwork{aspect-ratio:1;object-fit:cover}.list-view .site-caption{padding:15px}.list-view .site-caption h3{font-size:13px}.list-view .site-caption>div>span{font-size:8px}.list-view .card-tools{display:none}}@media(max-width:390px){.header-inner{padding-left:18px;padding-right:18px;gap:14px}.header-inner nav{gap:12px}.nav-link{font-size:9px}.header-actions{padding-left:10px}.brand{font-size:23px;gap:7px}.brand-mark{height:25px;width:25px}.brand-mark svg{width:20px}main{padding-left:19px;padding-right:19px}.filter-tabs{gap:13px}footer>div>a{display:none}.directory-hero h1{font-size:49px}}@media(min-width:520px)and (max-width:700px){.directory-hero{grid-template-columns:1fr 1fr;gap:28px;padding:34px 0 32px}.directory-hero h1{font-size:43px;letter-spacing:-2.5px}.hero-title:after{display:none}.hero-find{padding-top:20px}.hero-search-label{display:flex;font-size:9px}.directory-search{height:48px;padding:0 12px;gap:8px}.directory-search input{font-size:10px}.directory-search kbd{width:17px;height:19px}.search-tags{gap:9px;font-size:7px}.search-tags>span+span:before{margin-right:2px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.site-artwork{aspect-ratio:360/230;object-fit:cover}.site-caption{padding:13px 12px;gap:7px}.site-caption h3{font-size:11px}.site-caption>div>span{font-size:7px;max-width:110px}.site-open{width:23px;height:23px}.site-open svg{width:14px}.site-index{left:9px;top:9px;font-size:6px;padding:3px 4px}.card-tools{opacity:0}.project-card:hover .card-tools,.project-card:focus-within .card-tools{opacity:1}.compact .trending-list{grid-template-columns:repeat(2,minmax(0,1fr))}.compact .trending-row{padding:13px 11px;gap:9px}.compact .repo-rank{width:23px;min-width:23px;height:24px;font-size:8px}.compact .repo-main h3{font-size:10px}.compact .repo-meta>span{font-size:7px}.compact .repo-growth{min-width:45px}.compact .repo-growth>span{font-size:8px}.compact .repo-growth small{display:none}}@media(max-width:519px){.directory-hero{gap:27px;padding-top:29px;padding-bottom:30px}.directory-hero h1{font-size:47px}.hero-title:after{font-size:82px;right:14px}.project-grid{gap:12px}.project-card .site-main{display:flex;align-items:stretch}.project-card .site-visual{width:108px;flex-shrink:0}.project-card .site-artwork{height:100%;width:100%;aspect-ratio:1;object-fit:cover}.project-card .site-index{display:none}.site-caption{flex:1;padding:17px 15px;gap:10px;min-height:103px}.site-caption h3{font-size:14px}.site-caption>div>span{font-size:8px;max-width:170px}.site-open{height:27px;width:27px}.site-open svg{width:17px}.card-tools{top:auto;bottom:5px;right:54px;gap:2px}.card-tools .icon-button{width:20px;height:20px;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#b9c4a8}.card-tools .icon-button svg{width:12px;height:12px}.section-footnote{font-size:6px}.compact .repo-main h3{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}