html { min-width: 320px; color-scheme: light; background: #fff6ed; }
body {
  margin: 0;
  color: #4c3340;
  background:
    radial-gradient(circle at 8% 0, rgba(255, 215, 94, .3), transparent 30rem),
    radial-gradient(circle at 92% 16%, rgba(255, 117, 81, .14), transparent 28rem),
    #fff6ed;
  font-family: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
}
a:link, a:visited { color: #a10c50; }
a:hover, a:active { color: #e80b69; text-decoration: none; }

.hdp-site-nav {
  position: relative;
  z-index: 1000;
  min-height: 68px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 0 max(18px, calc((100vw - 1180px) / 2));
  color: #fff;
  background: rgba(91, 7, 50, .96);
  border-bottom: 2px solid #ffd75e;
  box-shadow: 0 14px 38px rgba(91, 7, 50, .2);
  backdrop-filter: blur(16px);
}
.hdp-brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; color: #fff !important; text-decoration: none; }
.hdp-brand-mark { width: 42px; height: 42px; display: grid; place-items: center; color: #5b0732; border: 1px solid rgba(255,255,255,.6); border-radius: 13px; background: linear-gradient(135deg, #fff4a4, #ff8cbd 58%, #e92d94); box-shadow: 0 10px 28px rgba(34,0,17,.22); font-weight: 950; letter-spacing: -.8px; }
.hdp-brand-name { font-size: 14px; font-weight: 850; white-space: nowrap; }
.hdp-site-links { min-width: 0; margin-left: auto; display: flex; align-self: stretch; overflow-x: auto; scrollbar-width: none; }
.hdp-site-links::-webkit-scrollbar { display: none; }
.hdp-site-links a { position: relative; min-height: 68px; display: grid; place-items: center; padding: 0 11px; color: rgba(255,255,255,.78); font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.hdp-site-links a:hover, .hdp-site-links a.is-active { color: #fff4a4; background: rgba(255,255,255,.07); }
.hdp-site-links a.is-active::after { content: ""; position: absolute; right: 11px; bottom: 0; left: 11px; height: 3px; background: linear-gradient(90deg, #fff3a1, #ffd75e, #ff7551); }
.hdp-account { display: flex; align-items: center; gap: 9px; color: #ffe6ef; font-size: 12px; white-space: nowrap; }
.hdp-account form { margin: 0; }
.hdp-account a, .hdp-account button { padding: 9px 13px; color: #5b0732 !important; border: 0; border-radius: 999px; background: linear-gradient(105deg, #fff3a1, #ffd75e 58%, #ffae45); cursor: pointer; font-weight: 900; text-decoration: none; }

#container { width: 100%; min-width: 0; color: #4c3340; background: transparent; }
.wrapper { width: min(1180px, calc(100% - 32px)); min-width: 0; }
#header { padding-top: 24px; }
#logo { padding: 25px 0; border: 1px solid rgba(91,7,50,.14); border-bottom: 0; border-radius: 22px 22px 0 0; background: linear-gradient(118deg, #790b3f, #aa0f50 68%, #d54865); }
#logo .wrapper { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
#logo .wrapper > a { min-width: 250px; color: #fff; text-decoration: none; }
#logo .wrapper > a img { display: none; }
#logo .wrapper > a::before { content: "HOT DANCE PARTY"; display: block; color: #fff4bc; font-family: Impact, "Arial Narrow", sans-serif; font-size: clamp(27px, 4vw, 41px); font-weight: 950; letter-spacing: -.6px; text-shadow: 0 3px 18px rgba(72,0,34,.3); }
#logo .wrapper > a::after { content: "ФОРУМ СООБЩЕСТВА"; display: block; margin-top: 6px; color: #ffd75e; font-size: 10px; font-weight: 900; letter-spacing: 3px; }
.menu { color: #ffe7ef; }
#logo ul.top_links { float: none; text-align: right; }
#logo ul.top_links a:link, #logo ul.top_links a:visited { color: #fff; }
#panel { color: #5e3e4d; background: #fff; border-right: 1px solid rgba(91,7,50,.14); border-left: 1px solid rgba(91,7,50,.14); }
#panel .upper { background: #fffaf8; border-bottom-color: #ead6de; }
#panel .lower { background: #fff1f3; border-bottom: 1px solid #ead0da; }
#panel .welcome { color: #5e3e4d; }
#panel .welcome a:link, #panel .welcome a:visited { color: #a10c50; }
#panel .welcome a:hover, #panel .welcome a:active { color: #e80b69; }
#panel input.textbox { color: #4c3340; background: #fff; border-color: #d8b9c5; }
#content { min-height: 60vh; padding: 24px 0 56px; background: transparent; }

.navigation { margin: 0 0 16px; color: #8a6b79; font-size: 12px; }
.navigation a { color: #a10c50; }
.navigation .active { color: #e80b69; }
.tborder { overflow: hidden; color: #4c3340; background: #fff; border: 1px solid #ded8dc; border-radius: 13px; box-shadow: 0 18px 45px rgba(91,7,50,.08); }
.thead { color: #fff; padding: 13px 14px; background: linear-gradient(110deg, #7d0b40, #a80d4e 68%, #c5225d); border-bottom: 1px solid rgba(255,255,255,.22); }
.thead a:link, .thead a:visited { color: #fff; }
.tcat { color: #fff8fb; background: #bb0f53; border-top: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid #9e0a47; }
.tcat a:link, .tcat a:visited { color: #fff; }
.trow1, .trow2 { color: #4c4c4c; background: #fff; border-color: #e5e5e5; }
.trow2 { background: #fafafa; }
.trow_sep { color: #775e69; background: #f4eef1; }
.smalltext { color: #7b6871; }
.forum_status { filter: hue-rotate(300deg) saturate(1.5) brightness(.95); }
.post.classic .post_author, .post .post_author { color: #523743; background: #f6f1f3; border-color: #e0d8dc; }
.post .post_head, .post .post_meta { color: #7d6872; background: #fff; border-color: #e5dde1; }
.post_body { color: #4c4c4c; font-size: 14px; line-height: 1.65; }
.post_content { background: #fff; }
.post_controls { background: #f7f3f5; border-color: #e2dadd; }
.postbit_buttons > a:link, .postbit_buttons > a:hover, .postbit_buttons > a:visited, .postbit_buttons > a:active { color: #7d0b40; }
.pagination a, .pagination .pagination_current { color: #6d3a52; border-color: #dbc8d0; background: #fff; }
.pagination .pagination_current { color: #5b0732; background: #ffd75e; }
.button, input.button, a.button { color: #5b0732 !important; background: linear-gradient(105deg, #fff3a1, #ffd75e 58%, #ffae45); border: 0; border-radius: 9px; box-shadow: none; font-weight: 850; }
input.textbox, textarea, select { color: #4c3340; background: #fff; border: 1px solid #d8b9c5; border-radius: 8px; }
input.textbox:focus, textarea:focus, select:focus { border-color: #e80b69; box-shadow: 0 0 0 3px rgba(232,11,105,.1); outline: 0; }
.pm_alert, .red_alert { color: #6f4711; background: #fff6d8; border-color: #edd491; }
.error { color: #7a1f3f; background: #fff0f3; border-color: #edbdcb; }
.success { color: #1c654d; background: #effbf5; border-color: #bde7d6; }
#footer { color: #d9bfc9; background: #32031d; border-top: 1px solid #5b0732; }
#footer .upper { background: transparent; border-bottom-color: rgba(255,255,255,.09); }
#footer a:link, #footer a:visited { color: #fff4bc; }

@media (max-width: 900px) {
  .hdp-site-nav { gap: 8px; padding: 0 9px; }
  .hdp-brand-name, .hdp-account > span { display: none; }
  .hdp-site-links a { padding: 0 7px; font-size: 10px; }
  #logo .wrapper { align-items: flex-start; flex-direction: column; }
  #logo ul.top_links { width: 100%; text-align: left; }
}

@media (max-width: 620px) {
  .wrapper { width: min(100% - 18px, 1180px); }
  .hdp-site-nav { min-height: 58px; }
  .hdp-brand-mark { width: 34px; height: 34px; border-radius: 10px; font-size: 12px; }
  .hdp-site-links { flex: 1; }
  .hdp-site-links a { min-height: 58px; padding: 0 5px; font-size: 9px; }
  .hdp-site-links a:nth-child(4), .hdp-site-links a:nth-child(5) { display: none; }
  .hdp-account a, .hdp-account button { padding: 8px 9px; font-size: 10px; }
  #header { padding-top: 12px; }
  #logo { padding: 18px 0; border-radius: 14px 14px 0 0; }
  #logo .wrapper > a::before { font-size: 25px; }
  #logo ul.top_links { display: flex; flex-wrap: wrap; gap: 8px 14px; }
  #logo ul.top_links li { margin: 0; }
  #content { padding-top: 14px; }
  .tborder { border-radius: 9px; }
  .tborder td { max-width: 54vw; overflow-wrap: anywhere; }
  .author_avatar { display: none; }
}