@import url('https://fonts.googleapis.com/css2?family=VT323&family=Space+Mono:wght@400;700&display=swap');

/* =============== THEME VARIABLES =============== */
:root, [data-theme="dark"] {
  --bg:        #050505;
  --bg-1:      #0f0f0f;
  --bg-2:      #1a1a1a;
  --bg-3:      #2a2a2a;
  --bg-card:   #101010;
  --bg-sub:    #0a0a0a;
  --bg-media:  #050505;
  --bg-head:   #000;
  --line:      #3a3a3a;
  --line-soft: #242424;
  --fg:        #f0f0f0;
  --fg-mute:   #b8b8b8;
  --fg-dim:    #8a8a8a;
  --accent:    #fff;
  --bg-filter-brightness: 0.35;
  --bg-filter-saturate: 0.15;
}
[data-theme="silver"] {
  --bg:        #e4e4e8;
  --bg-1:      #f2f2f5;
  --bg-2:      #e8e8ec;
  --bg-3:      #d4d4d9;
  --bg-card:   #f8f8fa;
  --bg-sub:    #eeeef2;
  --bg-media:  #d8d8dc;
  --bg-head:   linear-gradient(to bottom, #f5f5f8 0%, #d4d4da 100%);
  --line:      #7a7a82;
  --line-soft: #a0a0a6;
  --fg:        #0a0a0a;
  --fg-mute:   #2a2a30;
  --fg-dim:    #4a4a50;
  --accent:    #000;
  --bg-filter-brightness: 1.1;
  --bg-filter-saturate: 0.3;
}

/* =============== RESET & BASE =============== */
*, *::before, *::after { box-sizing: border-box; }
html, body { overflow-x: hidden; max-width: 100%; }
body {
  margin: 0;
  padding: 0;
  background-color: var(--bg);
  font-family: 'Space Mono', 'Courier New', Courier, monospace;
  color: var(--fg);
  font-size: 13px;
  line-height: 1.5;
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
body > main, body > #MainContent { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; }
body > .et-foot-wrap { flex-shrink: 0; }
/* homepage hero: everything (header + grid + feed + footer) fits in first viewport */
body.template-suffix-home { height: 100vh; overflow: hidden; }
/* account for header (80) + navbar (34) + footer (30) */
body.template-suffix-home #MainContent { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
body.template-suffix-home .shopify-section { min-height: 0; display: flex; flex-direction: column; flex: 1 1 auto; }
body.template-suffix-home .et-grid {
  padding: 8px 12px;
  gap: 10px;
  flex: 1 1 auto;
  min-height: 0;
  grid-template-columns: 280px minmax(0, 1fr) 340px !important;
}
@media (min-width: 2200px) {
  body.template-suffix-home .et-grid { grid-template-columns: 340px minmax(0, 1fr) 400px !important; }
}
@media (max-width: 1400px) {
  body.template-suffix-home .et-grid { grid-template-columns: 240px minmax(0, 1fr) 300px !important; }
}
@media (max-width: 900px) {
  body.template-suffix-home .et-grid { grid-template-columns: 1fr !important; }
}
.et-box--welcome { grid-column: 1 / -1; }
body.template-suffix-home .et-box--welcome { min-height: 0; flex: 0 0 auto; }
body.template-suffix-home .et-box--welcome .et-box__head { height: 26px; }
body.template-suffix-home .et-box--welcome .et-box__body { padding: 6px 14px; }
body.template-suffix-home .et-box--welcome .et-box__body p { font-size: 12px; line-height: 1.4; margin: 0; }

/* hide the maximize button anywhere if still present */
.et-win-btn[data-act="max"] { display: none !important; }
body.template-suffix-home .et-col { overflow: hidden; min-height: 0; }
body.template-suffix-home .et-box { min-height: 0; overflow: hidden; flex: 1 1 auto; }
body.template-suffix-home .et-box__body { overflow: auto; min-height: 0; padding: 10px 12px; display: flex; flex-direction: column; gap: 6px; }
body.template-suffix-home .et-box__body > :first-child { margin-top: 0; }
body.template-suffix-home .et-box__body > :last-child { margin-bottom: 0; }
body.template-suffix-home .et-box--fill { flex: 1 1 0; min-height: 0; }
/* feed: bigger, horizontal scroll with side arrows */
body.template-suffix-home .et-feed {
  flex: 0 0 38vh;
  padding: 6px 40px 8px;
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  position: relative;
  border-top: 1px solid #2a2a2a;
}
body.template-suffix-home .et-feed::before,
body.template-suffix-home .et-feed::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 30px;
  height: 60px;
  transform: translateY(-50%);
  background: rgba(10,10,10,0.85);
  border: 1px solid #2a2a2a;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f0f0f0;
  font-family: 'Space Mono', monospace;
  font-size: 20px;
  cursor: pointer;
  z-index: 2;
  pointer-events: auto;
}
body.template-suffix-home .et-feed__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 60px;
  background: rgba(10,10,10,0.85);
  border: 1px solid #2a2a2a;
  color: #f0f0f0;
  font-family: 'Space Mono', monospace;
  font-size: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 2;
  user-select: none;
}
body.template-suffix-home .et-feed__arrow:hover { background: #1a1a1a; color: #fff; }
body.template-suffix-home .et-feed__arrow--left { left: 4px; }
body.template-suffix-home .et-feed__arrow--right { right: 4px; }
/* hide the css pseudos; we use js-controllable elements */
body.template-suffix-home .et-feed::before, body.template-suffix-home .et-feed::after { content: none; }
body.template-suffix-home .et-feed__head { margin-bottom: 8px; }
body.template-suffix-home .et-feed__title { font-size: clamp(22px, 2.4vw, 34px); }
body.template-suffix-home .et-feed__grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 8px;
  flex: 1 1 auto;
  min-height: 0;
}
body.template-suffix-home .et-feed__grid .et-post {
  display: flex;
  flex-direction: column;
  min-width: 0;
  width: 100%;
  max-width: none;
  min-height: 0;
  height: 100%;
}
body.template-suffix-home .et-feed__grid .et-post__media {
  aspect-ratio: 1 / 1;
  flex: 0 0 auto;
  min-height: 0;
  width: 100%;
}
body.template-suffix-home .et-feed__grid .et-post__body {
  padding: 6px 10px;
  font-size: 11px;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
body.template-suffix-home .et-feed__grid .et-post__head { height: 22px; font-size: 10px; flex-shrink: 0; }
body.template-suffix-home .et-feed__grid .et-post__actions { padding: 4px 10px; font-size: 10px; flex-shrink: 0; }
@media (max-width: 1400px) { body.template-suffix-home .et-feed__grid { grid-template-columns: repeat(5, 1fr); } }
@media (max-width: 1100px) { body.template-suffix-home .et-feed__grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 760px)  { body.template-suffix-home .et-feed__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 500px)  { body.template-suffix-home .et-feed__grid { grid-template-columns: repeat(2, 1fr); } }
img { max-width: 100%; height: auto; }

/* background image: desaturated + very dark */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -2;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
  filter: saturate(var(--bg-filter-saturate, 0.15)) brightness(var(--bg-filter-brightness, 0.35)) contrast(1.05);
}
body::after {
  content: '';
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  /* scanlines + vignette */
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,0.02) 0 1px, transparent 1px 3px),
    radial-gradient(ellipse at center, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);
}
body > * { position: relative; z-index: 1; }

a { color: #f0f0f0; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }

/* =============== TOP TAB BAR (browser-style tab at very top) =============== */
.et-tabbar {
  background: #000;
  border-bottom: 1px solid #2a2a2a;
  display: flex;
  align-items: stretch;
  height: 22px;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  color: #b8b8b8;
  letter-spacing: 0.04em;
  user-select: none;
}
.et-tabbar__tab {
  padding: 0 14px 0 10px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #0a0a0a;
  border-right: 1px solid #2a2a2a;
  color: #ccc;
  line-height: 1;
}
.et-tabbar__tab::before { content: '+'; color: #777; }
.et-tabbar__spacer { flex: 1; }
.et-tabbar__ctrls {
  display: inline-flex;
  gap: 0;
}
.et-tabbar__ctrl {
  width: 28px;
  height: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #b8b8b8;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  cursor: default;
}
.et-tabbar__ctrl:hover { background: #1a1a1a; color: #fff; }
.et-tabbar__ctrl--close:hover { background: #c22; color: #fff; }

/* =============== HEADER (single bar) =============== */
.et-head {
  background: #000;
  border-bottom: 1px solid #2a2a2a;
  padding: 10px 20px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 18px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  min-height: 80px;
}
.et-head__logo {
  grid-column: 2;
  justify-self: center;
  display: flex;
  align-items: center;
  line-height: 0;
  min-width: 0;
}
.et-head__logo img {
  display: block;
  height: 64px;
  width: auto;
  max-width: 100%;
  object-fit: contain;
  object-position: left center;
}
.et-head__status {
  grid-column: 3;
  justify-self: end;
  text-align: right;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  color: #b8b8b8;
  line-height: 1.55;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
.et-head__status b { color: #f0f0f0; font-weight: 400; }

/* separate nav bar below header */
.et-navbar {
  background: #000;
  border-bottom: 1px solid #2a2a2a;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 34px;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  color: #f0f0f0;
  flex-shrink: 0;
}
.et-navbar__left, .et-navbar__right {
  display: flex;
  align-items: center;
  gap: 28px;
  height: 100%;
}
.et-navbar__right { gap: 20px; }
.et-navbar a {
  color: #f0f0f0;
  letter-spacing: 0.02em;
  white-space: nowrap;
  height: 100%;
  display: inline-flex;
  align-items: center;
}
.et-navbar a:hover { color: #fff; text-decoration: underline; }
.et-navbar span { color: #b8b8b8; }
.et-navbar b { color: #f0f0f0; font-weight: 400; }

/* hide the old in-head nav styles if present */
.et-head__nav, .et-head__right, .et-head__auth { display: none; }
.et-head__status b { color: #f0f0f0; font-weight: 400; }
.et-head__auth {
  font-family: 'Space Mono', monospace;
  font-size: 9px;
  color: #b8b8b8;
  text-align: right;
  white-space: nowrap;
}
.et-head__auth b { color: #f0f0f0; font-weight: 400; }
.et-head__auth a { color: #b8b8b8; }
.et-head__auth a:hover { color: #fff; text-decoration: underline; }

/* keep legacy nav styles neutralised (now unused) */
.et-nav { display: none; }

@media (max-width: 900px) {
  .et-head {
    padding: 8px 14px;
    min-height: 0;
    gap: 10px;
    grid-template-columns: 1fr auto;
  }
  .et-head__logo { grid-column: 1; justify-self: start; }
  .et-head__status { grid-column: 2; font-size: 10px; line-height: 1.3; }
  .et-head__logo img { height: 42px; }
  .et-navbar { padding: 0 12px; font-size: 11px; height: 30px; }
  .et-navbar__left, .et-navbar__right { gap: 14px; }
}
@media (max-width: 600px) {
  .et-navbar { flex-direction: column; height: auto; padding: 6px 10px; gap: 4px; }
  .et-navbar__left, .et-navbar__right { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
}

/* =============== NAV =============== */
.et-nav {
  background: #000;
  border-bottom: 1px solid #2a2a2a;
  display: flex;
  align-items: center;
  padding: 0 28px;
  height: 40px;
  font-family: 'Space Mono', monospace;
  font-size: 13px;
  color: #f0f0f0;
}
.et-nav a {
  color: #f0f0f0;
  padding: 0 28px 0 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
  letter-spacing: 0.02em;
}
.et-nav a:hover { color: #fff; text-decoration: none; background: #111; padding-left: 8px; margin-left: -8px; }
.et-nav .sep { display: none; }
.et-nav__spacer { flex: 1; }
.et-nav__auth {
  font-size: 12px;
  color: #b8b8b8;
  display: inline-flex;
  gap: 14px;
  align-items: center;
}
.et-nav__auth b { color: #f0f0f0; font-weight: 400; }
.et-nav__auth a { padding: 0; }
.et-nav__auth a:hover { background: transparent; padding: 0; margin: 0; text-decoration: underline; }
@media (max-width: 900px) {
  .et-nav { padding: 0 16px; flex-wrap: wrap; height: auto; }
  .et-nav a { padding: 10px 14px 10px 0; }
  .et-nav__auth { padding: 8px 0; width: 100%; border-top: 1px solid #2a2a2a; }
}

/* =============== GRID LAYOUT =============== */
.et-grid {
  display: grid;
  grid-template-columns: 280px minmax(0, 1fr) 340px;
  gap: 20px;
  padding: 28px 28px 20px;
  max-width: 1800px;
  margin: 0 auto;
}
@media (min-width: 2200px) {
  .et-grid { grid-template-columns: 340px minmax(0, 1fr) 400px; max-width: 2300px; gap: 24px; padding: 36px 40px 24px; }
}
@media (max-width: 1400px) {
  .et-grid { grid-template-columns: 240px minmax(0, 1fr) 300px; gap: 16px; padding: 22px 18px 18px; }
}
@media (max-width: 1100px) {
  .et-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 760px) {
  .et-grid { grid-template-columns: 1fr; padding: 16px 10px 10px; gap: 12px; }
}
.et-col { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

/* =============== BOX (dark window) =============== */
.et-box {
  background: #0a0a0a;
  border: 1px solid #2a2a2a;
  display: flex;
  flex-direction: column;
  position: relative;
}
.et-box--fill { flex: 1; min-height: 220px; }
.et-box--cart { min-height: 320px; }
@media (max-width: 760px) {
  .et-box--fill, .et-box--cart { min-height: 0; }
}

.et-box__head {
  background: #000;
  color: #c8c8c8;
  padding: 0 4px 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  height: 28px;
  border-bottom: 1px solid #2a2a2a;
  overflow: hidden;
}
.et-box__head::before { content: ''; } /* remove any prior icon pseudo */
.et-box__head > span:first-child {
  display: inline-flex;
  align-items: center;
  gap: 0;
  color: #c8c8c8;
}
.et-box__head > span:first-child::before { display: none; }
.et-box__head a {
  color: #b8b8b8;
  font-weight: 400;
  font-size: 11px;
  text-transform: none;
  letter-spacing: 0.02em;
  padding: 0 8px;
  height: 28px;
  display: inline-flex;
  align-items: center;
}
.et-box__head a:hover { color: #fff; background: #1a1a1a; text-decoration: none; }

.et-box__menu {
  display: none; /* no menubar in dark theme */
}
.et-box__body {
  padding: 14px 16px;
  flex: 1;
  background: #0a0a0a;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  color: #f0f0f0;
  line-height: 1.6;
}
.et-box__body, .et-box__body p, .et-box__body span, .et-box__body div, .et-box__body b { color: #f0f0f0; }
.et-box__body .et-muted, .et-box__body small { color: #777; }
.et-box a { color: #f0f0f0; text-decoration: none; }
.et-box a:hover { color: #fff; text-decoration: underline; }

/* dashed divider helper */
.et-hr-dash {
  border: 0;
  border-top: 1px dashed #2a2a2a;
  margin: 10px 0;
}

/* window chrome buttons in box header */
.et-win-chrome {
  display: inline-flex;
  gap: 0;
  margin-left: auto;
  align-items: stretch;
  height: 100%;
}
.et-win-chrome .et-win-btn {
  width: 28px;
  height: 28px;
  padding: 0;
  border: 0;
  border-left: 1px solid #2a2a2a;
  border-radius: 0;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  font-weight: 400;
  color: #b8b8b8;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  box-shadow: none;
  text-shadow: none;
  line-height: 1;
}
.et-win-chrome .et-win-btn:hover { background: #1a1a1a; color: #fff; }
.et-win-chrome .et-win-btn--close:hover,
.et-win-chrome .et-win-btn[data-act="close"]:hover { background: #c22; color: #fff; }

.et-windows-mode .et-box { box-shadow: 0 8px 24px rgba(0,0,0,0.6); }
.et-windows-mode .et-box__head { cursor: move; }
.et-windows-mode .et-box:not(.et-win-active) > .et-box__head { color: #777; background: #050505; }
.et-windows-mode .et-box:not(.et-win-active) > .et-box__head a { color: #555; }

.et-box.et-win-min .et-box__body,
.et-box.et-win-min .et-box__menu,
.et-box.et-win-min .et-pdp,
.et-box.et-win-min > *:not(.et-box__head) { display: none !important; }
/* minimized: only collapse vertically; keep full column width */
.et-box.et-win-min {
  max-height: 28px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  flex: 0 0 28px !important;
}
.et-box.et-win-min .et-box__head { width: 100%; }
body.template-suffix-home .et-col { width: 100% !important; min-width: 0 !important; }
body.template-suffix-home .et-box { width: 100% !important; min-width: 0 !important; align-self: stretch !important; }
body.template-suffix-home .et-box.et-win-min { width: 100% !important; align-self: stretch !important; }

/* pinned box: ignores any minimize class, always renders fully */
.et-box--pinned.et-win-min { max-height: none !important; overflow: visible !important; flex: 1 1 auto !important; }
.et-box--pinned.et-win-min .et-box__body,
.et-box--pinned.et-win-min > *:not(.et-box__head) { display: flex !important; }
.et-win-pin {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 10px;
  color: var(--fg-mute, #8a8a8a);
  user-select: none;
  opacity: 0.55;
  filter: grayscale(1);
}
[data-theme="silver"] .et-win-pin { color: #3a3a3a; }

/* maximize: overlay full viewport */
.et-box.et-win-max {
  position: fixed !important;
  inset: 8px !important;
  z-index: 9800 !important;
  flex: none !important;
  height: auto !important;
  max-height: none !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.8);
}
.et-box.et-win-max .et-box__body { max-height: calc(100vh - 48px); overflow: auto; }

/* =============== LISTS =============== */
.et-list { margin: 0; padding: 0; list-style: none; }
.et-list li {
  padding: 6px 0;
  border-bottom: 1px dashed #2a2a2a;
  font-size: 12px;
  color: #f0f0f0;
}
.et-list li:last-child { border-bottom: 0; }
.et-list li small { color: #777; display: block; font-size: 10px; margin-top: 2px; }

.et-friends { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.et-friend { text-align: center; font-size: 11px; color: #f0f0f0; }
.et-friend__avatar {
  width: 100%;
  aspect-ratio: 1/1;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  margin-bottom: 4px;
}

.et-empty { color: #777; font-size: 12px; text-align: left; padding: 8px 0; }

/* notepad text */
.et-notepad { font-size: 12px; line-height: 1.6; color: #f0f0f0; }
.et-notepad p { margin: 0 0 10px; }
.et-notepad p:last-child { margin-bottom: 0; }
.et-notepad b { color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 0.04em; }
.et-notepad__sig { color: #777; margin-top: 12px !important; }

/* =============== FEATURED PRODUCT (middle window) =============== */
.et-product {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 14px;
  align-items: stretch;
  min-height: 0;
  flex: 1 1 auto;
  height: 100%;
}
@media (max-width: 1100px) { .et-product { grid-template-columns: 1fr; min-height: 0; } }
body.template-suffix-home .et-product { height: 100%; min-height: 0; }

.et-product__img {
  border: 1px solid #2a2a2a;
  background: #0a0a0a;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 0;
  height: 100%;
  position: relative;
}
@media (max-width: 1100px) { .et-product__img { aspect-ratio: 1/1; min-height: 0; } }
.et-product__img img { max-width: 100%; max-height: 100%; object-fit: contain; display: block; filter: contrast(1.1) brightness(1.02); }
.et-product__img .ph { color: #555; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; }
.et-product__thumbs {
  position: absolute;
  bottom: 8px;
  left: 0; right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  color: #b8b8b8;
}
.et-product__thumbs .num { color: #777; padding: 0 2px; }
.et-product__thumbs .num.active { color: #fff; }
.et-product__thumbs .arrow { color: #555; cursor: pointer; }
.et-product__thumbs .arrow:hover { color: #fff; }

.et-product__info {
  display: flex;
  flex-direction: column;
  gap: 14px;
  height: 100%;
  min-height: 0;
  font-family: 'Space Mono', monospace;
  color: #f0f0f0;
}
.et-product__title {
  font-size: 13px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin: 0;
}
.et-product__rule { border: 0; border-top: 1px dashed #2a2a2a; margin: 0 0 2px; }
.et-product__specs { list-style: none; padding: 0; margin: 0; font-size: 12px; color: #f0f0f0; }
.et-product__specs li { padding: 2px 0; position: relative; padding-left: 14px; }
.et-product__specs li::before { content: '•'; position: absolute; left: 0; color: #777; }
.et-product__bonus { font-size: 12px; color: #f0f0f0; }
.et-product__bonus h4 { margin: 0 0 6px; font-size: 12px; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: 0.04em; }
.et-product__bonus p { margin: 0 0 6px; }
.et-product__bonus p::before { content: '> '; color: #777; }
.et-product__bonus b, .et-product__bonus strong { color: #fff; font-weight: 400; text-transform: uppercase; letter-spacing: 0.04em; }
.et-product__desc {
  font-size: 12px;
  line-height: 1.55;
  color: #f0f0f0;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding-right: 6px;
}
.et-product__desc::-webkit-scrollbar { width: 10px; }
.et-product__desc::-webkit-scrollbar-track { background: #0a0a0a; }
.et-product__desc::-webkit-scrollbar-thumb { background: #2a2a2a; border: 1px solid #0a0a0a; }
.et-product__desc::-webkit-scrollbar-thumb:hover { background: #444; }

.et-product__select {
  width: 120px;
  padding: 6px 10px;
  border: 1px solid #2a2a2a;
  background: #0a0a0a;
  color: #fff;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0 L5 6 L10 0' fill='%23dcdcdc'/></svg>");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 28px;
}
.et-product__price {
  font-family: 'Space Mono', monospace;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
}
.et-product__buy {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding-top: 12px;
  border-top: 1px dashed #2a2a2a;
  margin-top: auto;
}
.et-product__buy-left { display: flex; flex-direction: column; gap: 6px; }
.et-product__cta {
  border: 1px solid #2a2a2a;
  background: #0a0a0a;
  padding: 10px 22px;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  color: #fff;
  letter-spacing: 0.04em;
  text-transform: lowercase;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
}
.et-product__cta:hover { background: #fff; color: #000; border-color: #fff; }
.et-product__cta svg { display: none; }

/* =============== CART BOX =============== */
.et-cart-item {
  display: grid;
  grid-template-columns: 64px 1fr auto;
  gap: 12px;
  padding: 10px 0;
  align-items: center;
  font-size: 12px;
  color: #f0f0f0;
  border-bottom: 1px dashed #2a2a2a;
}
.et-cart-item:last-child { border-bottom: 0; }
.et-cart-item__img {
  width: 64px; height: 64px;
  background: #1a1a1a;
  border: 1px solid #2a2a2a;
  overflow: hidden;
}
.et-cart-item__img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.et-cart-item a { color: #fff; }
.et-cart-item a:hover { text-decoration: underline; }
.et-cart-total {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #3a3a3a;
  display: flex;
  justify-content: space-between;
  font-weight: 700;
  color: var(--fg, #fff);
}
.et-cart-item__price { color: var(--fg, #fff); font-weight: 700; }
.et-strong-line { color: var(--fg, #fff); font-weight: 400; }
.et-cart-checkout {
  display: block;
  background: #0a0a0a;
  border: 1px solid #2a2a2a;
  text-align: center;
  padding: 12px 0;
  margin-top: 14px;
  color: #fff !important;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: lowercase;
  text-decoration: none !important;
}
.et-cart-checkout:hover { background: #fff; color: #000 !important; border-color: #fff; }

/* =============== PAGE WRAPPER =============== */
.et-page { padding: 28px 28px 40px; max-width: 1800px; margin: 0 auto; }
.et-page__inner { border: 1px solid #2a2a2a; background: #0a0a0a; }
.et-page__head {
  background: #000; color: #fff;
  padding: 8px 14px;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  border-bottom: 1px solid #2a2a2a;
}
.et-page__body { padding: 20px; color: #f0f0f0; }

.et-page-title {
  font-family: 'VT323', monospace;
  font-size: 56px;
  line-height: 1;
  margin: 0;
  padding: 28px 28px 6px;
  color: #fff;
}
.et-page-sub {
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  padding: 0 28px 16px;
  color: #b8b8b8;
}
@media (max-width: 760px) {
  .et-page-title { padding: 20px 14px 6px; font-size: 42px; }
  .et-page-sub { padding: 0 14px 12px; }
}

/* =============== FORMS =============== */
.et-form { display: flex; flex-direction: column; gap: 12px; max-width: 420px; }
.et-field { display: flex; flex-direction: column; gap: 4px; }
.et-label {
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #b8b8b8;
}
.et-input, .et-textarea, .et-select {
  padding: 8px 10px;
  border: 1px solid #2a2a2a;
  background: #0a0a0a;
  font-family: 'Space Mono', monospace;
  font-size: 13px;
  color: #fff;
  width: 100%;
}
.et-textarea { min-height: 100px; resize: vertical; }
.et-input:focus, .et-textarea:focus, .et-select:focus { outline: 1px solid #fff; outline-offset: -1px; }
.et-btn {
  background: #0a0a0a; color: #fff;
  border: 1px solid #2a2a2a;
  padding: 10px 20px;
  font-family: 'Space Mono', monospace;
  font-size: 12px; font-weight: 400;
  cursor: pointer;
  text-transform: lowercase; letter-spacing: 0.04em;
  display: inline-block;
}
.et-btn:hover { background: #fff; color: #000; border-color: #fff; text-decoration: none; }
.et-btn--ghost { background: transparent; color: #f0f0f0; border: 1px solid #2a2a2a; }
.et-btn--ghost:hover { background: #1a1a1a; color: #fff; }
.et-btn--sm { padding: 6px 12px; font-size: 11px; }
.et-btn--block { display: block; width: 100%; text-align: center; }
.et-btn--disabled { opacity: 0.3; cursor: not-allowed; }

.et-error { border: 1px solid #c22; background: #1a0505; color: #fff; padding: 10px 14px; font-size: 13px; margin-bottom: 14px; }
.et-success { border: 1px solid #2a2a2a; background: #0a0a0a; color: #f0f0f0; padding: 10px 14px; font-size: 13px; margin-bottom: 14px; }

/* =============== TABLES =============== */
.et-table { width: 100%; border-collapse: collapse; font-family: 'Space Mono', monospace; font-size: 12px; color: #f0f0f0; }
.et-table th {
  text-align: left; background: #000; color: #fff;
  padding: 8px 12px; font-size: 11px; text-transform: uppercase; letter-spacing: 0.06em;
  font-weight: 400;
  border-bottom: 1px solid #2a2a2a;
}
.et-table td { padding: 10px 12px; border-bottom: 1px dashed #2a2a2a; vertical-align: middle; }
.et-table tr:last-child td { border-bottom: 0; }
.et-table a { color: #fff; text-decoration: underline; }
@media (max-width: 600px) {
  .et-table { font-size: 11px; }
  .et-table th, .et-table td { padding: 6px 4px !important; }
}

/* =============== QUANTITY CONTROL =============== */
.et-qty { display: inline-flex; border: 1px solid #2a2a2a; background: #0a0a0a; width: fit-content; }
.et-qty button { background: #0a0a0a; color: #fff; border: 0; cursor: pointer; width: 28px; height: 28px; font-family: 'Space Mono', monospace; font-size: 14px; }
.et-qty button:hover { background: #fff; color: #000; }
.et-qty input { width: 40px; border: 0; text-align: center; font-family: 'Space Mono', monospace; font-size: 12px; background: transparent; color: #fff; }
.et-qty input::-webkit-outer-spin-button, .et-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

/* =============== PRODUCT GRID (collection) =============== */
.et-shop-layout {
  display: grid;
  grid-template-columns: 220px 1fr;
  gap: 16px;
  align-items: start;
}
@media (max-width: 900px) { .et-shop-layout { grid-template-columns: 1fr; } }
.et-shop-main { min-width: 0; }

.et-prod-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 14px; }
.et-shop-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }

.et-card {
  border: 1px solid #2a2a2a; background: #0a0a0a;
  display: flex; flex-direction: column;
  text-decoration: none; color: #f0f0f0;
  transition: border-color 0.1s;
}
.et-card:hover { border-color: #4a4a4a; background: #0f0f0f; text-decoration: none; }
.et-card:hover .et-card__img img { transform: scale(1.03); }
.et-card__img {
  aspect-ratio: 1/1;
  background: #0a0a0a;
  overflow: hidden;
  border-bottom: 1px solid #2a2a2a;
  display: flex; align-items: center; justify-content: center;
}
.et-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.25s ease; }
.et-card__img .ph { color: #555; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; }
.et-card__meta { padding: 10px 12px 4px; display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.et-card__title { font-family: 'Space Mono', monospace; font-size: 12px; font-weight: 400; color: #fff; text-transform: lowercase; line-height: 1.3; flex: 1; }
.et-card__row {
  padding: 4px 12px 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
}
.et-card__price { font-family: 'Space Mono', monospace; font-size: 12px; font-weight: 700; color: #fff; white-space: nowrap; }
.et-card__price s { color: #777; font-weight: 400; font-size: 11px; margin-left: 4px; }
.et-card__type { color: #777; text-transform: lowercase; }
.et-tag { display: inline-block; background: #fff; color: #000; padding: 2px 6px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.08em; }
.et-tag--sold { background: #2a2a2a; color: #777; }

.et-pagination {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px dashed #2a2a2a;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
}
.et-pagination a { color: #f0f0f0; text-decoration: none; }
.et-pagination a:hover { color: #fff; text-decoration: underline; }

/* =============== PRODUCT DETAIL =============== */
.et-pdp { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding: 28px; max-width: 1600px; margin: 0 auto; box-sizing: border-box; }
@media (max-width: 900px) { .et-pdp { grid-template-columns: 1fr; padding: 14px; } }
.et-pdp__gallery .et-box { min-height: 100%; }
.et-pdp__main-img { aspect-ratio: 1/1; background: #0a0a0a; overflow: hidden; }
.et-pdp__main-img img { width: 100%; height: 100%; object-fit: contain; display: block; }
.et-pdp__thumbs { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px; background: #0a0a0a; }
.et-pdp__thumb { aspect-ratio: 1/1; border: 1px solid #2a2a2a; cursor: pointer; overflow: hidden; background: #1a1a1a; }
.et-pdp__thumb img { width: 100%; height: 100%; object-fit: cover; }
.et-pdp__thumb.active { outline: 1px solid #fff; outline-offset: 1px; }
.et-pdp__title { font-family: 'VT323', monospace; font-size: 36px; line-height: 1; margin: 0 0 6px; color: #fff; }
.et-pdp__price { font-family: 'Space Mono', monospace; font-size: 20px; font-weight: 700; margin-bottom: 14px; color: #fff; }
.et-pdp__desc { font-size: 12px; line-height: 1.7; margin-bottom: 20px; color: #f0f0f0; }

/* =============== UTILITIES =============== */
.et-row { display: flex; gap: 12px; align-items: center; }
.et-row--between { justify-content: space-between; }
.et-stack > * + * { margin-top: 12px; }
.et-muted { color: #777; }
.et-mono { font-family: 'Space Mono', monospace; }
.et-text-center { text-align: center; }
.et-hr { border: 0; border-top: 1px dashed #2a2a2a; margin: 14px 0; }

/* =============== FOOTER =============== */
.et-foot-wrap { background: #000; border-top: 1px dashed #2a2a2a; }
.et-foot {
  background: #000;
  color: #b8b8b8;
  padding: 6px 12px;
  text-align: center;
  font-family: 'Space Mono', monospace;
  font-size: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 0;
  line-height: 1.3;
  height: 30px;
  box-sizing: border-box;
}
.et-foot__links { display: inline-flex; justify-content: center; flex-wrap: wrap; }
.et-foot__links a {
  color: #b8b8b8;
  padding: 0 8px;
  border-right: 1px solid #2a2a2a;
  font-size: 10px;
}
.et-foot__links a:hover { color: #fff; text-decoration: underline; }
.et-foot__links a:last-child { border-right: 0; }
.et-foot__copy { color: #555; font-size: 10px; padding: 0 8px; border-left: 1px solid #2a2a2a; }

/* =============== FORUM (social feed) =============== */
.et-forum {
  max-width: 1800px;
  margin: 0 auto;
  padding: 14px 20px 40px;
  box-sizing: border-box;
}
.et-forum__bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  color: var(--fg-mute, #b8b8b8);
  padding: 0 4px 10px;
  border-bottom: 1px dashed var(--line, #3a3a3a);
  margin-bottom: 18px;
  flex-wrap: wrap;
}
.et-forum__cats-tabs { display: flex; gap: 14px; flex: 1; justify-content: center; flex-wrap: wrap; }
.et-forum__cats-tabs a { color: var(--fg-mute, #b8b8b8); font-size: 12px; padding: 3px 8px; border: 1px solid transparent; border-radius: 2px; }
.et-forum__cats-tabs a:hover { color: var(--fg, #fff); text-decoration: none; background: var(--bg-2, #1a1a1a); }
.et-forum__cats-tabs a.active { color: var(--fg, #fff); border-color: var(--line, #3a3a3a); background: var(--bg-2, #1a1a1a); }

.et-forum__layout {
  display: grid;
  grid-template-columns: 260px 1fr 260px;
  gap: 18px;
  align-items: start;
}
@media (max-width: 1400px) { .et-forum__layout { grid-template-columns: 220px 1fr 220px; gap: 14px; } }
@media (max-width: 1100px) {
  .et-forum__layout { grid-template-columns: 1fr; }
  .et-forum__side { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 14px; }
}
@media (max-width: 700px) { .et-forum__side { grid-template-columns: 1fr; } }
.et-forum__side { display: flex; flex-direction: column; gap: 14px; }
.et-forum__feed { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

/* avatar color variants */
.av { display: inline-flex; align-items: center; justify-content: center; font-family: 'Space Mono', monospace; font-size: 10px; font-weight: 700; color: #002a5c; border: 1px solid #2a2a2a; text-shadow: 0 1px 0 rgba(255,255,255,0.3); }
.av.ghost { background: linear-gradient(135deg, #d4e8f0 0%, #7090b0 100%); color: #1a2030; }
.av.mira  { background: linear-gradient(135deg, #e8d4f0 0%, #9070a8 100%); color: #2a1830; }
.av.anna  { background: linear-gradient(135deg, #f0e0c0 0%, #b08860 100%); color: #3a2810; }
.av.saint { background: linear-gradient(135deg, #c8c8c8 0%, #707070 100%); color: #1a1a1a; }
.av.u     { background: linear-gradient(135deg, #c8e0c8 0%, #708870 100%); color: #1a2a1a; }
.et-fuser__avatar--lg { width: 54px; height: 54px; font-size: 14px; }

/* online users list */
.et-online { display: flex; flex-direction: column; gap: 6px; font-family: 'Space Mono', monospace; font-size: 12px; }
.et-online__user { display: flex; align-items: center; gap: 8px; color: var(--fg, #fff); }
.et-online__user .av { width: 22px; height: 22px; flex-shrink: 0; }
.et-online__more { color: var(--fg-mute, #b8b8b8); font-size: 11px; padding-left: 2px; }

/* trending */
.et-trending { list-style: none; margin: 0; padding: 0; font-family: 'Space Mono', monospace; font-size: 12px; }
.et-trending li { display: grid; grid-template-columns: 24px 1fr auto; gap: 8px; padding: 6px 0; border-bottom: 1px dashed var(--line, #3a3a3a); }
.et-trending li:last-child { border-bottom: 0; }
.et-trending .rank { color: var(--fg-mute, #b8b8b8); font-weight: 700; }
.et-trending a { color: var(--fg, #fff); }
.et-trending small { color: var(--fg-mute, #b8b8b8); font-size: 11px; }

/* social feed card */
.et-fpost {
  border: 1px solid var(--line, #3a3a3a);
  background: var(--bg-card, #0f0f0f);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.et-fpost__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 14px;
  border-bottom: 1px solid var(--line, #3a3a3a);
}
.et-fpost__head .et-fuser__avatar { width: 40px; height: 40px; font-size: 13px; }
.et-fpost__opts { display: flex; gap: 12px; color: var(--fg-mute, #b8b8b8); font-family: 'Space Mono', monospace; font-size: 12px; }
.et-fpost__opts span { cursor: pointer; }
.et-fpost__opts span:hover { color: var(--fg, #fff); }

.et-fpost__media { background: var(--bg-media, #050505); position: relative; }
.et-fpost__img { display: grid; }
.et-fpost__img--solo { grid-template-columns: 1fr; aspect-ratio: 4/3; }
.et-fpost__img--solo .ph { aspect-ratio: auto; min-height: 360px; }
.et-fpost__img--grid { grid-template-columns: repeat(2, 1fr); gap: 2px; background: var(--line, #3a3a3a); }
.et-fpost__img--grid .ph { aspect-ratio: 1/1; }
.et-fpost__img--grid-3 { grid-template-columns: 2fr 1fr 1fr; gap: 2px; }
.et-fpost__img--grid-3 .ph:first-child { grid-row: span 2; }
.et-fpost__img--grid-3 .ph { aspect-ratio: auto; min-height: 140px; }
.et-fpost__img--video { grid-template-columns: 1fr; aspect-ratio: 16/9; position: relative; }
.et-fpost__img .ph {
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 40%, #1a1a1a 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-mute, #b8b8b8);
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.et-fpost__vctrls {
  position: absolute; bottom: 8px; left: 10px; right: 10px;
  font-family: 'Space Mono', monospace; font-size: 11px; color: #fff;
  background: rgba(0,0,0,0.6); padding: 4px 8px; border-radius: 2px;
}
.et-fpost__media--nsfw { position: relative; }
.et-fpost__media--nsfw .et-fpost__img { filter: blur(18px); opacity: 0.4; pointer-events: none; }
.et-fpost__nsfw-overlay {
  position: absolute; inset: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  background: rgba(0,0,0,0.65);
  color: #fff;
  font-family: 'Space Mono', monospace;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-align: center;
  line-height: 1.8;
}
.et-fpost__nsfw-overlay a { color: #ff8070; text-decoration: underline; }

.et-fpost__body {
  padding: 12px 14px;
  font-family: 'Space Mono', monospace;
  font-size: 13px;
  line-height: 1.6;
  color: var(--fg, #f0f0f0);
}
.et-fpost__body--text { padding: 24px 18px; }
.et-fpost__body p { margin: 0 0 6px; }
.et-fpost__body p:last-child { margin-bottom: 0; }
.et-fpost__body b { color: var(--fg, #fff); font-weight: 400; }

/* reactions */
.et-fpost__reactions {
  display: flex; gap: 6px;
  padding: 8px 12px;
  border-top: 1px solid var(--line, #3a3a3a);
  flex-wrap: wrap;
}
.et-fpost__reactions .rx {
  border: 1px solid var(--line, #3a3a3a);
  background: var(--bg-2, #1a1a1a);
  color: var(--fg, #f0f0f0);
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  padding: 4px 10px;
  cursor: pointer;
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.et-fpost__reactions .rx b { color: var(--fg, #fff); font-weight: 400; }
.et-fpost__reactions .rx:hover { background: var(--bg-3, #2a2a2a); }
.et-fpost__reactions .rx.active { background: var(--fg, #fff); color: var(--bg, #000); }
.et-fpost__reactions .rx.active b { color: var(--bg, #000); }

/* comments */
.et-fpost__comments {
  border-top: 1px solid var(--line, #3a3a3a);
  background: var(--bg-sub, #0a0a0a);
  padding: 10px 12px;
  display: flex; flex-direction: column; gap: 10px;
}
.et-comment { display: flex; gap: 10px; align-items: flex-start; }
.et-comment .et-fuser__avatar { width: 30px; height: 30px; font-size: 11px; flex-shrink: 0; }
.et-comment__head { font-size: 11px; margin-bottom: 2px; color: var(--fg-mute, #b8b8b8); }
.et-comment__head b { color: var(--fg, #fff); font-weight: 400; }
.et-comment__head small { color: var(--fg-mute, #b8b8b8); }
.et-comment p { margin: 0 0 4px; font-size: 12px; line-height: 1.5; color: var(--fg, #f0f0f0); }
.et-comment__actions { display: flex; gap: 10px; font-size: 10px; color: var(--fg-mute, #b8b8b8); }
.et-comment__actions span { cursor: pointer; }
.et-comment__actions span:hover { color: var(--fg, #fff); }
.et-comment--compose input { flex: 1; }

/* compose card */
.et-fpost--compose { padding: 12px 14px; gap: 10px; display: flex; flex-direction: column; }
.et-fpost--compose .et-fpost__head { padding: 0 0 8px; border-bottom: 1px dashed var(--line, #3a3a3a); }
.et-fpost__composer-tools { display: flex; justify-content: space-between; gap: 10px; align-items: center; flex-wrap: wrap; }
.et-fpost__attach { display: flex; gap: 4px; flex-wrap: wrap; }
.et-fpost__attach span {
  padding: 4px 8px;
  border: 1px solid var(--line, #3a3a3a);
  background: var(--bg-2, #1a1a1a);
  color: var(--fg, #f0f0f0);
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  cursor: pointer;
}
.et-fpost__attach span:hover { background: var(--bg-3, #2a2a2a); }
.et-fpost__submit { display: flex; gap: 10px; align-items: center; }
.et-fpost__check { display: flex; gap: 6px; align-items: center; font-size: 11px; color: var(--fg-mute, #b8b8b8); }

/* badges */
.et-badge { display: inline-block; padding: 1px 6px; margin-left: 4px; font-size: 10px; background: var(--fg, #fff); color: var(--bg, #000); letter-spacing: 0.08em; text-transform: uppercase; font-family: 'Space Mono', monospace; }
.et-badge--nsfw { background: #c22; color: #fff; }
.et-badge--sale { background: #3a8; color: #000; }

.et-forum__loadmore { text-align: center; padding: 20px 0; }

/* =============== LEGACY FORUM (hidden, kept for compatibility) =============== */
.et-forum__grid { display: none; }
.et-forum__main { display: block; }
.et-forum__crumbs a { color: #f0f0f0; }
.et-forum__crumbs span { color: #555; padding: 0 4px; }
.et-forum__stats { display: inline-flex; gap: 6px; }
.et-forum__stats b { color: #fff; font-weight: 400; }

.et-forum__grid {
  display: grid;
  grid-template-columns: 260px 1fr 260px;
  gap: 14px;
  align-items: start;
}
@media (max-width: 1400px) { .et-forum__grid { grid-template-columns: 220px 1fr 220px; } }
@media (max-width: 1100px) { .et-forum__grid { grid-template-columns: 1fr; } }
.et-forum__main { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.et-forum__cats li.active a { color: #fff; font-weight: 700; }
.et-forum__cats li.active::before { content: '> '; color: #fff; }

.et-fuser { display: flex; gap: 10px; align-items: center; }
.et-fuser__avatar {
  width: 40px; height: 40px; flex-shrink: 0;
  background: linear-gradient(135deg, #eaf5ff 0%, #9fc9ed 45%, #2e6da6 100%);
  border: 1px solid #2a2a2a;
  display: flex; align-items: center; justify-content: center;
  font-family: 'Space Mono', monospace;
  font-size: 12px; font-weight: 700;
  color: #002a5c;
}
.et-fuser__info { min-width: 0; }
.et-fuser__name { color: #fff; font-size: 12px; font-weight: 400; }
.et-fuser__meta { color: #777; font-size: 10px; }
.et-fuser__stats { display: flex; gap: 10px; font-size: 11px; color: #b8b8b8; margin: 8px 0; flex-wrap: wrap; }
.et-fuser__stats b { color: #fff; font-weight: 400; }

/* compose/search action bar */
.et-forum__actions { display: flex; gap: 8px; align-items: center; }
@media (max-width: 600px) { .et-forum__actions { flex-wrap: wrap; } }

/* thread list */
.et-threads { list-style: none; margin: 0; padding: 0; }
.et-thread {
  display: grid;
  grid-template-columns: 24px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 10px 14px;
  border-bottom: 1px dashed #2a2a2a;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
}
.et-thread:last-child { border-bottom: 0; }
.et-thread:hover { background: #0f0f0f; }
.et-thread__pin { color: #777; font-size: 12px; text-align: center; }
.et-thread__title { color: #fff; font-size: 13px; display: block; margin-bottom: 2px; text-decoration: none; }
.et-thread:hover .et-thread__title { text-decoration: underline; }
.et-thread__meta { color: #777; font-size: 10px; display: flex; gap: 6px; flex-wrap: wrap; }
.et-thread__meta b { color: #f0f0f0; font-weight: 400; }
.et-thread__counts { display: flex; gap: 12px; color: #b8b8b8; font-size: 11px; white-space: nowrap; }
.et-thread--pinned .et-thread__pin { color: #ffd072; }
.et-thread--active .et-thread__title { color: #fff; }
.et-thread--nsfw .et-thread__pin { color: #c22; }
.et-thread--nsfw .et-thread__title { color: #f0f0f0; }
.et-thread--locked { opacity: 0.65; }
.et-thread--locked .et-thread__pin { color: #777; }

/* open thread posts */
.et-post-thread {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 0;
  border-bottom: 1px solid #2a2a2a;
}
.et-post-thread:last-child { border-bottom: 0; }
.et-post-thread--op { background: #0c0c0c; }
.et-post-thread--flagged { background: #1a0a0a; }
.et-post-thread__side {
  padding: 14px 12px;
  border-right: 1px solid #2a2a2a;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  color: #b8b8b8;
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: center;
  align-items: center;
}
.et-post-thread__side .et-fuser__avatar { width: 48px; height: 48px; font-size: 13px; }
.et-post-thread__user { color: #fff; font-size: 12px; }
.et-post-thread__badges { display: flex; gap: 4px; flex-wrap: wrap; justify-content: center; }
.et-post-thread__badges span { background: #1a1a1a; border: 1px solid #2a2a2a; padding: 1px 6px; font-size: 9px; color: #f0f0f0; letter-spacing: 0.04em; }
.et-post-thread__meta { color: #777; font-size: 10px; }
.et-post-thread__body { padding: 12px 14px; min-width: 0; }
.et-post-thread__head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 6px; border-bottom: 1px dashed #2a2a2a; margin-bottom: 8px; font-size: 10px; flex-wrap: wrap; gap: 6px; }
.et-post-thread__actions { display: flex; gap: 10px; }
.et-post-thread__actions a { font-size: 10px; color: #b8b8b8; }
.et-post-thread__actions a:hover { color: #fff; }
.et-post-thread__content p { margin: 0 0 8px; line-height: 1.6; }
.et-post-thread__content--hidden { color: #777; font-style: italic; }

@media (max-width: 700px) {
  .et-post-thread { grid-template-columns: 1fr; }
  .et-post-thread__side { flex-direction: row; border-right: 0; border-bottom: 1px dashed #2a2a2a; padding: 10px 14px; gap: 10px; text-align: left; align-items: center; }
  .et-post-thread__side .et-fuser__avatar { width: 32px; height: 32px; font-size: 11px; }
  .et-post-thread__badges { justify-content: flex-start; }
}

/* composer */
.et-composer {
  padding: 12px 14px;
  background: #0c0c0c;
  border-top: 1px solid #2a2a2a;
}
.et-composer__head { font-family: 'Space Mono', monospace; font-size: 12px; color: #fff; margin-bottom: 8px; }
.et-composer__actions { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-top: 8px; flex-wrap: wrap; }
.et-composer__tools { display: flex; gap: 2px; }
.et-composer__tools span {
  width: 26px; height: 24px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 1px solid #2a2a2a;
  background: #0a0a0a;
  color: #f0f0f0;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  cursor: pointer;
}
.et-composer__tools span:hover { background: #1a1a1a; color: #fff; }
.et-composer__submit { display: flex; gap: 14px; align-items: center; }
.et-composer__foot { margin-top: 8px; padding-top: 8px; border-top: 1px dashed #2a2a2a; font-size: 10px; color: #777; display: flex; gap: 8px; flex-wrap: wrap; }

/* =============== LOCKED / GATE PAGE =============== */
.et-locked {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 0;
  color: #f0f0f0;
  font-family: 'Space Mono', monospace;
  position: relative;
}
.et-locked__bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.3;
  background:
    repeating-linear-gradient(0deg, rgba(255,255,255,0.015) 0 1px, transparent 1px 2px),
    radial-gradient(ellipse at center, transparent 20%, #000 90%);
}
.et-locked__head {
  background: #000;
  border-bottom: 1px solid #2a2a2a;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  position: relative;
  z-index: 1;
}
.et-locked__logo img { display: block; height: 64px; width: auto; object-fit: contain; }
.et-locked__status {
  text-align: right;
  font-size: 11px;
  color: #b8b8b8;
  line-height: 1.55;
}
.et-locked__status b { color: #f0f0f0; font-weight: 400; }
.et-locked__status b:first-of-type { color: #c22; }

.et-locked__main {
  flex: 1 1 auto;
  padding: 40px 24px 20px;
  max-width: 1400px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
.et-locked__intro { text-align: center; margin-bottom: 28px; }
.et-locked__title {
  font-family: 'VT323', monospace;
  font-size: clamp(40px, 5vw, 72px);
  line-height: 1;
  margin: 0 0 8px;
  color: #fff;
}
.et-locked__sub {
  font-size: 13px;
  color: #b8b8b8;
  margin: 0 0 14px;
}
.et-locked__stats {
  font-size: 11px;
  color: #777;
  display: inline-flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.et-locked__stats b { color: #f0f0f0; font-weight: 400; }

.et-locked__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  align-items: stretch;
}
@media (max-width: 900px) { .et-locked__grid { grid-template-columns: 1fr; } }

.et-locked__ticker {
  margin-top: 28px;
  padding: 8px 0;
  border-top: 1px dashed #2a2a2a;
  border-bottom: 1px dashed #2a2a2a;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11px;
  color: #777;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.et-locked__ticker-inner {
  display: inline-block;
  animation: et-locked-marq 34s linear infinite;
}
@keyframes et-locked-marq {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.et-locked__foot {
  background: #000;
  border-top: 1px dashed #2a2a2a;
  padding: 10px 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: 10px;
  color: #777;
  flex-wrap: wrap;
  position: relative;
  z-index: 1;
}
.et-locked__foot a { color: #b8b8b8; }
.et-locked__foot a:hover { color: #fff; text-decoration: underline; }

@media (max-width: 600px) {
  .et-locked__head { flex-direction: column; align-items: flex-start; }
  .et-locked__status { text-align: left; }
  .et-locked__logo img { height: 40px; }
}

/* =============== POST FEED =============== */
.et-feed { max-width: 1800px; margin: 0 auto; padding: 14px 28px 28px; }
@media (min-width: 2200px) { .et-feed { max-width: 2300px; padding: 18px 40px 36px; } }
@media (max-width: 760px)  { .et-feed { padding: 10px 14px 20px; } }
.et-feed__head { display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 14px; color: #fff; }
.et-feed__title { font-family: 'VT323', monospace; font-size: clamp(28px, 3vw, 44px); line-height: 1; margin: 0; color: #fff; }
.et-feed__meta { font-family: 'Space Mono', monospace; font-size: 11px; color: #777; }
.et-feed__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px; }
.et-feed__grid .et-post { flex: 0 1 280px; max-width: 320px; }
@media (max-width: 500px) { .et-feed__grid .et-post { flex-basis: 100%; max-width: 100%; } }

.et-post { border: 1px solid #2a2a2a; background: #0a0a0a; display: flex; flex-direction: column; overflow: hidden; }
.et-post__head { background: #000; border-bottom: 1px solid #2a2a2a; height: 26px; padding: 0 10px; display: flex; align-items: center; justify-content: space-between; font-family: 'Space Mono', monospace; font-size: 11px; color: #fff; gap: 8px; text-transform: lowercase; }
.et-post__user { display: inline-flex; align-items: center; gap: 6px; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; }
.et-post__time { font-size: 10px; color: #777; font-weight: 400; white-space: nowrap; }
.et-post__media { background: #1a1a1a; aspect-ratio: 1/1; overflow: hidden; display: flex; align-items: center; justify-content: center; border-bottom: 1px solid #2a2a2a; }
.et-post__media img, .et-post__media video { width: 100%; height: 100%; object-fit: cover; display: block; }
.et-post__media--empty { color: #555; font-size: 11px; text-transform: uppercase; letter-spacing: 0.1em; }
.et-post__body { padding: 10px 12px 12px; font-family: 'Space Mono', monospace; font-size: 12px; line-height: 1.55; color: #f0f0f0; }
.et-post__actions { display: flex; gap: 4px; padding: 6px 10px; border-top: 1px solid #2a2a2a; background: #0a0a0a; font-family: 'Space Mono', monospace; font-size: 11px; color: #777; }
.et-post__actions span { padding: 2px 6px; cursor: default; }
.et-post__actions span:hover { color: #fff; }

/* =============== REDDIT-STYLE VOTE/RATING POST (category views) =============== */
.et-rpost {
  display: grid;
  grid-template-columns: 48px 1fr;
  background: var(--bg-card, #0f0f0f);
  border: 1px solid var(--line, #3a3a3a);
  margin-bottom: 12px;
}
.et-rpost--official {
  border-color: #c8c8ce;
  box-shadow: 0 0 0 1px rgba(255,255,255,0.1) inset;
}
.et-rpost__votes {
  background: var(--bg-2, #1a1a1a);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 0;
  gap: 4px;
  border-right: 1px solid var(--line, #3a3a3a);
}
.et-rpost__votes .vote {
  background: transparent;
  border: 0;
  color: var(--fg-mute, #b8b8b8);
  font-family: 'Space Mono', monospace;
  font-size: 14px;
  cursor: pointer;
  width: 32px; height: 28px;
}
.et-rpost__votes .vote:hover { color: var(--fg, #fff); }
.et-rpost__votes .vote.up { color: #ff6b35; }
.et-rpost__votes .vote.down { color: #5aa3f0; }
.et-rpost__votes .count {
  font-family: 'Space Mono', monospace;
  font-size: 13px;
  font-weight: 700;
  color: var(--fg, #fff);
}
.et-rpost__body { padding: 12px 14px; min-width: 0; }
.et-rpost__head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: var(--fg-mute, #b8b8b8);
  margin-bottom: 6px;
  flex-wrap: wrap;
  gap: 6px;
}
.et-rpost__head b { color: var(--fg, #fff); font-weight: 400; }
.et-rpost__rating { font-size: 11px; }
.et-rpost__pin { font-size: 11px; color: #ffa940; }
.et-rpost__title {
  font-family: 'Space Mono', monospace;
  font-size: 15px;
  font-weight: 700;
  color: var(--fg, #fff);
  margin: 0 0 8px;
}
.et-rpost__text { font-size: 13px; line-height: 1.6; margin: 0 0 10px; color: var(--fg, #f0f0f0); }
.et-rpost__media {
  background: var(--bg-media, #050505);
  margin: 0 0 10px;
  border: 1px solid var(--line, #3a3a3a);
}
.et-rpost__media .ph {
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-mute, #b8b8b8);
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.1em;
  background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
}
.et-rpost__media--grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  background: var(--line, #3a3a3a);
  border: 1px solid var(--line, #3a3a3a);
}
.et-rpost__media--grid .ph { aspect-ratio: 1/1; }
.et-rpost__meta-grid {
  display: flex;
  gap: 14px;
  font-size: 11px;
  color: var(--fg-mute, #b8b8b8);
  margin: 0 0 10px;
  flex-wrap: wrap;
}
.et-rpost__meta-grid b { color: var(--fg, #fff); font-weight: 400; }

/* rating bar */
.et-rpost__ratingbar {
  display: flex;
  align-items: center;
  gap: 2px;
  font-size: 11px;
  color: var(--fg-mute, #b8b8b8);
  margin: 0 0 10px;
  padding: 6px 8px;
  background: var(--bg-sub, #0a0a0a);
  border: 1px solid var(--line, #3a3a3a);
  flex-wrap: wrap;
}
.et-rpost__ratingbar span { margin-right: 6px; }
.et-rpost__ratingbar .star {
  background: transparent;
  border: 1px solid var(--line, #3a3a3a);
  color: var(--fg-mute, #b8b8b8);
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  width: 24px;
  height: 22px;
  cursor: pointer;
  padding: 0;
}
.et-rpost__ratingbar .star:hover { background: var(--fg, #fff); color: var(--bg, #000); }

/* actions row */
.et-rpost__actions {
  display: flex;
  gap: 14px;
  font-size: 11px;
  color: var(--fg-mute, #b8b8b8);
  padding-top: 8px;
  border-top: 1px dashed var(--line, #3a3a3a);
  flex-wrap: wrap;
}
.et-rpost__actions span { cursor: pointer; }
.et-rpost__actions span:hover { color: var(--fg, #fff); }

/* music player mini */
.et-rpost__player {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--bg-sub, #0a0a0a);
  border: 1px solid var(--line, #3a3a3a);
  padding: 8px 10px;
  margin: 0 0 10px;
  font-family: 'Space Mono', monospace;
  font-size: 11px;
  color: var(--fg, #f0f0f0);
}
.et-rpost__player .play {
  background: var(--fg, #fff);
  color: var(--bg, #000);
  border: 0;
  width: 26px; height: 26px;
  cursor: pointer;
  font-size: 12px;
}
.et-rpost__player .bar {
  flex: 1;
  height: 4px;
  background: var(--bg-3, #2a2a2a);
  position: relative;
}
.et-rpost__player .fill {
  position: absolute;
  top: 0; left: 0; bottom: 0;
  background: var(--fg, #fff);
}
.et-rpost__player .time { color: var(--fg-mute, #b8b8b8); }
.et-rpost__player .src { color: var(--fg-dim, #8a8a8a); text-transform: lowercase; }

/* movie card layout */
.et-rpost__movie { display: grid; grid-template-columns: 90px 1fr; gap: 14px; margin: 0 0 10px; }
.et-rpost__movie .poster {
  background: linear-gradient(135deg, #1a1a1a 0%, #3a3a3a 100%);
  aspect-ratio: 2/3;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--fg-mute, #b8b8b8);
  font-family: 'Space Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.1em;
}
.et-rpost__movie .info { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.et-rpost__movie .meta { font-size: 11px; color: var(--fg-mute, #b8b8b8); }
.et-rpost__movie .review { font-size: 12px; line-height: 1.55; margin: 4px 0; color: var(--fg, #f0f0f0); }
.et-rpost__movie .my-rating { font-size: 12px; font-weight: 700; color: var(--fg, #fff); }

/* empty state */
.et-empty-state {
  text-align: center;
  padding: 48px 20px;
  background: var(--bg-card, #0f0f0f);
  border: 1px solid var(--line, #3a3a3a);
}
.et-empty-state__icon { font-size: 48px; margin-bottom: 14px; color: var(--fg-mute, #b8b8b8); }
.et-empty-state h3 { margin: 0 0 10px; font-family: 'Space Mono', monospace; font-weight: 700; color: var(--fg, #fff); }
.et-empty-state p { font-size: 12px; line-height: 1.6; color: var(--fg-mute, #b8b8b8); max-width: 400px; margin: 0 auto 18px; }

/* silver overrides for rpost */
[data-theme="silver"] .et-rpost {
  background: linear-gradient(180deg, #f0f0f4 0%, #e0e0e6 100%);
  border-color: #7a7a82;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
[data-theme="silver"] .et-rpost__votes { background: linear-gradient(to right, #e8e8ec 0%, #d4d4da 100%); border-right-color: #7a7a82; }
[data-theme="silver"] .et-rpost__votes .count { color: #000; }
[data-theme="silver"] .et-rpost__votes .vote { color: #1a1a1a; }
[data-theme="silver"] .et-rpost__title { color: #000; }
[data-theme="silver"] .et-rpost__head b { color: #000; font-weight: 700; }
[data-theme="silver"] .et-rpost__text { color: #1a1a1a; }
[data-theme="silver"] .et-rpost__media { background: #c8c8ce; border-color: #7a7a82; }
[data-theme="silver"] .et-rpost__media .ph { background: linear-gradient(135deg, #c8c8ce 0%, #a0a0a6 100%); color: #3a3a42; }
[data-theme="silver"] .et-rpost__media--grid { background: #7a7a82; border-color: #7a7a82; }
[data-theme="silver"] .et-rpost__meta-grid b { color: #000; }
[data-theme="silver"] .et-rpost__ratingbar { background: #f0f0f4; border-color: #7a7a82; color: #1a1a1a; }
[data-theme="silver"] .et-rpost__ratingbar .star { border-color: #7a7a82; color: #1a1a1a; }
[data-theme="silver"] .et-rpost__ratingbar .star:hover { background: #000; color: #fff; }
[data-theme="silver"] .et-rpost__actions { border-top-color: #7a7a82; color: #2a2a2a; }
[data-theme="silver"] .et-rpost__actions span:hover { color: #000; }
[data-theme="silver"] .et-rpost__player { background: #f8f8fa; border-color: #7a7a82; color: #1a1a1a; }
[data-theme="silver"] .et-rpost__player .play { background: #000; color: #fff; }
[data-theme="silver"] .et-rpost__player .bar { background: #c8c8ce; }
[data-theme="silver"] .et-rpost__player .fill { background: #000; }
[data-theme="silver"] .et-rpost__movie .poster { background: linear-gradient(135deg, #c8c8ce 0%, #8a8a92 100%); color: #2a2a30; }
[data-theme="silver"] .et-rpost__movie .review,
[data-theme="silver"] .et-rpost__movie .my-rating { color: #000; }
[data-theme="silver"] .et-empty-state { background: #f0f0f4; border-color: #7a7a82; }
[data-theme="silver"] .et-empty-state h3, [data-theme="silver"] .et-empty-state p { color: #1a1a1a; }
[data-theme="silver"] .et-rpost--official { border-color: #333; }

/* =============== TAG BADGES (inline pills next to usernames) =============== */
.et-badge {
  display: inline-block;
  padding: 1px 6px;
  margin-left: 4px;
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-family: 'Space Mono', monospace;
  font-weight: 700;
  border: 1px solid;
  vertical-align: middle;
  line-height: 1.4;
}
.et-badge--og       { background: linear-gradient(135deg, #ffd96b 0%, #c4901f 100%); color: #2a1a00; border-color: #8a6000; }
.et-badge--founder  { background: linear-gradient(135deg, #e0e0ff 0%, #6a5acd 100%); color: #1a0d3d; border-color: #4a3a9a; }
.et-badge--verified { background: #4a9c3a; color: #fff; border-color: #2a6020; }
.et-badge--mod      { background: #c22; color: #fff; border-color: #800; }
.et-badge--admin    { background: #000; color: #fff; border-color: #fff; }
.et-badge--vip      { background: linear-gradient(135deg, #f060a0 0%, #9030a0 100%); color: #fff; border-color: #400a3a; }
.et-badge--new      { background: #3a8ec0; color: #fff; border-color: #1a5080; }
.et-badge--nsfw     { background: #c22; color: #fff; border-color: #800; }
.et-badge--sale     { background: #3a8; color: #000; border-color: #185; }
.et-badge--locked   { background: #333; color: #888; border-color: #555; }

/* =============== PFP — no-face abstract patterns =============== */
.et-pfp {
  width: 96px; height: 96px;
  border: 1px solid var(--line, #3a3a3a);
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.et-pfp--pattern-1 {
  background:
    repeating-linear-gradient(45deg, #5aa3f0 0 10px, #2a70d8 10px 20px),
    radial-gradient(circle at 30% 40%, #fff 0 8%, transparent 9%),
    radial-gradient(circle at 70% 65%, #fff 0 6%, transparent 7%);
  background-blend-mode: screen, normal, normal;
}
.et-pfp--pattern-2 {
  background:
    conic-gradient(from 0deg, #c66, #6c6, #66c, #c66);
}
.et-pfp--pattern-3 {
  background:
    repeating-linear-gradient(90deg, #000 0 2px, #fff 2px 4px);
}
.et-pfp--pattern-4 {
  background: radial-gradient(circle at 50% 50%, #fff 0 8%, #000 9% 20%, #fff 21% 32%, #000 33%);
}

/* =============== FRIENDS LIST (row) =============== */
.et-friends-list { display: flex; flex-direction: column; }
.et-friend-row {
  display: grid;
  grid-template-columns: 40px 1fr auto;
  gap: 12px;
  padding: 10px 14px;
  border-bottom: 1px dashed var(--line, #3a3a3a);
  align-items: center;
  color: var(--fg, #f0f0f0);
  text-decoration: none;
  font-family: 'Space Mono', monospace;
}
.et-friend-row:hover { background: var(--bg-2, #1a1a1a); text-decoration: none; }
.et-friend-row:last-child { border-bottom: 0; }
.et-friend-row .et-fuser__avatar { width: 40px; height: 40px; font-size: 12px; }
.et-friend-row__info { min-width: 0; }
.et-friend-row__name { font-size: 13px; color: var(--fg, #fff); font-weight: 700; }
.et-friend-row__meta { font-size: 11px; color: var(--fg-mute, #b8b8b8); display: flex; align-items: center; gap: 6px; margin-top: 2px; }
.et-friend-row__actions { display: flex; gap: 10px; font-size: 11px; color: var(--fg-mute, #b8b8b8); }
.et-friend-row__actions span { cursor: pointer; }
.et-friend-row__actions span:hover { color: var(--fg, #fff); }
.et-friend-row__actions .accept { color: #4a9c3a; font-weight: 700; }
.et-friend-row__actions .accept:hover { color: #6ad050; }

/* online/offline dots */
.dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; }
.dot.online  { background: #4a9c3a; }
.dot.away    { background: #d4a030; }
.dot.offline { background: #555; }

/* =============== PROFILE PAGE =============== */
.et-profile {
  display: grid;
  grid-template-columns: 1.6fr 1fr;
  gap: 16px;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}
@media (max-width: 900px) { .et-profile { grid-template-columns: 1fr; } }
.et-profile__left, .et-profile__right { display: flex; flex-direction: column; gap: 14px; min-width: 0; }

.et-profile__card {
  display: grid;
  grid-template-columns: 96px 1fr;
  gap: 18px;
  align-items: center;
}
.et-profile__info { padding: 2px 0; }
.et-profile__pfp { position: relative; }
.et-profile__pfp-edit {
  position: absolute;
  bottom: 4px;
  left: 4px;
  right: 4px;
  padding: 2px 0;
  background: rgba(0,0,0,0.7);
  color: #fff;
  border: 1px solid #fff;
  font-family: 'Space Mono', monospace;
  font-size: 9px;
  text-transform: lowercase;
  letter-spacing: 0.04em;
  cursor: pointer;
}
.et-profile__pfp-edit:hover { background: #fff; color: #000; }
.et-profile__info { min-width: 0; }
.et-profile__name {
  font-family: 'Space Mono', monospace;
  font-size: 18px;
  font-weight: 700;
  color: var(--fg, #fff);
  margin: 0 0 4px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
}
.et-profile__handle { font-size: 11px; color: var(--fg-mute, #b8b8b8); margin-bottom: 10px; }
.et-profile__stats {
  display: flex; gap: 16px;
  font-size: 11px; color: var(--fg-mute, #b8b8b8);
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.et-profile__stats b { color: var(--fg, #fff); font-weight: 700; }
.et-profile__actions { display: flex; gap: 8px; }

.et-profile__bio p { margin: 0 0 8px; font-size: 12px; line-height: 1.6; color: var(--fg, #f0f0f0); }
.et-profile__bio p:last-child { margin-bottom: 0; }

.et-profile__facts { display: flex; flex-direction: column; gap: 4px; font-size: 11px; }
.et-profile__facts > div { display: grid; grid-template-columns: 110px 1fr; gap: 10px; }
.et-profile__facts .k { color: var(--fg-mute, #b8b8b8); text-transform: uppercase; letter-spacing: 0.04em; }
.et-profile__facts .v { color: var(--fg, #fff); }

/* favorites list */
.et-favs { list-style: none; padding: 0; margin: 0; font-family: 'Space Mono', monospace; }
.et-favs li { display: grid; grid-template-columns: 26px 1fr; gap: 8px; padding: 5px 0; border-bottom: 1px dashed var(--line, #3a3a3a); font-size: 12px; }
.et-favs li:last-child { border-bottom: 0; }
.et-favs .rank { color: var(--fg-mute, #b8b8b8); font-weight: 700; }
.et-favs b { color: var(--fg, #fff); font-weight: 700; }
.et-favs small { color: var(--fg-mute, #b8b8b8); font-size: 11px; display: block; margin-top: 2px; }

.et-profile__edit-link { margin-top: 10px; padding-top: 8px; border-top: 1px dashed var(--line, #3a3a3a); font-size: 11px; }
.et-profile__edit-link a { color: var(--fg-mute, #b8b8b8); }
.et-profile__edit-link a:hover { color: var(--fg, #fff); }

/* friends grid on profile */
.et-friends-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.et-friend-tile {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 8px 4px;
  border: 1px solid var(--line, #3a3a3a);
  color: var(--fg, #f0f0f0);
  text-decoration: none;
  position: relative;
  font-family: 'Space Mono', monospace;
  font-size: 10px;
}
.et-friend-tile:hover { background: var(--bg-2, #1a1a1a); }
.et-friend-tile .et-fuser__avatar { width: 40px; height: 40px; font-size: 12px; }
.et-friend-tile .name { color: var(--fg, #fff); text-align: center; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; }
.et-friend-tile .dot { position: absolute; top: 6px; right: 6px; }

/* badges showcase */
.et-profile__badges-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.et-profile__bchip {
  display: flex; flex-direction: column; align-items: center; gap: 4px;
  padding: 10px 4px;
  border: 1px solid var(--line, #3a3a3a);
  font-family: 'Space Mono', monospace;
  font-size: 10px;
  color: var(--fg, #f0f0f0);
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.et-profile__bchip .ico {
  width: 32px; height: 32px;
  display: flex; align-items: center; justify-content: center;
  font-size: 18px;
  border-radius: 50%;
  color: #fff;
  background: var(--bg-2, #1a1a1a);
}
.et-profile__bchip .ico.og { background: linear-gradient(135deg, #ffd96b 0%, #c4901f 100%); color: #2a1a00; }
.et-profile__bchip .ico.verified { background: #4a9c3a; }
.et-profile__bchip .ico.gold { background: linear-gradient(135deg, #ffe5a0 0%, #d4a030 100%); color: #2a1a00; }
.et-profile__bchip--locked { opacity: 0.4; }

/* =============== SILVER OVERRIDES for new components =============== */
[data-theme="silver"] .et-friend-row { color: #0a0a0a; border-bottom-color: #9a9aa0; }
[data-theme="silver"] .et-friend-row:hover { background: #e0e0e6; }
[data-theme="silver"] .et-friend-row__name { color: #000; }
[data-theme="silver"] .et-friend-row__meta,
[data-theme="silver"] .et-friend-row__actions { color: #2a2a2a; }
[data-theme="silver"] .et-friend-row__actions span:hover { color: #000; }
[data-theme="silver"] .et-profile__name { color: #000; }
[data-theme="silver"] .et-profile__handle,
[data-theme="silver"] .et-profile__stats,
[data-theme="silver"] .et-profile__facts .k,
[data-theme="silver"] .et-favs small,
[data-theme="silver"] .et-profile__edit-link a { color: #2a2a2a; }
[data-theme="silver"] .et-profile__stats b,
[data-theme="silver"] .et-profile__facts .v,
[data-theme="silver"] .et-favs b,
[data-theme="silver"] .et-favs .rank { color: #000; }
[data-theme="silver"] .et-profile__bio p { color: #0a0a0a; }
[data-theme="silver"] .et-profile__facts > div { border-bottom-color: #9a9aa0; }
[data-theme="silver"] .et-favs li { border-bottom-color: #9a9aa0; }
[data-theme="silver"] .et-friend-tile { border-color: #7a7a82; color: #0a0a0a; }
[data-theme="silver"] .et-friend-tile:hover { background: #e0e0e6; }
[data-theme="silver"] .et-friend-tile .name { color: #000; }
[data-theme="silver"] .et-profile__bchip { border-color: #7a7a82; color: #0a0a0a; }
[data-theme="silver"] .et-profile__bchip .ico { background: #c8c8ce; color: #0a0a0a; }
[data-theme="silver"] .et-profile__pfp-edit { background: rgba(0,0,0,0.7); color: #fff; border-color: #fff; }

/* =============== COOKIE BANNER =============== */
.et-cookies {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9700;
  max-width: 420px;
  width: calc(100% - 40px);
}
.et-cookies[hidden] { display: none !important; }
.et-cookies__win {
  background: var(--bg-card, #0f0f0f);
  border: 1px solid var(--line, #3a3a3a);
  box-shadow: 0 8px 28px rgba(0,0,0,0.7);
  display: flex;
  flex-direction: column;
}
.et-cookies__body {
  padding: 14px 16px;
  font-family: 'Space Mono', monospace;
  font-size: 12px;
  color: var(--fg, #f0f0f0);
  line-height: 1.5;
}
.et-cookies__intro { margin: 0 0 12px; }
.et-cookies__intro b { color: var(--fg, #fff); font-weight: 700; }
.et-cookies__toggles {
  display: flex; flex-direction: column; gap: 6px;
  margin: 0 0 14px;
  padding: 8px 0;
  border-top: 1px dashed var(--line, #3a3a3a);
  border-bottom: 1px dashed var(--line, #3a3a3a);
}
.et-cookies__row {
  display: grid;
  grid-template-columns: 22px 1fr auto;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  padding: 4px 0;
}
.et-cookies__row input[type="checkbox"] {
  accent-color: var(--fg, #fff);
  margin: 0;
}
.et-cookies__row .k {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--fg, #fff);
}
.et-cookies__row .v {
  font-size: 11px;
  color: var(--fg-mute, #b8b8b8);
}
.et-cookies__tag {
  font-family: 'Space Mono', monospace;
  font-size: 9px;
  padding: 2px 6px;
  border: 1px solid var(--line, #3a3a3a);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--fg-mute, #b8b8b8);
}
.et-cookies__tag--opt { color: var(--fg-mute, #b8b8b8); }
.et-cookies__actions {
  display: flex;
  gap: 6px;
  justify-content: flex-end;
  margin: 0 0 10px;
  flex-wrap: wrap;
}
.et-cookies__foot {
  padding-top: 8px;
  border-top: 1px dashed var(--line, #3a3a3a);
  font-size: 10px;
  color: var(--fg-mute, #b8b8b8);
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
.et-cookies__foot a { color: var(--fg-mute, #b8b8b8); }
.et-cookies__foot a:hover { color: var(--fg, #fff); }
@media (max-width: 600px) {
  .et-cookies { bottom: 12px; left: 12px; width: calc(100% - 24px); }
  .et-cookies__actions { justify-content: stretch; }
  .et-cookies__actions .et-btn { flex: 1; }
}

/* silver overrides */
[data-theme="silver"] .et-cookies__win {
  background: linear-gradient(180deg, #f0f0f4 0%, #e0e0e6 100%);
  border-color: #7a7a82;
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
[data-theme="silver"] .et-cookies__body { color: #0a0a0a; }
[data-theme="silver"] .et-cookies__intro b { color: #000; }
[data-theme="silver"] .et-cookies__toggles { border-top-color: #9a9aa0; border-bottom-color: #9a9aa0; }
[data-theme="silver"] .et-cookies__row .k { color: #000; }
[data-theme="silver"] .et-cookies__row .v { color: #2a2a2a; }
[data-theme="silver"] .et-cookies__tag { border-color: #7a7a82; color: #2a2a2a; background: #e8e8ec; }
[data-theme="silver"] .et-cookies__foot { border-top-color: #9a9aa0; color: #2a2a2a; }
[data-theme="silver"] .et-cookies__foot a { color: #1a1a1a; }
[data-theme="silver"] .et-cookies__foot a:hover { color: #000; }

/* =============== CHAT POPUP (muted dark) =============== */
.et-notify { position: fixed; bottom: 26px; right: 26px; z-index: 9500; width: 46px; height: 46px; border-radius: 50%; cursor: pointer; border: 1px solid #2a2a2a; padding: 0; background: #0a0a0a; box-shadow: 0 4px 12px rgba(0,0,0,0.6); display: flex; align-items: center; justify-content: center; }
.et-notify[hidden] { display: none !important; }
.et-notify::before { content: '✉'; font-family: 'Space Mono', monospace; font-size: 18px; color: #fff; }
.et-notify:hover { background: #1a1a1a; }
.et-notify__badge { position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; background: #fff; color: #000; border-radius: 9px; font-family: 'Space Mono', monospace; font-size: 11px; font-weight: 700; display: flex; align-items: center; justify-content: center; }

.et-chat { position: fixed; bottom: 26px; right: 26px; z-index: 9600; width: 320px; border: 1px solid #2a2a2a; background: #0a0a0a; box-shadow: 0 8px 24px rgba(0,0,0,0.7); font-family: 'Space Mono', monospace; overflow: hidden; }
.et-chat[hidden] { display: none !important; }
.et-chat__head { height: 28px; padding: 0 4px 0 12px; display: flex; align-items: center; justify-content: space-between; background: #000; color: #fff; font-size: 12px; border-bottom: 1px solid #2a2a2a; text-transform: uppercase; letter-spacing: 0.06em; }
.et-chat__title { display: inline-flex; align-items: center; gap: 6px; color: #fff; }
.et-chat__close { width: 28px; height: 28px; border: 0; border-left: 1px solid #2a2a2a; color: #b8b8b8; cursor: pointer; font-family: 'Space Mono', monospace; font-size: 12px; background: transparent; display: inline-flex; align-items: center; justify-content: center; }
.et-chat__close:hover { background: #c22; color: #fff; }
.et-chat__body { padding: 12px; background: #0a0a0a; max-height: 340px; overflow-y: auto; }
.et-chat__msg { display: flex; gap: 10px; align-items: flex-start; }
.et-chat__avatar { width: 32px; height: 32px; flex-shrink: 0; background: #1a1a1a; border: 1px solid #2a2a2a; display: flex; align-items: center; justify-content: center; font-family: 'Space Mono', monospace; font-size: 10px; color: #fff; text-transform: uppercase; letter-spacing: 0.08em; }
.et-chat__meta { font-size: 11px; color: #777; margin-bottom: 4px; }
.et-chat__meta b { color: #fff; font-weight: 400; }
.et-chat__bubble { font-size: 12px; line-height: 1.55; color: #f0f0f0; }
.et-chat__bubble p { margin: 0 0 6px; }
.et-chat__bubble p:last-child { margin-bottom: 0; }
.et-chat__bubble .sig { color: #777; font-size: 11px; display: block; margin-top: 6px; }
.et-chat__status { display: flex; align-items: center; gap: 6px; padding: 6px 12px; background: #000; border-top: 1px solid #2a2a2a; font-size: 10px; color: #777; text-transform: uppercase; letter-spacing: 0.06em; }
.et-chat__status::before { content: ''; width: 6px; height: 6px; background: #4a4; border-radius: 50%; }
@media (max-width: 900px) { .et-notify, .et-chat { bottom: 20px; right: 14px; } .et-chat { width: calc(100vw - 28px); } }

/* =============== SILVER THEME OVERRIDES (brushed metal) =============== */

/* body base color in silver mode */
[data-theme="silver"] body { background-color: #c8c8ce; }

/* hero image: heavily brightened in silver mode for airy look */
[data-theme="silver"] body::before {
  filter: saturate(0.1) brightness(1.8) contrast(0.85);
  opacity: 0.55;
}
/* subtle silvery wash overlay on top of the image */
[data-theme="silver"] body::after {
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,0.02) 0 1px, transparent 1px 3px),
    linear-gradient(180deg, rgba(220,220,226,0.55) 0%, rgba(200,200,206,0.4) 50%, rgba(220,220,226,0.55) 100%);
}

/* header + navbar: full XP silver bar */
[data-theme="silver"] .et-head {
  background:
    linear-gradient(to bottom,
      #f8f8fa 0%,
      #e8e8ec 12%,
      #d0d0d6 48%,
      #b4b4bc 82%,
      #9a9aa0 100%);
  border-bottom: 1px solid #7a7a82;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7);
  color: #1a1a1a;
}
[data-theme="silver"] .et-navbar {
  background:
    linear-gradient(to bottom,
      #d4d4d9 0%,
      #c0c0c6 40%,
      #a8a8ae 100%);
  border-bottom: 1px solid #6a6a72;
  color: #1a1a1a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}
[data-theme="silver"] .et-navbar,
[data-theme="silver"] .et-navbar a,
[data-theme="silver"] .et-navbar span,
[data-theme="silver"] .et-navbar b,
[data-theme="silver"] .et-head__status,
[data-theme="silver"] .et-head__status b {
  color: #1a1a1a;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
  font-weight: 500;
}
[data-theme="silver"] .et-navbar a { font-weight: 600; }
[data-theme="silver"] .et-navbar b { color: #000; font-weight: 700; }
[data-theme="silver"] .et-navbar a:hover { color: #000; text-decoration: underline; }
[data-theme="silver"] .et-head__status b { color: #000; font-weight: 700; }
[data-theme="silver"] .et-theme-toggle { color: #1a1a1a; font-weight: 500; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); }

/* windows (boxes): silver frame with subtle gradient body */
[data-theme="silver"] .et-box {
  background: linear-gradient(180deg, #f0f0f4 0%, #e0e0e6 60%, #d4d4da 100%);
  border: 1px solid #7a7a82;
  color: #1a1a1a;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.7),
    2px 2px 4px rgba(0,0,0,0.15);
}
/* authentic XP Luna Silver titlebar with shine */
[data-theme="silver"] .et-box__head {
  background:
    linear-gradient(to bottom,
      #b8b8c0 0%,
      #c8c8d0 8%,
      #dcdce0 22%,
      #c8c8d0 55%,
      #a8a8b0 82%,
      #888890 100%);
  color: #1a1a1a;
  font-weight: 700;
  border-bottom: 1px solid #6a6a72;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.35);
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
}
[data-theme="silver"] .et-box__head > span:first-child { color: #1a1a1a; font-weight: 700; }
/* top glossy highlight across titlebar */
[data-theme="silver"] .et-box__head::after {
  content: '';
  position: absolute;
  top: 0; left: 4px; right: 4px;
  height: 6px;
  background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.1) 100%);
  pointer-events: none;
}
[data-theme="silver"] .et-box__head a { color: #4a4a52; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); position: relative; z-index: 1; }
[data-theme="silver"] .et-box__head a:hover { color: #000; background: rgba(255,255,255,0.4); }
[data-theme="silver"] .et-box__head > span:first-child { position: relative; z-index: 1; }

[data-theme="silver"] .et-box__body {
  background: linear-gradient(180deg, #f0f0f4 0%, #e8e8ec 40%, #dcdce2 100%);
  color: #1a1a1a;
}
[data-theme="silver"] .et-box__body, [data-theme="silver"] .et-box__body p, [data-theme="silver"] .et-box__body span, [data-theme="silver"] .et-box__body div, [data-theme="silver"] .et-box__body b { color: #1a1a1a; }
[data-theme="silver"] .et-box a { color: #1a1a1a; }
[data-theme="silver"] .et-box a:hover { color: #000; }

[data-theme="silver"] .et-win-chrome .et-win-btn {
  color: #1a1a1a;
  border-left-color: #9a9aa0;
  position: relative;
  z-index: 1;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.6);
  background: transparent;
}
[data-theme="silver"] .et-win-chrome .et-win-btn:hover { background: rgba(0,0,0,0.12); color: #000; }
[data-theme="silver"] .et-win-chrome .et-win-btn--close:hover { background: linear-gradient(to bottom, #f08070 0%, #c22 100%); color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.4); }

[data-theme="silver"] .et-hr-dash { border-top-color: #7a7a82; }
[data-theme="silver"] .et-list li { border-bottom-color: #9a9aa0; color: #0a0a0a; }
[data-theme="silver"] .et-list li small { color: #3a3a42; }
[data-theme="silver"] .et-muted,
[data-theme="silver"] .et-empty,
[data-theme="silver"] .et-box__body small,
[data-theme="silver"] small { color: #2a2a30; }

/* blanket: ensure any light-looking text elements use dark in silver */
[data-theme="silver"] .et-definition,
[data-theme="silver"] .et-page-sub,
[data-theme="silver"] .et-thread__meta,
[data-theme="silver"] .et-thread__counts,
[data-theme="silver"] .et-post-thread__meta,
[data-theme="silver"] .et-post-thread__head,
[data-theme="silver"] .et-comment__head,
[data-theme="silver"] .et-comment__head small,
[data-theme="silver"] .et-comment__actions,
[data-theme="silver"] .et-composer__foot,
[data-theme="silver"] .et-forum__bar,
[data-theme="silver"] .et-forum__stats,
[data-theme="silver"] .et-fuser__meta,
[data-theme="silver"] .et-fuser__stats,
[data-theme="silver"] .et-online__user,
[data-theme="silver"] .et-online__more,
[data-theme="silver"] .et-trending small,
[data-theme="silver"] .et-trending .rank,
[data-theme="silver"] .et-fpost__opts,
[data-theme="silver"] .et-fpost__check,
[data-theme="silver"] .et-fpost__vctrls,
[data-theme="silver"] .et-post__head,
[data-theme="silver"] .et-post__time,
[data-theme="silver"] .et-post__body,
[data-theme="silver"] .et-post__actions,
[data-theme="silver"] .et-card__type,
[data-theme="silver"] .et-pagination,
[data-theme="silver"] .et-pagination .et-muted,
[data-theme="silver"] .et-feed__meta,
[data-theme="silver"] .et-notepad,
[data-theme="silver"] .et-notepad__sig,
[data-theme="silver"] .et-head__status,
[data-theme="silver"] .et-head__status b {
  color: #1a1a1a;
}

/* links in silver: slightly darker muted */
[data-theme="silver"] a { color: #0a0a0a; }
[data-theme="silver"] a:hover { color: #000; }

/* status bar colors that were #777/#555/#9a in dark, now ensure contrast */
[data-theme="silver"] .et-notepad b { color: #000; font-weight: 700; }
[data-theme="silver"] .et-fuser__meta,
[data-theme="silver"] .et-trending small,
[data-theme="silver"] .et-online__more,
[data-theme="silver"] .et-post-thread__meta,
[data-theme="silver"] .et-comment__actions,
[data-theme="silver"] .et-post__time,
[data-theme="silver"] .et-post__actions,
[data-theme="silver"] .et-page-sub,
[data-theme="silver"] .et-feed__meta,
[data-theme="silver"] small { color: #2a2a2a; }

/* headers/titles: bolder + darker */
[data-theme="silver"] .et-page-title,
[data-theme="silver"] .et-feed__title,
[data-theme="silver"] .et-pdp__title,
[data-theme="silver"] .et-product__title,
[data-theme="silver"] .et-locked__title {
  color: #0a0a0a;
  font-weight: 700;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.35);
}

/* b / strong in body */
[data-theme="silver"] b, [data-theme="silver"] strong { color: #000; font-weight: 700; }

/* card titles */
[data-theme="silver"] .et-card__title { color: #0a0a0a; font-weight: 700; }
[data-theme="silver"] .et-card__price { color: #000; font-weight: 700; }

/* chrome button hover text in silver */
[data-theme="silver"] .et-chat__meta b { color: #000; }
[data-theme="silver"] .et-chat__bubble { color: #0a0a0a; }
[data-theme="silver"] .et-chat__bubble .sig { color: #3a3a42; }

/* product image container (was black in dark mode) */
[data-theme="silver"] .et-product__img {
  background: linear-gradient(180deg, #f4f4f8 0%, #dcdce2 100%);
  border-color: #7a7a82;
}
[data-theme="silver"] .et-product__img .ph { color: #4a4a52; }
[data-theme="silver"] .et-product__thumbs { color: #1a1a1a; }
[data-theme="silver"] .et-product__thumbs .num { color: #3a3a42; }
[data-theme="silver"] .et-product__thumbs .num.active { color: #000; }
[data-theme="silver"] .et-product__thumbs .arrow { color: #3a3a42; }
[data-theme="silver"] .et-product__thumbs .arrow:hover { color: #000; }
[data-theme="silver"] .et-product__select {
  background: linear-gradient(to bottom, #f4f4f8 0%, #d8d8de 100%);
  border-color: #7a7a82;
  color: #1a1a1a;
  background-image:
    linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.05) 100%),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><path d='M0 0 L5 6 L10 0' fill='%23000'/></svg>");
  background-repeat: no-repeat, no-repeat;
  background-position: 0 0, right 10px center;
  background-size: 100% 100%, auto;
}
[data-theme="silver"] .et-product__title,
[data-theme="silver"] .et-product__price { color: #000; }

/* cart checkout bar */
[data-theme="silver"] .et-cart-checkout {
  background: linear-gradient(to bottom, #f4f4f8 0%, #d8d8de 50%, #b8b8bf 100%);
  border: 1px solid #7a7a82;
  color: #000 !important;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
[data-theme="silver"] .et-cart-checkout:hover {
  background: linear-gradient(to bottom, #fff 0%, #e4e4ea 50%, #c0c0c6 100%);
  color: #000 !important;
}
[data-theme="silver"] .et-cart-item { border-bottom-color: #9a9aa0; color: #0a0a0a; }
[data-theme="silver"] .et-cart-item__img { background: #c8c8ce; border-color: #7a7a82; }
[data-theme="silver"] .et-cart-item__price,
[data-theme="silver"] .et-cart-total,
[data-theme="silver"] .et-cart-total span,
[data-theme="silver"] .et-strong-line,
[data-theme="silver"] .et-strong-line b { color: #000 !important; font-weight: 700; }
[data-theme="silver"] .et-cart-total { border-top-color: #7a7a82; }

/* inputs and textareas: light silver input fields */
[data-theme="silver"] .et-input,
[data-theme="silver"] .et-textarea,
[data-theme="silver"] .et-select {
  background: #fafafb;
  border: 1px solid #7a7a82;
  color: #0a0a0a;
}
[data-theme="silver"] .et-input:focus,
[data-theme="silver"] .et-textarea:focus,
[data-theme="silver"] .et-select:focus {
  outline-color: #000;
  border-color: #000;
}

/* WALL post cards — was still dark */
[data-theme="silver"] .et-post {
  background: linear-gradient(180deg, #f0f0f4 0%, #e0e0e6 100%);
  border: 1px solid #7a7a82;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6), 1px 1px 3px rgba(0,0,0,0.12);
}
[data-theme="silver"] .et-post__head {
  background: linear-gradient(to bottom, #f0f0f4 0%, #d4d4da 100%);
  border-bottom-color: #9a9aa0;
  color: #0a0a0a;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
}
[data-theme="silver"] .et-post__user { color: #000; }
[data-theme="silver"] .et-post__time { color: #3a3a42; }
[data-theme="silver"] .et-post__media {
  background: linear-gradient(135deg, #d8d8de 0%, #b8b8c0 100%);
  border-bottom-color: #9a9aa0;
}
[data-theme="silver"] .et-post__media--empty { color: #3a3a42; }
[data-theme="silver"] .et-post__body { color: #0a0a0a; }
[data-theme="silver"] .et-post__actions {
  background: linear-gradient(to bottom, #e8e8ec 0%, #d4d4da 100%);
  border-top-color: #9a9aa0;
  color: #3a3a42;
}
[data-theme="silver"] .et-post__actions span:hover { color: #000; }
[data-theme="silver"] .et-feed__title { color: #0a0a0a; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); }
[data-theme="silver"] .et-feed__meta { color: #3a3a42; }

/* feed arrows in silver */
[data-theme="silver"] .et-feed__arrow {
  background: linear-gradient(to bottom, #f0f0f4 0%, #b8b8bf 100%);
  border: 1px solid #7a7a82;
  color: #000;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
[data-theme="silver"] .et-feed__arrow:hover {
  background: linear-gradient(to bottom, #fff 0%, #c0c0c6 100%);
  color: #000;
}
[data-theme="silver"] .et-feed {
  border-top: 1px solid #7a7a82;
}

/* forum social feed post cards */
[data-theme="silver"] .et-fpost__head {
  background: linear-gradient(to bottom, #f0f0f4 0%, #e0e0e6 100%);
  border-bottom-color: #7a7a82;
}
[data-theme="silver"] .et-fpost__body {
  background: #f8f8fa;
  color: #0a0a0a;
}
[data-theme="silver"] .et-fpost__comments {
  background: #dcdce2;
  border-top-color: #7a7a82;
}
[data-theme="silver"] .et-fpost__reactions {
  background: linear-gradient(to bottom, #e8e8ec 0%, #d4d4da 100%);
  border-top-color: #7a7a82;
}
[data-theme="silver"] .et-fpost__reactions .rx {
  background: linear-gradient(to bottom, #f4f4f8 0%, #d0d0d6 100%);
  border-color: #7a7a82;
  color: #0a0a0a;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
}
[data-theme="silver"] .et-fpost__reactions .rx.active {
  background: linear-gradient(to bottom, #2a2a30 0%, #000 100%);
  color: #fff;
  text-shadow: none;
}
[data-theme="silver"] .et-fpost__media { background: #c8c8ce; }
[data-theme="silver"] .et-fpost__img .ph {
  background: linear-gradient(135deg, #d4d4da 0%, #a8a8b0 100%);
  color: #3a3a42;
}
[data-theme="silver"] .et-fpost__attach span {
  background: linear-gradient(to bottom, #f0f0f4 0%, #d4d4da 100%);
  border-color: #7a7a82;
  color: #0a0a0a;
}

/* card (product grid) hover in silver */
[data-theme="silver"] .et-card {
  background: linear-gradient(180deg, #f0f0f4 0%, #dcdce2 100%);
  border-color: #7a7a82;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
}
[data-theme="silver"] .et-card:hover { background: linear-gradient(180deg, #fff 0%, #e8e8ec 100%); }
[data-theme="silver"] .et-card__img { background: #d4d4da; border-bottom-color: #9a9aa0; }
[data-theme="silver"] .et-card__img .ph { color: #3a3a42; }

/* 404 / other dark backgrounds in content */
[data-theme="silver"] .et-page__inner { background: linear-gradient(180deg, #f0f0f4 0%, #dcdce2 100%); border-color: #7a7a82; }
[data-theme="silver"] .et-page__head { background: linear-gradient(to bottom, #e8e8ec 0%, #c8c8ce 100%); color: #0a0a0a; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); border-bottom-color: #7a7a82; }
[data-theme="silver"] .et-page-title { color: #0a0a0a; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); }
[data-theme="silver"] .et-page-sub { color: #2a2a30; }

/* locked/gate page in silver */
[data-theme="silver"] .et-locked__head {
  background: linear-gradient(to bottom, #f0f0f4 0%, #c8c8ce 100%);
  border-bottom-color: #7a7a82;
}
[data-theme="silver"] .et-locked__title { color: #0a0a0a; text-shadow: 1px 1px 0 rgba(255,255,255,0.4); }
[data-theme="silver"] .et-locked__sub { color: #2a2a30; }
[data-theme="silver"] .et-locked__stats, [data-theme="silver"] .et-locked__stats b { color: #2a2a30; }
[data-theme="silver"] .et-locked__ticker { color: #3a3a42; border-color: #7a7a82; }
[data-theme="silver"] .et-locked__foot { background: linear-gradient(to bottom, #b8b8bf 0%, #e0e0e6 100%); border-top-color: #7a7a82; color: #2a2a30; }
[data-theme="silver"] .et-locked__bg { display: none; }

/* invert logo image in silver mode (white-on-black -> black-on-silver) */
[data-theme="silver"] .et-head__logo img,
[data-theme="silver"] .et-locked__logo img {
  filter: invert(1) contrast(1.1);
  mix-blend-mode: multiply;
}

/* forum / post / chat / misc white-text in silver mode */
[data-theme="silver"] .et-fuser__name,
[data-theme="silver"] .et-post-thread__user,
[data-theme="silver"] .et-post__user,
[data-theme="silver"] .et-post__head,
[data-theme="silver"] .et-thread__title,
[data-theme="silver"] .et-thread--active .et-thread__title,
[data-theme="silver"] .et-trending a,
[data-theme="silver"] .et-online__user,
[data-theme="silver"] .et-composer__head,
[data-theme="silver"] .et-fpost__body b,
[data-theme="silver"] .et-fpost__reactions .rx b,
[data-theme="silver"] .et-fpost__reactions .rx,
[data-theme="silver"] .et-post-thread__actions a:hover,
[data-theme="silver"] .et-post__actions span:hover,
[data-theme="silver"] .et-card__title,
[data-theme="silver"] .et-card__price,
[data-theme="silver"] .et-pdp__title,
[data-theme="silver"] .et-pdp__price,
[data-theme="silver"] .et-pagination a:hover {
  color: #0a0a0a !important;
}
[data-theme="silver"] .et-post__head { color: #0a0a0a; }
[data-theme="silver"] .et-fpost__reactions .rx.active,
[data-theme="silver"] .et-fpost__reactions .rx.active b { color: #fff !important; }
/* chat window uses silver too */
[data-theme="silver"] .et-chat { background: linear-gradient(180deg, #f0f0f4 0%, #e0e0e6 100%); border-color: #7a7a82; }
[data-theme="silver"] .et-chat__head {
  background: linear-gradient(to bottom, #e0e0e6 0%, #c0c0c6 100%);
  color: #0a0a0a;
  border-bottom-color: #7a7a82;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.4);
}
[data-theme="silver"] .et-chat__title { color: #0a0a0a; }
[data-theme="silver"] .et-chat__close { color: #1a1a1a; border-left-color: #7a7a82; }
[data-theme="silver"] .et-chat__body { background: #f8f8fa; }
[data-theme="silver"] .et-chat__avatar { background: #c8c8ce; border-color: #7a7a82; color: #1a1a1a; }
[data-theme="silver"] .et-chat__meta b { color: #000; }
[data-theme="silver"] .et-chat__status { background: linear-gradient(to bottom, #d4d4d9 0%, #b8b8be 100%); color: #1a1a1a; border-top-color: #7a7a82; }
[data-theme="silver"] .et-notify { background: linear-gradient(180deg, #f0f0f4 0%, #c8c8ce 100%); border-color: #7a7a82; }
[data-theme="silver"] .et-notify::before { color: #000; }
[data-theme="silver"] .et-notify__badge { background: #c22; color: #fff; }

/* hover text in silver: prefer dark */
[data-theme="silver"] a:hover { color: #000; }
[data-theme="silver"] .et-navbar a:hover,
[data-theme="silver"] .et-head__auth a:hover,
[data-theme="silver"] .et-box a:hover,
[data-theme="silver"] .et-foot__links a:hover { color: #000; }
[data-theme="silver"] .et-btn:hover { color: #000; }

/* inputs focus outline */
[data-theme="silver"] .et-input:focus,
[data-theme="silver"] .et-textarea:focus,
[data-theme="silver"] .et-select:focus { outline-color: #000; }

/* tab bar */
[data-theme="silver"] .et-tabbar { background: linear-gradient(to bottom, #d8d8de 0%, #b8b8be 100%); border-bottom-color: #7a7a82; color: #1a1a1a; }
[data-theme="silver"] .et-tabbar__tab { background: #e4e4ea; color: #0a0a0a; border-right-color: #7a7a82; }
[data-theme="silver"] .et-tabbar__ctrl { color: #1a1a1a; }
[data-theme="silver"] .et-tabbar__ctrl:hover { background: #c4c4ca; color: #000; }

[data-theme="silver"] .et-foot-wrap {
  background:
    linear-gradient(to bottom, #a8a8ae 0%, #c8c8ce 30%, #d8d8de 70%, #e8e8ec 100%);
  border-top: 1px solid #8a8a92;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
[data-theme="silver"] .et-foot { background: transparent; color: #1a1a1a; text-shadow: 1px 1px 0 rgba(255,255,255,0.5); }
[data-theme="silver"] .et-foot__links a { color: #1a1a1a; border-right-color: #8a8a92; }
[data-theme="silver"] .et-foot__links a:hover { color: #000; }
[data-theme="silver"] .et-foot__copy { color: #4a4a52; border-left-color: #8a8a92; }

[data-theme="silver"] .et-input, [data-theme="silver"] .et-textarea, [data-theme="silver"] .et-select,
[data-theme="silver"] .et-product__select {
  background: #f5f5f8; border-color: #a0a0a6; color: #1a1a1a;
}
[data-theme="silver"] .et-btn {
  background:
    linear-gradient(to bottom,
      rgba(255,255,255,0.7) 0%,
      rgba(255,255,255,0.1) 45%,
      rgba(0,0,0,0.08) 100%),
    linear-gradient(to bottom, #f4f4f8 0%, #d8d8de 50%, #b4b4bc 100%);
  color: #1a1a1a;
  border: 1px solid #7a7a82;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
[data-theme="silver"] .et-btn:hover {
  background:
    linear-gradient(to bottom,
      rgba(255,255,255,0.85) 0%,
      rgba(255,255,255,0.2) 45%,
      rgba(0,0,0,0.06) 100%),
    linear-gradient(to bottom, #fff 0%, #e4e4ea 50%, #c0c0c6 100%);
  color: #000;
}
[data-theme="silver"] .et-btn:active {
  background: linear-gradient(to bottom, #9a9aa2 0%, #b8b8c0 50%, #d4d4da 100%);
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.25);
}

[data-theme="silver"] .et-card { background: #e8e8ec; border-color: #a0a0a6; color: #1a1a1a; }
[data-theme="silver"] .et-card:hover { background: #fff; border-color: #6a6a72; }
[data-theme="silver"] .et-card__title, [data-theme="silver"] .et-card__price { color: #1a1a1a; }
[data-theme="silver"] .et-tag { background: #1a1a1a; color: #fff; }

[data-theme="silver"] .et-fpost {
  background: linear-gradient(180deg, #f0f0f4 0%, #e0e0e6 100%);
  border: 1px solid #7a7a82;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.7), 2px 2px 4px rgba(0,0,0,0.12);
}
[data-theme="silver"] .et-fpost__head, [data-theme="silver"] .et-fpost__reactions { border-color: #a0a0a6; }
[data-theme="silver"] .et-fpost__body { color: #1a1a1a; background: #f5f5f8; }
[data-theme="silver"] .et-fpost__reactions .rx { background: #d4d4d9; color: #1a1a1a; border-color: #a0a0a6; }
[data-theme="silver"] .et-fpost__reactions .rx.active { background: #1a1a1a; color: #fff; }
[data-theme="silver"] .et-fpost__reactions .rx.active b { color: #fff; }
[data-theme="silver"] .et-fpost__img .ph { background: linear-gradient(135deg, #c8c8d0 0%, #a0a0a6 100%); color: #4a4a52; }
[data-theme="silver"] .et-fpost__comments { background: #dcdce0; }
[data-theme="silver"] .et-fpost__attach span { background: #d4d4d9; border-color: #a0a0a6; color: #1a1a1a; }

[data-theme="silver"] .et-forum__cats-tabs a.active { background: #d4d4d9; color: #000; border-color: #8a8a92; }
[data-theme="silver"] .et-forum__cats-tabs a { color: #4a4a52; }
[data-theme="silver"] .et-forum__cats-tabs a:hover { color: #000; background: #d4d4d9; }

/* theme toggle button */
.et-theme-toggle {
  background: transparent;
  border: 1px solid var(--line);
  color: var(--fg-mute);
  font-family: 'Space Mono', monospace;
  font-size: 10px;
  padding: 2px 8px;
  cursor: pointer;
  margin-left: 8px;
  letter-spacing: 0.06em;
}
.et-theme-toggle:hover { color: var(--fg); border-color: var(--fg); }
[data-theme="silver"] .et-theme-toggle { background: transparent; color: #1a1a1a; border-color: #8a8a92; text-shadow: 0 1px 0 rgba(255,255,255,0.4); }
[data-theme="silver"] .et-theme-toggle:hover { background: #fff; }

/* subtle silver overlay on background image */
[data-theme="silver"] body::after {
  background: linear-gradient(180deg, rgba(255,255,255,0.3) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.3) 100%);
}