*{box-sizing:border-box;margin:0;padding:0}body{background:#09090b;color:#f4f4f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh}.app{max-width:1400px;margin:0 auto;padding:2.5rem 2rem}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem;border-bottom:1px solid #18181b}h1{font-size:1rem;font-weight:500;color:#71717a;letter-spacing:.02em}.search{width:260px;padding:.6rem 1rem;background:#18181b;border:1px solid #27272a;border-radius:8px;color:#f4f4f5;font-size:.875rem;outline:none;transition:border-color .15s,box-shadow .15s}.search:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search::placeholder{color:#3f3f46}section{margin-bottom:2.5rem}h2{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:#3f3f46;margin-bottom:1rem;padding-left:.25rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.875rem}.card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem 1rem;background:#111113;border:1px solid #1f1f23;border-radius:14px;text-decoration:none;transition:border-color .2s,background .2s,transform .15s,box-shadow .2s;cursor:pointer;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(59,130,246,.04) 0%,transparent 60%);opacity:0;transition:opacity .2s;border-radius:inherit}.card:hover{border-color:#2d2d35;background:#16161a;transform:translateY(-2px);box-shadow:0 8px 24px #0006,0 0 0 1px #3b82f61f}.card:hover:before{opacity:1}.card:active{transform:translateY(0)}.card-icon{width:52px;height:52px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#1f1f23;font-size:1.25rem;font-weight:700;color:#52525b;overflow:hidden;transition:background .2s}.card:hover .card-icon{background:#252530}.card-icon img{width:28px;height:28px;object-fit:contain}.card-text{text-align:center;overflow:hidden;width:100%}.card-name{font-size:.8rem;font-weight:500;color:#d4d4d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.card-url{font-size:.65rem;color:#3f3f46;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:.25rem}.empty{color:#27272a;text-align:center;padding:6rem;font-size:.875rem}