:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#1f2933;background:#fff;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #82aaff;outline-offset:3px}.top{height:64px;border-bottom:1px solid #edf0f2;display:flex;align-items:center;gap:32px;padding:0 2.5%;position:sticky;top:0;background:#fffffff5;z-index:2}.brand{display:flex;align-items:center;gap:8px;font-size:23px;font-weight:720;letter-spacing:-1px;white-space:nowrap}.brand svg{width:25px;height:25px;fill:#2164d8}.brand span span{color:#176ddd}.top nav{display:flex;gap:24px;white-space:nowrap;font-size:13px;font-weight:650}.top-actions{display:flex;align-items:center;gap:9px;margin-left:auto}.header-search,.catalog-search{display:flex;align-items:center;gap:8px;border:1px solid #e5e9ed;border-radius:30px;padding:0 14px;color:#87939c;background:#fff}.header-search svg,.catalog-search svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.header-search input,.catalog-search input{border:0;outline:0;background:transparent;padding:11px 0;font-size:13px;min-width:0}.language-select,.github{background:#fff;border:1px solid #e5e9ed;border-radius:30px;padding:10px 13px;color:#35404a;font-size:12px;font-weight:650}.github{white-space:nowrap}main{padding:32px 2.5% 65px;max-width:1600px;margin:auto}.setup-banner{display:flex;align-items:center;gap:15px;min-height:72px;padding:14px 20px;background:linear-gradient(110deg,#eff5ff,#fff 60%);border:1px solid #e5eaf0;border-radius:14px;box-shadow:0 2px 8px #1a31500e}.banner-icon{width:40px;height:40px;display:grid;place-items:center;background:#176be2;color:white;border-radius:12px}.banner-icon svg{width:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.setup-banner strong,.setup-banner small{display:block;font-size:13px}.setup-banner small{color:#87929c;font-weight:400;margin-top:4px}.banner-action{margin-left:auto;color:#176bd4;font-size:13px;font-weight:700;display:flex;align-items:center;gap:5px}.banner-action svg{width:16px;fill:none;stroke:currentColor;stroke-width:2}.featured{margin-top:20px;min-height:355px;border-radius:30px;background:linear-gradient(115deg,#3d42bf 0%,#168dbf 58%,#174c71 100%);color:white;display:flex;align-items:center;justify-content:space-between;padding:55px 5.5%;overflow:hidden}.featured-copy{max-width:500px}.badges{display:flex;gap:8px}.badges span,.open-badge{font-size:10px;font-weight:700;letter-spacing:.05em;background:#ffffff31;border-radius:30px;padding:6px 11px}.featured h1{font-size:48px;line-height:1;margin:22px 0 10px;letter-spacing:-1.5px}.featured p{color:#e0ecf3;font-size:17px;line-height:1.5}.featured p.author{font-size:13px;opacity:.8}.light-button,.primary{border:0;border-radius:30px;background:white;color:#176bd4;font-size:13px;font-weight:700;padding:14px 24px;margin-top:8px}.open-badge{display:inline-block;margin-left:8px}.featured-art{width:200px;height:200px;border-radius:40px;background:#ffffff1c;display:grid;place-items:center;margin-right:1.5%}.featured-art img{width:82%;border-radius:26px;box-shadow:0 12px 30px #15294742}.section{margin-top:42px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:24px}.section-heading h2,.setup h2{font-size:21px;letter-spacing:-.4px;margin:0}.section-heading p{color:#87919a;font-size:13px;margin:7px 0 0}.section-heading>a{font-size:12px;font-weight:700;color:#176bd4}.highlights-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.highlight{display:flex;gap:13px;align-items:center;border:0;background:none;text-align:left;padding:0;color:inherit}.highlight img{width:67px;height:67px;border-radius:16px}.highlight strong,.highlight small{display:block}.highlight strong{font-size:14px}.highlight small{color:#84909a;font-size:12px;margin-top:5px}.highlight .get{margin-left:auto;color:#176bd4;background:#eff5ff;padding:8px 14px;border-radius:30px;font-size:12px;font-weight:700}.category-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-card{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid #e8edf0;background:#fafbfd;padding:18px;border-radius:14px;font-weight:700;color:#283640}.category-card svg{width:34px;height:34px;fill:none;stroke:#226bd4;stroke-width:1.7}.category-card small{display:block;color:#929ca5;font-weight:400;font-size:12px;margin-top:5px}.catalog-tools{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.catalog-search{min-width:250px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #e5eaf0;background:white;color:#586570;border-radius:30px;padding:9px 15px;font-size:12px;font-weight:600}.filter[aria-pressed=true]{background:#eaf2ff;color:#176bd4;border-color:#dceaff}.count{font-size:12px;color:#8b969e;margin:22px 0 14px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{border:1px solid #ebeff2;border-radius:16px;overflow:hidden;background:#fff}.card-visual{height:145px;background:linear-gradient(135deg,#eaf8f2,#d8efea);display:grid;place-items:center}.card-visual img{width:80px;height:80px;border-radius:19px;box-shadow:0 10px 20px #336c5a26}.card-info{padding:16px}.card-info h3{font-size:15px;margin:0 0 5px}.category{font-size:12px;color:#84919b}.card-info p{font-size:13px;line-height:1.45;color:#778590;min-height:38px}.card-link{border:0;background:#eef5ff;color:#176bd4;padding:9px 17px;border-radius:30px;font-size:12px;font-weight:700}.setup{margin-top:55px;background:#f6f9fc;border:1px solid #edf1f4;padding:28px;border-radius:16px}.setup p{font-size:14px;color:#7b8994;line-height:1.6;margin-bottom:0}footer{border-top:1px solid #edf0f2;padding:35px 2.5%;display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer p{font-size:12px;color:#88949c}footer>a:last-child{margin-left:auto;color:#176bd4;font-size:12px;font-weight:700}dialog{border:0;border-radius:20px;padding:38px;max-width:720px;width:calc(100% - 30px);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#14283b99}.close{position:absolute;right:20px;top:20px;border:0;background:none;color:#63717a}.close svg{width:20px;fill:none;stroke:currentColor;stroke-width:2}.dialog-content{display:grid;grid-template-columns:1fr 190px;gap:35px;align-items:center}.dialog-content h2{font-size:32px;margin:14px 0}.dialog-content p{color:#778690;line-height:1.6;font-size:14px}.eyebrow{color:#176bd4;font-size:10px;letter-spacing:1px;font-weight:700}.dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.dialog-actions .primary{background:#176bd4;color:white}.secondary{border:1px solid #e2e8ec;border-radius:30px;background:white;padding:14px 20px;margin-top:8px;font-size:13px;font-weight:700}.qr{text-align:center;border:1px solid #e8edf0;border-radius:14px;padding:14px}.qr svg{width:100%;height:auto}.qr small{font-size:9px;letter-spacing:1px;color:#83919c}.feedback{overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.top nav{display:none}.header-search{display:none}.grid,.category-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.highlights-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.top{padding:0 16px;gap:8px}.brand{font-size:19px}.github{display:none}main{padding:20px 16px 50px}.setup-banner{padding:12px}.banner-action{font-size:0}.featured{min-height:275px;padding:32px 24px;border-radius:22px}.featured h1{font-size:34px}.featured p{font-size:14px}.featured-art{width:110px;height:110px;flex-shrink:0;margin-left:12px;border-radius:25px}.featured-art img{border-radius:18px}.highlights-list,.grid{grid-template-columns:1fr}.category-cards{grid-template-columns:1fr 1fr}.section{margin-top:34px}.dialog-content{grid-template-columns:1fr}.qr{width:175px;grid-row:1}footer>a:last-child{margin-left:0}}
/* Keep interactions legible and predictable across input methods. */
.highlight,.category-card,.card-link,.filter,.light-button,.primary,.secondary{transition:transform .15s,background-color .15s,box-shadow .15s}.highlight:hover,.category-card:hover{transform:translateY(-2px)}.category-card:hover,.card:hover{box-shadow:0 8px 24px #173c6010}.card-link:hover,.filter:hover{background:#dceaff}.light-button:hover{background:#edf5ff}.card{transition:box-shadow .15s}.url-label{display:block;font-size:12px;font-weight:700;color:#596a76;margin-top:20px}.app-url{display:block;width:100%;border:1px solid #dce5eb;background:#f7fafc;border-radius:9px;padding:11px;color:#405461;font-size:12px;margin-top:7px}.no-results{grid-column:1/-1;border:1px dashed #dbe5ec;border-radius:14px;padding:24px;color:#71828e;font-size:14px}.catalog-search:focus-within,.header-search:focus-within{border-color:#6d9cf0;box-shadow:0 0 0 3px #e6efff}.catalog-search input:focus-visible,.header-search input:focus-visible{outline:0}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}