/* Foxdeo v85 interface polish. New GUI layer only; main v85 CSS is not edited. */
body.fx-v85{
  background:
    radial-gradient(circle at 0 0, color-mix(in srgb, var(--fx-v85-brand) 13%, transparent), transparent 31%),
    linear-gradient(180deg, var(--fx-v85-bg), color-mix(in srgb, var(--fx-v85-bg) 88%, #ffffff));
}
body.fx-v85{
  color:var(--fx-v85-text);
}
body.fx-v85:not(.fx-v85-dark):not(.dark){
  --fx-v85-mode-bg:var(--fx-v85-bg);
  --fx-v85-mode-surface:var(--fx-v85-card);
  --fx-v85-mode-text:var(--fx-v85-text);
  --fx-v85-mode-muted:var(--fx-v85-muted);
}
body.fx-v85.fx-v85-dark,
body.fx-v85.dark{
  --fx-v85-bg:#0b1220;
  --fx-v85-card:#121a2b;
  --fx-v85-card-soft:#17233b;
  --fx-v85-text:#f8fafc;
  --fx-v85-muted:#aab4c8;
  --fx-v85-line:rgba(255,255,255,.10);
  --fx-v85-mode-bg:var(--fx-v85-bg);
  --fx-v85-mode-surface:var(--fx-v85-card);
  --fx-v85-mode-text:var(--fx-v85-text);
  --fx-v85-mode-muted:var(--fx-v85-muted);
}
body.fx-v85 h1,
body.fx-v85 h2,
body.fx-v85 h3,
body.fx-v85 h4,
body.fx-v85 h5,
body.fx-v85 h6,
body.fx-v85 .fx-v85-card-head h2,
body.fx-v85 .fx-v85-post-title,
body.fx-v85 .fx-v85-post-text,
body.fx-v85 .fx-v85-profile-name,
body.fx-v85 .fx-v85-user-name{
  color:var(--fx-v85-text);
}
body.fx-v85 .fx-v85-muted,
body.fx-v85 .fx-v85-meta,
body.fx-v85 .fx-v85-time,
body.fx-v85 .fx-v85-card small,
body.fx-v85 .fx-v85-post-meta{
  color:var(--fx-v85-muted);
}
body.fx-v85 .fx-v85-card,
body.fx-v85 .fx-v85-post-card,
body.fx-v85 .fx-v85-composer,
body.fx-v85 .fx-v85-filter-card,
body.fx-v85 .fx-v85-trends,
body.fx-v85 .fx-v85-chat-friends-card{
  background:color-mix(in srgb, var(--fx-v85-card) 96%, #ffffff);
  border-color:color-mix(in srgb, var(--fx-v85-line) 82%, var(--fx-v85-brand));
  border-radius:var(--fx-v85-radius);
  box-shadow:var(--fx-v85-shadow);
}
body.fx-v85 .fx-v85-card{
  margin:4px!important;
  padding:4px!important;
}
body.fx-v85 .fx-v85-topbar,
body.fx-v85 .fx-v85-header{
  background:color-mix(in srgb, var(--fx-v85-card) 88%, transparent);
  border-color:var(--fx-v85-line);
  backdrop-filter:blur(18px);
}
body.fx-v85 .fx-v85-brand,
body.fx-v85 .fx-v85-post-author,
body.fx-v85 .fx-v85-card-head a,
body.fx-v85 .fx-v85-footer a:hover{
  color:var(--fx-v85-brand);
}
body.fx-v85 .fx-v85-publish,
body.fx-v85 .fx-v85-primary,
body.fx-v85 .fx-v85-tabs a.active,
body.fx-v85 #tabs .active a{
  background:linear-gradient(135deg,var(--fx-v85-brand),var(--fx-v85-brand2));
  color:#fff;
}
body.fx-v85 .fx-v85-brand-mark{
  background:transparent;
  color:var(--fx-v85-text);
  box-shadow:none;
}
body.fx-v85 .fx-v85-brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  border-radius:10px;
  max-width:none;
}
body.fx-v85 .fx-v85-float-actions{
  gap:12px;
}
body.fx-v85 .fx-v85-float-actions button,
body.fx-v85 .fx-v85-float-actions a{
  border-radius:18px;
  background:linear-gradient(135deg,var(--fx-v85-brand),var(--fx-v85-brand2));
  box-shadow:0 16px 34px color-mix(in srgb, var(--fx-v85-brand) 23%, transparent);
}
body.fx-v85 .fx-v85-float-actions button:hover,
body.fx-v85 .fx-v85-float-actions a:hover{
  transform:translateY(-2px);
}
body.fx-v85 input[type="text"],
body.fx-v85 input[type="password"],
body.fx-v85 input[type="email"],
body.fx-v85 input[type="search"],
body.fx-v85 textarea,
body.fx-v85 select{
  border-color:var(--fx-v85-line);
  background:var(--fx-v85-card-soft);
  color:var(--fx-v85-text);
}
body.fx-v85 input:focus,
body.fx-v85 textarea:focus,
body.fx-v85 select:focus{
  border-color:color-mix(in srgb, var(--fx-v85-brand) 60%, #ffffff);
  box-shadow:0 0 0 4px color-mix(in srgb, var(--fx-v85-brand) 13%, transparent);
}
body.fx-v85 .fx-v85-chat-friends-list,
body.fx-v85 [data-fx85-chat-friends-list="1"]{
  list-style:none;
  margin:0;
  padding:8px 10px 12px;
  display:grid;
  gap:8px;
}
body.fx-v85 .fx-v85-chat-person{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:16px;
  background:transparent;
  cursor:pointer;
  transition:background .18s ease, transform .18s ease;
}
body.fx-v85 .fx-v85-chat-person:hover{
  background:color-mix(in srgb, var(--fx-v85-brand) 9%, #ffffff);
  transform:translateY(-1px);
}
body.fx-v85 .fx-v85-chat-avatar-wrap{
  position:relative;
  width:46px;
  height:46px;
  flex:0 0 auto;
}
body.fx-v85 .fx-v85-chat-avatar{
  width:46px;
  height:46px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #fff;
  box-shadow:var(--fx-v85-shadow-sm);
}
body.fx-v85 .fx-v85-chat-presence{
  position:absolute;
  right:1px;
  bottom:2px;
  width:13px;
  height:13px;
  border-radius:50%;
  background:#98a2b3;
  border:2px solid var(--fx-v85-card);
}
body.fx-v85 .fx-v85-chat-presence.is-online{
  background:var(--fx-v85-good);
}
body.fx-v85 .fx-v85-chat-main{
  min-width:0;
}
body.fx-v85 .fx-v85-chat-main b,
body.fx-v85 .fx-v85-chat-main small,
body.fx-v85 .fx-v85-chat-main em{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body.fx-v85 .fx-v85-chat-main small{
  color:var(--fx-v85-muted);
  font-size:12px;
  font-style:normal;
}
body.fx-v85 .fx-v85-chat-main small.is-online{
  color:var(--fx-v85-good);
}
body.fx-v85 .fx-v85-chat-main em{
  color:var(--fx-v85-muted);
  font-size:12px;
  font-style:normal;
  opacity:.78;
}
body.fx-v85 .fx-v85-im-badge,
body.fx-v85 .fx-v85-chat-card-unread{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:22px;
  height:22px;
  padding:0 7px;
  border-radius:999px;
  background:var(--fx-v85-danger);
  color:#fff;
  font-size:11px;
  font-weight:950;
}
body.fx-v85 .fx-v85-empty-panel{
  border:1px dashed var(--fx-v85-line);
  border-radius:22px;
  padding:24px;
  text-align:center;
  color:var(--fx-v85-muted);
  background:color-mix(in srgb, var(--fx-v85-card-soft) 92%, #ffffff);
}
@media (max-width:760px){
  body.fx-v85 .fx-v85-card,
  body.fx-v85 .fx-v85-post-card,
  body.fx-v85 .fx-v85-composer{
    border-radius:18px;
  }
  body.fx-v85 .fx-v85-chat-person{
    padding:11px 8px;
  }
}


body.fx-v85 .fx-v85-creator-snapshot{
  overflow:hidden;
}
body.fx-v85 .fx-v85-creator-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  padding:0 12px 12px;
}
body.fx-v85 .fx-v85-creator-grid a{
  display:grid;
  gap:3px;
  min-width:0;
  padding:10px 8px;
  text-decoration:none;
  border-radius:16px;
  background:color-mix(in srgb, var(--fx-v85-brand) 8%, var(--fx-v85-card-soft));
  border:1px solid var(--fx-v85-line);
  color:var(--fx-v85-text);
}
body.fx-v85 .fx-v85-creator-grid strong{
  font-size:13px;
  line-height:1.1;
  color:var(--fx-v85-text);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
body.fx-v85 .fx-v85-creator-grid span{
  font-size:11px;
  color:var(--fx-v85-muted);
}
body.fx-v85 .fx-v85-creator-actions{
  display:flex;
  gap:8px;
  padding:0 12px 14px;
}
body.fx-v85 .fx-v85-creator-actions a{
  flex:1;
  text-align:center;
  text-decoration:none;
  padding:9px 10px;
  border-radius:14px;
  color:#fff;
  background:linear-gradient(135deg,var(--fx-v85-brand),var(--fx-v85-brand2));
  box-shadow:0 12px 24px color-mix(in srgb, var(--fx-v85-brand) 20%, transparent);
}
body.fx-v85.fx-v85-dark .fx-v85-creator-grid a,
body.fx-v85.dark .fx-v85-creator-grid a{
  background:color-mix(in srgb, var(--fx-v85-card-soft) 86%, #ffffff 4%);
}


/* v85 mobile header/logo/balance fix 20260702 */
body.fx-v85 .fx-v85-brand-mark{
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
body.fx-v85 .fx-v85-brand-mark .fx-v85-logo,
body.fx-v85 .fx-v85-brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  max-width:none;
}
body.fx-v85 .fx-v85-brand-mark .fx-v85-logo-light{display:inline;}
body.fx-v85 .fx-v85-brand-mark .fx-v85-logo-dark{display:none;}
body.fx-v85.fx-v85-dark .fx-v85-brand-mark .fx-v85-logo-light,
body.fx-v85.dark .fx-v85-brand-mark .fx-v85-logo-light,
html.fx-v85-dark-ready body.fx-v85 .fx-v85-brand-mark .fx-v85-logo-light{display:none;}
body.fx-v85.fx-v85-dark .fx-v85-brand-mark .fx-v85-logo-dark,
body.fx-v85.dark .fx-v85-brand-mark .fx-v85-logo-dark,
html.fx-v85-dark-ready body.fx-v85 .fx-v85-brand-mark .fx-v85-logo-dark{display:inline;}
body.fx-v85 .fx-v85-balance,
body.fx-v85 .fx-v85-balance-symbol{
  color:var(--fx-v85-text);
  font-weight:950;
}
body.fx-v85 .fx-v85-balance{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:color-mix(in srgb,var(--fx-v85-brand) 8%,var(--fx-v85-card-soft));
  border:1px solid var(--fx-v85-line);
}
body.fx-v85 .fx-v85-balance-symbol{margin-left:-6px;}
@media (max-width:820px){
  body.fx-v85 .fx-v85-brand > span.fx-v85-brand-mark{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:124px;
    min-width:124px;
    height:34px;
  }
  body.fx-v85 .fx-v85-userbox .fx-v85-balance,
  body.fx-v85 .fx-v85-userbox .fx-v85-balance-symbol{
    display:inline-flex;
    visibility:visible;
  }
  body.fx-v85 .fx-v85-userbox .fx-v85-balance{
    max-width:88px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
    padding:0 8px;
  }
  body.fx-v85 .fx-v85-userbox .fx-v85-hello,
  body.fx-v85 .fx-v85-userbox .fx-v85-plan{display:none;}
}
@media (max-width:560px){
  body.fx-v85 .fx-v85-brand > span.fx-v85-brand-mark{
    width:112px;
    min-width:112px;
    height:31px;
  }
  body.fx-v85 .fx-v85-userbox .fx-v85-balance{max-width:74px;}
}


/* v85 mobile top menu: use CSS three bars instead of dark/light button 20260702 */
body.fx-v85 .fx-v85-menu-bars-button{
  position:relative;
  border:1px solid var(--fx-v85-line);
  background:var(--fx-v85-card-soft);
  color:var(--fx-v85-text);
  box-shadow:0 10px 24px color-mix(in srgb,var(--fx-v85-text) 8%,transparent);
}
body.fx-v85 .fx-v85-menu-bars{
  width:20px;
  height:16px;
  display:grid;
  gap:4px;
  align-content:center;
}
body.fx-v85 .fx-v85-menu-bars span{
  display:block;
  height:2px;
  border-radius:999px;
  background:currentColor;
  box-shadow:0 1px 0 color-mix(in srgb,var(--fx-v85-card) 70%,transparent);
}
body.fx-v85 .fx-v85-menu-bars span:nth-child(2){width:15px;justify-self:end;}
body.fx-v85 .fx-v85-menu-bars span:nth-child(3){width:18px;justify-self:end;}
body.fx-v85 .fx-v85-menu-toggle-main:hover{
  background:color-mix(in srgb,var(--fx-v85-brand) 10%,var(--fx-v85-card-soft));
  color:var(--fx-v85-brand);
}
@media (max-width:820px){
  body.fx-v85 .fx-v85-header-actions{margin-left:auto;justify-self:end;}
  body.fx-v85 .fx-v85-dark-toggle-main,
  body.fx-v85 .fx-v85-mobile-dark-toggle{display:none;}
  body.fx-v85 .fx-v85-menu-toggle-main.fx-v85-menu-bars-button{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:15px;
  }
  body.fx-v85 .fx-v85-mobile-menu-head-actions{margin-left:auto;}
}
@media (max-width:420px){
  body.fx-v85 .fx-v85-menu-toggle-main.fx-v85-menu-bars-button{width:38px;height:38px;min-width:38px;border-radius:14px;}
}