:root {
  color-scheme: dark;
  --bg: #09090d;
  --surface: #101015;
  --surface-raised: #14141b;
  --line: rgba(255, 255, 255, .075);
  --muted: #85848f;
  --text: #f4f3f8;
  --purple: #a879ff;
  --blue: #69a5ff;
  --font-body: "DM Sans", sans-serif;
  --font-display: "Space Grotesk", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; background: var(--bg); }
body { margin: 0; background: transparent; color: var(--text); font-family: var(--font-body); font-size: 14px; -webkit-font-smoothing: antialiased; }
body::before { position: fixed; inset: 0; z-index: 0; pointer-events: none; content: ""; background-image: linear-gradient(180deg, rgba(9, 9, 13, .62), rgba(9, 9, 13, .76)), url("https://media.giphy.com/media/v1.Y2lkPTc5MGI3NjExcTlod3U3dzlwYWF0bjhnZng5eW9rbHBvdWpwN2JyODlkdTZ0YTk0ZSZlcD12MV9naWZzX3NlYXJjaCZjdD1n/lTWmuCMJ90Ems/giphy.gif"), radial-gradient(#818198 0.55px, transparent 0.55px); background-size: cover, cover, 23px 23px; background-position: center, center, center; background-repeat: no-repeat, no-repeat, repeat; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
.site-shell { position: relative; z-index: 1; max-width: 1440px; margin: 0 auto; padding: 0 7.2%; overflow: hidden; }
.topbar { height: 88px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); position: relative; z-index: 10; }
.brand { display: inline-flex; align-items: center; gap: 10px; font: 700 18px var(--font-display); letter-spacing: -.7px; }
.brand-mark { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 9px; color: white; font: 700 16px var(--font-display); background: linear-gradient(145deg, #a775ff, #536dff); box-shadow: 0 4px 18px #8159ff40; }
.brand-period { color: var(--purple); }
.main-nav { display: flex; gap: 36px; margin-left: 95px; }
.nav-link { color: #9998a3; font-size: 13px; transition: color .2s; }
.nav-link:hover, .nav-link.active { color: #fff; }
.nav-cta { font-size: 12px; border: 1px solid rgba(255,255,255,.13); padding: 10px 15px; border-radius: 8px; transition: border-color .2s, background .2s; }
.nav-cta:hover { border-color: #a879ff88; background: #a879ff12; }
.plus-icon { color: #bb98ff; margin-right: 5px; font-size: 16px; vertical-align: -1px; }
.menu-toggle { display: none; }
.hero { min-height: 493px; display: flex; align-items: center; position: relative; border-bottom: 1px solid var(--line); }
.hero-glow { position: absolute; width: 660px; height: 430px; top: -120px; left: 14%; background: radial-gradient(ellipse, #663db421 0%, transparent 67%); pointer-events: none; }
.hero-content { position: relative; z-index: 1; padding: 47px 0 42px; }
.eyebrow, .section-kicker { color: #a5a2b2; letter-spacing: 1.7px; font-size: 9px; font-weight: 700; }
.eyebrow { display: flex; align-items: center; gap: 9px; }
.status-dot { display: inline-block; width: 6px; height: 6px; background: #8d6eff; border-radius: 50%; box-shadow: 0 0 12px #9865ff; }
h1, h2, h3, p { margin-top: 0; }
h1 { font: 600 clamp(44px, 5.3vw, 68px)/1.08 var(--font-display); letter-spacing: -3.5px; margin: 23px 0 15px; }
.gradient-text { color: transparent; background: linear-gradient(100deg, #b78aff 6%, #807fff 55%, #6baeff 100%); background-clip: text; -webkit-background-clip: text; }
.hero-copy { color: #a3a1ae; line-height: 1.8; font-size: 13px; margin-bottom: 24px; }
.search-form { width: min(516px, 85vw); height: 52px; display: flex; align-items: center; border: 1px solid #ffffff20; background: #111117e8; border-radius: 9px; padding: 5px; box-shadow: 0 14px 55px #0005; }
.search-form:focus-within { border-color: #9b7aff90; box-shadow: 0 0 0 3px #9871ff17; }
.search-icon { color: #aaa8b5; font-size: 25px; padding: 0 11px 3px 9px; transform: rotate(-20deg); }
.search-form input { flex: 1; min-width: 0; color: #f4f3f8; outline: 0; border: 0; background: transparent; font-size: 12px; }
.search-form input::placeholder { color: #777681; }
kbd { color: #767582; font-size: 10px; border: 1px solid #ffffff1c; border-radius: 4px; padding: 3px 6px; margin-right: 10px; }
.search-form button, .button-primary { border: 0; border-radius: 6px; padding: 11px 16px; background: linear-gradient(110deg, #8d61ed, #6677f6); color: white; font-size: 11px; font-weight: 600; cursor: pointer; box-shadow: 0 4px 17px #8661ef35; transition: transform .2s, filter .2s; }
.search-form button:hover, .button-primary:hover { filter: brightness(1.15); transform: translateY(-1px); }
.search-form button span, .button-primary span { margin-left: 11px; }
.popular-searches { margin-top: 15px; display: flex; align-items: center; gap: 9px; color: #787783; font-size: 10px; }
.popular-searches button { border: 1px solid #ffffff13; background: #ffffff05; color: #a5a3af; border-radius: 20px; padding: 5px 9px; font-size: 9px; cursor: pointer; transition: background .2s, color .2s; }
.popular-searches button:hover { color: #d7c3ff; background: #9b71ff1b; }
.hero-art { position: absolute; right: 4%; top: 24px; width: 390px; height: 430px; display: grid; place-items: center; }
.hero-orb { width: 205px; height: 205px; display: grid; place-items: center; border-radius: 50%; background: radial-gradient(circle at 32% 26%, #c1a5ff 0, #8b61e9 25%, #4944a0 58%, #171528 76%); box-shadow: 0 0 100px #7455e639, inset -15px -24px 44px #10101eaa, inset 8px 10px 30px #ffffff38; animation: orb-float 6s ease-in-out infinite; }
.hero-orb span { font-size: 52px; color: #f8f2ff; text-shadow: 0 0 26px #fff; }
.orbit { position: absolute; border: 1px solid #a78bff25; border-radius: 50%; transform: rotate(-26deg); }
.orbit-one { width: 320px; height: 122px; }
.orbit-two { width: 365px; height: 179px; transform: rotate(32deg); border-color: #75aaff20; }
.float-card { position: absolute; display: flex; align-items: center; gap: 10px; background: #17171fdd; border: 1px solid #ffffff19; box-shadow: 0 12px 40px #0008; backdrop-filter: blur(14px); border-radius: 9px; padding: 11px 12px; animation: card-float 5s ease-in-out infinite; }
.float-card b, .float-card small { display: block; }
.float-card b { font-size: 9px; font-weight: 600; margin-bottom: 3px; }
.float-card small { font-size: 8px; color: #8a8996; }
.float-card-top { top: 98px; right: -4px; }
.float-card-bottom { bottom: 87px; left: -3px; animation-delay: -2.5s; padding: 11px 17px 11px 12px; }
.mini-avatar { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 8px; }
.mini-purple { color: #e6d8ff; background: linear-gradient(135deg, #9c63ef, #5654bd); }
.float-arrow, .float-spark { color: #aa8aff; font-size: 12px; }
.online-indicator { width: 7px; height: 7px; background: #62dfab; box-shadow: 0 0 9px #62dfab; border-radius: 50%; margin: 0 5px; }
.art-star { position: absolute; color: #b69aff; text-shadow: 0 0 13px #a371ff; }
.star-one { top: 77px; left: 69px; font-size: 17px; }.star-two { right: 62px; bottom: 91px; font-size: 20px; }.star-three { top: 174px; right: 17px; font-size: 34px; color: #74aaff; }
.stats-strip { min-height: 103px; display: flex; align-items: center; gap: 35px; border-bottom: 1px solid var(--line); }
.stat-item { display: flex; align-items: center; gap: 13px; }
.stat-icon { width: 32px; height: 32px; display: grid; place-items: center; border: 1px solid #a879ff26; border-radius: 9px; color: #ad8bff; background: #a879ff0b; font-size: 16px; }
.stat-item strong, .stat-item small { display: block; }
.stat-item strong { font: 600 18px var(--font-display); letter-spacing: -.5px; }
.stat-item strong span { color: #a98aff; }
.stat-item small { color: #777681; font-size: 9px; margin-top: 3px; }
.stat-divider { height: 30px; width: 1px; background: var(--line); }
.stat-note { margin-left: auto; color: #83818e; font-size: 10px; display: flex; align-items: center; gap: 8px; }
.stat-note .status-dot { background: #64d8a6; box-shadow: 0 0 9px #64d8a6; }
.content-section { padding: 76px 0 11px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; margin-bottom: 25px; }
.section-kicker { font-size: 8px; margin-bottom: 10px; color: #8b8997; }
h2 { font: 600 27px/1.2 var(--font-display); letter-spacing: -1.3px; margin: 0; }
.text-link { color: #a8a5b0; font-size: 10px; margin-bottom: 4px; transition: color .2s; }
.text-link:hover { color: #c6a7ff; }.text-link span { color: #a879ff; padding-left: 5px; }
.category-list { display: grid; grid-template-columns: repeat(6, 1fr); gap: 11px; }
.category-card { cursor: pointer; min-height: 96px; text-align: left; padding: 15px; background: linear-gradient(145deg, #14141a, #101015); border: 1px solid var(--line); border-radius: 10px; transition: transform .2s, border-color .2s, background .2s; }
.category-card:hover, .category-card.selected { transform: translateY(-3px); border-color: #9d7aff65; background: linear-gradient(145deg, #1d1928, #121219); }
.category-icon { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; font-size: 14px; margin-bottom: 10px; }
.category-card strong { display: block; font-size: 10px; font-weight: 600; }
.category-card small { display: block; color: #777681; font-size: 8px; margin-top: 4px; }
.bot-section { padding-top: 77px; }
.bot-heading { margin-bottom: 19px; }
.title-count { font: 400 11px var(--font-body); color: #85838e; margin-left: 9px; vertical-align: 3px; letter-spacing: 0; }
.sort-wrap { position: relative; }
.sort-wrap select { appearance: none; color: #a5a3af; background: #121218; border: 1px solid var(--line); border-radius: 7px; padding: 9px 30px 9px 11px; outline: none; font-size: 9px; cursor: pointer; }
.select-chevron { position: absolute; right: 11px; top: 6px; color: #817f8d; font-size: 14px; pointer-events: none; }
.filter-row { display: flex; align-items: center; justify-content: space-between; color: #777681; font-size: 9px; margin-bottom: 15px; }
.clear-filter { background: none; color: #b69aff; border: 0; font-size: 9px; cursor: pointer; }.clear-filter span { font-size: 15px; margin-left: 4px; }
.bot-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.bot-card { position: relative; overflow: hidden; min-width: 0; padding: 16px; background: linear-gradient(145deg, #141419, #101014); border: 1px solid #ffffff0d; border-radius: 11px; transition: transform .22s, border-color .22s, box-shadow .22s; animation: card-enter .4s both; }
.bot-card:hover { transform: translateY(-4px); border-color: #a27dff45; box-shadow: 0 13px 35px #0005, 0 0 25px #875aff08; }
.bot-card-head { display: flex; align-items: center; gap: 11px; margin-bottom: 12px; }
.bot-avatar { width: 42px; height: 42px; border-radius: 12px; flex: 0 0 auto; display: grid; place-items: center; font-size: 20px; color: #fff; box-shadow: inset 0 0 20px #ffffff12; }
.bot-avatar img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.bot-name { overflow: hidden; flex: 1; }
.bot-name h3 { font: 600 12px var(--font-display); margin: 0 0 4px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.bot-name span { color: #81808b; font-size: 8px; }
.verified { color: #80a8ff; margin-left: 3px; }
.featured-tag { font-size: 7px; color: #c5abff; background: #a879ff1a; padding: 5px 7px; border-radius: 4px; }
.bot-description { min-height: 35px; color: #9997a2; font-size: 9px; line-height: 1.7; margin-bottom: 13px; }
.bot-tags { display: flex; gap: 6px; margin-bottom: 14px; }
.bot-tag { color: #a6a3b0; background: #ffffff08; border: 1px solid #ffffff0d; border-radius: 4px; padding: 4px 7px; font-size: 7px; }
.bot-card-footer { display: flex; align-items: center; border-top: 1px solid #ffffff0c; padding-top: 11px; gap: 8px; }
.vote-button { cursor: pointer; border: 1px solid #ffffff13; color: #aaa8b3; background: #ffffff04; font-size: 8px; border-radius: 5px; padding: 7px 9px; transition: all .2s; }
.vote-button:hover, .vote-button.voted { color: #c8adff; border-color: #ad8aff65; background: #a879ff14; }
.vote-button span { color: #b498ff; margin-right: 4px; }
.details-link { color: #9c99a6; font-size: 8px; padding: 7px 3px; transition: color .2s; }.details-link:hover { color: #c7aaff; }
.invite-button { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; color: #f0edfa; background: #f3f0ff10; border: 1px solid #ffffff12; border-radius: 5px; padding: 7px 9px; font-size: 8px; transition: background .2s; }
.invite-button:hover { background: #647eff38; }.invite-button span { color: #93a9ff; }
.route-page { min-height: 55vh; }.bot-detail-page { max-width: 850px; margin: 0 auto; padding: 45px 0 70px; }.back-link { display: inline-block; color: #a9a6b2; font-size: 10px; margin-bottom: 20px; transition: color .2s; }.back-link:hover { color: #c9aaff; }
.bot-detail-card { padding: 30px; border: 1px solid #ffffff12; border-radius: 13px; background: radial-gradient(ellipse at 90% 0%, #7856b51c, transparent 40%), #121117; }
.bot-detail-top { display: flex; gap: 18px; align-items: center; padding-bottom: 25px; border-bottom: 1px solid var(--line); }.bot-detail-avatar { width: 68px; height: 68px; border-radius: 18px; font-size: 29px; }.bot-detail-top .section-kicker { margin-bottom: 8px; }.bot-detail-top h1 { font-size: 30px; letter-spacing: -1px; margin: 0 0 4px; }.bot-detail-top .verified { font: 14px var(--font-body); }.bot-detail-top p { color: #888692; font-size: 10px; margin: 0; }
.bot-detail-content { display: grid; grid-template-columns: 1fr 190px; gap: 35px; padding-top: 26px; }.bot-detail-content > div > p { color: #b0aeba; font-size: 12px; line-height: 1.8; margin: 0 0 16px; }.bot-detail-content .bot-tags { margin-bottom: 20px; }.detail-invite { text-decoration: none; }
.detail-stats { display: flex; align-items: flex-start; flex-direction: column; gap: 10px; padding: 15px; border: 1px solid var(--line); background: #ffffff04; border-radius: 9px; }.detail-stats > span { color: #85828f; font-size: 7px; letter-spacing: 1px; }.detail-stats strong { font: 600 24px var(--font-display); }.detail-stats small { color: #85828f; font-size: 8px; margin-top: 5px; }.detail-stats b { font-size: 10px; font-weight: 500; }
.not-found { min-height: 62vh; display: grid; align-content: center; justify-items: center; text-align: center; }.not-found-code { margin: 7px 0 -3px; color: transparent; background: linear-gradient(110deg,#b78aff,#6baeff); background-clip: text; -webkit-background-clip: text; font: 700 clamp(95px,20vw,170px)/1 var(--font-display); letter-spacing: -10px; }.not-found h1 { font-size: clamp(36px,6vw,54px); letter-spacing: -2.5px; margin: 12px 0; }.not-found p { color: #9997a2; font-size: 12px; margin: 0 0 20px; }
.empty-state { text-align: center; padding: 55px 20px; border: 1px dashed #ffffff1c; border-radius: 12px; margin-top: 4px; }
.empty-icon { font-size: 33px; color: #a783ff; }.empty-state h3 { font: 600 17px var(--font-display); margin: 12px 0 7px; }.empty-state p { color: #92909c; font-size: 11px; }
.button-secondary { border: 1px solid #ffffff19; color: #d8d5e0; background: #ffffff07; border-radius: 6px; padding: 9px 13px; cursor: pointer; font-size: 9px; transition: background .2s, border-color .2s; }
.button-secondary:hover { background: #a879ff16; border-color: #a879ff50; }
.load-more-wrap { text-align: center; padding: 25px 0 0; }.load-more-wrap button { padding: 10px 16px; }.load-more-wrap button span { color: #a879ff; margin-left: 7px; }
.submit-banner { position: relative; display: flex; align-items: center; justify-content: space-between; min-height: 287px; overflow: hidden; padding: 42px 8%; margin: 79px 0 73px; border: 1px solid #a880ff28; border-radius: 15px; background: radial-gradient(ellipse at 85% 47%, #59438a24, transparent 44%), linear-gradient(115deg, #15131c, #101117); }
.banner-orb { position: absolute; right: 20%; top: -145px; width: 300px; height: 300px; display: grid; place-items: center; color: #ffffff12; font-size: 180px; border-radius: 50%; background: radial-gradient(circle at 35% 34%, #b99aff18, #6d53c809 60%, transparent); }
.banner-copy { position: relative; z-index: 1; max-width: 400px; }.banner-copy .section-kicker { color: #a18cc9; }
.banner-copy h2 { font-size: 30px; line-height: 1.17; }.banner-copy p { color: #9795a1; font-size: 10px; line-height: 1.8; max-width: 315px; margin: 12px 0 17px; }
.button-primary { display: inline-flex; align-items: center; padding: 11px 14px; font-size: 9px; }
.banner-stat { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; min-width: 135px; margin-right: 4%; }.banner-stat-icon { color: #ae8aff; font-size: 17px; margin-bottom: 8px; }.banner-stat strong { font: 600 29px var(--font-display); }.banner-stat > span:nth-of-type(2) { text-align: center; color: #92909c; font-size: 9px; line-height: 1.6; margin-top: 4px; }.avatar-stack { display: flex; margin-top: 14px; padding-left: 8px; }.avatar-stack span { width: 24px; height: 24px; margin-left: -7px; display: grid; place-items: center; border: 2px solid #17151f; border-radius: 50%; font-size: 8px; background: linear-gradient(135deg,#885de4,#6276d9); }.avatar-stack span:nth-child(2) { background: linear-gradient(135deg,#db825d,#8352ad); }.avatar-stack span:nth-child(3) { background: linear-gradient(135deg,#4eaf9e,#506ad2); }.avatar-stack span:nth-child(4) { background: #34313e; color: #c7b6ff; }
.footer { min-height: 116px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr 2fr 1fr; align-items: center; gap: 12px; }
.footer-brand { font-size: 14px; }.footer-brand .brand-mark { width: 25px; height: 25px; font-size: 13px; border-radius: 7px; }.footer > p { color: #777681; font-size: 9px; margin: 0; }.footer-links { display: flex; justify-content: center; gap: 20px; color: #85838e; font-size: 9px; }.footer-links a:hover { color: #d0baff; }.copyright { text-align: right; color: #666570; font-size: 8px; }
.toast-region { position: fixed; bottom: 22px; right: 22px; z-index: 30; display: grid; gap: 8px; }.toast { padding: 12px 16px; color: #f2edf9; background: #1b1922; border: 1px solid #a879ff55; box-shadow: 0 8px 30px #0008; border-radius: 8px; font-size: 11px; animation: toast-in .25s ease-out; }.toast.success::before { content: "✓"; color: #75dfae; margin-right: 8px; }
.modal-backdrop { position: fixed; inset: 0; z-index: 20; padding: 24px; display: grid; place-items: center; background: #060609d9; backdrop-filter: blur(8px); }.modal-backdrop[hidden] { display: none; }.submit-modal { position: relative; width: min(100%, 440px); max-height: min(90vh, 760px); overflow-y: auto; padding: 31px; border: 1px solid #ffffff17; border-radius: 13px; background: #141319; box-shadow: 0 24px 90px #000b; animation: modal-in .22s ease-out; }.modal-close { position: absolute; top: 16px; right: 17px; width: 29px; height: 29px; border: 1px solid #ffffff16; border-radius: 7px; background: #ffffff07; color: #aaa8b3; font-size: 20px; cursor: pointer; }.submit-modal h2 { font-size: 24px; }.modal-intro { color: #92909c; font-size: 10px; margin: 9px 0 20px; }.submit-modal form { display: grid; }.submit-modal label { color: #c4c1cd; font-size: 9px; margin: 12px 0 6px; }.submit-modal input, .submit-modal textarea, .submit-modal select { width: 100%; resize: vertical; color: #f2eff8; background: #0f0e14; border: 1px solid #ffffff18; outline: 0; border-radius: 6px; padding: 10px 11px; font-size: 10px; }.submit-modal input:focus, .submit-modal textarea:focus, .submit-modal select:focus { border-color: #a879ff88; }.submit-modal input::placeholder, .submit-modal textarea::placeholder { color: #6f6d79; }.form-note { margin: 12px 0 3px; color: #777581; font-size: 8px; line-height: 1.6; }.submit-form-button { justify-content: center; margin-top: 12px; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@keyframes orb-float { 0%,100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-12px) rotate(3deg); } }
@keyframes card-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
@keyframes card-enter { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
@keyframes modal-in { from { opacity: 0; transform: translateY(8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
@media (min-width: 1250px) { .site-shell { padding-left: 9%; padding-right: 9%; } }
@media (max-width: 1000px) {
  .site-shell { padding: 0 5%; }.hero-art { right: -2%; transform: scale(.85); transform-origin: center right; }.hero-content { z-index: 2; }.category-list { grid-template-columns: repeat(3, 1fr); }.bot-grid { grid-template-columns: repeat(2, 1fr); }.footer { grid-template-columns: 1fr 1fr; padding: 24px 0; }.footer-links { justify-content: flex-start; }.copyright { text-align: left; }
}
@media (max-width: 680px) {
  .site-shell { padding: 0 20px; }.topbar { height: 70px; }.brand { font-size: 16px; }.main-nav { display: none; position: absolute; top: 61px; left: 0; right: 0; padding: 17px; margin: 0; flex-direction: column; gap: 18px; background: #14131a; border: 1px solid var(--line); border-radius: 9px; }.main-nav.open { display: flex; }.nav-cta { margin-left: auto; margin-right: 10px; padding: 8px 10px; font-size: 10px; }.menu-toggle { display: flex; width: 32px; height: 32px; flex-direction: column; justify-content: center; align-items: center; gap: 5px; margin-left: 12px; border: 1px solid var(--line); background: #ffffff06; border-radius: 7px; cursor: pointer; order: 3; }.menu-toggle span { width: 13px; height: 1px; background: #ddd; }
  .hero { min-height: 473px; align-items: flex-start; }.hero-content { padding: 60px 0 35px; }.hero-art { opacity: .33; right: -112px; top: 73px; transform: scale(.7); }.hero-glow { left: -20%; top: -100px; }.eyebrow { font-size: 8px; }h1 { font-size: clamp(43px, 12vw, 59px); letter-spacing: -2.7px; margin: 22px 0 13px; }.hero-copy { font-size: 12px; }.search-form { width: 100%; height: 49px; }.search-form button { padding: 10px 12px; }.search-form button span { margin-left: 5px; }.search-icon { padding-left: 5px; }.popular-searches { gap: 6px; }.popular-searches button { padding: 5px 7px; }
  .stats-strip { min-height: 85px; gap: 12px; justify-content: space-between; }.stat-item { gap: 7px; }.stat-icon { width: 26px; height: 26px; font-size: 12px; }.stat-item strong { font-size: 14px; }.stat-item small { font-size: 7px; }.stat-divider { height: 26px; }.stat-note { display: none; }
  .content-section { padding-top: 57px; }.section-heading { align-items: end; gap: 8px; }h2 { font-size: 23px; }.section-kicker { font-size: 7px; }.text-link { font-size: 8px; white-space: nowrap; }.category-list { grid-template-columns: repeat(2, 1fr); gap: 9px; }.category-card { min-height: 91px; padding: 12px; }.bot-section { padding-top: 60px; }.bot-grid { grid-template-columns: 1fr; gap: 10px; }.bot-card { padding: 15px; }.bot-description { min-height: auto; }.sort-wrap select { max-width: 118px; font-size: 8px; padding-left: 8px; }.filter-row { margin-bottom: 12px; }
  .submit-banner { margin: 59px 0 48px; min-height: 300px; padding: 32px 24px; }.banner-copy { max-width: 75%; }.banner-copy h2 { font-size: 26px; }.banner-copy p { max-width: 250px; }.banner-stat { margin-right: -13%; transform: scale(.78); }.banner-orb { right: -20%; }.footer { grid-template-columns: 1fr 1fr; gap: 15px 10px; }.footer-links { flex-wrap: wrap; gap: 12px; font-size: 8px; }.copyright { font-size: 7px; }.footer > p { font-size: 8px; }.submit-modal { padding: 25px 21px; }.toast-region { left: 16px; right: 16px; bottom: 16px; }
  .bot-detail-page { padding: 30px 0 45px; }.bot-detail-card { padding: 20px; }.bot-detail-content { grid-template-columns: 1fr; gap: 22px; }.detail-stats { display: grid; grid-template-columns: 1fr auto; align-items: center; }.detail-stats > span, .detail-stats small { grid-column: 1; }.detail-stats strong, .detail-stats b { grid-column: 2; grid-row: 1; }.detail-stats .vote-button { grid-column: 1 / -1; justify-self: start; }.bot-detail-top h1 { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }

/* NYVEX network landing page */
:root { --bg: #08070d; --surface: #100d17; --surface-raised: #15111e; --line: rgba(189, 165, 255, .1); --muted: #8f899f; --text: #f4f0fc; --purple: #a46cf2; --blue: #7877f4; }
html { zoom: 125%; }
body { background: transparent; font-size: 13px; }
body::before { opacity: 1; background-size: cover, cover, 27px 27px; }
.site-shell { max-width: 1440px; padding: 0 8.1%; }
.topbar { height: 72px; border: 0; }
.brand { font-size: 15px; gap: 8px; letter-spacing: .1px; }
.brand-mark { width: 27px; height: 27px; border-radius: 8px; background: linear-gradient(145deg,#412376,#191126); border: 1px solid #a879ff4f; box-shadow: 0 0 20px #8159ff25; }
.main-nav { gap: 31px; margin: 0 auto; }
.nav-link { color: #aaa5b5; font-size: 10px; }
.nav-cta { padding: 8px 13px; background: #ffffff08; border-color: #ffffff14; border-radius: 30px; font-size: 9px; }
.login-mark { margin-right: 6px; color: #d9c8ff; }
.hero { min-height: 475px; border-bottom: 1px solid #ffffff0a; align-items: flex-start; }
.hero-glow { width: 750px; height: 500px; top: -155px; left: 35%; background: radial-gradient(ellipse,#754b9e1c 0%,#38224c0d 41%,transparent 70%); }
.hero-content { max-width: 480px; padding: 32px 0 34px; }
.eyebrow { letter-spacing: 0; }
.eyebrow-pill { display: inline-flex; align-items: center; gap: 7px; padding: 6px 9px; border: 1px solid #b38bff2f; border-radius: 20px; color: #d1c2f0; background: #2415359c; font-size: 8px; letter-spacing: .8px; }
.eyebrow-pill .status-dot { width: 5px; height: 5px; }
.hero h1 { font-size: clamp(48px,5.25vw,71px); line-height: .94; letter-spacing: -4.4px; margin: 19px 0 18px; }
.hero h1 .gradient-text { background-image: linear-gradient(105deg,#d7b6ff 0%,#ad78f5 57%,#d986d5 100%); }
.hero-copy { max-width: 370px; color: #aaa4b5; font-size: 11px; line-height: 1.75; margin-bottom: 16px; }
.hero-actions { display: flex; align-items: center; gap: 9px; }
.hero-actions .button-primary, .hero-actions .button-secondary { font-size: 9px; border-radius: 18px; padding: 10px 13px; }
.hero-actions .button-secondary { background: #ffffff08; }
.hero-assurances { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 16px; color: #898395; font-size: 7px; }
.hero-assurances span { display: inline-flex; align-items: center; gap: 4px; }
.hero-assurances i { color: #b995ff; font-style: normal; }
.hero-art { top: 25px; right: 0; width: 47%; height: 405px; transform: none; }
.network-visual { perspective: 1100px; }
.visual-orbit { position: absolute; width: 340px; height: 340px; border: 1px solid #8d6db32b; border-radius: 50%; box-shadow: inset 0 0 70px #5a3a8c0b, 0 0 65px #63458c12; }
.control-window { position: relative; width: min(100%, 370px); min-height: 273px; padding: 13px 17px 15px; overflow: hidden; border: 1px solid #ad8adb40; border-radius: 13px; background: linear-gradient(135deg,#21182e,#171321 75%); box-shadow: 0 25px 65px #000a, 0 0 70px #7a4bb525, inset 0 1px #ffffff10; transform: rotateY(-8deg) rotateX(2deg); }
.control-window::after { position: absolute; inset: 0; pointer-events: none; content: ""; background: linear-gradient(130deg,#ffffff06,transparent 42%); }
.window-top { display: flex; align-items: center; justify-content: space-between; color: #766b89; font-size: 6px; letter-spacing: .55px; }
.window-dots { color: #8264a8; letter-spacing: 2px; font-size: 8px; }.online-label { color: #67dfb0; font-size: 6px; }.online-label i, .live-badge i, .footer-live i, .support-status i, .support-toast > i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #5bdda6; box-shadow: 0 0 8px #5bdda6; margin-right: 4px; }
.window-brand { position: relative; width: 54px; height: 54px; display: grid; place-items: center; margin: 22px auto 9px; border: 1px solid #a476e864; border-radius: 14px; background: radial-gradient(circle,#6e48aa66,#20162f); box-shadow: 0 0 30px #9664ea27; }
.window-logo { font: 500 35px var(--font-display); text-shadow: 0 0 18px #bf9aff; }.window-check { position: absolute; bottom: -5px; right: -7px; display: grid; place-items: center; width: 17px; height: 17px; border-radius: 50%; color: #7ce4b6; background: #18281f; border: 1px solid #5ad89c45; font-size: 9px; }
.window-caption { color: #8e7ca7; text-align: center; font-size: 6px; letter-spacing: 1px; margin-bottom: 6px; }.control-window > strong { display: block; text-align: center; font: 600 15px var(--font-display); }.control-window > small { display: block; text-align: center; margin-top: 5px; color: #81798d; font-size: 6px; }
.activity-chart { height: 41px; display: flex; align-items: end; justify-content: center; gap: 5px; margin: 8px 0 11px; }.activity-chart i { display: block; width: 7px; height: 30%; border-radius: 2px 2px 0 0; background: linear-gradient(#b58cfa,#7252ad); opacity: .8; }.activity-chart i:nth-child(3n) { height: 72%; }.activity-chart i:nth-child(4n) { height: 90%; }.activity-chart i:nth-child(2n) { height: 50%; }.activity-chart i:nth-child(5n) { height: 62%; }
.window-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }.window-metrics > span { padding: 7px 9px; border: 1px solid #ffffff0b; border-radius: 6px; background: #0d0b12a6; }.window-metrics small, .window-metrics b { display: block; }.window-metrics small { color: #81788d; font-size: 5px; letter-spacing: .6px; }.window-metrics b { margin-top: 5px; font: 600 12px var(--font-display); }.window-metrics b span { color: #8c8499; font: 6px var(--font-body); margin-left: 2px; }.green-text { color: #6ed6ac; }
.visual-float { position: absolute; z-index: 2; display: flex; align-items: center; gap: 8px; padding: 9px 11px; border: 1px solid #ffffff17; border-radius: 8px; background: #171321eF; box-shadow: 0 12px 30px #0008; }.visual-float b, .visual-float small { display: block; }.visual-float b { color: #f0eafa; font-size: 7px; }.visual-float small { color: #92899d; font-size: 6px; margin-top: 3px; }.verified-float { top: 103px; left: -5px; }.verified-float .float-icon { color: #c5a5ff; font-size: 15px; }.verified-float > i { color: #66d5a6; font-style: normal; font-size: 9px; margin-left: 4px; }.ready-float { right: -3px; bottom: 102px; padding: 7px 10px; }.ready-float b { font-size: 6px; }.ready-float .status-dot { width: 5px; height: 5px; background: #6bddaa; }
.stats-strip { min-height: 89px; justify-content: flex-start; gap: 23px; padding: 0 3px; border-bottom-color: #ffffff0a; }
.stats-strip .stat-item { min-width: 0; flex: 1; display: block; }.stats-strip .stat-caption { display: block; color: #8e849c; font-size: 6px; letter-spacing: 1px; margin-bottom: 5px; }.stats-strip .stat-item strong { font: 600 21px var(--font-display); }.stats-strip .stat-item strong small { display: inline; color: #8b8495; font: 6px var(--font-body); margin-left: 3px; }.stats-strip .stat-divider { height: 31px; }.stats-strip .stat-note { font-size: 6px; letter-spacing: .6px; white-space: nowrap; }.stats-strip .stat-note .status-dot { width: 4px; height: 4px; }
.content-section { padding-top: 69px; }.network-section { padding-bottom: 0; }.section-heading { margin-bottom: 20px; }.network-section .section-heading { display: grid; grid-template-columns: 1fr auto auto; align-items: end; gap: 15px; }.section-heading h2 { font-size: clamp(24px,3vw,32px); letter-spacing: -1.6px; }.network-section .section-kicker { color: #c3a2ff; margin-bottom: 10px; }.section-aside { color: #93899f; font-size: 8px; line-height: 1.65; margin: 0 0 3px; }.network-heading-actions { display: flex; flex-direction: column; align-items: flex-end; gap: 7px; }.live-badge { border: 1px solid #9569dc37; border-radius: 15px; color: #c4a5fa; padding: 5px 8px; font-size: 6px; white-space: nowrap; }.live-badge i { width: 4px; height: 4px; }
.network-apply { padding: 0; border: 0; background: none; color: #c2a0ff; font-size: 7px; cursor: pointer; }.network-apply span { margin-left: 4px; }
.network-tools { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 0 7px; }
.network-tools .category-list { display: flex; flex-wrap: wrap; gap: 5px; }
.network-tools .category-card { min-height: 0; display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 20px; color: #a9a1b3; background: #ffffff04; border-color: #ffffff0c; }
.network-tools .category-card:hover, .network-tools .category-card.selected { transform: none; border-color: #a879ff57; color: #e4d6ff; background: #9a64e91c; }
.network-tools .category-icon { width: 12px; height: 12px; margin: 0; border-radius: 0; background: transparent !important; font-size: 9px; }.network-tools .category-card strong { font-size: 7px; font-weight: 500; }.network-tools .category-card small { display: none; }
.network-tools .search-form { width: 180px; height: 29px; flex: 0 0 auto; padding: 2px 5px; border-color: #ffffff12; border-radius: 6px; box-shadow: none; }.network-tools .search-icon { padding: 0 5px 2px 3px; font-size: 17px; }.network-tools .search-form input { font-size: 8px; }.network-tools .search-form button { padding: 3px 7px; background: transparent; box-shadow: none; font-size: 14px; color: #9e86c8; }
.bot-section { padding-top: 9px; }.bot-heading { display: none; }.filter-row { display: flex; margin: 3px 0 11px; color: #827b8e; font-size: 7px; }
.bot-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 13px; }
.bot-card { min-height: 198px; padding: 16px; border: 1px solid #ffffff10; border-radius: 12px; background: linear-gradient(145deg,#15111e,#0e0c13); box-shadow: inset 0 1px #ffffff05; }
.bot-card:hover { border-color: #986bd641; box-shadow: 0 14px 40px #0006,0 0 35px #9b67e80b; }
.bot-card-head { gap: 9px; margin-bottom: 10px; }.bot-avatar { width: 36px; height: 36px; border-radius: 10px; font-size: 17px; }.bot-name h3 { font-size: 10px; }.bot-name span { font-size: 7px; }.featured-tag { order: 1; font-size: 5px; padding: 4px 5px; color: #e8c15f; background: #9a73231c; }.bot-description { min-height: 29px; margin-bottom: 10px; font-size: 7px; line-height: 1.7; color: #9991a4; }.bot-tags { gap: 4px; margin-bottom: 11px; }.bot-tag { padding: 4px 6px; border-radius: 10px; font-size: 6px; color: #aaa1b4; background: #ffffff07; }
.bot-card-footer { padding-top: 9px; }.vote-button, .details-link, .invite-button { font-size: 7px; }.vote-button { padding: 6px 7px; }.details-link { margin-left: auto; }.invite-button { margin-left: 0; padding: 6px 8px; border: 0; border-radius: 15px; background: linear-gradient(110deg,#8e55df,#6339bb); font-size: 6px; }.invite-button:hover { background: linear-gradient(110deg,#a36df1,#7552d2); }.invite-button span { color: white; }
.load-more-wrap { padding-top: 19px; }.load-more-wrap .button-secondary { padding: 8px 12px; font-size: 7px; border-radius: 20px; }
.standards-section { padding: 97px 0 84px; border-top: 1px solid #ffffff08; margin-top: 49px; }.centered-heading { justify-content: center; text-align: center; margin-bottom: 26px; }.centered-heading .section-kicker { color: #c3a2ff; }.centered-heading h2 { font-size: clamp(27px,3vw,36px); }.centered-heading p { color: #958ba1; font-size: 8px; line-height: 1.7; margin: 9px 0 0; }
.standards-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }.standard-card { position: relative; min-height: 111px; padding: 15px 17px; overflow: hidden; border: 1px solid #ffffff10; border-radius: 12px; background: linear-gradient(125deg,#15111e,#100d16); }.standard-card::after { position: absolute; content: "/"; right: 15px; bottom: 3px; color: #d5b7ff0b; font: 600 43px var(--font-display); transform: skew(-10deg); }.standard-wide { grid-column: 1/-1; min-height: 91px; padding-left: 65px; display: flex; flex-direction: column; justify-content: center; }.standard-icon { width: 22px; height: 22px; display: grid; place-items: center; margin-bottom: 8px; color: #c6a8ff; border: 1px solid #b087ef34; border-radius: 6px; background: #a874ed14; font-size: 11px; }.standard-wide .standard-icon { position: absolute; left: 17px; top: 50%; transform: translateY(-50%); }.standard-card h3 { position: relative; z-index: 1; margin: 0 0 5px; font: 600 9px var(--font-display); }.standard-card p { position: relative; z-index: 1; max-width: 95%; margin: 0; color: #958da1; font-size: 7px; line-height: 1.7; }
.security-section { display: grid; grid-template-columns: 1fr .9fr; align-items: center; gap: 9%; padding: 78px 0 87px; border-top: 1px solid #ffffff08; }.security-copy > .section-kicker { color: #c3a2ff; }.security-copy h2 { font-size: clamp(31px,4vw,45px); line-height: .99; letter-spacing: -2px; margin-bottom: 15px; }.security-copy > p { max-width: 430px; color: #9a93a4; font-size: 8px; line-height: 1.8; margin-bottom: 13px; }.architecture-note { max-width: 430px; margin: 0 0 10px; padding: 8px 9px; border: 1px solid #bf9a5940; border-radius: 6px; color: #c6b38e; background: #8c672111; font-size: 6px; line-height: 1.6; }.architecture-note span { margin-right: 5px; color: #e0bf7c; }.security-checklist article { display: grid; grid-template-columns: 19px 20px 1fr; gap: 9px; align-items: start; padding: 11px 0; border-top: 1px solid #ffffff0c; }.security-checklist article > span { color: #665d73; font: 7px var(--font-display); padding-top: 2px; }.security-checklist article > i { width: 20px; height: 20px; display: grid; place-items: center; color: #c3a3ff; border: 1px solid #a878e72b; border-radius: 6px; background: #a879ff0b; font-size: 9px; font-style: normal; }.security-checklist h3 { margin: 0 0 4px; font: 600 8px var(--font-display); }.security-checklist p { color: #91899b; font-size: 6px; line-height: 1.65; margin: 0; }
.security-visual { display: grid; place-items: center; }.audit-window { width: min(100%,330px); padding: 14px; border: 1px solid #a780d636; border-radius: 14px; background: linear-gradient(150deg,#21182c,#13101a); box-shadow: 0 25px 55px #0007,0 0 55px #7848b514; }.audit-heading { display: flex; justify-content: space-between; color: #897b9e; font-size: 6px; letter-spacing: .8px; }.audit-heading i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #64d6a5; margin-right: 5px; }.gate-graphic { height: 171px; position: relative; display: grid; place-items: center; }.gate-graphic::before, .gate-graphic::after, .gate-graphic > i { position: absolute; content: ""; border: 1px solid #a884d326; border-radius: 50%; }.gate-graphic::before { width: 135px; height: 135px; }.gate-graphic::after { width: 101px; height: 101px; border-color: #9d6dcd40; }.gate-graphic > i { width: 69px; height: 69px; border-color: #c099ed57; box-shadow: 0 0 25px #a06be927; }.gate-graphic > span { z-index: 1; width: 44px; height: 44px; display: grid; place-items: center; color: #d9c4ff; border-radius: 13px; background: radial-gradient(circle,#5a3b85,#21162f); box-shadow: 0 0 24px #a371eb38; font-size: 20px; }.gate-graphic > b { position: absolute; color: #9c8cae; font-size: 5px; letter-spacing: 1px; }.gate-graphic > b:nth-of-type(1) { top: 21px; right: 13px; }.code-window { padding: 10px; border: 1px solid #ffffff10; border-radius: 8px; background: #0b0910; }.code-window > div { display: flex; justify-content: space-between; padding-bottom: 8px; color: #a69bae; font-size: 6px; }.code-window > div i { color: #69d4a5; font-size: 5px; font-style: normal; }.code-window code { display: block; padding: 8px 0; color: #beb2ca; font: 6px/1.8 Consolas,monospace; }.code-window code em { color: #b393fb; font-style: normal; }.code-window code b { color: #e793bd; font-weight: 400; }.code-window > small { display: block; color: #9587a4; font-size: 5px; }.code-window > small span { float: right; color: #68d6a5; }
.support-banner { position: relative; display: flex; justify-content: space-between; align-items: center; min-height: 220px; margin: 0 0 76px; padding: 32px 6%; overflow: hidden; border: 1px solid #a77adb35; border-radius: 16px; background: radial-gradient(ellipse at 88% 55%,#8c65cf2c,transparent 45%),linear-gradient(115deg,#171020,#211831 65%,#392758); box-shadow: 0 25px 75px #0006; }.support-banner::after { position: absolute; content: ""; width: 270px; height: 270px; right: 9%; top: -24px; border-radius: 50%; border: 1px solid #c4a1fa12; box-shadow: 0 0 0 22px #c4a1fa05,0 0 0 47px #c4a1fa04; }.support-copy { z-index: 1; max-width: 410px; }.support-copy .section-kicker { color: #d1b5ff; }.support-copy h2 { font-size: clamp(25px,3.3vw,36px); line-height: 1.04; letter-spacing: -1.6px; }.support-copy > p { color: #b1a4c1; font-size: 8px; line-height: 1.8; max-width: 350px; margin: 10px 0 13px; }.support-button { display: inline-flex; align-items: center; gap: 8px; border-radius: 20px; padding: 8px 12px; color: #17121d; background: #f4efff; font-size: 7px; }.support-button .discord-icon { width: 12px; height: 12px; fill: currentColor; }.support-button b { font-size: 8px; }.support-status { margin-left: 9px; color: #b9a9c9; font-size: 6px; }.support-status i { width: 4px; height: 4px; }.support-visual { z-index: 1; width: 255px; display: grid; justify-items: center; margin-right: 5%; }.discord-orb { width: 100%; aspect-ratio: 1024 / 726; display: grid; place-items: center; overflow: hidden; border: 1px solid #c5a3ff3d; border-radius: 12px; background: #100d17; box-shadow: 0 0 48px #b08aff2a, 0 12px 28px #0006; }.discord-orb img { display: block; width: 100%; height: 100%; object-fit: contain; }.support-toast { display: flex; align-items: center; gap: 7px; margin-top: 13px; padding: 8px 10px; border: 1px solid #ffffff18; border-radius: 8px; background: #171321df; box-shadow: 0 8px 24px #0007; }.support-toast > i { flex: 0 0 auto; }.support-toast b, .support-toast small { display: block; }.support-toast b { font-size: 6px; }.support-toast small { color: #92899d; font-size: 5px; margin-top: 3px; }.support-toast strong { margin-left: 6px; padding: 3px 5px; border-radius: 4px; color: #75dcae; background: #56c79316; font-size: 5px; }
.footer { grid-template-columns: 1.4fr 1.4fr .7fr .7fr .8fr; gap: 25px; padding: 31px 0 16px; border-top-color: #ffffff0d; align-items: start; }.footer-brand { font-size: 12px; }.footer > p { max-width: 180px; color: #777182; font-size: 7px; line-height: 1.7; }.footer-group { display: grid; gap: 7px; color: #898294; font-size: 6px; }.footer-group > b { color: #d1c8dc; font-size: 6px; letter-spacing: .8px; margin-bottom: 2px; }.footer-group a:hover { color: #d1b5ff; }.footer-live { color: #6dd5a3; font-size: 5px; }.footer-live i { width: 4px; height: 4px; }.footer-group > small { color: #6f6879; font-size: 5px; }.footer .copyright { grid-column: 1/3; padding-top: 11px; border-top: 1px solid #ffffff09; text-align: left; color: #615a6b; font-size: 5px; }.footer-group:last-of-type { grid-column: 5; }.footer-group:nth-of-type(2) { grid-column: 3; }.footer-group:nth-of-type(3) { grid-column: 4; }
.not-found { min-height: 65vh; }.not-found-code { font-size: clamp(95px,20vw,170px); }
.toast { font-size: 9px; }
.topbar { display: grid; grid-template-columns: 1fr auto 1fr auto; gap: 16px; }
.main-nav { margin: 0 auto; }
.discord-status { justify-self: end; width: max-content; max-width: 100%; display: flex; align-items: center; gap: 8px; padding: 5px 10px 5px 6px; border: 1px solid #ffffff19; border-radius: 24px; background: #ffffff06; transition: border-color .2s,background .2s; }
.discord-status:hover { border-color: #8f7ddb65; background: #ffffff0b; }
.discord-status-icon { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: #5865f2; font-size: 14px; }
.discord-status-copy strong, .discord-status-copy small { display: block; }.discord-status-copy strong { font-size: 8px; font-weight: 600; }.discord-status-copy small { color: #91899d; font-size: 7px; margin-top: 2px; }
.discord-status-icon { position: relative; overflow: visible; color: #eee7fb; background: radial-gradient(circle at 35% 30%,#44404e,#17151c 72%); border: 1px solid #ffffff1a; font: 600 12px var(--font-display); }
.discord-status-icon .profile-avatar { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.profile-avatar-fallback { position: absolute; inset: 0; display: grid; place-items: center; border-radius: inherit; }
.profile-avatar[hidden], .profile-avatar-fallback[hidden] { display: none; }
.profile-presence { position: absolute; z-index: 2; width: 8px; height: 8px; right: -1px; bottom: -1px; border: 1px solid #09070d; border-radius: 50%; background: #777381; }
.profile-presence.status-online { background: #43cf87; box-shadow: 0 0 8px #43cf87; }
.profile-presence.status-idle { background: #f0b94f; box-shadow: 0 0 8px #f0b94f66; }
.profile-presence.status-dnd { background: #ed5865; box-shadow: 0 0 8px #ed586566; }
.profile-presence.status-offline, .profile-presence.status-unknown { background: #777381; box-shadow: none; }
.discord-status-copy strong { color: #eeeaf5; }.discord-status-copy sup { color: #b9a9d4; font-size: 5px; margin-left: 3px; vertical-align: super; }
.discord-status-copy small { transition: color .2s; }.discord-status[data-status="online"] .discord-status-copy small { color: #73dca8; }.discord-status[data-status="idle"] .discord-status-copy small { color: #efc36e; }.discord-status[data-status="dnd"] .discord-status-copy small { color: #f08089; }
.header-live { display: flex; align-items: center; gap: 5px; white-space: nowrap; color: #8e8798; font-size: 7px; letter-spacing: .35px; }.header-live i { width: 5px; height: 5px; border-radius: 50%; background: #5bdda6; box-shadow: 0 0 8px #5bdda6; }
.window-brand { width: 64px; height: 64px; margin-top: 27px; }
.window-logo { font-size: 43px; }
.window-caption { margin-bottom: 9px; }.control-window > strong { font-size: 17px; }.control-window > small { font-size: 7px; }
.activity-chart { height: 49px; margin: 11px 0 13px; gap: 6px; }.activity-chart i { width: 8px; }
.window-metrics > span { padding: 8px 10px; }.window-metrics small { font-size: 6px; }.window-metrics b { font-size: 13px; }.window-metrics b.green-text { font-size: 10px; }.window-metrics b span { font-size: 7px; }
.verified-float > i { color: #92899d; }.ready-float { gap: 7px; }.ready-float > span b { font-size: 7px; }.ready-float > span small { font-size: 6px; }
.network-tools[hidden] { display: none; }
.network-section .section-heading { grid-template-columns: 1fr auto auto; }
.network-heading-actions { display: flex; }
.network-section .section-aside { justify-self: end; }
.bot-section { padding-top: 0; }
.bot-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; max-width: 920px; }
.bot-card { min-height: 328px; padding: 20px 21px 17px; border-radius: 18px; background: linear-gradient(145deg,#171321,#0e0b15 82%); }
.bot-card-head { position: relative; display: flex; align-items: flex-start; justify-content: space-between; min-height: 67px; margin: 0; }
.bot-avatar { width: 64px; height: 64px; border: 2px solid #a979f255; border-radius: 17px; box-shadow: 0 0 17px #9d6ced20; }
.bot-name { overflow: visible; margin: 10px 0 10px; }
.bot-name h3 { font: 600 17px var(--font-display); margin: 0; letter-spacing: -.4px; }
.bot-name > span { display: none; }
.bot-online { color: #56d5a1; font-size: 9px; margin-left: 6px; vertical-align: 2px; }
.bot-badges { display: flex; align-items: center; gap: 6px; }
.featured-tag, .verified-tag { display: inline-flex; align-items: center; white-space: nowrap; border-radius: 20px; padding: 5px 8px; font-size: 7px; font-weight: 600; }
.featured-tag { color: #f4c855; border: 1px solid #dfae392c; background: #a877141c; }
.verified-tag { color: #7dd1ae; border: 1px solid #56c8932b; background: #51c38d12; }
.bot-description { min-height: 55px; margin: 0 0 13px; color: #a39bab; font-size: 10px; line-height: 1.65; }
.bot-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 16px; }
.bot-tag { padding: 5px 8px; border-radius: 6px; font-size: 7px; font-weight: 600; color: #b7afc2; border: 1px solid #ffffff0e; background: #ffffff08; }
.user-count { color: #c5bdce; }
.bot-card-footer { min-height: 40px; padding-top: 11px; gap: 9px; border-top: 0; }
.bot-card .invite-button { display: inline-flex; align-items: center; gap: 7px; margin: 0 auto 0 0; padding: 10px 13px; border-radius: 20px; font-size: 9px; font-weight: 600; background: linear-gradient(110deg,#a66af0,#6431bb); }
.bot-card .invite-button span { margin: 0; }
.bot-card-actions { display: flex; align-items: center; gap: 7px; }
.card-icon-link { width: 31px; height: 31px; display: grid; place-items: center; color: #9f96ac; border: 1px solid #ffffff14; border-radius: 9px; font-size: 13px; transition: color .2s,border-color .2s,background .2s; }
.card-icon-link:hover { color: #d5bbff; border-color: #a879ff65; background: #a879ff14; }
.load-more-wrap { padding-top: 18px; }
@media (min-width: 1100px) { .site-shell { max-width: 1260px; padding-left: 7.2%; padding-right: 7.2%; } }
@media (max-width: 900px) {
  .site-shell { padding: 0 5%; }.topbar { grid-template-columns: auto 1fr auto; }.topbar .main-nav { grid-column: 2; }.discord-status { grid-column: 3; grid-row: 1; }.header-live { display: none; }.hero { min-height: 460px; }.hero-art { right: -5%; width: 46%; transform: scale(.88); transform-origin: center right; }.hero-content { max-width: 48%; }.hero h1 { font-size: clamp(45px,6vw,61px); }.stats-strip { gap: 13px; }.stats-strip .stat-note { display: none; }.network-tools { align-items: flex-start; flex-direction: column; }.network-tools .search-form { width: min(100%,260px); }.network-section .section-heading { grid-template-columns: 1fr auto; }.section-aside { display: none; }.standards-section { padding: 78px 0 68px; }.security-section { gap: 5%; }
}
@media (max-width: 680px) {
  .site-shell { padding: 0 20px; }.topbar { height: 64px; grid-template-columns: auto 1fr auto; gap: 8px; }.topbar .brand { grid-column: 1; }.topbar .menu-toggle { grid-column: 3; grid-row: 1; margin: 0; }.topbar .main-nav { grid-column: 1/-1; grid-row: 2; top: 57px; left: 0; right: 0; padding: 16px; gap: 16px; background: #14101b; }.main-nav.open { display: flex; }.topbar .discord-status { grid-column: 2; grid-row: 1; justify-self: end; padding: 4px 8px 4px 4px; }.discord-status-icon { width: 23px; height: 23px; }.discord-status-copy strong { font-size: 7px; }.discord-status-copy small { font-size: 6px; }.hero { min-height: 600px; }.hero-content { max-width: 100%; padding: 38px 0 0; }.hero h1 { font-size: clamp(48px,14vw,68px); letter-spacing: -3.8px; }.hero-copy { max-width: 340px; }.hero-art { top: auto; bottom: -28px; right: -5px; width: 100%; height: 270px; opacity: .92; transform: scale(.76); transform-origin: center bottom; }.visual-orbit { width: 290px; height: 290px; }.control-window { width: 340px; min-height: 249px; }.window-brand { width: 51px; height: 51px; margin-top: 18px; }.window-logo { font-size: 34px; }.verified-float { top: 30px; left: -13px; }.ready-float { bottom: 20px; right: -12px; }
  .stats-strip { display: grid; grid-template-columns: 1fr 1fr; gap: 13px 17px; padding: 18px 0; }.stats-strip .stat-divider { display: none; }.stats-strip .stat-item strong { font-size: 19px; }.stats-strip .stat-item strong small { font-size: 6px; }
  .content-section { padding-top: 50px; }.network-section .section-heading { grid-template-columns: 1fr auto; }.section-heading h2 { font-size: 24px; }.network-heading-actions { gap: 5px; }.network-apply { font-size: 6px; }.live-badge { font-size: 5px; padding: 4px 7px; }.network-tools { padding-top: 12px; gap: 10px; }.network-tools .category-list { gap: 4px; }.network-tools .category-card { padding: 5px 7px; }.network-tools .category-card strong { font-size: 6px; }.network-tools .search-form { width: 100%; }.bot-section { padding-top: 0; }.bot-grid { grid-template-columns: 1fr; gap: 12px; }.bot-card { min-height: 260px; padding: 18px; }.bot-avatar { width: 60px; height: 60px; }.bot-name h3 { font-size: 16px; }.bot-description { min-height: 45px; font-size: 9px; }.bot-tag { font-size: 7px; }.bot-card .invite-button { font-size: 8px; }
  .standards-section { margin-top: 43px; padding: 67px 0 59px; }.centered-heading h2 { font-size: 27px; }.centered-heading p br { display: none; }.standards-grid { grid-template-columns: 1fr; gap: 8px; }.standard-wide { grid-column: auto; min-height: 88px; }.standard-card:not(.standard-wide) { min-height: 106px; }
  .security-section { grid-template-columns: 1fr; gap: 34px; padding: 62px 0 65px; }.security-copy h2 { font-size: 39px; }.security-copy > p { font-size: 8px; }.security-checklist p { font-size: 6px; }.security-visual { padding: 0 8px; }.audit-window { max-width: 360px; }
  .support-banner { min-height: 250px; padding: 25px 21px; margin: 0 0 54px; }.support-copy { max-width: 100%; }.support-copy h2 { font-size: 27px; }.support-copy > p { max-width: 280px; font-size: 7px; }.support-visual { position: absolute; right: -37px; bottom: 23px; transform: scale(.68); transform-origin: bottom right; opacity: .7; }.support-banner::after { right: -22%; top: 10%; }.support-status { display: block; margin: 8px 0 0; }
  .footer { grid-template-columns: 1fr 1fr; gap: 21px 14px; }.footer > p { font-size: 7px; }.footer-group:nth-of-type(2), .footer-group:nth-of-type(3), .footer-group:last-of-type { grid-column: auto; }.footer .copyright { grid-column: 1/-1; }.footer-group { font-size: 6px; }.bot-detail-page { padding-top: 25px; }
}
@media (max-width: 370px) { .hero-actions { gap: 6px; }.hero-actions .button-primary, .hero-actions .button-secondary { font-size: 8px; padding: 9px 10px; }.hero-assurances { gap: 7px; }.network-section .section-heading { grid-template-columns: 1fr; }.network-heading-actions { flex-direction: row; justify-content: space-between; align-items: center; }.support-banner { padding-left: 17px; }.support-visual { opacity: .45; } }

/* Readability pass */
:root { --font-body: "Inter", "Segoe UI", Arial, sans-serif; --font-display: "Inter", "Segoe UI", Arial, sans-serif; --muted: #aaa5b3; }
h1 { font-weight: 700; }
body { font-size: 15px; }
.nav-link { font-size: 11px; }
.discord-status-copy strong { font-size: 9px; }.discord-status-copy small { font-size: 8px; }
.header-live { font-size: 8px; }
.eyebrow-pill { font-size: 9px; }
.hero-copy { font-size: 13px; color: #c0bac9; }
.hero-actions .button-primary, .hero-actions .button-secondary { font-size: 12px; padding: 13px 20px; }
.hero-assurances { font-size: 9px; color: #aaa3b3; }
.window-top { font-size: 8px; }.online-label { font-size: 8px; }
.window-caption { font-size: 8px; }.control-window > small { font-size: 8px; }
.window-metrics small { font-size: 7px; }.window-metrics b span { font-size: 8px; }
.visual-float b { font-size: 9px; }.visual-float small { font-size: 8px; }.ready-float b { font-size: 8px; }.ready-float > span small { font-size: 7px; }
.stats-strip .stat-caption { font-size: 8px; }.stats-strip .stat-item strong small { font-size: 8px; }.stats-strip .stat-note { font-size: 8px; }
.section-kicker { font-size: 9px; }.section-aside { font-size: 10px; }.live-badge { font-size: 8px; }.network-apply { font-size: 9px; }
.category-card strong, .network-tools .category-card strong { font-size: 9px; }
.network-tools .search-form input { font-size: 10px; }
.bot-name h3 { font-size: 18px; }.bot-online { font-size: 10px; }
.featured-tag, .verified-tag { font-size: 8px; }
.bot-description { font-size: 12px; line-height: 1.65; color: #bcb5c5; }
.bot-tag { font-size: 8px; }.bot-card .invite-button { font-size: 10px; }.card-icon-link { font-size: 15px; }
.centered-heading p, .standard-card p { font-size: 9px; color: #aaa2b2; }
.standard-card h3 { font-size: 10px; }
.security-copy > p { font-size: 10px; color: #b5adbd; }.architecture-note { font-size: 8px; }
.security-checklist h3 { font-size: 9px; }.security-checklist p { font-size: 8px; color: #aaa2b2; }
.support-copy > p { font-size: 10px; color: #c2b6cf; }.support-button { font-size: 9px; }.support-status { font-size: 8px; }
.support-toast b { font-size: 8px; }.support-toast small { font-size: 7px; }
.footer > p { color: #a19aaa; font-size: 9px; }.footer-group { font-size: 8px; color: #aaa3b3; }.footer-group > b { font-size: 8px; }.footer-live { font-size: 7px; }.footer-group > small { font-size: 7px; }.footer .copyright { font-size: 7px; color: #8f8999; }
@media (max-width: 680px) {
  .discord-status-copy strong { font-size: 8px; }.discord-status-copy small { font-size: 7px; }
  .hero-copy { font-size: 12px; }.hero-assurances { font-size: 8px; }
  .hero-actions .button-primary, .hero-actions .button-secondary { font-size: 11px; padding: 12px 16px; }
  .bot-description { font-size: 11px; }.bot-tag, .featured-tag, .verified-tag { font-size: 8px; }
  .centered-heading p, .standard-card p, .security-checklist p { font-size: 8px; }
  .support-copy > p { font-size: 9px; }
}
@media (max-width: 370px) {
  .hero-actions .button-primary, .hero-actions .button-secondary { font-size: 10px; padding: 11px 12px; }
}
.brand-mark { overflow: hidden; padding: 0; background: none; }
.brand-mark img { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.window-brand { border: 0; background: transparent; box-shadow: none; }
.window-logo { display: block; width: 54px; height: 54px; border-radius: 14px; object-fit: cover; filter: drop-shadow(0 0 12px #bf9aff55); }