/* ============================================================================
   dc-app-header.css — SINGLE SOURCE OF TRUTH for the site header chrome.
   Compressed: merge duplicate rules, same cascade

   Scope: header.dc-app-header (+ .dc-safe-top-chrome band)
   - One header for guest / user / admin / auth on every surface and device.
   - Companion files keep ONLY tokens + content scroll reserve:
     dc-responsive.css        -> shell-top-guard + .dc-shell-main insets
     dc-mobile-pwa-shell.css  -> PWA body/html ink + wrap padding (no header layout)
     feed-v2-shell.css        -> feed-v2-mobile-header-reserve vars only
     admin-mobile-layout.css  -> admin breadcrumb offset + wrap padding only (no header layout)

   Out of scope: header:not(.dc-app-header) legacy (dead markup — hide in shell CSS)
   ============================================================================ */

:root{
  --dc-safe-top:env(safe-area-inset-top,0px);
  --dc-header-z-index:5002;
  --dc-header-bar-h:68px;
  --dc-header-padding-top-user:10px;
  --dc-header-padding-top-admin:12px;
  --dc-shell-top-ink:#05070d;
  --dc-shell-top-ink-home:#030304;
  --dc-shell-top-ink-premium:#000;
  --dc-header-shell-pad-x:14px;
  --dc-header-shell-pad-top:calc(10px + var(--dc-safe-top,0px));
  --dc-header-shell-pad-bottom:8px;
  --dc-header-shell-min-h:72px;
  --dc-header-shell-radius:0 0 20px 20px;
  --dc-header-shell-subscribers-size:10px;
  --dc-header-shell-after-inset:14px;
  --dc-header-brand-icon:40px;
}

header.dc-app-header{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  grid-template-columns:unset!important;
  grid-template-rows:unset!important;
  min-height:68px!important;
  box-sizing:border-box!important;
}

header.dc-app-header .dc-header-brand{
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:none!important;
}

header.dc-app-header .dc-header-meta{
  flex:1 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
}

header.dc-app-header .dc-header-meta:empty{
  display:none!important;
}

header.dc-app-header .dc-header-actions{
  flex:0 1 auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  overflow:hidden!important;
}

header.dc-app-header .user-top-line, header.dc-app-header .header-subscribers-count, header.dc-app-header .header-user, header.dc-app-header .header-push-control, header.dc-app-header .pwa-install-btn, header.dc-app-header .dc-header-actions > nav{
  grid-column:unset!important;
  grid-row:unset!important;
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  transform:none!important;
  width:auto!important;
  margin:0!important;
  z-index:auto!important;
}

header.dc-app-header .user-top-line{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  min-width:0!important;
  padding:0!important;
  overflow:visible!important;
}

header.dc-app-header .brand{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  flex:0 0 auto!important;
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
  text-decoration:none!important;
}

header.dc-app-header .brand-app-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  flex:0 0 auto!important;
  border-radius:12px!important;
  object-fit:contain!important;
}

header.dc-app-header .brand-text, header.dc-app-header .brand-wordmark{
  min-width:0!important;
  max-width:none!important;
  overflow:visible!important;
}

header.dc-app-header .brand-wordmark-svg{
  display:block!important;
  height:26px!important;
  width:auto!important;
  max-width:180px!important;
}

header.dc-app-header .header-subscribers-count{
  width:auto!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
  color:rgba(255,255,255,.5)!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  pointer-events:none!important;
}

/* logo-only shell: brand row + subscribers; actions only when admin nav present */
header.dc-app-header.dc-header-logo-only:not(:has(.admin-header-actions)) .dc-header-actions{
  display:none!important;
}

header.dc-app-header.dc-header-logo-only:not(:has(.header-subscribers-count)){
  justify-content:flex-start!important;
}

header.dc-app-header.dc-header-logo-only:not(:has(.header-subscribers-count)) .dc-header-brand{
  flex:1 1 auto!important;
  max-width:100%!important;
}

/* subscribers: 2nd row centered; row 1 may include admin actions on the right */
header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:1px 10px!important;
  justify-content:stretch!important;
}

header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count) .dc-header-brand{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:center!important;
  flex:none!important;
  min-width:0!important;
  max-width:100%!important;
}

header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count):has(.admin-header-actions) .dc-header-actions{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  display:flex!important;
  flex:0 0 auto!important;
  min-width:0!important;
}

header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count) .dc-header-meta{
  grid-column:1 / -1!important;
  grid-row:2!important;
  justify-self:center!important;
  align-self:center!important;
  flex:none!important;
  width:100%!important;
  min-width:0!important;
  max-width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  overflow:hidden!important;
  padding:0!important;
  margin:0!important;
  pointer-events:none!important;
}

body:not(.auth-mode):not(.auth-page) header.dc-app-header .header-subscribers-count{
  font-size:10px!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:.01em!important;
  color:rgba(255,255,255,.5)!important;
}

@media (min-width:900px){
  body:not(.auth-mode):not(.auth-page) header.dc-app-header .header-subscribers-count{
    font-size:11px!important;
  }
}

header.dc-app-header .pwa-install-btn{
  box-sizing:border-box!important;
  flex:0 1 auto!important;
  min-width:0!important;
  min-height:34px!important;
  max-height:38px!important;
  margin:0!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,138,0,.42)!important;
  background:linear-gradient(135deg,rgba(255,138,0,.14),rgba(255,255,255,.04))!important;
  color:#fff!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.1!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  cursor:pointer!important;
}

header.dc-app-header .pwa-install-btn[hidden]{
  display:none!important;
}

header.dc-app-header .pwa-install-btn:active{
  transform:translateY(1px)!important;
}

header.dc-app-header .header-user{
  display:flex!important;
  align-items:center!important;
  flex:0 1 auto!important;
  min-width:0!important;
  max-width:160px!important;
  justify-content:flex-end!important;
}

header.dc-app-header .header-user-name{
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.15!important;
  padding:7px 11px!important;
}

header.dc-app-header .dc-header-actions > nav:not(.admin-header-actions){
  position:static!important;
  display:flex!important;
  flex:0 1 auto!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  gap:6px!important;
  align-items:center!important;
  justify-content:flex-end!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}

header.dc-app-header .dc-header-actions > nav:not(.admin-header-actions) a{
  position:static!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:6px 10px!important;
  font-size:11px!important;
  font-weight:700!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  border-radius:999px!important;
}

body.user-mode.auth-mode header.dc-app-header:not(.dc-header-shell), header.dc-app-header.dc-role-auth{
  display:flex!important;
  justify-content:flex-start!important;
  min-height:68px!important;
}

header.dc-app-header.dc-role-auth .dc-header-brand{
  flex:0 0 auto!important;
}

header.dc-app-header.dc-role-auth .dc-header-meta, header.dc-app-header.dc-role-auth .dc-header-actions:empty{
  display:none!important;
}

header.dc-app-header.dc-role-auth .dc-header-actions:not(:empty){
  display:none!important;
}

header.dc-app-header.dc-role-auth .brand{
  margin:0!important;
}

header.dc-app-header.dc-role-admin .dc-header-meta:empty{
  display:none!important;
}

header.dc-app-header.dc-role-admin .dc-header-actions .admin-header-actions{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  gap:8px!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header:not(.dc-header-shell), body.user-mode:not(.auth-mode):not(.admin-mode) .wrap > header.dc-app-header:not(.dc-header-shell){
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:10px!important;
  grid-template-columns:unset!important;
  grid-template-rows:unset!important;
  min-height:68px!important;
  max-height:none!important;
}

body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .user-top-line, body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .dc-header-brand .user-top-line{
  grid-column:unset!important;
  grid-row:unset!important;
  width:auto!important;
  flex:0 0 auto!important;
  padding-right:0!important;
}

body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .user-top-line .brand, body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .brand{
  flex:0 0 auto!important;
  max-width:100%!important;
  width:auto!important;
}

body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .brand-app-icon{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  flex:0 0 40px!important;
}

html body.user-mode header.dc-app-header,
html body.admin-mode header.dc-app-header.dc-header-logo-only{
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-top:0!important;
  background:radial-gradient(circle at 12% 50%,rgba(255,255,255,.07),transparent 28%),
    linear-gradient(180deg,rgba(24,24,24,.96),rgba(8,8,8,.96))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

html body.user-mode header.dc-app-header::after,
html body.admin-mode header.dc-app-header.dc-header-logo-only::after{
  content:""!important;
  position:absolute!important;
  left:18px!important;
  right:18px!important;
  bottom:0!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,138,0,.36),rgba(255,255,255,.08),transparent)!important;
  pointer-events:none!important;
  z-index:1!important;
}

body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .header-subscribers-count, body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header:has(.header-user) .header-subscribers-count{
  grid-column:unset!important;
  grid-row:unset!important;
  justify-self:unset!important;
  align-self:unset!important;
  position:relative!important;
  width:auto!important;
}

body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .header-user, body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .dc-header-actions > nav, body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .dc-header-actions .header-user{
  grid-column:unset!important;
  grid-row:unset!important;
  justify-self:unset!important;
  width:auto!important;
  position:relative!important;
}

body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .pwa-install-btn{
  position:relative!important;
}

@media (max-width:380px){
  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header .brand-app-icon, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header .user-top-line .brand-app-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
  }
}

@media (min-width:701px) and (max-width:899px){
  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header, html body.user-mode:not(.admin-mode):not(.comments-mode) .wrap > header.dc-app-header, html body.admin-mode.admin-mobile-shell header.dc-app-header, html body.admin-mode.admin-mobile-shell .wrap > header.dc-app-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    z-index:var(--dc-header-z-index,5002)!important;
    box-sizing:border-box!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header:not(.dc-header-shell) .brand-app-icon, html body.admin-mode.admin-mobile-shell header.dc-app-header:not(.dc-header-shell) .brand-app-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    flex:0 0 40px!important;
    border-radius:12px!important;
  }

  html body.user-mode.auth-mode header.dc-app-header.dc-role-auth{
    min-height:68px!important;
    padding:12px 18px!important;
    justify-content:flex-start!important;
  }

  header.dc-app-header .brand-wordmark-svg{
    height:24px!important;
    max-width:160px!important;
  }

  header.dc-app-header .pwa-install-btn{
    font-size:11px!important;
    padding:7px 12px!important;
    max-width:min(28vw,160px)!important;
  }

  header.dc-app-header .header-user{
    max-width:200px!important;
  }
}

@media (min-width:900px){
  body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header:not(.dc-header-shell){
    display:flex!important;
    flex-direction:row!important;
    grid-template-columns:unset!important;
    grid-template-rows:unset!important;
  }

  html body.user-mode.auth-mode header.dc-app-header.dc-role-auth{
    min-height:68px!important;
    height:auto!important;
    padding:12px 18px!important;
    justify-content:flex-start!important;
  }

  header.dc-app-header:not(.dc-header-shell){
    gap:16px!important;
    min-height:68px!important;
  }

  header.dc-app-header:not(.dc-header-shell) .brand-app-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    border-radius:12px!important;
  }

  header.dc-app-header .brand-wordmark-svg{
    height:28px!important;
    max-width:220px!important;
  }

  header.dc-app-header .header-subscribers-count{
    font-size:11px!important;
    font-weight:400!important;
  }

  header.dc-app-header .pwa-install-btn{
    font-size:13px!important;
    padding:10px 14px!important;
    max-width:none!important;
    min-height:40px!important;
  }

  header.dc-app-header .header-user{
    max-width:360px!important;
  }

  header.dc-app-header .header-user-name{
    font-size:14px!important;
    padding:10px 14px!important;
  }

  body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .dc-header-actions > nav:not(.admin-header-actions){
    display:flex!important;
  }
}

@media (min-width:1440px){
  header.dc-app-header{
    gap:20px!important;
  }
}

@media (min-width:900px){
  body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode):not(.comments-admin-user-visual) header.dc-app-header, body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header, body.user-mode.auth-mode header.dc-app-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    z-index:var(--dc-header-z-index,5002)!important;
    box-sizing:border-box!important;
  }
}

html body.admin-mode.admin-mobile-shell{
  overflow-x:hidden!important;
}

html body.admin-mode.admin-mobile-shell .wrap{
  padding-top:calc(var(--admin-header-height,76px) + 6px)!important;
}






@media (min-width:900px){
  html body.admin-mode.admin-mobile-shell .wrap > header.dc-app-header, html body.admin-mode.admin-mobile-shell header.dc-app-header{
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:761px){
  html body.admin-mode.admin-mobile-shell .wrap > header.dc-app-header.dc-role-admin, html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin{
    width:100%!important;
    max-width:none!important;
    margin-left:0!important;
    margin-right:0!important;
    left:0!important;
    right:0!important;
    transform:none!important;
  }
}

@media (max-width:767px){
  html body.admin-mode.admin-mobile-shell.site-feed-admin-page.mobile-admin-feed-open .wrap, html body.admin-mode.admin-mobile-shell.mobile-admin-feed-open .wrap{
    padding-top:calc(var(--admin-header-height,76px) + 6px + var(--dc-safe-top))!important;
  }

  html body.admin-mode.admin-mobile-shell.site-feed-admin-page.mobile-admin-feed-open .wrap > header.dc-app-header.dc-role-admin, html body.admin-mode.admin-mobile-shell.site-feed-admin-page.mobile-admin-feed-open header.dc-app-header.dc-role-admin, html body.admin-mode.admin-mobile-shell.mobile-admin-feed-open .wrap > header.dc-app-header.dc-role-admin, html body.admin-mode.admin-mobile-shell.mobile-admin-feed-open header.dc-app-header.dc-role-admin{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    min-height:68px!important;
    height:auto!important;
    margin:0!important;
    padding:10px 14px!important;
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    overflow:hidden!important;
    contain:unset!important;
    border-radius:0 0 20px 20px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-top:0!important;
    border-bottom:0!important;
    background:radial-gradient(circle at 12% 50%,rgba(255,255,255,.07),transparent 28%),
        linear-gradient(180deg,rgba(24,24,24,.96),rgba(8,8,8,.96))!important;
    box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    z-index:var(--dc-header-z-index,5002)!important;
    box-sizing:border-box!important;
  }

  html body.admin-mode.admin-mobile-shell.site-feed-admin-page.mobile-admin-feed-open .wrap > header.dc-app-header.dc-role-admin::after, html body.admin-mode.admin-mobile-shell.site-feed-admin-page.mobile-admin-feed-open header.dc-app-header.dc-role-admin::after, html body.admin-mode.admin-mobile-shell.mobile-admin-feed-open .wrap > header.dc-app-header.dc-role-admin::after, html body.admin-mode.admin-mobile-shell.mobile-admin-feed-open header.dc-app-header.dc-role-admin::after{
    content:""!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(255,138,0,.36),rgba(255,255,255,.08),transparent)!important;
    pointer-events:none!important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin .brand{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    max-width:calc(100vw - 136px)!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    overflow:visible!important;
    transform:none!important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin .brand-app-icon{
    display:block!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    border-radius:10px!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.34)!important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin .brand-text{
    max-width:calc(100vw - 146px)!important;
    font-size:20px!important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin .brand-text.brand-wordmark{
    display:inline-flex!important;
    align-items:center!important;
    gap:1px!important;
    font-size:clamp(23px,7.25vw,29px)!important;
    letter-spacing:.005em!important;
    width:clamp(176px,46vw,184px)!important;
    min-width:clamp(176px,46vw,184px)!important;
    max-width:clamp(176px,46vw,184px)!important;
    height:auto!important;
    line-height:1!important;
    aspect-ratio:520/92!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
    transform-origin:left center!important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin .brand-wordmark-svg{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    aspect-ratio:520/92!important;
    overflow:visible!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    transform:translateY(1px)!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode):not(.dc-shell-open):not(.contest-user-hub-page) .wrap{
    padding-top:calc(var(--admin-header-height,76px) + 6px + var(--dc-safe-top))!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) .wrap > header.dc-app-header.dc-role-guest, html body.user-mode:not(.admin-mode):not(.comments-mode) .wrap > header.dc-app-header.dc-role-user, html body.user-mode.auth-mode .wrap > header.dc-app-header.dc-role-auth, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user, html body.user-mode.auth-mode header.dc-app-header.dc-role-auth{
    position:fixed!important;top:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:none!important;margin:0!important;z-index:var(--dc-header-z-index,5002)!important;box-sizing:border-box!important;}


  html body.user-mode.auth-mode header.dc-app-header.dc-role-auth{
    justify-content:flex-start!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) .wrap > header.dc-app-header.dc-role-guest::after, html body.user-mode:not(.admin-mode):not(.comments-mode) .wrap > header.dc-app-header.dc-role-user::after, html body.user-mode.auth-mode .wrap > header.dc-app-header.dc-role-auth::after, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest::after, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user::after, html body.user-mode.auth-mode header.dc-app-header.dc-role-auth::after{
    content:""!important;
    position:absolute!important;
    left:14px!important;
    right:14px!important;
    bottom:0!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(255,138,0,.36),rgba(255,255,255,.08),transparent)!important;
    pointer-events:none!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .dc-header-brand, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .dc-header-brand, html body.user-mode.auth-mode header.dc-app-header.dc-role-auth .dc-header-brand{
    flex:0 0 auto!important;
    flex-shrink:0!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
  }



  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count) .dc-header-brand{
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .dc-header-actions, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .dc-header-actions{
    flex:0 0 auto!important;
    min-width:0!important;
    max-width:42vw!important;
    overflow:hidden!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:6px!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header .user-top-line, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header .dc-header-brand .user-top-line{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    padding-right:0!important;
    gap:8px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .brand, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .brand, html body.user-mode.auth-mode header.dc-app-header.dc-role-auth .brand{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
    max-width:calc(100vw - 136px)!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    overflow:visible!important;
    transform:none!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .brand-app-icon, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .brand-app-icon, html body.user-mode.auth-mode header.dc-app-header.dc-role-auth .brand-app-icon{
    display:block!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    border-radius:10px!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.34)!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .brand-text, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .brand-text, html body.user-mode.auth-mode header.dc-app-header.dc-role-auth .brand-text{
    max-width:calc(100vw - 146px)!important;
    font-size:20px!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .brand-text.brand-wordmark, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .brand-text.brand-wordmark, html body.user-mode.auth-mode header.dc-app-header.dc-role-auth .brand-text.brand-wordmark{
    display:inline-flex!important;
    align-items:center!important;
    gap:1px!important;
    font-size:clamp(23px,7.25vw,29px)!important;
    letter-spacing:.005em!important;
    width:clamp(176px,46vw,184px)!important;
    min-width:clamp(176px,46vw,184px)!important;
    max-width:clamp(176px,46vw,184px)!important;
    height:auto!important;
    line-height:1!important;
    aspect-ratio:520/92!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
    transform-origin:left center!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .brand-wordmark-svg, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .brand-wordmark-svg, html body.user-mode.auth-mode header.dc-app-header.dc-role-auth .brand-wordmark-svg{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    aspect-ratio:520/92!important;
    overflow:visible!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    transform:translateY(1px)!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .dc-header-actions > nav:not(.admin-header-actions), html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .header-user{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .pwa-install-btn, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .header-push-control{
    display:none!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header .pwa-install-btn[hidden]{
    display:none!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .pwa-install-btn{
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 1 auto!important;
    flex-shrink:1!important;
    min-width:0!important;
    max-width:132px!important;
    width:auto!important;
    min-height:34px!important;
    max-height:38px!important;
    padding:6px 10px!important;
    font-size:10px!important;
    line-height:1.1!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .header-user{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:132px!important;
    overflow:hidden!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .header-user-name{
    max-width:100%!important;
    font-size:11px!important;
    padding:6px 10px!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body header.dc-app-header .dc-header-brand, html body header.dc-app-header .user-top-line{
    flex:0 0 auto!important;
    flex-shrink:0!important;
    min-width:0!important;
    max-width:none!important;
    padding-right:0!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  html body header.dc-app-header .brand{
    display:inline-flex!important;
    align-items:center!important;
    gap:8px!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    margin:0!important;
    padding:0!important;
    text-decoration:none!important;
    transform:none!important;
  }

  html body header.dc-app-header .brand-app-icon{
    display:block!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    flex:0 0 34px!important;
    flex-shrink:0!important;
    border-radius:10px!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.36)!important;
    max-width:34px!important;
    max-height:34px!important;
    background:#05070d!important;
    padding:0!important;
    border:0!important;
  }

  html body header.dc-app-header .brand-text.brand-wordmark{
    display:inline-flex!important;
    align-items:center!important;
    gap:1px!important;
    font-size:clamp(23px,7.25vw,29px)!important;
    letter-spacing:.005em!important;
    width:clamp(176px,46vw,184px)!important;
    min-width:clamp(176px,46vw,184px)!important;
    max-width:clamp(176px,46vw,184px)!important;
    height:auto!important;
    line-height:1!important;
    aspect-ratio:520/92!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    overflow:visible!important;
    text-overflow:clip!important;
    transform:none!important;
    transform-origin:left center!important;
  }

  html body header.dc-app-header .brand-wordmark-svg{
    display:block!important;
    width:clamp(176px,46vw,184px)!important;
    height:auto!important;
    max-width:clamp(176px,46vw,184px)!important;
    aspect-ratio:unset!important;
    overflow:visible!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    transform:translateY(1px)!important;
    vertical-align:middle!important;
  }

  html body header.dc-app-header .dc-header-actions{
    flex:0 0 auto!important;
    flex-shrink:0!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:6px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }

  html body header.dc-app-header.dc-role-guest .dc-header-actions, html body header.dc-app-header.dc-role-user .dc-header-actions{
    max-width:min(40vw,148px)!important;
  }

  html body header.dc-app-header.dc-role-admin .dc-header-actions{
    max-width:none!important;
    flex-shrink:0!important;
  }

  html body header.dc-app-header.dc-role-auth .dc-header-actions{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  html body header.dc-app-header .pwa-install-btn, html body header.dc-app-header .header-push-btn, html body header.dc-app-header .header-user-name, html body header.dc-app-header .admin-logout-link{
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  html body header.dc-app-header .pwa-install-btn{
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 1 auto!important;
    flex-shrink:1!important;
    min-height:34px!important;
    max-height:38px!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    border:1px solid rgba(255,138,0,.42)!important;
    background:linear-gradient(135deg,rgba(255,138,0,.14),rgba(255,255,255,.04))!important;
    color:#fff!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.1!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
    cursor:pointer!important;
  }

  html body header.dc-app-header .header-user-name{
    display:block!important;
    font-size:11px!important;
    line-height:1.15!important;
    padding:6px 10px!important;
    min-height:34px!important;
    max-height:38px!important;
    border-radius:999px!important;
  }

  html body header.dc-app-header.dc-role-guest .header-push-control, html body header.dc-app-header.dc-role-guest .header-push-btn, html body header.dc-app-header.dc-role-guest .dc-header-actions > nav:not(.admin-header-actions){
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    max-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  html body header.dc-app-header.dc-role-guest .pwa-install-btn[hidden]{
    display:none!important;
  }

  html body header.dc-app-header.dc-role-guest .pwa-install-btn:not([hidden]){
    max-width:132px!important;
  }

  html body header.dc-app-header.dc-role-user .pwa-install-btn, html body header.dc-app-header.dc-role-user .dc-header-actions > nav:not(.admin-header-actions){
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  html body header.dc-app-header.dc-role-user .header-user{
    flex:0 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  html body header.dc-app-header.dc-role-auth{
    justify-content:flex-start!important;
  }

  html body header.dc-app-header.dc-role-auth .dc-header-brand{
    flex:0 0 auto!important;
    flex-shrink:0!important;
  }

  html body header.dc-app-header .user-top-line{
    padding-right:0!important;
  }
}

header.dc-app-header .brand, header.dc-app-header .brand:hover, header.dc-app-header .brand:active, header.dc-app-header .brand:focus{
  position:relative!important;
  isolation:auto!important;
  animation:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  background:none!important;
  background-image:none!important;
  mix-blend-mode:normal!important;
  transform:none!important;
}

header.dc-app-header .brand::before, header.dc-app-header .brand::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  filter:none!important;
  -webkit-filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  background:none!important;
  background-image:none!important;
  pointer-events:none!important;
}

header.dc-app-header .brand-text, header.dc-app-header .brand-wordmark, header.dc-app-header .brand-text.brand-wordmark{
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  background:none!important;
  background-image:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}

header.dc-app-header .brand-wordmark-svg, header.dc-app-header .brand-wordmark-svg text, header.dc-app-header .brand-wordmark-svg tspan{
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  mix-blend-mode:normal!important;
  opacity:1!important;
}

@media (max-width:767px){
  html body header.dc-app-header .brand-text.brand-wordmark, html body header.dc-app-header .brand-wordmark{
    display:block!important;
    width:clamp(176px,46vw,184px)!important;
    min-width:clamp(176px,46vw,184px)!important;
    max-width:clamp(176px,46vw,184px)!important;
    height:auto!important;
    line-height:0!important;
    font-size:0!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    overflow:visible!important;
    aspect-ratio:unset!important;
    vertical-align:middle!important;
    transform:none!important;
    transform-origin:left center!important;
  }

  html body header.dc-app-header .brand-wordmark-svg text, html body header.dc-app-header .brand-wordmark-svg tspan{
    font-family:"Arial Black",Impact,"Helvetica Neue",Arial,sans-serif!important;
    font-stretch:normal!important;
    font-synthesis:none!important;
    font-style:normal!important;
    letter-spacing:normal!important;
    paint-order:normal!important;
    text-rendering:geometricPrecision!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
  }
}

@supports (-webkit-touch-callout:none){
  @media (max-width:767px){
    html body header.dc-app-header .brand-wordmark-svg text, html body header.dc-app-header .brand-wordmark-svg tspan{
      letter-spacing:-2px!important;
    }
  }
}

@media (max-width:380px){
  html body header.dc-app-header .brand-text.brand-wordmark, html body header.dc-app-header .brand-wordmark, html body header.dc-app-header .brand-wordmark-svg{
    width:clamp(168px,44vw,176px)!important;
    min-width:clamp(168px,44vw,176px)!important;
    max-width:clamp(168px,44vw,176px)!important;
  }
}

@media (max-width:767px){
  html body.user-mode:not(.auth-mode):not(.comments-mode):not(.comments-admin-user-visual) header.dc-app-header .brand-text.brand-wordmark, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .user-top-line .brand-text.brand-wordmark, html body header.dc-app-header .brand-text.brand-wordmark{
    display:block!important;
    width:clamp(176px,46vw,184px)!important;
    max-width:clamp(176px,46vw,184px)!important;
    min-width:0!important;
    height:auto!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    line-height:1!important;
    background:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
    transform:none!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
  }

  html body.user-mode:not(.auth-mode):not(.comments-mode):not(.comments-admin-user-visual) header.dc-app-header .brand-wordmark-svg, html body header.dc-app-header .brand-wordmark-svg{
    display:block!important;
    width:100%!important;
    height:auto!important;
    max-width:none!important;
    aspect-ratio:auto!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
    background:none!important;
    flex-shrink:0!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .user-top-line .brand, html body header.dc-app-header .brand{
    max-width:none!important;
    overflow:visible!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
  }
}

@media (min-width:761px){
  html body.user-mode:not(.auth-mode):not(.comments-mode):not(.comments-admin-user-visual) header.dc-app-header .brand-text.brand-wordmark, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .user-top-line .brand-text.brand-wordmark, html body.user-mode.auth-mode header.dc-app-header .brand-text.brand-wordmark, html body header.dc-app-header .brand-text.brand-wordmark{
    display:block!important;
    aspect-ratio:auto!important;
    height:auto!important;
    line-height:1!important;
    overflow:visible!important;
    background:none!important;
    background-image:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
    transform:none!important;
    transform-origin:left center!important;
    font-style:normal!important;
    letter-spacing:normal!important;
    paint-order:normal!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
  }

  html body.user-mode:not(.auth-mode):not(.comments-mode):not(.comments-admin-user-visual) header.dc-app-header .brand-wordmark-svg, html body.user-mode.auth-mode header.dc-app-header .brand-wordmark-svg, html body header.dc-app-header .brand-wordmark-svg{
    display:block!important;
    aspect-ratio:auto!important;
    transform:none!important;
    transform-origin:left center!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
    background:none!important;
    background-image:none!important;
    flex-shrink:0!important;
    overflow:visible!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header .user-top-line .brand, html body header.dc-app-header .brand{
    flex-shrink:0!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
    background:none!important;
    background-image:none!important;
    overflow:visible!important;
  }

  html body header.dc-app-header .brand-wordmark-svg text, html body header.dc-app-header .brand-wordmark-svg tspan{
    font-style:normal!important;
    font-stretch:normal!important;
    font-synthesis:none!important;
    letter-spacing:normal!important;
    paint-order:normal!important;
    transform:none!important;
    filter:none!important;
    -webkit-filter:none!important;
    text-shadow:none!important;
    box-shadow:none!important;
  }

  html body header.dc-app-header .brand-app-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    border-radius:12px!important;
    aspect-ratio:1/1!important;
    display:block!important;
    object-fit:contain!important;
    flex:0 0 40px!important;
    flex-shrink:0!important;
    background:#05070d!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.36)!important;
    padding:0!important;
    border:0!important;
  }
}

html body header.dc-app-header .dc-header-brand, html body header.dc-app-header .user-top-line{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  line-height:1!important;
  vertical-align:middle!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
  flex:0 0 auto!important;
  flex-shrink:0!important;
  min-width:0!important;
  max-width:none!important;
  animation:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  background:none!important;
  background-image:none!important;
}

html body header.dc-app-header .brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  line-height:1!important;
  vertical-align:middle!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  overflow:visible!important;
  flex:0 0 auto!important;
  flex-shrink:0!important;
  min-width:0!important;
  max-width:none!important;
  text-decoration:none!important;
  animation:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  background:none!important;
  background-image:none!important;
}

html body header.dc-app-header .brand-app-icon{
  object-fit:contain!important;
  object-position:center center!important;
  image-rendering:auto!important;
  vertical-align:middle!important;
  margin:0!important;
  transform:none!important;
  animation:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  flex-shrink:0!important;
}

html body header.dc-app-header .brand-text.brand-wordmark, html body header.dc-app-header .brand-wordmark-svg{
  line-height:1!important;
  vertical-align:middle!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  flex-shrink:0!important;
  animation:none!important;
  filter:none!important;
  -webkit-filter:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  background:none!important;
  background-image:none!important;
}

html body.user-mode header.dc-app-header .dc-header-brand, html body.admin-mode header.dc-app-header .dc-header-brand, html body.auth-mode header.dc-app-header .dc-header-brand, html body.user-mode header.dc-app-header .user-top-line, html body.admin-mode header.dc-app-header .user-top-line, html body.auth-mode header.dc-app-header .user-top-line, html body.user-mode header.dc-app-header .brand, html body.admin-mode header.dc-app-header .brand, html body.auth-mode header.dc-app-header .brand{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  gap:8px!important;
  overflow:visible!important;
  transform:none!important;
  animation:none!important;
  isolation:auto!important;
  flex:0 0 auto!important;
  flex-shrink:0!important;
}

@media (min-width:761px){
  html body.user-mode header.dc-app-header .brand-app-icon, html body.admin-mode header.dc-app-header .brand-app-icon, html body.auth-mode header.dc-app-header .brand-app-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
    max-height:40px!important;
    flex:0 0 40px!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center center!important;
    vertical-align:middle!important;
    border-radius:12px!important;
    background:#05070d!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.36)!important;
    transform:none!important;
    padding:0!important;
    border:0!important;
  }
}

@media (max-width:767px){
  html body.user-mode header.dc-app-header .brand-app-icon, html body.admin-mode header.dc-app-header .brand-app-icon, html body.auth-mode header.dc-app-header .brand-app-icon{
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    min-height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    flex:0 0 34px!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center center!important;
    vertical-align:middle!important;
    border-radius:10px!important;
    background:#05070d!important;
    box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.36)!important;
    transform:none!important;
    padding:0!important;
    border:0!important;
  }
}

html body.user-mode header.dc-app-header .brand-text.brand-wordmark, html body.admin-mode header.dc-app-header .brand-text.brand-wordmark, html body.auth-mode header.dc-app-header .brand-text.brand-wordmark{
  display:block!important;
  line-height:1!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  background:none!important;
  filter:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
  flex:0 0 auto!important;
  flex-shrink:0!important;
  max-width:none!important;
}

html body.user-mode header.dc-app-header .brand-wordmark-svg, html body.admin-mode header.dc-app-header .brand-wordmark-svg, html body.auth-mode header.dc-app-header .brand-wordmark-svg{
  display:block!important;
  width:100%!important;
  height:auto!important;
  transform:none!important;
  filter:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  background:none!important;
  vertical-align:middle!important;
  flex-shrink:0!important;
}

html body.user-mode header.dc-app-header .brand::before, html body.admin-mode header.dc-app-header .brand::before, html body.auth-mode header.dc-app-header .brand::before, html body.user-mode header.dc-app-header .brand::after, html body.admin-mode header.dc-app-header .brand::after, html body.auth-mode header.dc-app-header .brand::after{
  content:none!important;
  display:none!important;
}

@media (min-width:761px){
  html body.user-mode header.dc-app-header .brand, html body.admin-mode header.dc-app-header .brand, html body.auth-mode header.dc-app-header .brand, html body header.dc-app-header .brand{
    gap:10px!important;
  }

  html body header.dc-app-header .brand-text.brand-wordmark{
    display:block!important;
    width:clamp(220px,20.833vw,300px)!important;
    min-width:clamp(220px,20.833vw,300px)!important;
    max-width:clamp(220px,20.833vw,300px)!important;
    font-size:0!important;
    line-height:0!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    overflow:visible!important;
    transform:none!important;
    height:auto!important;
  }

  html body header.dc-app-header .brand-wordmark-svg{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    aspect-ratio:520/92!important;
    transform:none!important;
  }

  html body.user-mode header.dc-app-header .dc-header-brand, html body.admin-mode header.dc-app-header .dc-header-brand, html body.auth-mode header.dc-app-header .dc-header-brand, html body header.dc-app-header .dc-header-brand, html body.user-mode header.dc-app-header .user-top-line, html body.admin-mode header.dc-app-header .user-top-line, html body.auth-mode header.dc-app-header .user-top-line, html body header.dc-app-header .user-top-line, html body.user-mode header.dc-app-header .brand, html body.admin-mode header.dc-app-header .brand, html body.auth-mode header.dc-app-header .brand, html body header.dc-app-header .brand{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    line-height:1!important;
  }

  html body.user-mode header.dc-app-header .brand-text.brand-wordmark, html body.admin-mode header.dc-app-header .brand-text.brand-wordmark, html body.auth-mode header.dc-app-header .brand-text.brand-wordmark, html body header.dc-app-header .brand-text.brand-wordmark{
    width:auto!important;
    min-width:0!important;
    max-width:300px!important;
    font-size:0!important;
    line-height:0!important;
    flex:0 0 auto!important;
    flex-shrink:0!important;
    overflow:visible!important;
  }

  html body.user-mode header.dc-app-header .brand-wordmark-svg, html body.admin-mode header.dc-app-header .brand-wordmark-svg, html body.auth-mode header.dc-app-header .brand-wordmark-svg, html body header.dc-app-header .brand-wordmark-svg{
    width:auto!important;
    height:53px!important;
    max-width:300px!important;
    aspect-ratio:520 / 92!important;
    display:block!important;
    transform:none!important;
    text-rendering:geometricPrecision!important;
    shape-rendering:geometricPrecision!important;
  }

  html body.user-mode header.dc-app-header .brand-wordmark-svg text, html body.admin-mode header.dc-app-header .brand-wordmark-svg text, html body.auth-mode header.dc-app-header .brand-wordmark-svg text, html body header.dc-app-header .brand-wordmark-svg text, html body.user-mode header.dc-app-header .brand-wordmark-svg tspan, html body.admin-mode header.dc-app-header .brand-wordmark-svg tspan, html body.auth-mode header.dc-app-header .brand-wordmark-svg tspan, html body header.dc-app-header .brand-wordmark-svg tspan{
    letter-spacing:-6px!important;
    text-rendering:geometricPrecision!important;
    shape-rendering:geometricPrecision!important;
  }
}

@media (min-width:900px){
  html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .pwa-install-btn, html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .pwa-install-btn{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    max-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .dc-header-actions > nav:not(.admin-header-actions){
    display:flex!important;
    visibility:visible!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    max-width:none!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .header-user{
    display:flex!important;
    visibility:visible!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    max-width:360px!important;
    overflow:hidden!important;
    pointer-events:auto!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .header-push-control{
    display:inline-flex!important;
    visibility:visible!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
}

@media (max-width:767px){
  html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .pwa-install-btn:not([hidden]), html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .pwa-install-btn:not([hidden]){
    display:inline-flex!important;
    visibility:visible!important;
    width:auto!important;
    height:auto!important;
    min-width:0!important;
    max-width:132px!important;
    overflow:hidden!important;
    pointer-events:auto!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header .pwa-install-btn[hidden]{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest .dc-header-actions > nav:not(.admin-header-actions){
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    max-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .header-user{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    max-width:0!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user .header-push-control{
    display:inline-flex!important;
    visibility:visible!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    pointer-events:auto!important;
  }
}

@media (min-width:900px){
  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest nav{
    display:flex!important;
    gap:6px!important;
    padding:0!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest nav a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:34px!important;
    height:34px!important;
    padding:6px 10px!important;
    border-radius:999px!important;
    font-size:11px!important;
    font-weight:700!important;
    line-height:1.15!important;
    color:#f4f6f8!important;
    background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,0) 56%),
        linear-gradient(135deg,rgba(255,138,0,.13),rgba(255,138,0,.045)),
        #111!important;
    border:1px solid rgba(255,138,0,.32)!important;
    box-shadow:0 11px 24px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.11)!important;
    text-decoration:none!important;
    white-space:nowrap!important;
  }
}

@media (max-width:767px){
  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest #pwaInstallBtn, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest .pwa-install-btn{
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 1 auto!important;
    flex-shrink:1!important;
    box-sizing:border-box!important;
    min-width:0!important;
    max-width:132px!important;
    width:auto!important;
    min-height:34px!important;
    max-height:38px!important;
    height:auto!important;
    padding:6px 10px!important;
    margin:0!important;
    border-radius:999px!important;
    border:1px solid rgba(255,138,0,.36)!important;
    background:rgba(255,138,0,.10)!important;
    background-image:none!important;
    color:rgba(255,214,168,.98)!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:1.1!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    text-decoration:none!important;
    cursor:pointer!important;
    transform:none!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest #pwaInstallBtn:active, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest .pwa-install-btn:active{
    transform:translateY(1px)!important;
    background:rgba(255,138,0,.16)!important;
  }

  html body.user-mode.guest-home-open:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest #pwaInstallBtn.pwa-install-btn, html body.user-mode.public-feed-open:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest #pwaInstallBtn.pwa-install-btn, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest #pwaInstallBtn.pwa-install-btn{
    appearance:none!important;
    -webkit-appearance:none!important;
    box-sizing:border-box!important;
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:min(132px,34vw)!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:6px 10px!important;
    margin:0!important;
    border-radius:999px!important;
    font-family:Inter,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Arial,sans-serif!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:11px!important;
    letter-spacing:-0.1px!important;
    color:rgba(255,214,168,.98)!important;
    background-color:rgba(255,138,0,.10)!important;
    background-image:none!important;
    background:rgba(255,138,0,.10)!important;
    border:1px solid rgba(255,138,0,.36)!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transform:none!important;
    opacity:1!important;
    gap:0!important;
    flex:0 1 auto!important;
    flex-shrink:1!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  html body.user-mode.guest-home-open:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest #pwaInstallBtn.pwa-install-btn:active, html body.user-mode.public-feed-open:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest #pwaInstallBtn.pwa-install-btn:active, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest #pwaInstallBtn.pwa-install-btn:active{
    transform:translateY(1px)!important;
    background:rgba(255,138,0,.16)!important;
    background-image:none!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest #pwaInstallBtn.pwa-install-btn::before, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest #pwaInstallBtn.pwa-install-btn::after, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest .pwa-install-btn::before, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest .pwa-install-btn::after{
    content:none!important;
    display:none!important;
    background:none!important;
    opacity:0!important;
    animation:none!important;
    filter:none!important;
    box-shadow:none!important;
  }
}

@media (min-width:900px){
  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest nav a::before, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest nav a::after{
    content:none!important;
    display:none!important;
    background:none!important;
    opacity:0!important;
    animation:none!important;
    filter:none!important;
    box-shadow:none!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest nav a, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest nav a:hover, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-guest nav a:active{
    filter:none!important;
    transform:none!important;
    box-shadow:0 11px 24px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.11)!important;
  }
}

@media (max-width:767px){
  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user .header-push-control{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    padding:0!important;
    margin:0!important;
    background:none!important;
    border:0!important;
    box-shadow:none!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user #enablePushBtn, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user .header-push-btn{
    appearance:none!important;
    -webkit-appearance:none!important;
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
    padding:6px 10px!important;
    margin:0!important;
    border-radius:999px!important;
    font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
    font-size:10px!important;
    font-weight:700!important;
    line-height:11px!important;
    color:rgba(255,214,168,.98)!important;
    background-color:rgba(255,138,0,.10)!important;
    background-image:none!important;
    background:rgba(255,138,0,.10)!important;
    border:1px solid rgba(255,138,0,.36)!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
    text-decoration:none!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    transform:none!important;
    filter:none!important;
    opacity:1!important;
    cursor:pointer!important;
    -webkit-tap-highlight-color:transparent!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user #enablePushBtn:hover, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user .header-push-btn:hover, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user #enablePushBtn:active, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user .header-push-btn:active, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user #enablePushBtn[data-enabled="0"], html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user #enablePushBtn[data-enabled="1"], html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user .header-push-btn[data-enabled="0"], html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user .header-push-btn[data-enabled="1"]{
    color:rgba(255,214,168,.98)!important;
    background-color:rgba(255,138,0,.10)!important;
    background-image:none!important;
    background:rgba(255,138,0,.10)!important;
    border:1px solid rgba(255,138,0,.36)!important;
    box-shadow:0 2px 8px rgba(0,0,0,.16)!important;
    transform:none!important;
    filter:none!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user #enablePushBtn::before, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user #enablePushBtn::after, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user .header-push-btn::before, html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user .header-push-btn::after{
    content:none!important;
    display:none!important;
    background:none!important;
    opacity:0!important;
    animation:none!important;
    filter:none!important;
    box-shadow:none!important;
  }

  html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user #enablePushBtn[data-enabled="1"], html body.user-mode:not(.auth-mode):not(.admin-mode) header.dc-app-header.dc-role-user .header-push-btn[data-enabled="1"]{
    font-size:9px!important;
    line-height:10px!important;
    letter-spacing:-.03em!important;
  }

  html{
    font-size:16px!important;
    -webkit-text-size-adjust:100%!important;
    text-size-adjust:100%!important;
  }

  html body{
    font-size:15px!important;
    line-height:1.45!important;
    overflow-x:hidden!important;
    width:100%!important;
    max-width:100vw!important;
  }

  html body.admin-mode.admin-mobile-shell, html body.user-mode{
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
  }

  html body.admin-mode.admin-mobile-shell .wrap, html body.user-mode .wrap{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  html body.admin-mode.admin-mobile-shell:not(.support-admin-page):not(.mobile-admin-feed-open):not(.site-feed-admin-page) .wrap{
    padding-top:calc(68px + var(--dc-safe-top) + 8px)!important;
    padding-left:max(12px, env(safe-area-inset-left))!important;
    padding-right:max(12px, env(safe-area-inset-right))!important;
    padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))!important;
  }

  html body.admin-mode.admin-mobile-shell:not(.support-admin-page):not(.site-feed-admin-page) .wrap{
    padding-top:calc(68px + var(--dc-safe-top) + 8px)!important;
    padding-left:max(12px, env(safe-area-inset-left))!important;
    padding-right:max(12px, env(safe-area-inset-right))!important;
    padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important;
  }

  html body.admin-mode.admin-mobile-shell .wrap > header.dc-app-header, html body.admin-mode.admin-mobile-shell header.dc-app-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    min-height:64px!important;
    margin:0!important;
    padding:10px 14px!important;
    border-radius:0 0 18px 18px!important;
    box-sizing:border-box!important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header .brand-text.brand-wordmark, html body.admin-mode.admin-mobile-shell header.dc-app-header .brand-text{
    width:auto!important;
    min-width:0!important;
    max-width:calc(100vw - 152px)!important;
    flex:1 1 auto!important;
    font-size:clamp(18px,5vw,24px)!important;
    letter-spacing:.01em!important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header .brand-wordmark-svg{
    width:100%!important;
    max-width:100%!important;
  }

  html body.admin-mode.admin-mobile-shell:not(.site-feed-admin-page):not(.mobile-admin-feed-open) .admin-mobile-bottom-nav{
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:4px!important;
    padding:6px max(6px, env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px, env(safe-area-inset-right))!important;
    border-radius:16px 16px 0 0!important;
    min-height:64px!important;
  }

  html body.admin-mode.admin-mobile-shell:not(.site-feed-admin-page):not(.mobile-admin-feed-open) .admin-mobile-bottom-nav a{
    min-height:52px!important;
    padding:5px 2px!important;
    font-size:10px!important;
    line-height:1.1!important;
  }

  html body.admin-mode.admin-mobile-shell:not(.site-feed-admin-page):not(.mobile-admin-feed-open) .admin-mobile-bottom-nav .admin-mobile-nav-icon{
    font-size:18px!important;
    line-height:1!important;
  }

  html body.admin-mode.admin-mobile-shell:not(.site-feed-admin-page):not(.mobile-admin-feed-open) .admin-mobile-bottom-nav .nav-label{
    font-size:9px!important;
    line-height:1.05!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    max-width:100%!important;
  }

  html body.admin-mode.admin-mobile-shell .admin-mobile-bottom-nav{
    left:0!important;
    right:0!important;
    transform:none!important;
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:4px!important;
    padding:6px max(6px, env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom,0px)) max(6px, env(safe-area-inset-right))!important;
    border-radius:16px 16px 0 0!important;
  }

  html body.admin-mode.admin-mobile-shell .admin-mobile-bottom-nav a{
    min-height:52px!important;
    padding:5px 2px!important;
    font-size:10px!important;
    line-height:1.1!important;
  }

  html body.admin-mode.admin-mobile-shell .admin-mobile-bottom-nav .admin-mobile-nav-icon{
    font-size:18px!important;
    line-height:1!important;
  }

  html body.admin-mode.admin-mobile-shell h1{
    font-size:22px!important;
    line-height:1.12!important;
    margin:10px 0 12px!important;
  }

  html body.admin-mode.admin-mobile-shell h2{
    font-size:17px!important;
    line-height:1.15!important;
  }

  html body.admin-mode.admin-mobile-shell .admin-action-title{
    font-size:15px!important;
  }

  html body.admin-mode.admin-mobile-shell .admin-action-desc{
    font-size:13px!important;
  }

  html body.admin-mode.admin-mobile-shell input, html body.admin-mode.admin-mobile-shell select, html body.admin-mode.admin-mobile-shell textarea{
    font-size:16px!important;
  }

  html body.user-mode:not(.admin-mode) .wrap{
    padding-left:max(12px, env(safe-area-inset-left))!important;
    padding-right:max(12px, env(safe-area-inset-right))!important;
  }

  html body.user-mode:not(.admin-mode) header.dc-app-header .brand-text.brand-wordmark{
    width:auto!important;
    min-width:0!important;
    max-width:calc(100vw - 152px)!important;
    font-size:clamp(18px,5vw,24px)!important;
  }
}

header.dc-app-header .brand--clike, header.dc-app-header .brand--clike:hover, header.dc-app-header .brand--clike:active, header.dc-app-header .brand--clike:focus{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  filter:none!important;
  animation:none!important;
  transform:none!important;
  text-decoration:none!important;
}

header.dc-app-header .brand--clike::before, header.dc-app-header .brand--clike::after{
  content:none!important;
  display:none!important;
}

header.dc-app-header .brand-clike-icon, header.dc-app-header .brand-clike-wordmark{
  display:block!important;
  flex:0 0 auto!important;
  width:auto!important;
  height:34px!important;
  min-width:0!important;
  max-width:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  filter:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  animation:none!important;
  transform:none!important;
}

header.dc-app-header .brand-clike-icon{
  width:34px!important;
  min-width:34px!important;
  box-sizing:border-box!important;
  border-radius:8px!important;
  border:1px solid rgba(255,138,0,.55)!important;
  object-fit:cover!important;
}

header.dc-app-header .brand-clike-wordmark{
  max-width:min(42vw,140px)!important;
}

@media (max-width:767px){
  header.dc-app-header .brand-clike-wordmark{
    max-width:min(52vw,140px)!important;
  }
}

.dc-logout-inline-form{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  vertical-align:middle!important;
}

.dc-logout-inline-form button.admin-logout-link{
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  font:inherit!important;
  line-height:inherit!important;
}

.dc-nav-sheet__logout-form{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

.dc-nav-sheet__logout-btn{
  appearance:none!important;
  -webkit-appearance:none!important;
  cursor:pointer!important;
  font:inherit!important;
  text-align:left!important;
  width:100%!important;
  box-sizing:border-box!important;
}

.feed-swipe-logout-yes-form{
  display:inline-flex!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

.feed-swipe-logout-yes-form .btn{
  width:100%!important;
}

.dc-safe-top-chrome{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  height:var(--dc-safe-top)!important;
  min-height:var(--dc-safe-top)!important;
  background:var(--dc-shell-top-ink,#05070d)!important;
  z-index:2147483000!important;
  pointer-events:none!important;
}

html:has(body.guest-home-open) .dc-safe-top-chrome{
  background:var(--dc-shell-top-ink-home,#030304)!important;
}

html:has(body.dc-premium-shell-open) .dc-safe-top-chrome, html.dc-premium-shell-open .dc-safe-top-chrome{
  background:var(--dc-shell-top-ink-premium,#000)!important;
}

@media (max-width:767px){
  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest, html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user, html body.user-mode.auth-mode header.dc-app-header.dc-role-auth{
    top:0!important;
    padding-top:calc(var(--dc-header-padding-top-user, 10px) + var(--dc-safe-top))!important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header{
    top:0!important;
    padding-top:calc(var(--dc-header-padding-top-admin, 12px) + var(--dc-safe-top))!important;
  }

  html body.user-mode.auth-mode:not(.admin-mode):not(.comments-mode):not(.dc-shell-open) .wrap, html body.admin-mode.auth-page:not(.dc-shell-open) .wrap{
    padding-top:0!important;
  }

  html body.user-mode.auth-mode header.dc-app-header.dc-role-auth, html body.admin-mode.auth-page header.dc-app-header{
    position:relative!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
  }
}

html body:not(.auth-mode):not(.auth-page) header.dc-app-header{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  z-index:var(--dc-header-z-index,5002)!important;
}

/* Phone landscape: safe-top is on the side — compact header, no portrait safe-top floor */
@media (orientation:landscape) and (max-height:520px){
  .dc-safe-top-chrome{
    height:env(safe-area-inset-top,0px)!important;
    min-height:env(safe-area-inset-top,0px)!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) .wrap > header.dc-app-header.dc-role-guest,
  html body.user-mode:not(.admin-mode):not(.comments-mode) .wrap > header.dc-app-header.dc-role-user,
  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-guest,
  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-role-user{
    padding:calc(4px + env(safe-area-inset-top,0px)) 10px 4px!important;
    min-height:auto!important;
    overflow:visible!important;
  }

  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count) .header-subscribers-count,
  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count) .dc-header-meta,
  html body.user-mode:not(.admin-mode):not(.comments-mode) .wrap > header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count) .header-subscribers-count,
  html body.user-mode:not(.admin-mode):not(.comments-mode) .wrap > header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count) .dc-header-meta{
    display:block!important;
    font-size:9px!important;
    line-height:1.2!important;
    color:rgba(255,255,255,.52)!important;
  }


  html body.user-mode:not(.admin-mode):not(.comments-mode) header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count),
  html body.user-mode:not(.admin-mode):not(.comments-mode) .wrap > header.dc-app-header.dc-header-logo-only:has(.header-subscribers-count){
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    justify-items:center!important;
    align-items:center!important;
    gap:0!important;
    justify-content:center!important;
    flex-direction:unset!important;
    flex-wrap:unset!important;
  }
}

/* ============================================================================
   Admin header actions — unified compact buttons (home icon + logout).
   Authoritative: dc-app-header.css loads after site-visual.css on every page,
   and the selector is scoped by the header classes (dc-role-admin +
   dc-admin-chrome-root) so it covers BOTH the feed admin shell (body.admin-mode)
   and the comments admin shell (body.comments-admin-user-visual) — and every
   device/mode — from one place. Home uses an inline SVG (consistent across OSes,
   unlike the old emoji that rendered differently everywhere).
   ============================================================================ */
html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
}

html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-logout-link,
html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  height:34px!important;
  min-height:34px!important;
  margin:0!important;
  border-radius:999px!important;
  color:#f3f5f8!important;
  text-decoration:none!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  white-space:nowrap!important;
  background:rgba(255,255,255,.06)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
  -webkit-tap-highlight-color:transparent!important;
  transition:color .18s ease,border-color .18s ease,background .18s ease,transform .12s ease!important;
}

html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-logout-link{
  width:auto!important;
  padding:0 14px!important;
}

html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link{
  width:34px!important;
  min-width:34px!important;
  padding:0!important;
}

html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link svg{
  width:17px!important;
  height:17px!important;
  display:block!important;
  stroke:currentColor!important;
}

html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link span{
  display:inline-flex!important;
  line-height:1!important;
}

html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-logout-link:hover,
html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-logout-link:focus-visible,
html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link:hover,
html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link:focus-visible{
  color:#ffb347!important;
  border-color:rgba(255,138,0,.5)!important;
  background:rgba(255,138,0,.1)!important;
  outline:0!important;
}

html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-logout-link:active,
html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link:active{
  transform:translateY(1px)!important;
}

/* Phones: a touch a little taller for comfortable tap targets. */
@media (max-width:767px){
  html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-logout-link,
  html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link{
    height:38px!important;
    min-height:38px!important;
    font-size:13px!important;
  }
  html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link{
    width:38px!important;
    min-width:38px!important;
  }
  html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link svg{
    width:18px!important;
    height:18px!important;
  }
}
/* ============================================================================
   CANONICAL HEADER SHELL — one layout for guest / user / admin (auth excluded).
   Final authority: wins over legacy role/surface duplicates above.
   ============================================================================ */
header.dc-app-header.dc-header-shell{
  position:fixed!important;
  top:0!important;
  left:0!important;
  right:0!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  z-index:var(--dc-header-z-index,5002)!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  border-radius:var(--dc-header-shell-radius)!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-top:0!important;
  border-bottom:0!important;
  background:radial-gradient(circle at 12% 50%,rgba(255,255,255,.07),transparent 28%),
    linear-gradient(180deg,rgba(24,24,24,.96),rgba(8,8,8,.96))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.06)!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}

header.dc-app-header.dc-header-shell::after{
  content:""!important;
  position:absolute!important;
  left:var(--dc-header-shell-after-inset)!important;
  right:var(--dc-header-shell-after-inset)!important;
  bottom:0!important;
  height:1px!important;
  background:linear-gradient(90deg,rgba(255,138,0,.36),rgba(255,255,255,.08),transparent)!important;
  pointer-events:none!important;
  z-index:1!important;
}

header.dc-app-header.dc-header-shell.dc-header-logo-only:has(.header-subscribers-count){
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-rows:auto auto!important;
  align-items:center!important;
  justify-items:stretch!important;
  gap:1px 10px!important;
  min-height:var(--dc-header-shell-min-h)!important;
  height:auto!important;
  padding:var(--dc-header-shell-pad-top) var(--dc-header-shell-pad-x) var(--dc-header-shell-pad-bottom)!important;
  flex-direction:unset!important;
  flex-wrap:unset!important;
  justify-content:stretch!important;
}

header.dc-app-header.dc-header-shell.dc-header-logo-only:has(.header-subscribers-count) .dc-header-brand{
  grid-column:1!important;
  grid-row:1!important;
  justify-self:start!important;
  align-self:center!important;
}

header.dc-app-header.dc-header-shell.dc-header-logo-only:has(.header-subscribers-count):has(.admin-header-actions) .dc-header-actions{
  grid-column:2!important;
  grid-row:1!important;
  justify-self:end!important;
  align-self:center!important;
  display:flex!important;
}

header.dc-app-header.dc-header-shell.dc-header-logo-only:has(.header-subscribers-count) .dc-header-meta:not(:empty){
  grid-column:1 / -1!important;
  grid-row:2!important;
  justify-self:center!important;
  display:flex!important;
  visibility:visible!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  pointer-events:none!important;
  align-items:center!important;
  justify-content:center!important;
}

header.dc-app-header.dc-header-shell .header-subscribers-count{
  display:block!important;
  font-size:var(--dc-header-shell-subscribers-size)!important;
  font-weight:400!important;
  line-height:1.25!important;
  letter-spacing:.01em!important;
  color:rgba(255,255,255,.48)!important;
}

header.dc-app-header.dc-header-shell .brand-app-icon{
  width:var(--dc-header-brand-icon)!important;
  height:var(--dc-header-brand-icon)!important;
  min-width:var(--dc-header-brand-icon)!important;
  min-height:var(--dc-header-brand-icon)!important;
  max-width:var(--dc-header-brand-icon)!important;
  max-height:var(--dc-header-brand-icon)!important;
  flex:0 0 var(--dc-header-brand-icon)!important;
  border-radius:12px!important;
  object-fit:contain!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.12),0 10px 24px rgba(0,0,0,.36)!important;
}

@media (max-width:767px){
  :root{
    --dc-header-brand-icon:34px;
  }
}

@media (min-width:900px){
  header.dc-app-header.dc-header-shell .header-subscribers-count{
    font-size:11px!important;
  }
}

header.dc-app-header.dc-role-admin:has(.header-subscribers-count) .dc-header-meta{
  display:flex!important;
}

/* Admin phone landscape — one row: logo | subscribers | logout */
@media (orientation: landscape) and (max-height: 560px) {
  :root {
    --dc-header-shell-min-h: 40px;
    --dc-header-shell-pad-top: calc(4px + env(safe-area-inset-top, 0px));
    --dc-header-shell-pad-bottom: 4px;
    --dc-header-brand-icon: 28px;
    --dc-header-shell-subscribers-size: 9px;
    --dc-header-shell-after-inset: 10px;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-header-shell.dc-header-logo-only:has(.header-subscribers-count):has(.admin-header-actions),
  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin.dc-header-shell.dc-header-logo-only:has(.header-subscribers-count) {
    display: grid !important;
    grid-template-columns: minmax(0, auto) minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    justify-items: stretch !important;
    gap: 0 8px !important;
    min-height: 40px !important;
    height: auto !important;
    padding: calc(4px + env(safe-area-inset-top, 0px)) max(10px, env(safe-area-inset-left)) 4px max(10px, env(safe-area-inset-right)) !important;
    overflow: hidden !important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-header-shell.dc-header-logo-only:has(.header-subscribers-count):has(.admin-header-actions) .dc-header-brand,
  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin.dc-header-shell .dc-header-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-header-shell.dc-header-logo-only:has(.header-subscribers-count) .dc-header-meta:not(:empty),
  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-header-shell .dc-header-meta:not(:empty) {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    align-self: center !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-header-shell.dc-header-logo-only:has(.header-subscribers-count):has(.admin-header-actions) .dc-header-actions,
  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin.dc-header-shell .dc-header-actions {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: center !important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header .header-subscribers-count {
    font-size: 9px !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header .brand-app-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    max-width: 28px !important;
    max-height: 28px !important;
    flex: 0 0 28px !important;
    border-radius: 8px !important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin .brand {
    gap: 6px !important;
    max-width: none !important;
  }

  html body.admin-mode.admin-mobile-shell header.dc-app-header.dc-role-admin .brand-text.brand-wordmark {
    width: clamp(108px, 22vw, 132px) !important;
    min-width: clamp(108px, 22vw, 132px) !important;
    max-width: clamp(108px, 22vw, 132px) !important;
    font-size: clamp(15px, 3.4vw, 18px) !important;
  }

  html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-logout-link,
  html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link {
    height: 30px !important;
    min-height: 30px !important;
    padding: 0 10px !important;
    font-size: 11px !important;
  }

  html body header.dc-app-header.dc-role-admin.dc-admin-chrome-root .admin-header-actions .admin-home-link {
    width: 30px !important;
    min-width: 30px !important;
  }
}