.directory-header nav{align-self:stretch;gap:0}
.directory-header nav a{display:flex;align-items:center;height:100%;padding:0 16px}
.directory-header nav a.is-current:after{bottom:0}
.slivai-directory,.slivai-directory button,.slivai-directory input,.slivai-directory select{font-family:Onest,Arial,sans-serif}
.directory-label,.directory-intro__meta,.directory-intro__card small,.directory-sidebar a b,.directory-sidebar__button b,.directory-sidebar a i,.directory-sidebar__note span,.directory-stream__head>span,.directory-channel__number,.directory-channel__body small,.directory-channel__stats small,.directory-footer>div:nth-child(2),.directory-footer>small{font-family:'DM Mono',monospace}
.directory-intro__title h1{font-size:clamp(44px,4.7vw,68px);letter-spacing:-.07em}
.directory-mobile-nav{display:none}
@media(max-width:800px){
  .directory-intro__title h1{font-size:clamp(37px,11vw,50px)}
  .directory-mobile-nav{position:fixed;z-index:30;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr 1fr;height:67px;border-top:1px solid rgba(237,190,255,.24);background:rgba(18,7,27,.94);box-shadow:0 -10px 30px rgba(0,0,0,.25);backdrop-filter:blur(16px)}
  .directory-mobile-nav a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#a999b3;font:700 9px Manrope,sans-serif;text-decoration:none}
  .directory-mobile-nav svg{display:block!important;width:19px!important;height:19px!important;min-width:19px!important;max-width:19px!important;min-height:19px!important;max-height:19px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linejoin:round!important}
  .directory-mobile-nav a.is-current{color:#efb5ff}
  .directory-mobile-nav a.is-current:before{content:"";position:absolute;top:0;width:27px;height:2px;background:#e4a2ff}
  .directory-mobile-nav__video{color:#1d0c29!important}
  .directory-mobile-nav__video:after{content:"";position:absolute;z-index:-1;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#f0b9ff,#9742d2);box-shadow:0 4px 18px rgba(192,86,238,.5)}
  .directory-footer{padding-bottom:92px}
}

@media(max-width:800px){
  .directory-mobile-nav{height:56px}
  .directory-mobile-nav a{gap:3px;padding-top:5px}
  .directory-mobile-nav__video{justify-content:flex-end;padding-bottom:5px}
  .directory-mobile-nav__video:after{top:-17px;width:42px;height:42px}
  .directory-mobile-nav__video svg{position:absolute;top:-5px;left:calc(50% - 9.5px)}
  .directory-footer{padding-bottom:79px}
}

@media(max-width:800px){
  .directory-mobile-nav{left:0;right:0;bottom:0;height:auto;min-height:64px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:18px 18px 0 0;background:rgba(16,12,18,.95);box-shadow:0 16px 45px rgba(0,0,0,.78)}
  .directory-mobile-nav a,.directory-mobile-nav__video{min-width:0;min-height:52px;padding:0;justify-content:center;gap:3px;border-radius:13px;color:#a995a5;font-size:13px;font-weight:700;line-height:1.15}
  .directory-mobile-nav__video{color:#a995a5!important}
  .directory-mobile-nav svg,.directory-mobile-nav__video svg{position:static;width:21px!important;height:21px!important;min-width:21px!important;max-width:21px!important;min-height:21px!important;max-height:21px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}
  .directory-mobile-nav a.is-current{color:#fff;background:linear-gradient(135deg,#c14cde,#6920a6);box-shadow:0 8px 20px rgba(194,76,222,.28)}
  .directory-mobile-nav a.is-current:before,.directory-mobile-nav__video:after{display:none}
  .directory-footer{padding-bottom:86px}
}

@media(max-width:800px){
  .directory-label,.directory-intro__meta,.directory-intro__card small,.directory-sidebar a,.directory-sidebar__button,.directory-sidebar a b,.directory-sidebar__button b,.directory-sidebar a i,.directory-sidebar__note span,.directory-sidebar__note p,.directory-stream__head>span,.directory-channel__number,.directory-channel__body small,.directory-channel__body em,.directory-channel__stats small,.directory-channel__stats b,.directory-rules b,.directory-rules p,.directory-footer p,.directory-footer>div:nth-child(2),.directory-footer>small,.directory-dialog label,.directory-dialog>p,.directory-dialog .form-status{font-size:13px}
  .directory-header .directory-submit,.directory-dialog .directory-submit{font-size:13px}
  .directory-intro__title>p:last-of-type,.directory-intro__card p,.directory-rules p,.directory-zero p,.directory-dialog input,.directory-dialog select{font-size:14px}
  .directory-intro__card a,.directory-stream__head>a,.directory-zero .directory-submit{font-size:13px}
  .directory-mobile-nav a,.directory-mobile-nav__video{font-size:13px}
}

/* Larger, clearer type throughout the directory. */
body.slivai-directory,body.slivai-directory button,body.slivai-directory input,body.slivai-directory select,body.slivai-directory .directory-mobile-nav a{font-family:Onest,Arial,sans-serif}
.directory-label{font-size:12px}
.directory-intro__meta,.directory-intro__card small,.directory-sidebar a b,.directory-sidebar__button b,.directory-sidebar a i,.directory-sidebar__note span,.directory-stream__head>span,.directory-channel__number,.directory-channel__body small,.directory-channel__stats small,.directory-footer>div:nth-child(2),.directory-footer>small{font-size:11px}
.directory-intro__card p,.directory-sidebar__note p,.directory-channel__body em,.directory-rules p,.directory-footer p{font-size:14px}
@media(max-width:800px){
  .slivai-directory *{font-size:max(13px,1em)}
  .directory-intro__title>p:last-of-type,.directory-intro__card p,.directory-rules p,.directory-zero p,.directory-dialog input,.directory-dialog select{font-size:14px}
  .directory-mobile-nav a,.directory-mobile-nav__video{font-family:Onest,Arial,sans-serif;font-size:13px}
}