*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }

:root {
  --bg-deep: #050510;
  --bg-mid: #0a0a20;
  --neon-blue: #00d4ff;
  --neon-purple: #a855f7;
  --neon-pink: #ec4899;
  --neon-green: #22d3ee;
  --glass-bg: rgba(255,255,255,0.04);
  --glass-border: rgba(255,255,255,0.08);
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', sans-serif;
  background: var(--bg-deep);
  color: #e0e0f0;
  overflow-x: hidden;
  min-height: 100vh;
}


#bgCanvas {
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 0;
  pointer-events: none;
}


.nav {
  padding: 5px 25px;
  display: flex;
  align-items: center;
  justify-content: space-between; 
  backdrop-filter: blur(20px);
  border-bottom: 1px solid var(--glass-border);
}

a.nav-logo {
    text-decoration: none;
}

.nav-logo {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 24px;
  font-weight: 700;
  background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple), var(--neon-pink));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: 3px;
}

.nav-links { display: flex; gap: 28px; align-items: center; }
.nav-links a {
  color: rgba(255,255,255,0.6);
  text-decoration: none;
  font-size: 11px; 
  transition: all 0.3s;
  letter-spacing: 0.5px;
}
.nav-links a:hover { color: var(--neon-blue); text-shadow: 0 0 20px rgba(0,212,255,0.5); }

.nav-btn {
  padding: 5px 10px;
  border: 1px solid var(--neon-blue);
  border-radius: 8px;
  color: var(--neon-blue);
  background: transparent;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  text-decoration: none;
}
.nav-btn:hover {
  background: rgba(0,212,255,0.1);
  box-shadow: 0 0 25px rgba(0,212,255,0.3);
}

/* ===== MINI PROFILE ===== */
.nav-right {
  display: flex;
  align-items: center;
  gap: 16px;
}

.nav-profile {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  padding: 4px 12px 4px 4px;
  border-radius: 12px;
  border: 1px solid transparent;
  transition: all 0.3s;
}
.nav-profile:hover {
  background: rgba(255,255,255,0.04);
  border-color: var(--glass-border);
}

.nav-profile .profile-avatar {
  width: 36px; height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  position: relative;
  flex-shrink: 0;
}
.nav-profile .profile-avatar .avatar-ring {
  position: absolute;
  inset: -2px;
  border-radius: 12px;
  border: 2px solid transparent;
  background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple), var(--neon-pink)) border-box;
  -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  opacity: 0;
  transition: opacity 0.3s;
}
.nav-profile:hover .avatar-ring { opacity: 1; }

.nav-profile .profile-avatar img {
  width: 100%; height: 100%;
  border-radius: 10px;
  object-fit: cover;
}

.profile-status {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #22c55e;
  position: absolute;
  bottom: -1px; right: -1px;
  border: 2px solid var(--bg-deep);
  box-shadow: 0 0 6px #22c55e;
}

.nav-profile .profile-info {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.nav-profile .profile-name {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
  line-height: 1.2;
}
.nav-profile .profile-role {
  font-size: 10px;
  color: var(--neon-blue);
  font-weight: 500;
  letter-spacing: 0.5px;
}

.profile-dropdown {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  width: 280px;
  background: rgba(15,15,40,0.97);
  backdrop-filter: blur(30px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 16px;
  padding: 8px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px) scale(0.96);
  transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  z-index: 9999;
  box-shadow: 0 20px 60px rgba(0,0,0,0.6), 0 0 40px rgba(168,85,247,0.1);
}
.profile-dropdown.active {
  opacity: 1;
  visibility: visible;
  transform: translateY(0) scale(1);
}

.dropdown-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 12px;
  border-radius: 12px;
  background: rgba(255,255,255,0.03);
  margin-bottom: 8px;
}
.dropdown-header .dh-avatar {
  width: 44px; height: 44px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  flex-shrink: 0;
  position: relative;
}
.dropdown-header .dh-info { flex: 1; min-width: 0; }
.dropdown-header .dh-name {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-header .dh-email {
  font-size: 11px;
  color: rgba(255,255,255,0.35);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-header .dh-badge {
  font-size: 9px;
  font-weight: 700;
  color: var(--neon-purple);
  background: rgba(168,85,247,0.12);
  padding: 2px 8px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
  display: inline-block;
}

.dropdown-stats {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 6px;
  padding: 8px 0;
  margin-bottom: 4px;
  border-bottom: 1px solid rgba(255,255,255,0.05);
}
.dropdown-stat {
  text-align: center;
  padding: 8px 4px;
  border-radius: 10px;
  background: rgba(255,255,255,0.02);
}
.dropdown-stat .ds-val {
  font-size: 16px;
  font-weight: 700;
  font-family: 'Space Grotesk', sans-serif;
  background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.dropdown-stat .ds-label {
  font-size: 9px;
  color: rgba(255,255,255,0.3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 2px;
}

.dropdown-menu {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  font-family: 'Inter', sans-serif;
  color: rgba(255,255,255,0.6);
  font-size: 13px;
}
.dropdown-item:hover {
  background: rgba(255,255,255,0.05);
  color: #fff;
}
.dropdown-item .di-icon {
  width: 32px; height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  flex-shrink: 0;
}
.dropdown-item .di-text { flex: 1; }
.dropdown-item .di-text .di-label { font-weight: 500; }
.dropdown-item .di-text .di-sublabel {
  font-size: 10px;
  color: rgba(255,255,255,0.25);
  margin-top: 1px;
}
.dropdown-item .di-arrow {
  font-size: 10px;
  color: rgba(255,255,255,0.15);
}
.dropdown-divider {
  height: 1px;
  background: rgba(255,255,255,0.05);
  margin: 4px 0;
}

.dropdown-item.logout-item { color: rgba(236,72,153,0.6); }
.dropdown-item.logout-item:hover { background: rgba(236,72,153,0.08); color: var(--neon-pink); }
.dropdown-item.logout-item .di-icon { background: rgba(236,72,153,0.08); }


.notif-badge {
  position: absolute;
  top: -2px; right: -2px;
  width: 16px; height: 16px;
  border-radius: 50%;
  background: var(--neon-pink);
  font-size: 9px;
  font-weight: 700;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid var(--bg-deep);
  animation: notifPulse 2s ease-in-out infinite;
}
@keyframes notifPulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.1); }
}


.auth-overlay {
  position: fixed;
  inset: 0;
  background: rgba(5,5,16,0.85);
  backdrop-filter: blur(12px);
  z-index: 3000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.auth-overlay.active {
  display: flex;
  animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

.auth-card {
  background: rgba(15,15,40,0.97);
  backdrop-filter: blur(30px);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 24px;
  padding: 40px 36px;
  max-width: 420px;
  width: 100%;
  position: relative;
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), 0 0 60px rgba(168,85,247,0.15);
  animation: authSlideIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
@keyframes authSlideIn {
  from { opacity: 0; transform: scale(0.9) translateY(20px); }
  to { opacity: 1; transform: scale(1) translateY(0); }
}

.auth-close {
  position: absolute;
  top: 16px; right: 16px;
  width: 36px; height: 36px;
  border-radius: 10px;
  border: 1px solid var(--glass-border);
  background: var(--glass-bg);
  color: rgba(255,255,255,0.5);
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.auth-close:hover { border-color: var(--neon-pink); color: var(--neon-pink); }

.auth-logo {
  text-align: center;
  margin-bottom: 28px;
}
.auth-logo .auth-logo-icon {
  width: 64px; height: 64px;
  margin: 0 auto 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(0,212,255,0.1), rgba(168,85,247,0.1), rgba(236,72,153,0.1));
  border: 1px solid rgba(255,255,255,0.06);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  animation: authLogoFloat 3s ease-in-out infinite;
}
@keyframes authLogoFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

.auth-logo h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 24px;
  font-weight: 700;
  background: linear-gradient(135deg, #fff, var(--neon-blue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.auth-logo p {
  font-size: 13px;
  color: rgba(255,255,255,0.35);
  margin-top: 6px;
}

.auth-form { display: flex; flex-direction: column; gap: 14px; }
.auth-input-group {
  position: relative;
}
.auth-input-group label {
  display: block;
  font-size: 11px;
  font-weight: 600;
  color: rgba(255,255,255,0.4);
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 6px;
}
.auth-input-group input {
  width: 100%;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.04);
  color: #fff;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  outline: none;
  transition: all 0.3s;
}
.auth-input-group input:focus {
  border-color: var(--neon-blue);
  box-shadow: 0 0 20px rgba(0,212,255,0.1);
}
.auth-input-group input::placeholder { color: rgba(255,255,255,0.2); }

.auth-submit {
  width: 100%;
  padding: 14px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: 1px;
  margin-top: 4px;
}
.auth-submit:hover {
  box-shadow: 0 0 40px rgba(0,212,255,0.4);
  transform: translateY(-2px);
}

.auth-switch {
  text-align: center;
  margin-top: 20px;
  font-size: 13px;
  color: rgba(255,255,255,0.35);
}
.auth-switch a {
  color: var(--neon-blue);
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.2s;
}
.auth-switch a:hover { color: #fff; }

.auth-divider {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 4px 0;
}
.auth-divider::before, .auth-divider::after {
  content: '';
  flex: 1;
  height: 1px;
  background: rgba(255,255,255,0.06);
}
.auth-divider span {
  font-size: 11px;
  color: rgba(255,255,255,0.2);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.auth-social-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.auth-social-btn {
  padding: 12px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.03);
  color: rgba(255,255,255,0.6);
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.3s;
  font-family: 'Inter', sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.auth-social-btn:hover {
  border-color: rgba(255,255,255,0.15);
  background: rgba(255,255,255,0.06);
  color: #fff;
}

.auth-error {
  font-size: 12px;
  color: var(--neon-pink);
  text-align: center;
  min-height: 16px;
  margin-top: -4px;
}


div#bottomInfoBar {
 display: none !important;
}


.nav-mobile-toggle {
  display: none;
  width: 36px; height: 36px;
  border-radius: 8px;
  border: 1px solid var(--glass-border);
  background: var(--glass-bg);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-mobile-toggle { display: flex; }
  .nav-profile .profile-info { display: none; }
  .nav-profile { padding: 4px; }
  .profile-dropdown { right: -60px; width: 260px; }
  .auth-card { padding: 28px 20px; }
  .nav-right { gap: 8px; }
}


.cloud-section {
  position: relative;
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  overflow: hidden;
}


.nebula {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.3;
  animation: nebulaPulse 8s ease-in-out infinite alternate;
  pointer-events: none;
}
.nebula-1 { width: 500px; height: 500px; background: var(--neon-purple); top: 10%; left: 5%; animation-delay: 0s; }
.nebula-2 { width: 400px; height: 400px; background: var(--neon-blue); bottom: 10%; right: 10%; animation-delay: 2s; }
.nebula-3 { width: 350px; height: 350px; background: var(--neon-pink); top: 50%; left: 50%; transform: translate(-50%,-50%); animation-delay: 4s; }

@keyframes nebulaPulse {
  0% { opacity: 0.15; transform: scale(1); }
  100% { opacity: 0.35; transform: scale(1.2); }
}

/* Center logo */
.center-logo {
  position: absolute;
  z-index: 10;
  text-align: center;
  pointer-events: none;
  user-select: none;
}

.center-logo h1 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(48px, 8vw, 120px);
  font-weight: 700;
  letter-spacing: 12px;
  background: linear-gradient(135deg, #fff 0%, var(--neon-blue) 30%, var(--neon-purple) 60%, var(--neon-pink) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 40px rgba(168,85,247,0.5)) drop-shadow(0 0 80px rgba(0,212,255,0.3));
  animation: logoBreath 4s ease-in-out infinite;
}

.center-logo .subtitle {
  font-size: clamp(12px, 1.5vw, 18px);
  color: rgba(255,255,255,0.5);
  letter-spacing: 6px;
  text-transform: uppercase;
  margin-top: 8px;
  font-weight: 300;
}

.center-logo .cloud-ring {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(280px, 45vw, 550px);
  height: clamp(280px, 45vw, 550px);
  border-radius: 50%;
  border: 1px solid rgba(168,85,247,0.15);
  pointer-events: none;
  animation: ringRotate 60s linear infinite;
}

.center-logo .cloud-ring::before {
  content: '';
  position: absolute;
  inset: -2px;
  border-radius: 50%;
  background: conic-gradient(from 0deg, transparent, rgba(0,212,255,0.2), transparent, rgba(168,85,247,0.2), transparent);
  animation: ringRotate 20s linear infinite reverse;
  mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
  -webkit-mask: radial-gradient(farthest-side, transparent calc(100% - 3px), #000 calc(100% - 2px));
}

.center-logo .cloud-ring-2 {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(400px, 65vw, 800px);
  height: clamp(400px, 65vw, 800px);
  border-radius: 50%;
  border: 1px solid rgba(0,212,255,0.08);
  pointer-events: none;
}

.center-logo .cloud-ring-3 {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(520px, 85vw, 1050px);
  height: clamp(520px, 85vw, 1050px);
  border-radius: 50%;
  border: 1px solid rgba(236,72,153,0.05);
  pointer-events: none;
}

@keyframes logoBreath {
  0%, 100% { filter: drop-shadow(0 0 40px rgba(168,85,247,0.5)) drop-shadow(0 0 80px rgba(0,212,255,0.3)); }
  50% { filter: drop-shadow(0 0 60px rgba(168,85,247,0.8)) drop-shadow(0 0 120px rgba(0,212,255,0.5)); }
}

@keyframes ringRotate { from { transform: translate(-50%, -50%) rotate(0deg); } to { transform: translate(-50%, -50%) rotate(360deg); } }


.orbit-container {
  position: absolute;
  top: 50%; left: 50%;
  width: 0; height: 0;
  z-index: 5;
}

.orbit-card {
  position: absolute;
  width: 140px;
  cursor: pointer;
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), box-shadow 0.4s, border-color 0.4s;
  transform-origin: center center;
  will-change: transform;
}

.orbit-card .card-inner {
  background: rgba(10,10,30,0.75);
  backdrop-filter: blur(16px);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 16px;
  padding: 16px 12px;
  text-align: center;
  transition: all 0.4s;
  position: relative;
  overflow: hidden;
}

.orbit-card .card-inner::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--neon-blue), transparent);
  opacity: 0;
  transition: opacity 0.4s;
}

.orbit-card:hover .card-inner::before { opacity: 1; }

.orbit-card:hover .card-inner {
  border-color: rgba(0,212,255,0.3);
  box-shadow: 0 0 30px rgba(0,212,255,0.15), 0 0 60px rgba(168,85,247,0.1), inset 0 0 30px rgba(0,212,255,0.03);
  background: rgba(15,15,40,0.9);
}

.orbit-card .card-icon {
  width: 44px; height: 44px;
  margin: 0 auto 8px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  position: relative;
}

.orbit-card .card-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
  margin-bottom: 6px;
  letter-spacing: 0.3px;
}

.orbit-card .card-rating {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 10px;
  color: #fbbf24;
  margin-bottom: 4px;
}

.orbit-card .card-badge {
  font-size: 8px;
  color: var(--neon-green);
  background: rgba(34,211,238,0.1);
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;
  letter-spacing: 0.5px;
  font-weight: 600;
  border: 1px solid rgba(34,211,238,0.15);
}


.orbit-card .pulse-dot {
  position: absolute;
  top: 8px; right: 8px;
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--neon-green);
  animation: pulseDot 2s ease-in-out infinite;
}

@keyframes pulseDot {
  0%, 100% { opacity: 1; box-shadow: 0 0 4px var(--neon-green); }
  50% { opacity: 0.3; box-shadow: 0 0 8px var(--neon-green); }
}

/* ===== SCROLL INDICATOR ===== */
.scroll-hint {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  text-align: center;
  animation: scrollBounce 2s ease-in-out infinite;
  cursor: pointer;
}
.scroll-hint span {
  display: block;
  font-size: 11px;
  color: rgba(255,255,255,0.3);
  letter-spacing: 3px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.scroll-hint .arrow {
  width: 24px; height: 24px;
  margin: 0 auto;
  border-right: 2px solid rgba(255,255,255,0.3);
  border-bottom: 2px solid rgba(255,255,255,0.3);
  transform: rotate(45deg);
}

@keyframes scrollBounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(10px); }
}


.forum-section {
  position: relative;
  z-index: 1;
  padding: 30px 20px 0;
  max-width: 1280px;
  margin: 0 auto;
  min-height: 100vh;
}

.forum-header {
  text-align: center;
  margin-bottom: 40px;
}
.forum-header h2 {
  padding-top:30px;
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(28px, 4vw, 44px);
  font-weight: 700;
  background: linear-gradient(135deg, #fff, var(--neon-blue));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 10px;
}
.forum-header p {
  color: rgba(255,255,255,0.4);
  font-size: 15px;
  max-width: 500px;
  margin: 0 auto;
}


.forum-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 24px;
  font-size: 13px;
  flex-wrap: wrap;
}
.forum-breadcrumbs a,
.forum-breadcrumbs span {
  color: rgba(255,255,255,0.4);
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}
.forum-breadcrumbs a:hover { color: var(--neon-blue); }
.forum-breadcrumbs .bc-sep { color: rgba(255,255,255,0.15); }
.forum-breadcrumbs .bc-current { color: var(--neon-blue); font-weight: 600; }

  
.forum-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
  gap: 16px;
  flex-wrap: wrap;
}
.forum-search {
  flex: 1;
  max-width: 360px;
  position: relative;
}
.forum-search input {
  width: 100%;
  padding: 10px 16px 10px 40px;
  border-radius: 12px;
  border: 1px solid var(--glass-border);
  background: rgba(255,255,255,0.03);
  color: #fff;
  font-size: 13px;
  font-family: 'Inter', sans-serif;
  outline: none;
  transition: border-color 0.3s;
}
.forum-search input:focus { border-color: var(--neon-blue); }
.forum-search input::placeholder { color: rgba(255,255,255,0.25); }
.forum-search .search-icon {
  position: absolute;
  left: 14px; top: 50%;
  transform: translateY(-50%);
  color: rgba(255,255,255,0.25);
  font-size: 14px;
  pointer-events: none;
}

.forum-new-topic-btn {
  padding: 10px 24px;
  border-radius: 12px;
  border: none;
  background: #3724249e;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  font-family: 'Inter', sans-serif;
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}
.forum-new-topic-btn:hover {
  box-shadow: 0 0 30px rgba(168,85,247,0.4);
  transform: translateY(-2px);
}

/* Forum layout: sidebar + main */
.forum-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 24px;
}

/* Forum sidebar */
.forum-sidebar {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.forum-sidebar-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: rgba(255,255,255,0.25);
  margin-bottom: 4px;
  padding-left: 12px;
}
.sidebar-cat {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.25s;
  border: 1px solid transparent;
  background: transparent;
}
.sidebar-cat:hover {
  background: rgba(255,255,255,0.03);
  border-color: var(--glass-border);
}
.sidebar-cat.active {
  background: rgba(0,212,255,0.05);
  border-color: rgba(0,212,255,0.15);
}
.sidebar-cat .cat-icon {
  width: 36px; height: 36px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-shrink: 0;
}
.sidebar-cat .cat-info { flex: 1; }
.sidebar-cat .cat-name {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  line-height: 1.2;
}
.sidebar-cat .cat-count {
  font-size: 11px;
  color: rgba(255,255,255,0.3);
}
.sidebar-cat.active .cat-name { color: var(--neon-blue); }


.forum-main { min-width: 0; }


.board-view .board-section {
  margin-bottom: 32px;
}
.board-section-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--glass-border);
}
.board-section-header .section-icon { font-size: 18px; }
.board-section-header h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.board-section-header .section-stats {
  margin-left: auto;
  font-size: 11px;
  color: rgba(255,255,255,0.25);
}

/* Thread row */
.thread-row {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 14px 16px;
  background: rgba(10,10,30,0.5);
  border: 1px solid var(--glass-border);
  border-radius: 12px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: all 0.25s;
}
.thread-row:hover {
  border-color: rgba(168,85,247,0.25);
  background: rgba(15,15,40,0.7);
  transform: translateX(4px);
}
.thread-row .thread-avatar {
  width: 40px; height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  flex-shrink: 0;
}
.thread-row .thread-info { min-width: 0; }
.thread-row .thread-title {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s;
}
.thread-row:hover .thread-title { color: var(--neon-blue); }
.thread-row .thread-meta {
  font-size: 11px;
  color: rgba(255,255,255,0.3);
  display: flex;
  align-items: center;
  gap: 10px;
}
.thread-row .thread-meta .thread-author { color: rgba(255,255,255,0.5); font-weight: 500; }
.thread-row .thread-meta .thread-cat-tag {
  padding: 1px 7px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600;
}
.thread-row .thread-stats {
  display: flex;
  gap: 18px;
  font-size: 11px;
  color: rgba(255,255,255,0.3);
  white-space: nowrap;
}
.thread-row .thread-stats span {
  display: flex;
  align-items: center;
  gap: 4px;
}


.thread-row.pinned {
  border-color: rgba(251,191,36,0.15);
  background: rgba(251,191,36,0.03);
}
.thread-row.pinned::before {
  content: '📌';
  position: absolute;
  margin-left: -30px;
  font-size: 12px;
}
.thread-row { position: relative; }

/* Hot thread badge */
.hot-badge {
  background: rgba(236,72,153,0.15);
  color: var(--neon-pink);
  padding: 1px 6px;
  border-radius: 4px;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-left: 6px;
}

/* --- View: Thread detail --- */
.thread-view { display: none; }
.thread-view.active { display: block; }
.board-view.hidden { display: none; }

.thread-detail-header {
  margin-bottom: 24px; 
}
.thread-detail-header h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(20px, 3vw, 28px);
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
  line-height: 1.3;
}
.thread-detail-meta {
  display: flex;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  font-size: 12px;
  color: rgba(255,255,255,0.35);
}
.thread-detail-meta .tdm-author {
  display: flex;
  align-items: center;
  gap: 6px;
  color: rgba(255,255,255,0.6);
  font-weight: 500;
}
.thread-detail-meta .tdm-author .tdm-avatar {
  width: 24px; height: 24px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}
.thread-detail-meta .tdm-tag {
  padding: 2px 8px;
  border-radius: 6px;
  font-size: 10px;
  font-weight: 600;
}

/* Posts */
.post-list { display: flex; flex-direction: column; gap: 12px; margin-bottom: 32px; }

.post-card {
  display: grid;
  grid-template-columns: 48px 1fr;
  gap: 16px;
  padding: 20px;
  background: rgba(10,10,30,0.5);
  border: 1px solid var(--glass-border);
  border-radius: 14px;
  transition: border-color 0.3s;
}
.post-card:hover { border-color: rgba(255,255,255,0.1); }
.post-card.is-op {
  border-color: rgba(168,85,247,0.15);
  background: rgba(168,85,247,0.03);
}

.post-card .post-author-avatar {
width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
    flex-direction: column;
}
.post-card .post-body { min-width: 0; }
.post-card .post-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.post-author-name {
  font-size: 9px;
  font-weight: 600;
  color: #fff;
}
.is-op-badge {
  font-size: 9px;
  font-weight: 700;
  color: var(--neon-purple);
  background: rgba(168,85,247,0.1);
  padding: 2px 6px;
  border-radius: 4px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.post-card .post-time {
  font-size: 11px;
  color: rgba(255,255,255,0.25);
}
.post-card .post-content {
  font-size: 14px;
  line-height: 1.7;
  color: rgba(255,255,255,0.7);
  word-break: break-word;
}
.post-card .post-content p { margin-bottom: 8px; }
.post-card .post-actions {
  display: flex;
  gap: 14px;
  margin-top: 12px;
}
.post-card .post-action-btn {
  background: none;
  border: none;
  color: rgba(255,255,255,0.25);
  font-size: 12px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 4px;
  transition: color 0.2s;
  font-family: 'Inter', sans-serif;
}
.post-card .post-action-btn:hover { color: var(--neon-blue); }
.post-card .post-action-btn.liked { color: var(--neon-pink); }

/* Reply form */
.reply-box {
  background: rgba(10,10,30,0.6);
  border: 1px solid var(--glass-border);
  border-radius: 14px;
  padding: 20px;
}
.reply-box h4 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255,255,255,0.6);
  margin-bottom: 12px;
}
.reply-box textarea {
  width: 100%;
  min-height: 90px;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--glass-border);
  background: rgba(255,255,255,0.03);
  color: #fff;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  outline: none;
  resize: vertical;
  transition: border-color 0.3s;
  margin-bottom: 12px;
}
.reply-box textarea:focus { border-color: var(--neon-blue); }
.reply-box textarea::placeholder { color: rgba(255,255,255,0.2); }
.reply-box .reply-submit {
  padding: 10px 28px;
  border-radius: 10px;
  border: none;
  background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s;
  font-family: 'Inter', sans-serif;
}
.reply-box .reply-submit:hover {
  box-shadow: 0 0 25px rgba(0,212,255,0.3);
}

/* Online indicator */
.forum-online-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: rgba(255,255,255,0.3);
  margin-bottom: 24px;
}
.online-dot {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: #22c55e;
  animation: onlinePulse 2s ease-in-out infinite;
}
@keyframes onlinePulse {
  0%, 100% { box-shadow: 0 0 4px #22c55e; }
  50% { box-shadow: 0 0 10px #22c55e; opacity: 0.5; }
}


.modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(5,5,16,0.85);
  backdrop-filter: blur(10px);
  z-index: 2000;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
  opacity: 0;
  transition: opacity 0.4s;
}
.modal-overlay.active { display: flex; opacity: 1; }

.modal-content {
  background: rgba(15,15,40,0.95);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255,255,255,0.1);
  border-radius: 20px;
  max-width: 560px;
  width: 100%;
  max-height: 85vh;
  overflow-y: auto;
  padding: 32px;
  position: relative;
  transform: scale(0.9);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  box-shadow: 0 0 60px rgba(168,85,247,0.2), 0 0 120px rgba(0,212,255,0.1);
}
.modal-overlay.active .modal-content { transform: scale(1); }

.modal-close {
  position: absolute;
  top: 16px; right: 16px;
  width: 36px; height: 36px;
  border-radius: 10px;
  border: 1px solid var(--glass-border);
  background: var(--glass-bg);
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
}
.modal-close:hover { border-color: var(--neon-pink); color: var(--neon-pink); }

.modal-icon {
  width: 64px; height: 64px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin-bottom: 16px;
}

.modal-content h2 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 8px;
}

.modal-rating {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
}
.modal-rating .stars { color: #fbbf24; font-size: 16px; }
.modal-rating .score { color: rgba(255,255,255,0.6); font-size: 14px; }
.modal-rating .verified {
  font-size: 11px;
  color: var(--neon-green);
  background: rgba(34,211,238,0.1);
  padding: 3px 8px;
  border-radius: 6px;
  border: 1px solid rgba(34,211,238,0.15);
}

.modal-desc {
  font-size: 14px;
  color: rgba(255,255,255,0.6);
  line-height: 1.7;
  margin-bottom: 20px;
}

.modal-features {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 20px;
}
.modal-feature {
  padding: 10px 12px;
  background: rgba(255,255,255,0.03);
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.05);
  font-size: 12px;
  color: rgba(255,255,255,0.7);
  display: flex;
  align-items: center;
  gap: 6px;
}
.modal-feature .dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  flex-shrink: 0;
}

.modal-reviews { margin-bottom: 24px; }
.modal-reviews h4 {
  font-size: 14px;
  color: rgba(255,255,255,0.7);
  margin-bottom: 12px;
  font-weight: 600;
}
.review-item {
  padding: 12px;
  background: rgba(255,255,255,0.02);
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,0.04);
  margin-bottom: 8px;
}
.review-item .review-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.review-item .review-name { font-size: 12px; font-weight: 600; color: #fff; }
.review-item .review-stars { font-size: 10px; color: #fbbf24; }
.review-item .review-text { font-size: 12px; color: rgba(255,255,255,0.5); line-height: 1.5; }

.modal-go-btn {
  width: 100%;
  padding: 14px;
  border: none;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--neon-blue), var(--neon-purple));
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s;
  font-family: 'Space Grotesk', sans-serif;
  letter-spacing: 1px;
}
.modal-go-btn:hover {
  box-shadow: 0 0 40px rgba(0,212,255,0.4);
  transform: translateY(-2px);
}


.topic-modal .modal-content { max-width: 520px; }
.topic-form input, .topic-form textarea, .topic-form select {
  width: 100%;
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--glass-border);
  background: rgba(255,255,255,0.04);
  color: #fff;
  font-size: 14px;
  font-family: 'Inter', sans-serif;
  margin-bottom: 12px;
  outline: none;
  transition: border-color 0.3s;
}
.topic-form input:focus, .topic-form textarea:focus, .topic-form select:focus {
  border-color: var(--neon-blue);
}
.topic-form textarea { min-height: 120px; resize: vertical; }
.topic-form select option { background: #1a1a3a; }
.topic-form label {
  display: block;
  font-size: 12px;
  color: rgba(255,255,255,0.4);
  margin-bottom: 6px;
  font-weight: 500;
}
 
.footer {
  position: relative;
  z-index: 1;
  padding: 25px 0 15px; 
  text-align: center;
}

.footer-links {
  display: flex;
  justify-content: center;
  gap: 32px; 
  flex-wrap: wrap;
  margin-bottom:10px;
}
.footer-links a { 
  color: rgba(255,255,255,0.4);
  text-decoration: none;
  font-size: 13px;
  transition: color 0.3s;
}
.red, a.red {
  color: rgb(244 33 33 / 79%)!important;
}
.footer-links a:hover { color: var(--neon-blue); }

.footer-socials {
  display: flex;
  justify-content: center;
  gap: 16px;
  margin-bottom: 24px;
}
.footer-socials a {
  width: 40px; height: 40px;
  border-radius: 10px;
  border: 1px solid var(--glass-border);
  background: var(--glass-bg);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  text-decoration: none;
  transition: all 0.3s;
}
.footer-socials a:hover {
  border-color: var(--neon-blue);
  box-shadow: 0 0 20px rgba(0,212,255,0.2);
}

.footer-copy {
  font-size: 12px;
  color: rgba(255,255,255,0.2);
}
 
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg-deep); }
::-webkit-scrollbar-thumb { background: rgba(168,85,247,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: rgba(168,85,247,0.5); }
 

@media (max-width: 960px) {
  .forum-layout {
    grid-template-columns: 1fr;
  }
  .forum-sidebar {
    flex-direction: row;
    overflow-x: auto;
    gap: 6px;
    padding-bottom: 8px;
    -webkit-overflow-scrolling: touch;
  }
  .forum-sidebar-title { display: none; }
  .sidebar-cat {
    flex-shrink: 0;
    padding: 8px 12px;
  }
  .sidebar-cat .cat-count { display: none; }
  .post-card { grid-template-columns: 1fr; }
  .post-card .post-author-avatar { display: none; }
}

@media (max-width: 768px) {
  .nav { padding: 12px 16px; }
  .nav-links { display: none; }
  .orbit-card { width: 110px; }
  .orbit-card .card-inner { padding: 12px 8px; }
  .orbit-card .card-icon { width: 36px; height: 36px; font-size: 18px; }
  .orbit-card .card-title { font-size: 9px; }
  .orbit-card .card-rating { font-size: 8px; }
  .orbit-card .card-badge { font-size: 7px; }
  .modal-features { grid-template-columns: 1fr; }
  .thread-row { grid-template-columns: 1fr; gap: 8px; }
  .thread-row .thread-avatar { display: none; }
  .thread-row .thread-stats { margin-top: 4px; }
  .forum-toolbar { flex-direction: column; }
  .forum-search { max-width: 100%; width: 100%; }
}

@media (max-width: 480px) {
  .orbit-card { width: 95px; }
  .orbit-card .card-inner { padding: 10px 6px; border-radius: 12px; }
  .orbit-card .card-icon { width: 30px; height: 30px; font-size: 15px; margin-bottom: 4px; }
  .orbit-card .card-title { font-size: 8px; }
  .orbit-card .card-rating { display: none; }
  .orbit-card .card-badge { font-size: 6px; padding: 1px 4px; }
  .orbit-card .pulse-dot { width: 4px; height: 4px; top: 5px; right: 5px; }
  .forum-section { padding: 30px 12px 0; }
  .post-card { padding: 14px; }
  .reply-box { padding: 14px; }
}

div#onl2, div#onl3 {
    display: none!important;
}


 
/* Интригующее вступление */
.ng-intro{position:relative;display:flex;gap:16px;align-items:flex-start;margin:20px 0 8px;padding:20px 22px;border:1px solid rgba(139,92,246,.25);border-radius:18px;background:radial-gradient(circle at 0 0,rgba(139,92,246,.18),transparent 65%),linear-gradient(135deg,#1b1733,#171329)}
.ng-intro-icon{flex:none;width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,.18);font-size:21px}
.ng-intro-text{min-width:0}
.ng-intro-text b{display:block;color:#d8ccff;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:6px}
.ng-intro-text p{margin:0;color:#e9e6ff;font-size:15px;line-height:1.65}
.ng-intro-link{display:inline-block;margin-top:9px;font-size:12px;font-weight:700;color:#c4b5fd!important}

/* Фотографии в тексте */
.ng-body img{display:block;max-width:min(100%,440px);max-height:520px;width:auto;height:auto;margin:16px auto;object-fit:contain;border-radius:14px;cursor:zoom-in}
.ng-body p:has(>img){margin:14px 0}
.ng-body p>img{max-width:min(100%,440px)}
.ng-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px auto;max-width:760px}
.ng-gallery figure{min-width:0;aspect-ratio:1.15/1;border-radius:13px}
.ng-gallery.ng-n1{max-width:520px;grid-template-columns:1fr}
.ng-gallery.ng-n1 figure{aspect-ratio:16/10}
.ng-gallery.ng-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ng-gallery.ng-n3{grid-template-columns:1.5fr 1fr;grid-template-rows:repeat(2,minmax(110px,1fr))}
.ng-gallery.ng-n3 figure:first-child{grid-row:span 2}
.ng-gallery.ng-n4,.ng-gallery.ng-n5,.ng-gallery.ng-n6,.ng-gallery.ng-n7,.ng-gallery.ng-n8,.ng-gallery.ng-n9{grid-template-columns:repeat(3,minmax(0,1fr))}
.ng-gallery figure img{width:100%;height:100%;max-width:none;max-height:none;margin:0;object-fit:cover}
.ng-more{font-weight:800;text-shadow:0 2px 12px #000}

/* Кнопка лайка */
.ng-like{min-height:42px;user-select:none;-webkit-tap-highlight-color:transparent}
.ng-like:active{transform:scale(.96)}
.ng-like.on{box-shadow:0 0 18px rgba(255,59,107,.13)}
.ng-like .ng-like-count{font-variant-numeric:tabular-nums}

/* Адаптация */
@media(max-width:600px){
.ng-intro{padding:16px;gap:12px}
.ng-intro-icon{width:36px;height:36px;font-size:18px}
.ng-intro-text p{font-size:14px}
.ng-gallery{gap:6px;margin:14px auto}
.ng-gallery figure{border-radius:10px}
.ng-gallery.ng-n3{grid-template-rows:repeat(2,minmax(90px,1fr))}
.ng-body img{max-width:min(100%,340px);max-height:420px}
} 



:root{
  --ng-bg:#0d0b1a; --ng-card:#16132a61; --ng-card2:#1d1938; --ng-line:rgba(255,255,255,.08);
  --ng-text:#e9e6ff; --ng-mute:#9b95c9;
  --ng-a1:#8b5cf6; --ng-a2:#ec4899; --ng-heart:#ff3b6b;
  --ng-grad:linear-gradient(135deg, #251e37, #331725);
  --ng-r:20px;
}
 
.ng-wrap{max-width:1280px; position: relative; margin:0 auto;padding:24px 16px 60px;color:var(--ng-text);
  font:16px/1.65 -apple-system,"Segoe UI",Roboto,Inter,sans-serif;box-sizing:border-box}
.ng-wrap *{box-sizing:border-box}
.ng-wrap a{color:var(--ng-a1);text-decoration:none;transition:.2s}
.ng-wrap a:hover{color:var(--ng-a2)}
.ng-hide{display:none!important}
.ng-admin{margin-bottom:12px;font-size:13px}
 
/* Хлебные крошки */
.ng-crumbs{font-size:13px;color:var(--ng-mute);margin-bottom:16px;display:flex;flex-wrap:wrap;gap:6px}
 
/* Карточка */
.ng-card{background:var(--ng-card);border:1px solid var(--ng-line);border-radius:var(--ng-r);
  padding:28px;margin-bottom:22px;position:relative;overflow:hidden;
  box-shadow:0 10px 40px rgba(0,0,0,.35)}
.ng-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--ng-grad)}
 
/* Шапка материала */
.ng-chip{display:inline-block;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;
  background:rgba(139,92,246,.15);color:#c4b5fd;border:1px solid rgba(139,92,246,.35)}
.ng-title{margin:14px 0 14px;font-size:clamp(24px,4.5vw,36px);line-height:1.2;font-weight:800;
  background:linear-gradient(90deg,#fff,#d8ccff);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;word-break:break-word}
.ng-meta{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;font-size:13.5px;color:var(--ng-mute);
  padding-bottom:18px;border-bottom:1px solid var(--ng-line)}
.ng-meta b{color:var(--ng-text)}
.ng-author{display:flex;align-items:center;gap:8px}
.ng-ava,.ng-cm-ava i{width:32px;height:32px;border-radius:50%;background:var(--ng-grad);color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font:700 14px/1 sans-serif;font-style:normal;flex:none}
 
/* Тело */
.ng-body{padding:22px 0 8px;font-size:16.5px;word-wrap:break-word;overflow-wrap:anywhere}
.ng-body p{margin:0 0 14px}
.ng-body a{text-decoration:underline}
.ng-body img{max-width:100%;height:auto;border-radius:14px}
 
/* Видео */
.ng-video{position:relative;width:100%;aspect-ratio:16/9;margin:16px 0;border-radius:16px;overflow:hidden;background:#000;
  box-shadow:0 8px 30px rgba(0,0,0,.45)}
.ng-video iframe,.ng-video video,.ng-video embed{position:absolute;inset:0;width:100%;height:100%;border:0}
 
/* Галерея */
.ng-gallery{display:grid;gap:8px;margin:14px 0 6px}
.ng-gallery figure{margin:0;position:relative;overflow:hidden;border-radius:14px;cursor:zoom-in;background:var(--ng-card2);
  aspect-ratio:1/1}
.ng-gallery img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}
.ng-gallery figure:hover img{transform:scale(1.07)}
.ng-n1{grid-template-columns:1fr}.ng-n1 figure{aspect-ratio:16/10}
.ng-n2{grid-template-columns:1fr 1fr}
.ng-n3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}
.ng-n3 figure:first-child{grid-row:span 2;aspect-ratio:auto}
.ng-n4,.ng-n5,.ng-n6,.ng-n7,.ng-n8,.ng-n9{grid-template-columns:repeat(3,1fr)}
.ng-n4{grid-template-columns:1fr 1fr}
.ng-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  background:rgba(13,11,26,.72);backdrop-filter:blur(3px);font-size:30px;color:#fff}
 
/* Панель действий */
.ng-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px;padding-top:18px;
  border-top:1px solid var(--ng-line)}
.ng-act,.ng-like{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:99px;cursor:pointer;
  background:var(--ng-card2);border:1px solid var(--ng-line);color:var(--ng-text)!important;font:600 14px/1 inherit;
  transition:.2s}
.ng-act:hover,.ng-like:hover{border-color:var(--ng-a1);transform:translateY(-2px)}
.ng-act svg,.ng-like svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ng-like svg{transition:.25s}
.ng-like.on{background:rgba(255,59,107,.12);border-color:var(--ng-heart);color:var(--ng-heart)}
.ng-like.on svg{fill:var(--ng-heart);stroke:var(--ng-heart)}
.ng-like.pop svg{animation:ngpop .55s}
@keyframes ngpop{0%{transform:scale(1)}30%{transform:scale(1.5)}60%{transform:scale(.9)}100%{transform:scale(1)}}
.ng-views{cursor:default}.ng-views:hover{transform:none;border-color:var(--ng-line)}
 
.ng-extra{margin-top:16px;padding:14px;border-radius:12px;background:var(--ng-card2);font-size:14px}
 
/* Комментарии */
.ng-ctitle{font-size:22px;font-weight:800}
.ng-ctitle em{font-style:normal;font-size:13px;background:var(--ng-grad);padding:3px 10px;border-radius:99px;
  vertical-align:middle;margin-left:6px;color:#fff}
.ng-cm{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--ng-line);animation:ngfade .4s}
@keyframes ngfade{from{opacity:0;transform:translateY(8px)}to{opacity:1}}
.ng-cm:last-child{border-bottom:0}
.ng-cm-ava i{width:35px;height:35px;font-size:17px}
.ng-cm-main{flex:1;min-width:0}
.ng-cm-top{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font-size:13px;color:var(--ng-mute)}
.ng-cm-name{font-weight:700;font-size:14.5px;color:var(--ng-text)!important}
.ng-cm-num{margin-left:auto;opacity:.6}
.ng-cm-answer{margin:8px 0 0 14px;padding:10px 14px;border-left:3px solid var(--ng-a1);color:var(--ng-mute);font-size:14px}
 
/* Форма комментария (штатная uCoz) */
.ng-cform{margin-top:22px;padding:20px;background:var(--ng-card2);border-radius:16px;border:1px solid var(--ng-line)}
.ng-cform input[type=text],.ng-cform input[type=password],.ng-cform input[type=email],.ng-cform textarea,.ng-cform select{
  width:100%;max-width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--ng-line);
  background:var(--ng-bg);color:var(--ng-text);font:15px/1.5 inherit;outline:0;transition:.2s}
.ng-cform textarea{min-height:110px;resize:vertical}
.ng-cform input:focus,.ng-cform textarea:focus{border-color:var(--ng-a1);box-shadow:0 0 0 3px rgba(139,92,246,.2)}
.ng-cform input[type=submit],.ng-cform input[type=button],.ng-cform button{
  padding:12px 26px;border:0;border-radius:99px;background:var(--ng-grad);color:#fff;font-weight:700;cursor:pointer;transition:.2s}
.ng-cform input[type=submit]:hover,.ng-cform button:hover{filter:brightness(1.15);transform:translateY(-2px)}
.ng-cform table{width:100%;border-collapse:separate;border-spacing:0 6px}
.ng-cform td{color:var(--ng-mute);font-size:14px}
.ng-cform img{max-width:100%}
 
/* Лайтбокс */
.ng-lb{position:fixed;inset:0;z-index:99999;background:rgba(6,5,14,.94);display:flex;align-items:center;justify-content:center}
.ng-lb[hidden]{display:none}
.ng-lb img{max-width:92vw;max-height:88vh;border-radius:12px;box-shadow:0 20px 80px rgba(0,0,0,.7)}
.ng-lb button{position:absolute;background:rgba(255,255,255,.1);border:0;color:#fff;width:46px;height:46px;border-radius:50%;
  font-size:24px;cursor:pointer;transition:.2s}
.ng-lb button:hover{background:var(--ng-a1)}
.ng-lb-x{top:18px;right:18px}.ng-lb-p{left:18px;top:50%}.ng-lb-n{right:18px;top:50%}
.ng-lb-c{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff;font-size:14px;
  background:rgba(255,255,255,.1);padding:5px 14px;border-radius:99px}
 
/* Мобильные */
@media(max-width:600px){
  .ng-card{padding:18px;border-radius:16px}
  .ng-gallery.ng-n4,.ng-gallery[class*=" ng-n"]:not(.ng-n1):not(.ng-n2):not(.ng-n3){grid-template-columns:repeat(2,1fr)}
  .ng-cm-ava i{width:36px;height:36px}
  .ng-lb-p,.ng-lb-n{top:auto;bottom:14px}
  .ng-share span{display:none}
}


/* Pinterest-сетка комментариев */
.ng-thread-list{
 display:block;
 column-count:3;
 column-gap:18px;
 column-fill:balance;
 width:100%;
}
.ng-thread-list>.ng-cm{
 display:inline-block;
 vertical-align:top;
 width:100%;
 max-width:100%;
 margin:0 0 18px;
 box-sizing:border-box;
 break-inside:avoid;
 -webkit-column-break-inside:avoid;
}
.ng-cm-replies{
 display:flex;
 flex-direction:column;
 gap:12px;
 margin:14px 0 0 18px;
 padding-left:13px;
 border-left:2px solid var(--pf4-accent,#b77b9c);
}
.ng-cm-replies>.ng-cm{
 position:relative;
 display:block;
 width:100%;
 max-width:100%;
 box-sizing:border-box;
}
 
.ng-cm-replies .ng-cm-bubble{
 background:rgba(127,127,127,.07);
}
@media(max-width:1100px){
 .ng-thread-list{
  column-count:2;
 }
}
@media(max-width:700px){
 .ng-thread-list{
  column-count:1;
 }
 .ng-cm-replies{
  margin-left:10px;
  padding-left:10px;
 }
 .ng-cm-replies>.ng-cm:before{
  left:-12px;
  width:10px;
 }
}

 
/* ===== Фильтры (разделы) ===== */
.ng-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.ng-tags:empty{display:none}
.ng-tag{padding:5px 13px;border-radius:99px;font-size:12.5px;font-weight:600;color:#fff;
  background:var(--ng-card2);border:1px solid var(--ng-line);position:relative}
.ng-tag[data-f="1"]{border-color:#8b5cf6;color:#c4b5fd}
.ng-tag[data-f="2"]{border-color:#ec4899;color:#f9a8d4}
.ng-tag[data-f="3"]{border-color:#06b6d4;color:#67e8f9}
.ng-tag[data-f="4"]{border-color:#f59e0b;color:#fcd34d}
.ng-tag[data-f="5"]{border-color:#10b981;color:#6ee7b7}
.ng-tag:before{content:"#"}
 
/* файл / аудио */
.ng-filebox:not(.ng-video){margin:16px 0}
.ng-dl{display:inline-flex;flex-direction:column;gap:2px;padding:14px 26px;border-radius:14px;background:var(--ng-grad);
  color:#fff!important;font-weight:700}
.ng-dl small{font-weight:400;opacity:.85;font-size:12px}
 
/* ===== Форма добавления материала ===== */
.ng-add{max-width:900px;margin:0 auto;padding:24px 16px 60px;color:var(--ng-text);font:16px/1.6 -apple-system,"Segoe UI",Roboto,sans-serif}
.ng-add *{box-sizing:border-box}
.ng-add h1{margin:0 0 6px;font-size:28px;font-weight:800}
.ng-add .ng-sub{color:var(--ng-mute);margin:0 0 20px;font-size:14px}
.ng-sec{background:var(--ng-card);border:1px solid var(--ng-line);border-radius:var(--ng-r);padding:22px;margin-bottom:18px;position:relative;overflow:hidden}
.ng-sec:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--ng-grad)}
.ng-sec h3{margin:0 0 14px;font-size:17px}
.ng-row{margin-bottom:14px}
.ng-row label,.ng-lbl{display:block;font-size:13px;font-weight:600;color:var(--ng-mute);margin-bottom:6px}
.ng-add input[type=text],.ng-add input[type=url],.ng-add input[type=password],.ng-add textarea,.ng-add select{
  width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--ng-line);background:var(--ng-bg);color:var(--ng-text);
  font:15px/1.5 inherit;outline:0;transition:.2s}
.ng-add textarea{min-height:160px;resize:vertical}
.ng-add input:focus,.ng-add textarea:focus,.ng-add select:focus{border-color:var(--ng-a1);box-shadow:0 0 0 3px rgba(139,92,246,.2)}
.ng-add input[type=file]{width:100%;padding:14px;border:2px dashed var(--ng-line);border-radius:12px;background:var(--ng-bg);color:var(--ng-mute);cursor:pointer}
.ng-add input[type=file]:hover{border-color:var(--ng-a1)}
.ng-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ng-imgs{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.ng-imgs .ng-row{margin:0}
.ng-hint{font-size:12.5px;color:var(--ng-mute);margin-top:6px}
.ng-btn{display:inline-block;padding:14px 34px;border:0;border-radius:99px;background:var(--ng-grad);color:#fff;font:700 16px/1 inherit;cursor:pointer;transition:.2s}
.ng-btn:hover{filter:brightness(1.15);transform:translateY(-2px)}
.ng-more-btn{margin-top:12px;padding:9px 18px;border-radius:99px;border:1px dashed var(--ng-a1);background:transparent;color:#c4b5fd;cursor:pointer;font-weight:600}
.ng-err{padding:12px 16px;border-radius:12px;background:rgba(255,59,107,.12);border:1px solid var(--ng-heart);color:#ffb3c4;margin-bottom:16px}
@media(max-width:600px){.ng-grid2{grid-template-columns:1fr}.ng-imgs{grid-template-columns:1fr 1fr}}
 
/* ===== Список материалов (как «Темы сообщества» на главной) ===== */
.ng-listwrap{max-width:980px}
.ng-lhead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.ng-ltitle{margin:10px 0 4px;font-size:clamp(26px,4.5vw,38px);font-weight:800;line-height:1.15;
  background:linear-gradient(90deg,#fff,#d8ccff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ng-lsub{margin:0;color:var(--ng-mute);font-size:14.5px}
.ng-new{text-decoration:none;color:#fff!important;padding:12px 24px;font-size:15px;white-space:nowrap}
 
.ng-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}
.ng-search{flex:1 1 260px;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:99px;
  background:var(--ng-card);border:1px solid var(--ng-line);transition:.2s}
.ng-search:focus-within{border-color:var(--ng-a1);box-shadow:0 0 0 3px rgba(139,92,246,.2)}
.ng-search input{flex:1;background:none;border:0;outline:0;color:var(--ng-text);font:15px/1 inherit;padding:14px 0;min-width:0}
.ng-filters{display:flex;flex-wrap:wrap;gap:8px}
.ng-filters button{padding:8px 15px;border-radius:99px;border:1px solid var(--ng-line); 
  color:var(--ng-mute);font:600 13px/1 inherit;cursor:pointer;transition:.2s}
.ng-filters button:hover{border-color:var(--ng-a1);color:var(--ng-text)}
.ng-filters button.on{background:var(--ng-grad);border-color:transparent;color:#fff}
 
.ng-items{display:flex;flex-direction:column;gap:10px}
.ng-li{display:flex;align-items:center;gap:16px;padding:14px 18px;background:var(--ng-card);border:1px solid var(--ng-line);
  border-radius:18px;position:relative;transition:.22s;animation:ngfade .4s}
.ng-li:hover{border-color:rgba(139,92,246,.55);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.ng-li-ico{flex:none;width:56px;height:56px;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,rgba(139,92,246,.25),rgba(236,72,153,.25));font-size:26px;text-decoration:none}
.ng-li-ico img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}
.ng-li-main{flex:1;min-width:0}
.ng-li-title{display:block;color:var(--ng-text)!important;font-weight:700;font-size:16.5px;line-height:1.35;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.ng-li-title:hover{color:#c4b5fd!important}
.ng-hot{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:99px;font-size:11px;vertical-align:middle;
  background:linear-gradient(135deg,#f97316,#ef4444);color:#fff;-webkit-text-fill-color:#fff}
.ng-hot[hidden]{display:none}
.ng-li-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-top:5px;font-size:12.5px;color:var(--ng-mute)}
.ng-li-user{font-weight:600;color:var(--ng-text)!important}
.ng-li-cat{padding:2px 10px;border-radius:99px;background:rgba(139,92,246,.15);color:#c4b5fd;border:1px solid rgba(139,92,246,.3);font-weight:600}
.ng-li-cat.ng-c2{background:rgba(236,72,153,.13);color:#f9a8d4;border-color:rgba(236,72,153,.3)}
.ng-li-desc{margin-top:6px;font-size:13.5px;color:var(--ng-mute);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ng-li-desc img,.ng-li-desc br,.ng-li-desc iframe,.ng-li-desc video{display:none}
.ng-li-stats{flex:none;display:flex;gap:14px;font-size:13.5px;color:var(--ng-mute);white-space:nowrap}
.ng-li-mod{position:absolute;top:6px;right:10px;font-size:12px}
.ng-empty{padding:40px;text-align:center;color:var(--ng-mute);background:var(--ng-card);border-radius:18px;border:1px dashed var(--ng-line)}
.ng-empty[hidden]{display:none}
 
/* Пагинация uCoz */
.ng-pager{margin-top:24px;text-align:center}
.ng-pager a,.ng-pager b,.ng-pager span{display:inline-block;min-width:38px;padding:9px 13px;margin:3px;border-radius:12px;
  background:var(--ng-card);border:1px solid var(--ng-line);color:var(--ng-text)!important;text-decoration:none;font-size:14px;transition:.2s}
.ng-pager a:hover{border-color:var(--ng-a1)}
.ng-pager b,.ng-pager .swchItemA,.ng-pager .pgSwch{background:var(--ng-grad);border-color:transparent;color:#fff!important}
 
@media(max-width:680px){
  .ng-li{flex-wrap:wrap;gap:12px;padding:14px}
  .ng-li-ico{width:48px;height:48px;font-size:22px}
  .ng-li-main{flex:1 1 calc(100% - 70px)}
  .ng-li-stats{width:100%;padding-top:10px;border-top:1px solid var(--ng-line);justify-content:space-between}
  .ng-new{width:100%;text-align:center}
}
 
/* ===== Рекламная строка (вместо .forum-header в материалах) ===== */
body:has(#ng-post) .forum-header{display:none!important}
 
.ng-ad{position:relative;margin:0 0 22px;padding:18px 20px 12px;border-radius:22px;overflow:hidden;isolation:isolate;
  background:linear-gradient(135deg,#1a1535,#241446 55%,#2a1238);border:1px solid rgba(255,255,255,.1);
  box-shadow:0 12px 40px rgba(139,92,246,.25)}
/* бегущая градиентная рамка */
.ng-ad:before{content:"";position:absolute;inset:0;z-index:-2;border-radius:inherit;padding:2px;
  background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b,#06b6d4,#8b5cf6);background-size:300% 100%;
  animation:ngbord 6s linear infinite;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
/* световые пятна */
.ng-ad:after{content:"";position:absolute;inset:-40%;z-index:-1;pointer-events:none;
  background:radial-gradient(circle at 20% 30%,rgba(236,72,153,.22),transparent 40%),radial-gradient(circle at 85% 70%,rgba(139,92,246,.28),transparent 45%);
  animation:ngglow 9s ease-in-out infinite alternate}
@keyframes ngbord{to{background-position:300% 0}}
@keyframes ngglow{to{transform:translate(4%,-3%) scale(1.1)}}
 
.ng-ad-badge{position:absolute;top:10px;right:14px;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.55);padding:2px 9px;border:1px solid rgba(255,255,255,.2);border-radius:99px;z-index:2}
 
.ng-ad-stage{position:relative;min-height:74px}
.ng-ad-slide{position:absolute;inset:0;display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff!important;
  opacity:0;transform:translateY(14px) scale(.98);pointer-events:none;transition:opacity .6s,transform .6s}
.ng-ad-slide.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.ng-ad-ico{flex:none;width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-style:normal;
  background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(236,72,153,.4));box-shadow:0 0 24px rgba(236,72,153,.45);
  animation:ngfloat 3s ease-in-out infinite}
@keyframes ngfloat{50%{transform:translateY(-4px) rotate(-4deg)}}
.ng-ad-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.ng-ad-txt b{font-size:clamp(17px,2.6vw,23px);font-weight:800;line-height:1.2;
  background:linear-gradient(90deg,#fff 0%,#f9a8d4 40%,#fcd34d 70%,#fff 100%);background-size:250% 100%;
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:ngshine 4s linear infinite}
@keyframes ngshine{to{background-position:-250% 0}}
.ng-ad-txt small{font-size:13.5px;color:rgba(233,230,255,.78);line-height:1.4}
 
/* кнопка с пульсом и бликом */
.ng-ad-cta{flex:none;position:relative;overflow:hidden;padding:12px 22px;border-radius:99px;font-weight:700;font-size:14.5px;white-space:nowrap;
  background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 0 0 0 rgba(236,72,153,.6);animation:ngpulse 2.2s infinite;transition:.2s}
.ng-ad-cta:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:ngsweep 2.8s infinite}
@keyframes ngpulse{70%{box-shadow:0 0 0 14px rgba(236,72,153,0)}100%{box-shadow:0 0 0 0 rgba(236,72,153,0)}}
@keyframes ngsweep{0%{left:-60%}55%,100%{left:140%}}
.ng-ad-slide:hover .ng-ad-cta{transform:scale(1.06)}
 
/* точки */
.ng-ad-dots{display:flex;gap:6px;justify-content:center;margin:12px 0 8px}
.ng-ad-dots button{width:7px;height:7px;padding:0;border:0;border-radius:99px;background:rgba(255,255,255,.28);cursor:pointer;transition:.3s}
.ng-ad-dots button.on{width:24px;background:linear-gradient(90deg,#8b5cf6,#ec4899)}
 
/* бегущая строка */
.ng-ad-marquee{overflow:hidden;border-top:1px solid rgba(255,255,255,.08);padding-top:9px;
  -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ng-ad-track{display:inline-flex;gap:22px;white-space:nowrap;animation:ngmarq 34s linear infinite;font-size:13px}
.ng-ad-track a{color:rgba(233,230,255,.85)!important;text-decoration:none}
.ng-ad-track a:hover{color:#f9a8d4!important}
.ng-ad-track span{color:#ec4899}
.ng-ad:hover .ng-ad-track{animation-play-state:paused}
@keyframes ngmarq{to{transform:translateX(-50%)}}
 
@media(max-width:640px){
  .ng-ad{padding:16px 14px 10px}
  .ng-ad-stage{min-height:128px}
  .ng-ad-slide{flex-wrap:wrap;gap:10px}
  .ng-ad-ico{width:46px;height:46px;font-size:22px}
  .ng-ad-txt{flex:1 1 calc(100% - 64px)}
  .ng-ad-cta{width:100%;text-align:center}
  .ng-ad-badge{top:8px;right:10px}
}
@media(prefers-reduced-motion:reduce){.ng-ad *,.ng-ad:before,.ng-ad:after{animation:none!important}}
 
/* ===== Скрываем сортировку uCoz ===== */
.com-order-block,
.com-order-title,
.com-order-select,
.ng-hide-sort {
  display: none !important;
}

/* ===== Комментарии: анонимный вид ===== */
.ng-cform:has(.ng-f){padding:0;background:none;border:0;margin-top:26px}
.ng-clist{display:flex;flex-direction:column;gap:2px}
.ng-cm{display:flex;gap:14px;padding:14px 0;animation:ngfade .45s;scroll-margin-top:90px}
.ng-cm:target .ng-cm-bubble{box-shadow:0 0 0 2px var(--ng-a2),0 0 30px rgba(236,72,153,.35)}
.ng-cm-av{position:relative;flex:none;width:46px;height:46px;border-radius:50%;overflow:hidden;
  background:linear-gradient(135deg,hsl(var(--h,260) 70% 55%),hsl(calc(var(--h,260) + 60) 75% 60%));
  display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--ng-card),0 0 0 4px rgba(139,92,246,.45)}
.ng-cm.is-guest .ng-cm-av{box-shadow:0 0 0 2px var(--ng-card),0 0 0 4px rgba(255,255,255,.14)}
.ng-cm-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;z-index:1}
.ng-cm-fb{font-style:normal;font-size:22px}
.ng-cm-main{flex:1;min-width:0}
.ng-cm-top{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;color:var(--ng-mute)}
.ng-cm-name{font-weight:800;font-size:14.5px;color:var(--ng-text)}
.ng-cm-badge{font-size:11px;font-weight:700;padding:2px 9px;border-radius:99px;letter-spacing:.02em;
  background:rgba(139,92,246,.18);color:#c4b5fd;border:1px solid rgba(139,92,246,.35)}
.ng-cm.is-guest .ng-cm-badge{background:rgba(255,255,255,.07);color:var(--ng-mute);border-color:var(--ng-line)}
.ng-cm-num{margin-left:auto;opacity:.55;font-size:12px;color:var(--ng-mute)!important}
.ng-cm-num:hover{opacity:1}
 
.ng-cm-bubble{position:relative;margin-top:7px;padding:5px 10px;background:var(--ng-card2);border:1px solid var(--ng-line);
  border-radius:4px 18px 18px 18px;transition:box-shadow .3s}
.ng-cm.is-user .ng-cm-bubble{border-color:rgba(139,92,246,.28);
  background:#151024;}
.ng-cm-text{word-wrap:break-word;overflow-wrap:anywhere}
.ng-cm-text img{max-width:100%;border-radius:12px}
.ng-cm-bubble.clamp .ng-cm-text{max-height:170px;overflow:hidden;
  -webkit-mask:linear-gradient(#000 70%,transparent);mask:linear-gradient(#000 70%,transparent)}
.ng-cm-more{margin-top:8px;padding:0;border:0;background:none;color:var(--ng-a1);font-weight:700;font-size:13px;cursor:pointer}
.ng-cm-more[hidden]{display:none}
.ng-mention{color:var(--ng-a2)!important;font-weight:700;text-decoration:none}
 
.ng-cm-answer{margin:8px 0 0 12px;padding:10px 14px;border-radius:12px;font-size:14px;color:var(--ng-text);
  background:rgba(236,72,153,.08);border-left:3px solid var(--ng-a2)}
.ng-cm-answer b{display:block;font-size:12px;color:#f9a8d4;margin-bottom:2px}
 
.ng-cm-foot{display:flex;align-items:center;gap:14px;margin-top:6px;padding-left:6px}
.ng-cm-reply{padding:4px 10px;border:0;border-radius:99px;background:none;color:var(--ng-mute);font:600 12.5px/1 var(--ng-ff);cursor:pointer;transition:.2s}
.ng-cm-reply:hover{background:rgba(139,92,246,.15);color:#c4b5fd}
.ng-cm-mod{font-size:12px}
 
/* Форма */
.ng-f{position:relative;padding:20px;border-radius:20px;border:1px solid var(--ng-line);overflow:hidden;}
.ng-f:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--ng-grad)}
.ng-f-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 14px;align-items:center;margin-bottom:14px}
.ng-f-title{font-weight:800;font-size:17px}
.ng-f-anon{font-size:12px;padding:4px 12px;border-radius:99px;color:#c4b5fd;background:rgba(139,92,246,.14);border:1px solid rgba(139,92,246,.3)}
.ng-f-hidden{display:none}
.ng-f-reply{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:8px 14px;border-radius:12px;
  font-size:13px;color:#f9a8d4;background:rgba(236,72,153,.1);border:1px solid rgba(236,72,153,.3)}
.ng-f-reply[hidden]{display:none}
.ng-f-reply button{border:0;background:none;color:inherit;cursor:pointer;font-size:15px}
.ng-f-box{border-radius:16px;border:1px solid var(--ng-line);background:var(--ng-bg);transition:.2s}
.ng-f-box:focus-within{border-color:var(--ng-a1);box-shadow:0 0 0 3px rgba(139,92,246,.2)}
.ng-f .ng-f-ta,.ng-f textarea{display:block;width:100%;min-height:96px;max-height:360px;padding:14px 16px;border:0!important;outline:0;
  box-shadow:none!important;background:transparent!important;color:var(--ng-text);font:15px/1.6 var(--ng-ff);resize:none;box-sizing:border-box}
.ng-f-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 10px;min-height:44px;border-top:1px solid var(--ng-line)}
.ng-f-emo{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0}
.ng-f-emo button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:10px;background:none;box-shadow:none;font-size:19px;line-height:1;cursor:pointer;transition:.15s}
.ng-f-emo button:hover{background:rgba(139,92,246,.18);transform:scale(1.2)}
.ng-f-count{font-size:12px;line-height:1;margin:0;color:var(--ng-mute)}
.ng-f-count.warn{color:#fbbf24}
.ng-f-cap{margin-top:12px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ng-mute)}
.ng-f-send-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.ng-f-hint{font-size:12px;color:var(--ng-mute)}
.ng-f .ng-f-send{padding:13px 30px;border:0;border-radius:99px;background:var(--ng-grad);color:#fff;font:700 15px/1 var(--ng-ff);cursor:pointer;
  transition:.2s; }
.ng-f .ng-f-send:hover{transform:translateY(-2px);filter:brightness(1.1)} 
.ng-f .ng-f-send.load{pointer-events:none;opacity:.7}
@media(max-width:600px){.ng-f{padding:16px}.ng-f-hint{display:none}.ng-f .ng-f-send{width:100%}.ng-cm-av{width:38px;height:38px}.ng-cm{gap:10px}}
 
.myWinError { 
    position: relative;
    bottom: -88px;
}

.ng-cm.ng-flash .ng-cm-bubble{box-shadow:0 0 0 2px var(--ng-a2),0 0 30px rgba(236,72,153,.4)}
 
/* вложенные ответы, свои и новые */ 
.ng-cm.is-own .ng-cm-bubble{border-color:rgba(16,185,129,.4)}
.ng-b-own{background:rgba(16,185,129,.15)!important;color:#6ee7b7!important;border-color:rgba(16,185,129,.4)!important}
.ng-b-new{background:linear-gradient(135deg,#f97316,#ef4444)!important;color:#fff!important;border-color:transparent!important}
.ng-f-err{margin-bottom:12px;padding:10px 14px;border-radius:12px;font-size:14px;color:#ffb3c4;background:rgba(255,59,107,.12);border:1px solid var(--ng-heart)}.ng-f-err:before{content:"⚠️ "}.ng-f-err[hidden]{display:none}
.myWinSuccess {
    margin-bottom: 12px;
    padding: 10px 14px;
    border-radius: 12px;
    font-size: 14px;
    background: rgb(87 126 175 / 12%);
    display: block;
}
.ng-f-cap{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.ng-f-cap input[type=text]{width:130px;padding:10px 12px;border-radius:12px;border:1px solid var(--ng-line);background:var(--ng-bg);color:var(--ng-text)} 
 
/* кнопки внутри нашей формы не наследуют стили сайта */
.ng-f button,.ng-f input[type=submit]{font-family:var(--ng-ff)}
.ng-f .ng-f-send{display:inline-flex;align-items:center;justify-content:center;line-height:1;margin:0}
/* тост */
.ng-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:99999;padding:12px 22px;border-radius:99px;
  background:var(--ng-grad);color:#fff;font:700 14px/1 var(--ng-ff);box-shadow:0 10px 30px rgba(0,0,0,.4);opacity:0;transition:.35s;pointer-events:none}
.ng-toast.on{opacity:1;transform:translate(-50%,0)}
/* сортировка комментариев uCoz скрыта */
.ng-hide-sort{display:none!important}
/* ===== NAGAINA · ИСПРАВЛЕНИЯ — добавить В САМЫЙ КОНЕЦ вашего CSS (перекрывает старые правила) ===== */
 
:root{--ng-ff:-apple-system,"Segoe UI",Roboto,Inter,sans-serif}
 
/* 1. Шрифты: раньше запись «font: … inherit» была невалидной и шрифт сбрасывался на моноширинный */
.ng-wrap button,.ng-wrap input,.ng-wrap textarea,.ng-wrap select,
.ng-add button,.ng-add input,.ng-add textarea,.ng-add select,
.ng-f button,.ng-f input,.ng-f textarea,.ng-toast{font-family:var(--ng-ff)}
.ng-f .ng-f-ta,.ng-f textarea{font-size:15px;line-height:1.6;font-weight:400}
.ng-act,.ng-like,.ng-filters button,.ng-cm-reply,.ng-f .ng-f-send{font-size:14px;font-weight:600;line-height:1}
.ng-search input{font-size:15px}
 
/* 2. Смайлики строго по центру панели */
.ng-f-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:4px 10px}
.ng-f-emo{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0}
.ng-f-emo button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:10px;background:none;box-shadow:none;
  font-size:19px;line-height:1;vertical-align:middle;cursor:pointer;transition:.15s}
.ng-f-emo button:hover{background:rgba(139,92,246,.18);transform:scale(1.18)}
.ng-f-count{margin:0;font-size:12px;line-height:1;color:var(--ng-mute)}
 
/* 3. Пустая ошибка («⚠️» без текста) скрыта */
.ng-f-err{margin-bottom:12px;padding:10px 14px;border-radius:12px;font-size:14px;color:#ffb3c4;background:rgba(255,59,107,.12);border:1px solid var(--ng-heart)}
.ng-f-err:before{content:"⚠️ "}
.ng-f-err[hidden],.ng-f-err:empty{display:none!important}
 
/* 4. Сортировка комментариев («Порядок вывода…») скрыта */
.ng-hide-sort{display:none!important}
 
 
/* 6. Лайки / дизлайки комментариев */
.ng-cm-rate{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--ng-line)}
.ng-rate-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;
  background:none;font-size:14px;line-height:1;cursor:pointer;transition:.15s}
.ng-rate-btn:hover{background:rgba(139,92,246,.2);transform:scale(1.15)}
.ng-rate-btn:disabled{opacity:.45;cursor:default;transform:none}
.ng-rate-btn.loading{animation:ngpop .5s infinite}
.ng-rate-num{min-width:22px;text-align:center;font-size:13px;font-weight:700;color:var(--ng-mute);transition:transform .2s,color .2s}
.ng-rate-num.plus{color:#6ee7b7}.ng-rate-num.minus{color:#fda4af}
.ng-cm-foot{flex-wrap:wrap}
 
/* 8. Подсветка нового комментария и уведомление */
.ng-cm.ng-flash .ng-cm-bubble{box-shadow:0 0 0 2px var(--ng-a2),0 0 30px rgba(236,72,153,.4)}
.ng-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:99999;padding:12px 22px;border-radius:99px;
  background:var(--ng-grad);color:#fff;font-size:14px;font-weight:700;line-height:1.2;max-width:90vw;text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,.4);opacity:0;transition:.35s;pointer-events:none}
.ng-toast.on{opacity:1;transform:translate(-50%,0)}
 

:root{--ng-ff:-apple-system,"Segoe UI",Roboto,Inter,sans-serif}
 
/* 1. Шрифты: раньше запись «font: … inherit» была невалидной и шрифт сбрасывался на моноширинный */
.ng-wrap button,.ng-wrap input,.ng-wrap textarea,.ng-wrap select,
.ng-add button,.ng-add input,.ng-add textarea,.ng-add select,
.ng-f button,.ng-f input,.ng-f textarea,.ng-toast{font-family:var(--ng-ff)}
.ng-f .ng-f-ta,.ng-f textarea{font-size:15px;line-height:1.6;font-weight:400}
.ng-act,.ng-like,.ng-filters button,.ng-cm-reply,.ng-f .ng-f-send{font-size:14px;font-weight:600;line-height:1}
.ng-search input{font-size:15px}
 
/* 2. Смайлики строго по центру панели */
.ng-f-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:46px;padding:4px 10px}
.ng-f-emo{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:0;padding:0}
.ng-f-emo button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;
  width:36px;height:36px;min-height:0;margin:0;padding:0;border:0;border-radius:10px;background:none;box-shadow:none;
  font-size:19px;line-height:1;vertical-align:middle;cursor:pointer;transition:.15s}
.ng-f-emo button:hover{background:rgba(139,92,246,.18);transform:scale(1.18)}
.ng-f-count{margin:0;font-size:12px;line-height:1;color:var(--ng-mute)}
 
/* 3. Пустая ошибка («⚠️» без текста) скрыта */
.ng-f-err{margin-bottom:12px;padding:10px 14px;border-radius:12px;font-size:14px;color:#ffb3c4;background:rgba(255,59,107,.12);border:1px solid var(--ng-heart)}
.ng-f-err:before{content:"⚠️ "}
.ng-f-err[hidden],.ng-f-err:empty{display:none!important}
 
/* 4. Сортировка комментариев («Порядок вывода…») скрыта */
.ng-hide-sort{display:none!important}
 
/* 6. Лайки / дизлайки комментариев */
.ng-cm-rate{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:99px;background:rgba(255,255,255,.05);border:1px solid var(--ng-line)}
.ng-rate-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;
  background:none;font-size:14px;line-height:1;cursor:pointer;transition:.15s}
.ng-rate-btn:hover{background:rgba(139,92,246,.2);transform:scale(1.15)}
.ng-rate-btn:disabled{opacity:.45;cursor:default;transform:none}
.ng-rate-btn.loading{animation:ngpop .5s infinite}
.ng-rate-num{min-width:22px;text-align:center;font-size:13px;font-weight:700;color:var(--ng-mute);transition:transform .2s,color .2s}
.ng-rate-num.plus{color:#6ee7b7}.ng-rate-num.minus{color:#fda4af}
.ng-cm-foot{flex-wrap:wrap}
 
/* 7. Ответы и Pinterest-колонки */
.ng-cm.is-reply .ng-cm-bubble{border-left:3px solid var(--ng-a2)}  
.ng-pinterest .ng-cm-bubble{overflow-wrap:anywhere}
 
/* 8. Подсветка нового комментария и уведомление */
.ng-cm.ng-flash .ng-cm-bubble{box-shadow:0 0 0 2px var(--ng-a2),0 0 30px rgba(236,72,153,.4)}
.ng-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);z-index:99999;padding:12px 22px;border-radius:99px;
  background:var(--ng-grad);color:#fff;font-size:14px;font-weight:700;line-height:1.2;max-width:90vw;text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,.4);opacity:0;transition:.35s;pointer-events:none}
.ng-toast.on{opacity:1;transform:translate(-50%,0)}
 

/* ===== NAGAINA COMMENTS: FIXED THREAD GRID ===== */

/* Основная сетка: только комментарии первого уровня */
.ng-thread-list{
 display:block!important;
 column-count:3;
 column-gap:18px;
 column-fill:balance;
 width:100%;
}
.ng-thread-list > .ng-cm{
 display:inline-flex!important;
 flex-direction:row;
 vertical-align:top;
 width:100%;
 box-sizing:border-box;
 margin:0 0 16px!important;
 padding:14px!important;
 break-inside:avoid;
 -webkit-column-break-inside:avoid;
 border:1px solid var(--ng-line);
 border-radius:16px;
 background:var(--ng-card);
}

/* Вложенные ответы: строго внутри родительского комментария */
.ng-cm-replies{
 display:flex!important;
 flex-direction:column!important;
 gap:10px!important;
 width:100%;
 box-sizing:border-box;
 margin:12px 0 0!important;
 padding:0!important;
 border:0!important;
}

/* Карточка ответа */
.ng-cm-replies > .ng-cm{
 display:flex!important;
 flex-direction:row;
 width:100%;
 max-width:100%;
 box-sizing:border-box;
 margin:0!important;
 padding:12px!important;
 border:1px solid rgba(236,72,153,.22);
 border-left:3px solid var(--ng-a2);
 border-radius:12px;
 background:rgba(236,72,153,.055);
 break-inside:avoid;
}

/* Вложенные ответы следующего уровня */
.ng-cm-replies .ng-cm-replies{
 margin:10px 0 0!important;
 padding-left:10px!important;
 border-left:2px solid rgba(236,72,153,.2)!important;
}

/* Не позволяем старым отступам смещать карточки */
.ng-thread-list .ng-cm{
 margin-left:0!important;
}

/* Не даём содержимому раздвигать карточки */
.ng-cm-main{
 flex:1 1 0;
 min-width:0;
 width:0;
}
.ng-cm-bubble{
 min-width:0;
 overflow-wrap:anywhere;
}

/* Адаптация */
@media(max-width:1000px){
 .ng-thread-list{column-count:2}
}
@media(max-width:650px){
 .ng-thread-list{column-count:1}
 .ng-thread-list > .ng-cm{padding:12px!important}
 .ng-cm-av{width:38px;height:38px}
 .ng-cm{gap:10px}
}

/* КОМПАКТНЫЕ ОТВЕТЫ */
.ng-cm-replies{
 gap:8px!important;
 margin:10px 0 0!important;
 padding:0!important;
 border:0!important;
}
.ng-cm-replies > .ng-cm{
 gap:8px!important;
 margin:0!important;
 padding:9px 10px!important;
 border-left:2px solid var(--ng-a2)!important;
 border-radius:10px!important;
}
.ng-cm-replies .ng-cm-av{
    display: none;
}
.ng-cm-replies .ng-cm-main{
 flex:1 1 0!important;
 width:0!important;
 min-width:0!important;
}
.ng-cm-replies .ng-cm-replies{
 margin:8px 0 0!important;
 padding:0px!important;
 border-left:1px solid rgba(236,72,153,.18)!important;
}
.ng-cm-replies .ng-cm-replies > .ng-cm{
 padding:8px!important;
 gap:6px!important;
}
.ng-cm-replies .ng-cm-replies .ng-cm-av{
    display: none;
}
.ng-cm-replies .ng-cm-replies .ng-cm-replies{
 padding-left:5px!important;
}
.ng-cm-replies .ng-cm-bubble{
 min-width:0!important;
 overflow-wrap:anywhere;
}
@media(max-width:650px){
 .ng-cm-replies > .ng-cm{
  padding:8px!important;
 }
 .ng-cm-replies .ng-cm-av{
  width:24px!important;
  height:24px!important;
  min-width:24px!important;
 }
 .ng-cm-replies .ng-cm-replies{
  padding-left:5px!important;
 }
}

a.add-link, a.post-action-btn {
    text-transform: none;
    text-decoration: none;
}

.ng-report-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 15px;border:1px solid var(--ng-border,#ddd);border-radius:10px;background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer}
.ng-report-btn:hover{opacity:.75}
.ng-report-modal[hidden]{display:none}
.ng-report-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.65)}
.ng-report-box{position:relative;width:100%;max-width:540px;max-height:90vh;overflow:auto;padding:25px;border-radius:16px;background:#16132aed;color:var(--ng-text,#222);box-shadow:0 15px 60px rgba(0,0,0,.25)}
.ng-report-box h2{margin:0 35px 10px 0;font-size:21px}
.ng-report-box p{margin:0 0 20px;font-size:14px;opacity:.7;line-height:1.5}
.ng-report-close{position:absolute;right:14px;top:10px;width:34px;height:34px;border:0;background:transparent;color:inherit;font-size:27px;cursor:pointer}
.ng-report-box .feedback-form-table{width:100%;border:0}
.ng-report-box .feedback-form-table td{padding:7px 0;border:0}
.ng-report-box input[type="text"],.ng-report-box textarea{
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100%;
    padding: 11px;
    font-size: 14px !important;
    border: 1px solid #454545;
    border-radius: 8px;
    background: transparent;
    color: inherit;
    font: inherit;
}
.ng-report-box input[type="submit"]{padding:11px 22px;border:0;border-radius:9px;background:var(--ng-accent,#333);color:#fff;font:inherit;cursor:pointer}
@media(max-width:520px){.ng-report-box{padding:20px 15px}.ng-report-box .feedback-form-table td{display:block;width:100%!important}.ng-report-box .feedback-form-table tr{display:block;margin-bottom:10px}}

.ng-like{transition:background .2s,border-color .2s,transform .2s}
.ng-like.is-liked{color:#ff668b!important;border-color:rgba(255,102,139,.4)!important;background:rgba(255,102,139,.12)!important}
.ng-like.is-loading{opacity:.7;cursor:wait}
.ng-like:active{transform:scale(.96)}

#_uwndWnd1:has(.myWinError){
display:none!important;
}

#ng-native-rating{display:flex;align-items:center;gap:8px;min-height:42px;padding:7px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(139,92,246,.1)}
#ng-native-rating a,#ng-native-rating button{cursor:pointer}
#ng-native-rating img{vertical-align:middle}
#ng-native-rating input{cursor:pointer}
#ng-native-rating .u-star-rating,#ng-native-rating .u-stars-rating{display:inline-flex;align-items:center}
.ng-rating-label{font-size:12px;color:var(--ng-mute,#aaa)}
.ng-like-placeholder{display:none!important}
.ng-report-modal[hidden],.ng-lb[hidden],.ng-gallery[hidden]{display:none!important}
.ng-toast{position:fixed;z-index:100000;left:50%;bottom:25px;transform:translate(-50%,15px);opacity:0;pointer-events:none;padding:12px 18px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#211b38;color:#fff;font-size:13px;transition:.25s}
.ng-toast.on{opacity:1;transform:translate(-50%,0)}
.ng-video{position:relative;width:100%;max-width:850px;margin:18px auto;overflow:hidden;border-radius:14px;background:#080710;aspect-ratio:16/9}
.ng-video iframe,.ng-video video,.ng-video embed{position:absolute;inset:0;width:100%;height:100%;border:0;object-fit:contain}
.ng-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:760px;margin:20px auto}
.ng-gallery figure{position:relative;min-width:0;aspect-ratio:1.1/1;margin:0;overflow:hidden;border-radius:12px;background:#211b38;cursor:zoom-in}
.ng-gallery figure img{display:block;width:100%;height:100%;object-fit:cover}
.ng-gallery.ng-n1{grid-template-columns:1fr;max-width:520px}
.ng-gallery.ng-n1 figure{aspect-ratio:16/10}
.ng-gallery.ng-n2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ng-gallery.ng-n3{grid-template-columns:1.4fr 1fr;grid-template-rows:repeat(2,minmax(100px,1fr))}
.ng-gallery.ng-n3 figure:first-child{grid-row:span 2;aspect-ratio:auto}
.ng-gallery.ng-n4{grid-template-columns:repeat(2,minmax(0,1fr))}
.ng-more{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(5,4,15,.68);color:#fff;font-size:25px}
.ng-lb{position:fixed;z-index:99999;inset:0;display:flex;align-items:center;justify-content:center;padding:55px 60px;background:rgba(4,3,12,.96)}
.ng-lb img{max-width:100%;max-height:85vh;object-fit:contain}
.ng-lb button{position:absolute;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(25,20,43,.9);color:#fff;font-size:26px;cursor:pointer}
.ng-lb-x{top:18px;right:20px}
.ng-lb-p{left:14px;top:50%;transform:translateY(-50%)}
.ng-lb-n{right:14px;top:50%;transform:translateY(-50%)}
.ng-lb-c{position:absolute;bottom:17px;color:#fff;font-size:13px}
.ng-report-modal{position:fixed;z-index:99998;inset:0;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.8)}
.ng-report-box{position:relative;width:100%;max-width:520px;padding:25px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#16132a;color:#eee}
.ng-report-close{position:absolute;top:10px;right:12px;border:0;background:none;color:#fff;font-size:25px;cursor:pointer}
.ng-report-box p{color:#aaa;font-size:13px;line-height:1.6}
.ng-native-rating{display:flex;align-items:center}
.ng-ad-slide{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#171329;text-decoration:none}
.ng-ad-ico{font-style:normal;font-size:25px}
.ng-ad-txt{display:flex;flex:1;flex-direction:column;gap:4px}
.ng-ad-txt b{color:#eee}
.ng-ad-txt small{color:#aaa}
.ng-ad-cta{font-size:12px;font-weight:700;white-space:nowrap}
.ng-like.is-loading{opacity:.6;pointer-events:none}
.ng-like.is-liked{color:#ff668b}
@media(max-width:600px){
.ng-gallery{gap:5px}
.ng-gallery.ng-n3{grid-template-rows:repeat(2,minmax(80px,1fr))}
.ng-lb{padding:55px 40px}
.ng-lb-p{left:4px}
.ng-lb-n{right:4px}
.ng-ad-slide{flex-wrap:wrap}
.ng-ad-cta{margin-left:37px}
}

.xw-plain { box-shadow: unset!important } .xw-plain .xw-bl, .xw-plain .xw-ml, .xw-plain .xw-tl { background-color: #22192d!important }

.thread-info a { 
    text-decoration: none;
}

.thread-filter-tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.thread-cat-tag {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.tdm-tag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.thread-detail-meta .thread-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.thread-detail-meta .tdm-tag {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.thread-detail-meta .thread-cat-tag {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 4px 8px;
    border-radius: 6px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.3;
    white-space: nowrap;
}

.post-author-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
}