*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{min-height:100vh;padding:1rem .75rem;padding-top:max(1rem, env(safe-area-inset-top));padding-bottom:max(1rem, env(safe-area-inset-bottom));padding-left:max(.75rem, env(safe-area-inset-left));padding-right:max(.75rem, env(safe-area-inset-right));color:#e6edf3;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain;background:#0d1117;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.container{width:100%;max-width:1400px;margin:0 auto;overflow-x:hidden}header{text-align:center;margin-bottom:1.5rem;padding:.75rem 0}h1{background:linear-gradient(135deg,#5865f2 0%,#eb459e 50%,#faa61a 100%);-webkit-text-fill-color:transparent;word-break:break-word;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:2.25rem;font-weight:800;line-height:1.2}.subtitle{color:#8b949e;max-width:100%;margin:0 auto .75rem;padding:0 .5rem;font-size:1rem;line-height:1.5}.disclaimer{color:#6e7681;margin-top:.75rem;padding:0 .5rem;font-size:.8rem;line-height:1.4}.disclaimer a{color:#8b949e;border-bottom:1px solid #0000;text-decoration:none;transition:color .2s}.disclaimer a:hover{color:#c9d1d9;border-bottom-color:#8b949e}.catalog-meta{justify-content:space-between;align-items:flex-end;gap:1.25rem 2rem;width:74%;max-width:74%;margin:0 0 1.5rem;display:flex}.inclusion-blurb{color:#8b949e;text-align:left;flex:auto;margin:0;font-size:.9rem;line-height:1.5}.inclusion-blurb a{color:#7289da;font-weight:600;text-decoration:none;transition:color .2s}.inclusion-blurb a:hover{color:#a5b4fc}.sort-bar{flex:none;justify-content:flex-end;margin:0;display:flex}.sort-fieldset{border:0;flex-direction:column;align-items:flex-end;gap:.5rem;margin:0;padding:0;display:flex}.sort-legend{letter-spacing:.4px;text-transform:uppercase;color:#8b949e;padding:0;font-size:.75rem;font-weight:700}.sort-options{background:#161b22;border:1px solid #30363d;border-radius:10px;display:inline-flex;overflow:hidden}.sort-option{cursor:pointer;position:relative}.sort-option input{opacity:0;pointer-events:none;position:absolute}.sort-option span{text-transform:uppercase;letter-spacing:.25px;color:#8b949e;justify-content:center;align-items:center;min-width:5.5rem;min-height:36px;padding:.4rem 1rem;font-size:.8rem;font-weight:700;display:inline-flex}.sort-option input:checked+span{color:#fff;background:linear-gradient(135deg,#5865f2,#7289da)}.sort-option input:focus-visible+span{outline-offset:2px;outline:3px solid #5865f2}.bots-grid{flex-direction:column;gap:1rem;width:100%;display:flex}.bot-card{box-sizing:border-box;z-index:1;background:linear-gradient(135deg,#161b22 0%,#0d1117 100%);border:2px solid #30363d;border-radius:12px;flex-direction:column;align-items:stretch;gap:.75rem;width:74%;max-width:74%;padding:1rem;transition:all .3s;display:flex;position:relative;overflow:visible}.bot-card-left{margin-left:0;margin-right:auto}.bot-card-left:after{content:"";opacity:.3;z-index:0;background:linear-gradient(#0000 0%,#5865f2 20%,#eb459e 50%,#faa61a 80%,#0000 100%);width:2px;position:absolute;top:0;bottom:0;right:-13%}.bot-card-right{margin-left:auto;margin-right:0}.bot-card-right:after{content:"";opacity:.3;z-index:0;background:linear-gradient(#0000 0%,#5865f2 20%,#eb459e 50%,#faa61a 80%,#0000 100%);width:2px;position:absolute;top:0;bottom:0;left:-13%}.bot-card:before{content:"";opacity:0;background:linear-gradient(90deg,#0000 0%,#5865f2 15%,#eb459e 50%,#faa61a 85%,#0000 100%);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.bot-card:hover{border-color:#5865f2;box-shadow:0 20px 60px #5865f233}.bot-card:hover:before{opacity:1}.bot-top{align-items:flex-start;gap:.875rem;display:flex}.avatar-container{flex-shrink:0;position:relative}.avatar{object-fit:cover;border:2px solid #5865f2;border-radius:12px;flex-shrink:0;width:72px;height:72px;transition:transform .3s;box-shadow:0 3px 8px #5865f24d}.bot-card:hover .avatar{transform:scale(1.05)rotate(2deg)}.bot-heading{flex:1;min-width:0}.bot-name{color:#e6edf3;word-break:break-word;margin-bottom:.45rem;font-size:1.35rem;font-weight:800;line-height:1.2}.bot-stats,.bot-tags{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.badge{text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;min-height:24px;padding:.25rem .5rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge.votes{color:#fff;background:linear-gradient(135deg,#5865f2,#7289da)}.badge.servers{color:#fff;background:linear-gradient(135deg,#238636,#2ea043)}.badge.tag{color:#8b949e;background:#21262d;border:1px solid #30363d}.bot-description{color:#c9d1d9;word-break:break-word;width:100%;margin:0;font-size:.9rem;line-height:1.5}.bot-actions{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.25px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:.1rem;min-width:36px;min-height:36px;padding:.5rem .875rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-main{font-size:.8rem;font-weight:700;line-height:1.2}.btn-sub{opacity:.9;letter-spacing:.15px;font-size:.6rem;font-weight:600;line-height:1}.btn:focus{outline-offset:2px;outline:3px solid #5865f2}.btn-primary{color:#fff;background:linear-gradient(135deg,#5865f2,#7289da);box-shadow:0 4px 15px #5865f24d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #5865f280}.btn-secondary{color:#fff;background:linear-gradient(135deg,#eb459e,#f093fb);box-shadow:0 4px 15px #eb459e4d}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #eb459e80}.btn-outline{color:#5865f2;background:0 0;border:2px solid #5865f2}.btn-outline:hover{color:#fff;background:#5865f2;transform:translateY(-3px)}@media (width>=481px){body{padding:1.5rem 1rem}header{margin-bottom:2rem;padding:1rem 0}h1{font-size:2.5rem}.subtitle{font-size:1rem}.disclaimer{font-size:.8rem}.bots-grid{gap:1.25rem}.bot-card{gap:1rem;padding:1.125rem}.avatar{width:80px;height:80px}.bot-name{font-size:1.5rem}.bot-description{font-size:.9rem}.badge{padding:.5rem .875rem;font-size:.8rem}.btn{padding:.8rem 1.5rem;font-size:.9rem}.btn-main{font-size:.9rem}.btn-sub{font-size:.7rem}}@media (width>=641px){body{padding:2rem 1.25rem}header{margin-bottom:2.5rem;padding:1.25rem 0}h1{font-size:2.75rem}.subtitle{font-size:1.05rem}.disclaimer{font-size:.85rem}.bots-grid{gap:1.5rem}.bot-card{gap:1rem;padding:1.25rem}.avatar{border-radius:14px;width:96px;height:96px}.bot-name{font-size:1.75rem}.bot-description{margin-bottom:.875rem;font-size:.95rem}.badge{min-height:26px;padding:.3rem .6rem;font-size:.75rem}.btn{padding:.85rem 1.75rem;font-size:.95rem}.btn-main{font-size:.95rem}.btn-sub{font-size:.72rem}}@media (width>=769px){body{padding:2rem 1.5rem}header{margin-bottom:2.75rem}h1{font-size:3rem}.subtitle{max-width:600px;font-size:1.1rem}.bots-grid{gap:1.75rem}.bot-card{gap:1.25rem;padding:1.5rem}.avatar{border-radius:16px;width:112px;height:112px}.bot-name{font-size:2rem}.bot-description{margin-bottom:1rem;font-size:1rem}.badge{min-height:28px;padding:.35rem .65rem;font-size:.75rem}.btn{min-height:38px;padding:.625rem 1.25rem;font-size:.85rem}.btn-main{font-size:.85rem}.btn-sub{font-size:.65rem}}@media (width>=1025px){body{padding:2rem}header{margin-bottom:3rem}h1{font-size:3.25rem}.subtitle{max-width:700px;font-size:1.15rem}.bots-grid{gap:2rem}.bot-card{border-radius:16px;gap:1.5rem;padding:1.75rem}.avatar{border-width:3px;border-radius:18px;width:120px;height:120px}.bot-name{font-size:2.25rem}.bot-description{margin-bottom:1rem;font-size:1.05rem;line-height:1.6}.badge{min-height:30px;padding:.4rem .75rem;font-size:.8rem}.btn{min-height:40px;padding:.7rem 1.5rem;font-size:.9rem}.btn-main{font-size:.9rem}.btn-sub{font-size:.7rem}}@media (height<=500px) and (orientation:landscape){header{margin-bottom:2rem;padding:1rem 0}h1{margin-bottom:.5rem;font-size:2rem}.subtitle{margin-bottom:.5rem;font-size:.9rem}.disclaimer{margin-top:.5rem;font-size:.75rem}.bots-grid{gap:1.5rem}.bot-card{gap:1.25rem;padding:1.5rem}.avatar{width:80px;height:80px}.bot-name{font-size:1.5rem}.bot-description{margin-bottom:1rem;font-size:.9rem}}@media (width<=768px){.subtitle{text-align:left;margin-left:0;margin-right:0;font-size:.85rem;line-height:1.4}.subtitle br{display:none}.catalog-meta{flex-direction:column;align-items:stretch;gap:1rem;width:100%;max-width:100%;margin-bottom:1.25rem}.inclusion-blurb{font-size:.85rem}.sort-bar{justify-content:flex-start}.sort-fieldset{align-items:flex-start}.bot-card-left:after,.bot-card-right:after{display:none}.bot-card{gap:.75rem;padding-top:1rem;padding-bottom:1rem;width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.bot-top{align-items:center;gap:.75rem}.avatar{width:56px;height:56px}.bot-name{margin-bottom:.35rem;font-size:1.15rem;line-height:1.2}.bot-stats,.bot-tags{gap:.35rem}.bot-description{text-align:left;width:100%}.bot-actions{grid-template-columns:repeat(3,1fr);justify-content:center;justify-items:center;gap:.5rem;width:100%;margin-top:0;margin-bottom:0;display:grid}.bot-actions .btn{text-align:center;justify-content:center;width:100%;min-width:0}}@media (hover:none) and (pointer:coarse){.bot-card:hover{border-color:#30363d;transform:none}.bot-card:hover:before{opacity:0}.bot-card:hover .avatar,.btn-primary:hover,.btn-secondary:hover,.btn-outline:hover{transform:none}}@media (-webkit-device-pixel-ratio>=2),(resolution>=192dpi){.avatar{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}