#apps-directory{box-sizing:border-box;width:min(1220px,calc(100% - 40px));max-height:90dvh;padding:40px;border:1px solid #292929;border-radius:28px;background:#0c0c0e;color:#f6f6f7;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;overflow:auto;box-shadow:0 32px 120px #0009}#apps-directory::backdrop{background:#000a;backdrop-filter:blur(12px)}
.directory-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.directory-head .eyebrow{color:#d8ff35;font-size:10px;letter-spacing:.18em}.directory-head h2{font-size:42px;letter-spacing:-.05em;margin:12px 0}.directory-head p{font-size:14px;color:#a0a0a7;margin:0;line-height:1.6}.directory-head #directory-count{font-size:12px;margin-top:12px;color:#73737b}.directory-head button{width:40px;height:40px;background:#1b1b1e;border:1px solid #333;color:#bbb;border-radius:12px;font-size:25px;cursor:pointer}
.directory-tools{display:flex;gap:12px;margin:28px 0 16px}.directory-tools input,.directory-tools select{font:inherit;font-size:14px;min-width:0;background:#17171b;border:1px solid #2b2b31;border-radius:12px;color:#eee;padding:15px 18px}.directory-tools input{flex:1}.directory-tools input::placeholder{color:#7c7c86}.directory-tools select{width:180px}.directory-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.directory-filters button{font:inherit;font-size:12px;padding:9px 15px;border:1px solid #2b2b31;border-radius:24px;color:#aaa;background:transparent;cursor:pointer}.directory-filters button[aria-pressed=true]{background:#f5f5f7;color:#111;border-color:#f5f5f7}
#directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.directory-card{min-width:0;padding:24px;background:#141417;border:1px solid #28282d;border-radius:18px;display:flex;flex-direction:column;transition:border-color .2s,background .2s}.directory-card:hover{border-color:#4c4c57;background:#18181c}.directory-identity{display:flex;gap:14px;align-items:center;min-height:64px}.directory-identity img{width:58px;height:58px;border-radius:16px;object-fit:cover;flex-shrink:0}.directory-identity h3{font-size:17px;letter-spacing:-.025em;line-height:1.3;margin:0 0 5px;overflow-wrap:anywhere}.directory-identity small{font-size:11px;color:#8c8c97;letter-spacing:.03em}.directory-cap{font-size:32px;letter-spacing:-.04em;font-weight:700;font-variant-numeric:tabular-nums;margin:26px 0 3px}.directory-card p{font-size:11px;color:#8c8c97;margin:0 0 24px}.directory-collabs{border-top:1px solid #29292f;padding-top:18px;margin-bottom:22px;min-height:65px}.directory-collabs small{font-size:9px;font-weight:600;color:#8c8c97;letter-spacing:.12em}.directory-partners{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.directory-partners a{display:flex;align-items:center;gap:6px;color:#ddd;text-decoration:none;font-size:11px}.directory-partners img{width:22px;height:22px;object-fit:cover;border-radius:7px}.directory-socials{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}.directory-socials a{font-size:12px;color:#a8a8b3;text-decoration:none}.directory-socials a:hover,.directory-partners a:hover{color:#ef36a6}.directory-links{display:flex;gap:10px;margin-top:auto;padding-top:4px}.directory-links a{flex:1;text-align:center;padding:12px 8px;border:1px solid #38383f;border-radius:10px;color:#eee;font-size:12px;font-weight:600;text-decoration:none}.directory-links a:last-child{background:#f0f0f3;border-color:#f0f0f3;color:#151515}.directory-links a:hover{border-color:#ed36a6}.directory-links a:last-child:hover{background:#ed36a6;border-color:#ed36a6}
#directory-status{color:#aaa;font-size:13px;text-align:center;margin:20px 0}#directory-more{display:block;margin:24px auto 0;padding:12px 24px;border:1px solid #37373e;background:#1b1b20;color:#eee;border-radius:12px;font:inherit;font-size:13px;cursor:pointer}#directory-more[hidden]{display:none}#apps-directory a:focus-visible,#apps-directory button:focus-visible,#apps-directory input:focus-visible,#apps-directory select:focus-visible{outline:2px solid #ed36a6;outline-offset:4px}
@media(max-width:850px){#directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#apps-directory{padding:28px}}@media(max-width:540px){#apps-directory{width:calc(100% - 20px);padding:22px;border-radius:20px}.directory-head h2{font-size:32px}.directory-tools{flex-direction:column}.directory-tools select{width:100%}#directory-grid{grid-template-columns:1fr;gap:14px}.directory-card{padding:22px}}