/* FENIX v3: the author's profile feed as a personal ship's journal. */
body:has(.UserPage) {
  --body-bg: #08121c;
  --body-bg-shaded: #102231;
  --body-bg-light: #142b3b;
  --body-bg-faded: rgba(8,18,28,.97);
  --text-color: #c7d9e3;
  --heading-color: #e4f1f5;
  --discussion-title-color: #c9e1e8;
  --muted-color: #93afb9;
  --muted-color-light: #75929e;
  --muted-color-dark: #c1d5dd;
  --link-color: #95d6db;
  --control-bg: #122c3b;
  --control-bg-light: #1b3b4b;
  --control-bg-dark: #0b1e2b;
  --control-color: #b9d5dd;
  --button-bg: #13303f;
  --button-color: #bfdde5;
  --button-primary-bg: #9bd6d7;
  --button-primary-color: #102f36;
  --primary-color: #8bcfd0;
  --header-bg: #091722;
  --header-color: #c4dce5;
  --header-control-bg: #142c3a;
  --header-control-color: #b7d3dd;
  --dropdown-bg: #102737;
  --dropdown-color: #d7e7ed;
  --hero-bg: #102634;
  --hero-color: #d3e7ea;
  --shadow-color: rgba(0,0,0,.4);
  background: #08121c;
  color: #c7d9e3;
}
html:has(.UserPage) { background: #08121c; }
body:has(.UserPage)::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    linear-gradient(90deg,rgba(4,13,22,.15),rgba(4,13,22,.02) 60%,rgba(4,13,22,.08)),
    url("../images/user-sector-map-v31.svg");
  background-color: #08121c;
  background-size: cover;
  background-position: center center;
}
body:has(.UserPage) .App { position: relative; z-index: 1; background: transparent; }
body:has(.UserPage) .App-content { background: transparent; }
body:has(.UserPage) .App-header {
  background: rgba(8,21,31,.97);
  border-bottom: 1px solid rgba(135,196,206,.2);
  box-shadow: 0 5px 24px rgba(0,0,0,.22);
}
body:has(.UserPage) .Header-title a { color: #deeff3; }
body:has(.UserPage) .Search-input { background: #122a39; color: #c5dee6; }
body:has(.UserPage) .Search-input::placeholder { color: #90afbc; }
body:has(.UserPage) .Dropdown-menu { background: #102737; color: #d7e7ed; border: 1px solid rgba(131,193,207,.22); }
body:has(.UserPage) .Dropdown-menu > li > a,
body:has(.UserPage) .Dropdown-menu > li > button { color: #b6d0dc; }
.UserPage .UserHero {
  background: linear-gradient(90deg,rgba(6,19,31,.94),rgba(6,19,31,.79) 46%,rgba(7,23,36,.33)), url("../images/user-sector-map-v31.svg") center 27% / cover !important;
  position: relative;
  color: #d6e9ee;
  border-bottom: 1px solid rgba(154,207,214,.24);
  box-shadow: inset 0 -1px rgba(8,15,25,.9);
}
.UserPage .UserHero .UserCard-identity,
.UserPage .UserHero .UserCard-user a { color: #e1f1f4; }
.UserPage .UserHero .UserCard-info,
.UserPage .UserHero .UserCard-bio { color: #b1cbd5; }
.UserPage .UserHero .UserCard-info .icon { color: #b8cbb9; }
.UserPage .UserHero .Avatar { box-shadow: 0 0 0 3px rgba(132,195,205,.18),0 0 35px rgba(67,155,177,.18); }
.UserPage .sideNav > ul {
  padding: 12px;
  background: linear-gradient(150deg,rgba(14,37,51,.94),rgba(8,23,36,.94));
  border: 1px solid rgba(142,196,208,.24);
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(0,0,0,.2);
}
.UserPage .sideNav .Dropdown-menu > li > a,
.UserPage .sideNav .Dropdown-menu > li > button { color: #a9c7d3; border-radius: 7px; }
.UserPage .sideNav .Dropdown-menu > li.active > a,
.UserPage .sideNav .Dropdown-menu > li.active > button {
  color: #e1f1f3;
  background: rgba(54,105,120,.3);
  box-shadow: inset 2px 0 #b7d7bf;
}
.UserPage .PostsUserPage-list { margin: 0; padding: 0; list-style: none; }
.UserPage .PostsUserPage-list > li {
  position: relative;
  margin: 0 0 18px;
  padding: 17px 22px 10px;
  background: linear-gradient(135deg,rgba(16,37,50,.97),rgba(9,23,37,.97));
  border: 1px solid rgba(147,193,207,.24);
  border-left: 2px solid rgba(160,209,204,.66);
  border-radius: 12px;
  box-shadow: 0 14px 32px rgba(0,0,0,.22),inset 0 1px rgba(206,236,240,.035);
}
.UserPage .PostsUserPage-list > li:nth-child(even) { border-left-color: rgba(196,165,108,.62); }
.UserPage .PostsUserPage-discussion {
  padding: 0 0 12px;
  margin: 0 0 8px;
  border-bottom: 1px solid rgba(142,190,202,.15);
  color: #a6c7ce;
  font-size: 13px;
  line-height: 1.55;
}
.UserPage .PostsUserPage-discussion a { color: #b0d8da; font-style: normal; }
.UserPage .PostsUserPage-list .Post { background: transparent; border: 0; margin-bottom: 0; }
.UserPage .Post-header, .UserPage .Post-header a { color: #9dbdca; }
.UserPage .PostUser h3 a, .UserPage .PostUser h3 { color: #dcebef; }
.UserPage .Post-body { color: #c7d9e3; font-size: 15px; line-height: 1.75; overflow-wrap: anywhere; }
.UserPage .Post-body h1, .UserPage .Post-body h2, .UserPage .Post-body h3, .UserPage .Post-body h4 { color: #e1eef2; }
.UserPage .Post-body a { color: #9cdbdf; }
.UserPage .Post-body img, .UserPage .Post-body video { max-width: 100%; }
.UserPage .Post-body blockquote { background: #102b3a; color: #b9d1da; border-left-color: #a6c7ba; }
.UserPage .Post-body pre { background: #071a27; color: #cce2eb; border: 1px solid rgba(132,184,199,.24); }
.UserPage .Post-body :not(pre) > code { background: rgba(21,50,63,.8); color: #bad7d7; }
.UserPage .Post-body table { max-width: 100%; }
.UserPage .Post-body th, .UserPage .Post-body td { border-color: rgba(136,181,196,.24); }
.UserPage .Post-body th { background: #153240; }
.UserPage .Post-footer, .UserPage .Post-actions { color: #96b7c3; }
.UserPage .Post-footer a { color: #b1d7d9; }
.UserPage .DiscussionListItem {
  background: linear-gradient(135deg,rgba(16,37,50,.97),rgba(9,23,37,.97));
  border: 1px solid rgba(147,193,207,.24);
  border-radius: 10px;
}
.UserPage .DiscussionListItem-title { color: #d5e8ed; }
.UserPage .DiscussionListItem-content { background: transparent; }
.UserPage .Placeholder { color: #a7c3cf; }
body:has(.UserPage) #phoenix-footer,
body:has(.UserPage) .simple-footer,
body:has(.UserPage) .forum-footer { background: transparent; color: #95b3c1; border-color: rgba(133,188,201,.2); }
body:has(.UserPage) #phoenix-footer a { color: #b2d4df; }
@media (max-width: 767px) {
  .UserPage .sideNav > ul { padding: 0; background: transparent; border: 0; box-shadow: none; }
  .UserPage .PostsUserPage-list > li { padding: 13px 13px 7px; margin-bottom: 13px; border-radius: 9px; }
  .UserPage .Post-body { font-size: 14px; line-height: 1.7; }
  body:has(.UserPage) .App-navigation { background: #0a1c29; }
  body:has(.UserPage) .App-drawer { background: #0d2231; color: #c5dbe5; }
}

/* Visible author-sector map without moving the text panels. */
.UserPage .UserHero::after {
  content: "ЛИЧНЫЙ БОРТОВОЙ ЖУРНАЛ";
  position: absolute;
  right: 28px;
  bottom: 18px;
  pointer-events: none;
  color: #a1cad4;
  font: 10px/1.5 ui-monospace, SFMono-Regular, Consolas, monospace;
  letter-spacing: .2em;
}
@media (max-width: 767px) {
  body:has(.UserPage)::before { background-size: auto 100%; background-position: 67% center; }
  .UserPage .UserHero { background-position: 65% 24% !important; }
  .UserPage .UserHero::after { right: 14px; bottom: 9px; font-size: 8px; letter-spacing: .14em; }
}