/* ── Style Lab — Expanded Edition ── */

/* --- Shared Typography --- */
.style-lab-hero,
.style-lab-grid,
.style-lab-notes {
  font-family: "Space Grotesk", "IBM Plex Sans", "Segoe UI", sans-serif;
}

/* --- Hero --- */
.style-lab-hero {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.9fr) minmax(280px, 0.95fr);
  gap: 1.5rem;
  align-items: stretch;
  margin: 1.25rem 0 2rem;
}

.style-lab-hero-copy,
.style-lab-summary-card,
.style-lab-notes,
.style-concept {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
}

.style-lab-hero-copy {
  padding: 2.2rem;
  background:
    radial-gradient(ellipse at 15% 0%, rgba(255, 0, 128, 0.18), transparent 32%),
    radial-gradient(ellipse at 85% 90%, rgba(0, 255, 247, 0.12), transparent 28%),
    linear-gradient(155deg, #08020e 0%, #0d0418 50%, #070212 100%);
  border: 1px solid rgba(255, 0, 128, 0.22);
  box-shadow:
    0 0 60px rgba(255, 0, 128, 0.08),
    0 30px 80px rgba(2, 0, 15, 0.6);
  color: #f0e8ff;
}

.style-lab-hero-copy::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.5) 0 0.8px, transparent 1px),
    repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.015) 0 1px, transparent 1px 3px);
  background-size: 140px 140px, 100% 3px;
  opacity: 0.22;
  pointer-events: none;
}

.style-lab-kicker {
  position: relative;
  z-index: 1;
  margin: 0 0 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.18em;
  font-size: 0.74rem;
  font-weight: 700;
  color: #ff3d8a;
}

.style-lab-hero-copy h2,
.style-lab-notes h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-family: "Sora", "Space Grotesk", sans-serif;
  font-size: clamp(2.2rem, 4.1vw, 3.8rem);
  line-height: 1.02;
  letter-spacing: -0.05em;
}

.style-lab-intro,
.style-lab-notes p,
.style-concept-copy,
.style-widget p,
.style-lab-summary-list,
.style-lab-checklist li {
  font-size: 1rem;
  line-height: 1.75;
}

.style-lab-intro {
  position: relative;
  z-index: 1;
  max-width: 58ch;
  margin: 1rem 0 0;
  color: #c4b0e0;
}

/* --- Summary card --- */
.style-lab-summary-card {
  padding: 1.5rem;
  background: linear-gradient(180deg, rgba(20, 8, 35, 0.98), rgba(12, 4, 22, 0.98));
  color: #e9ddff;
  border: 1px solid rgba(180, 100, 255, 0.16);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.style-lab-summary-card::before,
.style-concept::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.05), transparent 26%, transparent 74%, rgba(255, 255, 255, 0.02));
  pointer-events: none;
}

.style-lab-summary-label,
.style-widget-label,
.style-concept-tag {
  margin: 0 0 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 0.74rem;
  font-weight: 700;
}

.style-lab-summary-label { color: #d77fff; }

.style-lab-summary-list {
  margin: 0;
  padding-left: 1.2rem;
  color: #c8bade;
}

/* --- Grid / Concept cards --- */
.style-lab-grid {
  display: grid;
  gap: 1.35rem;
}

.style-lab-subfamily {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(280px, 0.9fr);
  gap: 1.25rem;
  margin: 2rem 0 1.5rem;
}

.style-lab-subfamily-copy,
.style-lab-subfamily-card {
  position: relative;
  overflow: hidden;
  border-radius: 28px;
  padding: 1.5rem;
}

.style-lab-subfamily-copy {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 84, 84, 0.16), transparent 25%),
    radial-gradient(circle at 82% 90%, rgba(255, 195, 76, 0.12), transparent 24%),
    linear-gradient(160deg, #140507 0%, #19060a 42%, #0f060c 100%);
  border: 1px solid rgba(185, 52, 52, 0.22);
  color: #ffeaea;
}

.style-lab-subfamily-card {
  background: linear-gradient(180deg, rgba(28, 8, 11, 0.98), rgba(16, 6, 8, 0.98));
  border: 1px solid rgba(255, 170, 84, 0.14);
  color: #f8e7d7;
}

.style-lab-subfamily--2077 .style-lab-subfamily-copy {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 224, 66, 0.16), transparent 25%),
    radial-gradient(circle at 82% 90%, rgba(255, 70, 70, 0.12), transparent 24%),
    linear-gradient(160deg, #0d0b05 0%, #120f08 42%, #0d0707 100%);
  border-color: rgba(255, 225, 92, 0.2);
  color: #fff6dd;
}

.style-lab-subfamily--2077 .style-lab-subfamily-card {
  background: linear-gradient(180deg, rgba(22, 19, 8, 0.98), rgba(16, 10, 7, 0.98));
  border-color: rgba(255, 211, 79, 0.14);
  color: #f7ead0;
}

.style-lab-subfamily--ghostyakuza .style-lab-subfamily-copy {
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 255, 92, 0.12), transparent 24%),
    radial-gradient(circle at 82% 88%, rgba(212, 44, 44, 0.14), transparent 22%),
    linear-gradient(160deg, #040705 0%, #0c0d0b 42%, #120607 100%);
  border-color: rgba(142, 215, 83, 0.16);
  color: #e9f1df;
}

.style-lab-subfamily--ghostyakuza .style-lab-subfamily-card {
  background: linear-gradient(180deg, rgba(12, 14, 11, 0.98), rgba(18, 9, 9, 0.98));
  border-color: rgba(208, 63, 63, 0.12);
  color: #e8dfd6;
}

.style-lab-subfamily--ghostpaper .style-lab-subfamily-copy {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.18), transparent 22%),
    radial-gradient(circle at 82% 88%, rgba(0, 255, 102, 0.08), transparent 20%),
    linear-gradient(160deg, #f5f3ee 0%, #efede7 42%, #f8f6f1 100%);
  border-color: rgba(0, 0, 0, 0.08);
  color: #121212;
}

.style-lab-subfamily--ghostpaper .style-lab-subfamily-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 242, 237, 0.98));
  border-color: rgba(0, 0, 0, 0.08);
  color: #2f2f2f;
}

.style-lab-subfamily--papercut-variants .style-lab-subfamily-copy {
  background:
    radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.2), transparent 22%),
    radial-gradient(circle at 82% 88%, rgba(196, 64, 32, 0.08), transparent 18%),
    linear-gradient(160deg, #f7f4ee 0%, #f1ede6 42%, #fcf8f2 100%);
  border-color: rgba(0, 0, 0, 0.08);
  color: #141414;
}

.style-lab-subfamily--papercut-variants .style-lab-subfamily-card {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(246, 243, 238, 0.98));
  border-color: rgba(0, 0, 0, 0.08);
  color: #2f2f2f;
}

.style-lab-subfamily-copy h3 {
  margin: 0;
  font-family: "Sora", "Space Grotesk", sans-serif;
  font-size: clamp(1.8rem, 3.2vw, 2.7rem);
  line-height: 1.05;
  letter-spacing: -0.04em;
}

.style-lab-subfamily-copy p:last-child {
  margin-bottom: 0;
}

.style-lab-grid--variants {
  margin-bottom: 2rem;
}

.style-concept {
  padding: 1.45rem;
  border: 1px solid transparent;
}

.concept-scanline {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background: repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.018) 0 1px, transparent 1px 4px);
  mix-blend-mode: overlay;
}

.style-concept-header {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.75rem;
}

.style-concept h3,
.style-widget h4 { margin: 0; }

.style-concept h3 {
  font-family: "Sora", "Space Grotesk", sans-serif;
  font-size: clamp(1.7rem, 3vw, 2.3rem);
  letter-spacing: -0.04em;
}

.style-concept-vote {
  position: relative;
  z-index: 3;
  align-self: center;
  padding: 0.45rem 0.8rem;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 600;
  white-space: nowrap;
}

.style-concept-showcase {
  position: relative;
  z-index: 3;
  display: grid;
  gap: 1rem;
}

.style-widget {
  border-radius: 22px;
  padding: 1.35rem;
  backdrop-filter: blur(8px);
}

.style-widget h4 { font-size: 1.32rem; line-height: 1.2; }
.style-widget p,
.style-concept-copy { margin: 0; }

.style-concept-copy {
  position: relative;
  z-index: 3;
  margin-bottom: 1rem;
}

/* --- Metric / stat rows --- */
.style-metric-row,
.style-stat-strip,
.style-pill-row,
.style-button-row,
.style-inline-feed {
  display: grid;
  gap: 0.8rem;
}

.style-metric-row,
.style-stat-strip {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.style-metric-card,
.style-stat-strip > div {
  border-radius: 18px;
  padding: 1rem;
}

.style-metric-card span,
.style-stat-strip span {
  display: block;
  margin-bottom: 0.35rem;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.11em;
}

.style-metric-card strong,
.style-stat-strip strong {
  font-size: 1.6rem;
  line-height: 1;
}

/* --- Pills --- */
.style-pill-row { grid-template-columns: repeat(auto-fit, minmax(120px, max-content)); }

.style-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 2.45rem;
  padding: 0.3rem 0.85rem;
  border-radius: 999px;
  font-size: 0.88rem;
  font-weight: 600;
}

/* --- Mini form --- */
.style-mini-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.8rem;
  align-items: end;
}

.style-mini-form label {
  display: grid;
  gap: 0.45rem;
  font-size: 0.9rem;
  font-weight: 600;
}

.style-mini-form input,
.style-mini-form button,
.style-button-row button { font: inherit; }

.style-mini-form input {
  min-height: 2.95rem;
  border-radius: 14px;
  padding: 0 0.95rem;
  border: 1px solid transparent;
}

.style-mini-form button,
.style-button-row button {
  min-height: 2.95rem;
  border: 1px solid transparent;
  border-radius: 14px;
  padding: 0 1.15rem;
  cursor: pointer;
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, border-color 180ms ease;
}

.style-mini-form button:hover,
.style-mini-form button:focus-visible,
.style-button-row button:hover,
.style-button-row button:focus-visible {
  transform: translateY(-1px);
  text-decoration: none;
}

/* --- Activity feed --- */
.style-inline-feed { padding: 1rem; border-radius: 20px; }

.style-inline-feed > div {
  display: grid;
  grid-template-columns: 5.5rem 1fr;
  gap: 0.85rem;
  font-size: 0.95rem;
}

.style-feed-time { font-variant-numeric: tabular-nums; font-weight: 700; }

/* --- Button row --- */
.style-button-row { grid-template-columns: repeat(2, minmax(0, max-content)); }
.style-button-secondary { background: transparent; }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 1 — Neon Rain
   ═══════════════════════════════════════════════════════════════ */
.style-concept--neonrain {
  background:
    radial-gradient(ellipse at 75% 15%, rgba(255, 0, 128, 0.22), transparent 28%),
    radial-gradient(ellipse at 15% 85%, rgba(0, 255, 247, 0.2), transparent 30%),
    radial-gradient(ellipse at 50% 50%, rgba(120, 0, 255, 0.08), transparent 40%),
    linear-gradient(165deg, #0a0212 0%, #130626 40%, #0a0316 100%);
  border-color: rgba(255, 0, 128, 0.28);
  color: #f5e6ff;
  box-shadow: 0 0 40px rgba(255, 0, 128, 0.06), inset 0 0 80px rgba(0, 255, 247, 0.03);
}

.style-concept--neonrain .style-concept-tag,
.style-concept--neonrain .style-widget-label,
.style-concept--neonrain .style-feed-time { color: #ff3d8a; }

.style-concept--neonrain .style-concept-vote,
.style-concept--neonrain .style-pill {
  background: linear-gradient(135deg, rgba(255, 0, 128, 0.3), rgba(160, 0, 255, 0.25));
  border: 1px solid rgba(255, 60, 150, 0.35);
  color: #ffe6f5;
  box-shadow: 0 0 12px rgba(255, 0, 128, 0.12);
}

.style-concept--neonrain .style-widget,
.style-concept--neonrain .style-metric-card,
.style-concept--neonrain .style-inline-feed {
  background: rgba(15, 5, 30, 0.7);
  border: 1px solid rgba(255, 0, 128, 0.15);
  box-shadow: inset 0 0 30px rgba(0, 255, 247, 0.03);
}

.style-concept--neonrain .style-metric-card span,
.style-concept--neonrain .style-concept-copy,
.style-concept--neonrain .style-widget p { color: #c0a0d8; }

.style-concept--neonrain .style-metric-card strong {
  color: #00fff7;
  text-shadow: 0 0 8px rgba(0, 255, 247, 0.4);
}

.style-concept--neonrain .style-inline-feed > div span:not(.style-feed-time) { color: #d8c4e8; }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 2 — Chrome District
   ═══════════════════════════════════════════════════════════════ */
.style-concept--chrome {
  background:
    radial-gradient(circle at 90% 10%, rgba(160, 140, 255, 0.12), transparent 22%),
    radial-gradient(circle at 5% 95%, rgba(0, 220, 200, 0.1), transparent 24%),
    linear-gradient(160deg, #0e0f14 0%, #161820 42%, #1a1c24 100%);
  border-color: rgba(160, 155, 200, 0.22);
  color: #e8eaf0;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.style-concept--chrome .style-concept-tag,
.style-concept--chrome .style-widget-label { color: #a8a0ff; text-shadow: 0 0 6px rgba(160, 140, 255, 0.3); }

.style-concept--chrome .style-concept-vote,
.style-concept--chrome .style-pill,
.style-concept--chrome .style-mini-form button {
  background: linear-gradient(135deg, #2a2840, #3a3555);
  border: 1px solid rgba(160, 155, 220, 0.25);
  color: #e0ddff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.style-concept--chrome .style-mini-form button:hover {
  background: linear-gradient(135deg, #3a3555, #4a4570);
  border-color: rgba(180, 170, 255, 0.4);
  box-shadow: 0 0 16px rgba(160, 140, 255, 0.15);
}

.style-concept--chrome .style-widget,
.style-concept--chrome .style-metric-card,
.style-concept--chrome .style-mini-form input {
  background: rgba(25, 27, 38, 0.8);
  border: 1px solid rgba(130, 130, 180, 0.14);
}

.style-concept--chrome .style-metric-card span,
.style-concept--chrome .style-concept-copy,
.style-concept--chrome .style-widget p { color: #9ea2b8; }

.style-concept--chrome .style-metric-card strong {
  background: linear-gradient(135deg, #c0b8ff, #80ffd4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.style-concept--chrome .style-mini-form input { color: #e0e2f0; }
.style-concept--chrome .style-mini-form label { color: #c0c2d8; }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 3 — Ghost Wire
   ═══════════════════════════════════════════════════════════════ */
.style-concept--ghostwire {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(0, 255, 65, 0.08), transparent 30%),
    linear-gradient(175deg, #000000 0%, #020804 40%, #000000 100%);
  border-color: rgba(0, 255, 65, 0.2);
  color: #b0ffb8;
  font-family: "IBM Plex Mono", "Fira Code", "Cascadia Code", monospace;
  box-shadow: 0 0 50px rgba(0, 255, 65, 0.04), inset 0 0 100px rgba(0, 255, 65, 0.02);
}

.style-concept--ghostwire h3 {
  font-family: "IBM Plex Mono", "Fira Code", monospace;
  text-shadow: 0 0 10px rgba(0, 255, 65, 0.5);
}

.style-concept--ghostwire .concept-scanline {
  background: repeating-linear-gradient(0deg, rgba(0, 255, 65, 0.025) 0 1px, transparent 1px 3px);
}

.style-concept--ghostwire .style-concept-tag,
.style-concept--ghostwire .style-widget-label,
.style-concept--ghostwire .style-feed-time { color: #00ff41; text-shadow: 0 0 6px rgba(0, 255, 65, 0.4); }

.style-concept--ghostwire .style-concept-vote,
.style-concept--ghostwire .style-pill,
.style-concept--ghostwire .style-button-row button {
  background: rgba(0, 255, 65, 0.08);
  border: 1px solid rgba(0, 255, 65, 0.25);
  color: #d0ffda;
  font-family: "IBM Plex Mono", monospace;
  text-shadow: 0 0 4px rgba(0, 255, 65, 0.2);
}

.style-concept--ghostwire .style-button-row button:hover {
  background: rgba(0, 255, 65, 0.15);
  box-shadow: 0 0 20px rgba(0, 255, 65, 0.12);
}

.style-concept--ghostwire .style-widget,
.style-concept--ghostwire .style-stat-strip > div,
.style-concept--ghostwire .style-button-secondary {
  background: rgba(0, 8, 2, 0.6);
  border: 1px solid rgba(0, 255, 65, 0.1);
}

.style-concept--ghostwire .style-concept-copy,
.style-concept--ghostwire .style-stat-strip span,
.style-concept--ghostwire .style-widget p { color: #6aad6e; }

.style-concept--ghostwire .style-stat-strip strong { color: #00ff41; text-shadow: 0 0 8px rgba(0, 255, 65, 0.35); }
.style-concept--ghostwire .style-button-secondary { color: #80ff90; }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 4 — Data Yakuza
   ═══════════════════════════════════════════════════════════════ */
.style-concept--yakuza {
  background:
    radial-gradient(ellipse at 80% 20%, rgba(200, 0, 0, 0.18), transparent 26%),
    radial-gradient(ellipse at 10% 90%, rgba(255, 180, 0, 0.1), transparent 28%),
    linear-gradient(155deg, #0a0204 0%, #180810 40%, #0e0306 100%);
  border-color: rgba(200, 30, 30, 0.25);
  color: #ffe8e8;
  box-shadow: 0 0 50px rgba(200, 0, 0, 0.06), inset 0 0 60px rgba(255, 180, 0, 0.02);
}

.style-concept--yakuza .style-concept-tag,
.style-concept--yakuza .style-widget-label { color: #ff4444; text-shadow: 0 0 6px rgba(255, 0, 0, 0.3); }

.style-concept--yakuza .style-concept-vote,
.style-concept--yakuza .style-pill,
.style-concept--yakuza .style-mini-form button {
  background: linear-gradient(135deg, rgba(180, 20, 20, 0.35), rgba(130, 10, 10, 0.3));
  border: 1px solid rgba(255, 80, 80, 0.28);
  color: #ffe0e0;
  box-shadow: 0 0 10px rgba(200, 0, 0, 0.1);
}

.style-concept--yakuza .style-mini-form button:hover {
  background: linear-gradient(135deg, rgba(200, 30, 30, 0.45), rgba(160, 20, 20, 0.4));
  box-shadow: 0 0 20px rgba(255, 0, 0, 0.15);
}

.style-concept--yakuza .style-widget,
.style-concept--yakuza .style-metric-card,
.style-concept--yakuza .style-mini-form input {
  background: rgba(20, 5, 5, 0.7);
  border: 1px solid rgba(200, 50, 50, 0.12);
}

.style-concept--yakuza .style-metric-card span,
.style-concept--yakuza .style-concept-copy,
.style-concept--yakuza .style-widget p { color: #c09898; }

.style-concept--yakuza .style-metric-card strong { color: #ffb830; text-shadow: 0 0 8px rgba(255, 180, 0, 0.35); }
.style-concept--yakuza .style-mini-form input { color: #ffe0e0; }
.style-concept--yakuza .style-mini-form label { color: #d4a0a0; }
.style-concept--yakuza h3 { text-shadow: 0 0 12px rgba(255, 0, 0, 0.2); }


/* ═══════════════════════════════════════════════════════════════
   YAKUZA VARIANTS
   ═══════════════════════════════════════════════════════════════ */
.style-concept--kintsugi {
  background:
    linear-gradient(120deg, rgba(255, 188, 92, 0.1) 0%, transparent 18%, transparent 40%, rgba(255, 188, 92, 0.08) 42%, transparent 58%, rgba(255, 188, 92, 0.07) 60%, transparent 100%),
    radial-gradient(circle at 80% 20%, rgba(180, 24, 32, 0.16), transparent 24%),
    linear-gradient(155deg, #080305 0%, #140609 44%, #0e0507 100%);
  border-color: rgba(255, 194, 102, 0.22);
  color: #fff0e1;
}

.style-concept--kintsugi .style-concept-tag,
.style-concept--kintsugi .style-widget-label { color: #ffc465; }

.style-concept--kintsugi .style-concept-vote,
.style-concept--kintsugi .style-pill,
.style-concept--kintsugi .style-mini-form button {
  background: linear-gradient(135deg, rgba(122, 57, 17, 0.45), rgba(173, 116, 29, 0.32));
  border: 1px solid rgba(255, 201, 111, 0.24);
  color: #fff2de;
}

.style-concept--kintsugi .style-widget,
.style-concept--kintsugi .style-metric-card,
.style-concept--kintsugi .style-mini-form input {
  background: rgba(22, 8, 8, 0.74);
  border: 1px solid rgba(255, 200, 112, 0.12);
}

.style-concept--kintsugi .style-metric-card span,
.style-concept--kintsugi .style-concept-copy,
.style-concept--kintsugi .style-widget p,
.style-concept--kintsugi .style-mini-form label { color: #d9b99a; }

.style-concept--kintsugi .style-metric-card strong { color: #ffd27a; }

.style-concept--shrine {
  background:
    radial-gradient(circle at 15% 15%, rgba(255, 247, 222, 0.14), transparent 22%),
    radial-gradient(circle at 82% 86%, rgba(219, 64, 48, 0.14), transparent 24%),
    linear-gradient(155deg, #120708 0%, #1b0a0b 42%, #130607 100%);
  border-color: rgba(233, 103, 82, 0.22);
  color: #fff1e6;
}

.style-concept--shrine .style-concept-tag,
.style-concept--shrine .style-widget-label,
.style-concept--shrine .style-feed-time { color: #ffab7d; }

.style-concept--shrine .style-concept-vote,
.style-concept--shrine .style-pill {
  background: linear-gradient(135deg, rgba(156, 45, 37, 0.45), rgba(210, 108, 62, 0.28));
  border: 1px solid rgba(255, 177, 130, 0.26);
  color: #fff1e2;
}

.style-concept--shrine .style-widget,
.style-concept--shrine .style-metric-card,
.style-concept--shrine .style-inline-feed {
  background: rgba(34, 12, 12, 0.68);
  border: 1px solid rgba(255, 190, 150, 0.1);
}

.style-concept--shrine .style-metric-card span,
.style-concept--shrine .style-concept-copy,
.style-concept--shrine .style-widget p { color: #dec3b6; }

.style-concept--shrine .style-metric-card strong { color: #fff0ce; }

.style-concept--ronin {
  background:
    radial-gradient(circle at 78% 18%, rgba(170, 24, 24, 0.12), transparent 22%),
    linear-gradient(158deg, #060607 0%, #101114 42%, #0a0b0e 100%);
  border-color: rgba(179, 55, 55, 0.18);
  color: #f1ebea;
}

.style-concept--ronin .style-concept-tag,
.style-concept--ronin .style-widget-label { color: #d77878; }

.style-concept--ronin .style-concept-vote,
.style-concept--ronin .style-pill,
.style-concept--ronin .style-button-row button {
  background: rgba(78, 24, 24, 0.52);
  border: 1px solid rgba(193, 92, 92, 0.2);
  color: #f3e3e3;
}

.style-concept--ronin .style-widget,
.style-concept--ronin .style-stat-strip > div,
.style-concept--ronin .style-button-secondary {
  background: rgba(20, 21, 25, 0.82);
  border: 1px solid rgba(197, 102, 102, 0.08);
}

.style-concept--ronin .style-concept-copy,
.style-concept--ronin .style-stat-strip span,
.style-concept--ronin .style-widget p { color: #b6aaab; }

.style-concept--ronin .style-stat-strip strong,
.style-concept--ronin .style-button-secondary { color: #f1d28d; }

.style-concept--pachinko {
  background:
    radial-gradient(circle at 20% 15%, rgba(255, 204, 92, 0.16), transparent 20%),
    radial-gradient(circle at 80% 20%, rgba(255, 70, 70, 0.18), transparent 22%),
    radial-gradient(circle at 18% 78%, rgba(255, 120, 48, 0.14), transparent 18%),
    linear-gradient(155deg, #100406 0%, #17060a 42%, #0e0406 100%);
  border-color: rgba(255, 119, 68, 0.24);
  color: #fff0e7;
}

.style-concept--pachinko .style-concept-tag,
.style-concept--pachinko .style-widget-label,
.style-concept--pachinko .style-feed-time { color: #ffb14e; }

.style-concept--pachinko .style-concept-vote,
.style-concept--pachinko .style-pill {
  background: linear-gradient(135deg, rgba(168, 32, 32, 0.42), rgba(224, 119, 38, 0.3));
  border: 1px solid rgba(255, 187, 89, 0.24);
  color: #fff1dd;
}

.style-concept--pachinko .style-widget,
.style-concept--pachinko .style-metric-card,
.style-concept--pachinko .style-inline-feed {
  background: rgba(30, 10, 10, 0.72);
  border: 1px solid rgba(255, 173, 85, 0.1);
}

.style-concept--pachinko .style-metric-card span,
.style-concept--pachinko .style-concept-copy,
.style-concept--pachinko .style-widget p { color: #d6b5a4; }

.style-concept--pachinko .style-metric-card strong { color: #ffd16a; }

.style-concept--kabuki {
  background:
    linear-gradient(135deg, rgba(255, 244, 219, 0.08) 0 18%, transparent 18% 100%),
    radial-gradient(circle at 80% 18%, rgba(183, 28, 28, 0.18), transparent 20%),
    linear-gradient(160deg, #0b0507 0%, #15070b 44%, #100508 100%);
  border-color: rgba(244, 215, 176, 0.18);
  color: #fff3ea;
}

.style-concept--kabuki .style-concept-tag,
.style-concept--kabuki .style-widget-label { color: #ffd6a0; }

.style-concept--kabuki .style-concept-vote,
.style-concept--kabuki .style-pill,
.style-concept--kabuki .style-mini-form button {
  background: linear-gradient(135deg, rgba(141, 26, 26, 0.42), rgba(109, 22, 22, 0.32));
  border: 1px solid rgba(255, 214, 160, 0.2);
  color: #fff2df;
}

.style-concept--kabuki .style-widget,
.style-concept--kabuki .style-metric-card,
.style-concept--kabuki .style-mini-form input {
  background: rgba(24, 8, 10, 0.74);
  border: 1px solid rgba(255, 224, 189, 0.08);
}

.style-concept--kabuki .style-metric-card span,
.style-concept--kabuki .style-concept-copy,
.style-concept--kabuki .style-widget p,
.style-concept--kabuki .style-mini-form label { color: #d8c0b7; }

.style-concept--kabuki .style-metric-card strong { color: #fff0d2; }

.style-concept--lotus {
  background:
    radial-gradient(circle at 82% 18%, rgba(122, 53, 91, 0.18), transparent 20%),
    radial-gradient(circle at 20% 86%, rgba(189, 138, 76, 0.12), transparent 20%),
    linear-gradient(158deg, #070507 0%, #120b12 44%, #0a070b 100%);
  border-color: rgba(190, 144, 86, 0.16);
  color: #f7edf5;
}

.style-concept--lotus .style-concept-tag,
.style-concept--lotus .style-widget-label { color: #d6ae7d; }

.style-concept--lotus .style-concept-vote,
.style-concept--lotus .style-pill,
.style-concept--lotus .style-button-row button {
  background: linear-gradient(135deg, rgba(76, 30, 57, 0.5), rgba(97, 61, 34, 0.32));
  border: 1px solid rgba(214, 174, 125, 0.18);
  color: #f7e8d8;
}

.style-concept--lotus .style-widget,
.style-concept--lotus .style-stat-strip > div,
.style-concept--lotus .style-button-secondary {
  background: rgba(18, 12, 18, 0.78);
  border: 1px solid rgba(214, 174, 125, 0.08);
}

.style-concept--lotus .style-concept-copy,
.style-concept--lotus .style-stat-strip span,
.style-concept--lotus .style-widget p { color: #c5b3c0; }

.style-concept--lotus .style-stat-strip strong,
.style-concept--lotus .style-button-secondary { color: #f0d4a8; }


/* ═══════════════════════════════════════════════════════════════
   2077 HYBRIDS
   ═══════════════════════════════════════════════════════════════ */
.style-concept--marketrush {
  background:
    radial-gradient(circle at 12% 14%, rgba(255, 223, 70, 0.18), transparent 18%),
    radial-gradient(circle at 84% 22%, rgba(255, 68, 68, 0.18), transparent 20%),
    radial-gradient(circle at 22% 88%, rgba(255, 160, 58, 0.14), transparent 18%),
    linear-gradient(155deg, #0a0907 0%, #11100d 42%, #120707 100%);
  border-color: rgba(255, 218, 72, 0.24);
  color: #fff1cc;
  box-shadow: 0 0 50px rgba(255, 219, 70, 0.08), inset 0 0 55px rgba(255, 74, 74, 0.03);
}

.style-concept--marketrush .style-concept-tag,
.style-concept--marketrush .style-widget-label,
.style-concept--marketrush .style-feed-time { color: #ffe14a; }

.style-concept--marketrush .style-concept-vote,
.style-concept--marketrush .style-pill {
  background: linear-gradient(135deg, rgba(255, 220, 64, 0.28), rgba(192, 52, 52, 0.3));
  border: 1px solid rgba(255, 221, 94, 0.24);
  color: #fff4cf;
}

.style-concept--marketrush .style-widget,
.style-concept--marketrush .style-metric-card,
.style-concept--marketrush .style-inline-feed {
  background: rgba(20, 16, 12, 0.76);
  border: 1px solid rgba(255, 214, 78, 0.09);
}

.style-concept--marketrush .style-metric-card span,
.style-concept--marketrush .style-concept-copy,
.style-concept--marketrush .style-widget p { color: #d3c29e; }

.style-concept--marketrush .style-metric-card strong { color: #ffe56a; }

.style-concept--corposhrine {
  background:
    radial-gradient(circle at 82% 18%, rgba(255, 208, 92, 0.14), transparent 18%),
    radial-gradient(circle at 18% 88%, rgba(181, 32, 48, 0.12), transparent 18%),
    linear-gradient(158deg, #070707 0%, #0f1012 42%, #130809 100%);
  border-color: rgba(255, 206, 96, 0.18);
  color: #f6eee4;
}

.style-concept--corposhrine .style-concept-tag,
.style-concept--corposhrine .style-widget-label { color: #ffcf75; }

.style-concept--corposhrine .style-concept-vote,
.style-concept--corposhrine .style-pill,
.style-concept--corposhrine .style-button-row button {
  background: linear-gradient(135deg, rgba(80, 66, 24, 0.48), rgba(117, 32, 32, 0.3));
  border: 1px solid rgba(255, 207, 117, 0.18);
  color: #f8edda;
}

.style-concept--corposhrine .style-widget,
.style-concept--corposhrine .style-stat-strip > div,
.style-concept--corposhrine .style-button-secondary {
  background: rgba(16, 16, 18, 0.82);
  border: 1px solid rgba(255, 208, 116, 0.07);
}

.style-concept--corposhrine .style-concept-copy,
.style-concept--corposhrine .style-stat-strip span,
.style-concept--corposhrine .style-widget p { color: #c7bbad; }

.style-concept--corposhrine .style-stat-strip strong,
.style-concept--corposhrine .style-button-secondary { color: #ffd97f; }

.style-concept--jigember {
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 95, 95, 0.16), transparent 18%),
    radial-gradient(circle at 84% 20%, rgba(255, 145, 56, 0.16), transparent 20%),
    radial-gradient(circle at 72% 84%, rgba(255, 211, 94, 0.1), transparent 18%),
    linear-gradient(155deg, #0d0707 0%, #180c0c 44%, #12080a 100%);
  border-color: rgba(255, 135, 68, 0.22);
  color: #fff0e5;
}

.style-concept--jigember .style-concept-tag,
.style-concept--jigember .style-widget-label { color: #ffb260; }

.style-concept--jigember .style-concept-vote,
.style-concept--jigember .style-pill,
.style-concept--jigember .style-mini-form button {
  background: linear-gradient(135deg, rgba(170, 46, 46, 0.42), rgba(218, 114, 49, 0.28));
  border: 1px solid rgba(255, 176, 96, 0.22);
  color: #fff0db;
}

.style-concept--jigember .style-widget,
.style-concept--jigember .style-metric-card,
.style-concept--jigember .style-mini-form input {
  background: rgba(24, 11, 11, 0.75);
  border: 1px solid rgba(255, 172, 97, 0.08);
}

.style-concept--jigember .style-metric-card span,
.style-concept--jigember .style-concept-copy,
.style-concept--jigember .style-widget p,
.style-concept--jigember .style-mini-form label { color: #d6b6aa; }

.style-concept--jigember .style-metric-card strong { color: #ffd16f; }

.style-concept--samuraigrid {
  background:
    linear-gradient(135deg, rgba(255, 225, 78, 0.08) 0 14%, transparent 14% 100%),
    radial-gradient(circle at 84% 18%, rgba(255, 225, 78, 0.16), transparent 16%),
    radial-gradient(circle at 16% 86%, rgba(210, 38, 52, 0.16), transparent 18%),
    linear-gradient(160deg, #08090a 0%, #111316 44%, #0b0d0f 100%);
  border-color: rgba(255, 225, 78, 0.22);
  color: #f5f1de;
}

.style-concept--samuraigrid .style-concept-tag,
.style-concept--samuraigrid .style-widget-label { color: #ffe14a; }

.style-concept--samuraigrid .style-concept-vote,
.style-concept--samuraigrid .style-pill,
.style-concept--samuraigrid .style-button-row button {
  background: rgba(255, 225, 78, 0.12);
  border: 1px solid rgba(255, 225, 78, 0.24);
  color: #fff4ba;
}

.style-concept--samuraigrid .style-widget,
.style-concept--samuraigrid .style-stat-strip > div,
.style-concept--samuraigrid .style-button-secondary {
  background: rgba(12, 14, 16, 0.82);
  border: 1px solid rgba(255, 225, 78, 0.07);
}

.style-concept--samuraigrid .style-concept-copy,
.style-concept--samuraigrid .style-stat-strip span,
.style-concept--samuraigrid .style-widget p { color: #bbb7a5; }

.style-concept--samuraigrid .style-stat-strip strong,
.style-concept--samuraigrid .style-button-secondary { color: #ffe870; }


/* ═══════════════════════════════════════════════════════════════
   GHOST WIRE x DATA YAKUZA
   ═══════════════════════════════════════════════════════════════ */
.style-concept--oniwire {
  background:
    radial-gradient(circle at 14% 18%, rgba(0, 255, 82, 0.1), transparent 18%),
    radial-gradient(circle at 84% 20%, rgba(216, 38, 38, 0.18), transparent 18%),
    radial-gradient(circle at 24% 84%, rgba(255, 184, 58, 0.12), transparent 18%),
    linear-gradient(160deg, #050605 0%, #0c0e0b 44%, #110607 100%);
  border-color: rgba(171, 208, 77, 0.16);
  color: #edf1e5;
  font-family: "IBM Plex Mono", "Fira Code", monospace;
}

.style-concept--oniwire h3,
.style-concept--crimsontrace h3,
.style-concept--shogunlog h3,
.style-concept--bloodledger h3 {
  font-family: "IBM Plex Mono", "Fira Code", monospace;
}

.style-concept--oniwire .style-concept-tag,
.style-concept--oniwire .style-widget-label { color: #9cff55; }

.style-concept--oniwire .style-concept-vote,
.style-concept--oniwire .style-pill,
.style-concept--oniwire .style-button-row button {
  background: linear-gradient(135deg, rgba(108, 22, 22, 0.45), rgba(71, 86, 14, 0.32));
  border: 1px solid rgba(167, 215, 80, 0.2);
  color: #eff6df;
}

.style-concept--oniwire .style-widget,
.style-concept--oniwire .style-metric-card,
.style-concept--oniwire .style-button-secondary {
  background: rgba(10, 12, 10, 0.8);
  border: 1px solid rgba(157, 214, 83, 0.08);
}

.style-concept--oniwire .style-metric-card span,
.style-concept--oniwire .style-concept-copy,
.style-concept--oniwire .style-widget p { color: #b8bcae; }

.style-concept--oniwire .style-metric-card strong,
.style-concept--oniwire .style-button-secondary { color: #ffc862; }

.style-concept--crimsontrace {
  background:
    radial-gradient(circle at 18% 18%, rgba(0, 255, 92, 0.08), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(190, 28, 45, 0.2), transparent 18%),
    linear-gradient(160deg, #070606 0%, #14080a 44%, #0d0d0a 100%);
  border-color: rgba(204, 66, 66, 0.18);
  color: #f4eae3;
  font-family: "IBM Plex Mono", "Fira Code", monospace;
}

.style-concept--crimsontrace .style-concept-tag,
.style-concept--crimsontrace .style-widget-label,
.style-concept--crimsontrace .style-feed-time { color: #ff6262; }

.style-concept--crimsontrace .style-concept-vote,
.style-concept--crimsontrace .style-pill,
.style-concept--crimsontrace .style-mini-form button {
  background: linear-gradient(135deg, rgba(146, 27, 27, 0.48), rgba(81, 112, 30, 0.22));
  border: 1px solid rgba(255, 104, 104, 0.18);
  color: #fbe6df;
}

.style-concept--crimsontrace .style-widget,
.style-concept--crimsontrace .style-inline-feed,
.style-concept--crimsontrace .style-mini-form input {
  background: rgba(15, 10, 10, 0.78);
  border: 1px solid rgba(197, 71, 71, 0.08);
}

.style-concept--crimsontrace .style-concept-copy,
.style-concept--crimsontrace .style-widget p,
.style-concept--crimsontrace .style-mini-form label { color: #cbb0a8; }

.style-concept--crimsontrace .style-inline-feed > div span:not(.style-feed-time) { color: #d7c2b2; }

.style-concept--shogunlog {
  background:
    radial-gradient(circle at 82% 18%, rgba(176, 38, 38, 0.14), transparent 18%),
    linear-gradient(160deg, #040404 0%, #0b0d10 44%, #09090a 100%);
  border-color: rgba(105, 132, 84, 0.16);
  color: #e7e2da;
  font-family: "IBM Plex Mono", "Fira Code", monospace;
}

.style-concept--shogunlog .style-concept-tag,
.style-concept--shogunlog .style-widget-label { color: #89c16a; }

.style-concept--shogunlog .style-concept-vote,
.style-concept--shogunlog .style-pill,
.style-concept--shogunlog .style-button-row button {
  background: rgba(35, 48, 38, 0.52);
  border: 1px solid rgba(137, 193, 106, 0.16);
  color: #ebead9;
}

.style-concept--shogunlog .style-widget,
.style-concept--shogunlog .style-stat-strip > div,
.style-concept--shogunlog .style-button-secondary {
  background: rgba(11, 13, 15, 0.82);
  border: 1px solid rgba(137, 193, 106, 0.06);
}

.style-concept--shogunlog .style-concept-copy,
.style-concept--shogunlog .style-stat-strip span,
.style-concept--shogunlog .style-widget p { color: #aaa79f; }

.style-concept--shogunlog .style-stat-strip strong,
.style-concept--shogunlog .style-button-secondary { color: #ffcf73; }

.style-concept--bloodledger {
  background:
    radial-gradient(circle at 78% 18%, rgba(165, 27, 33, 0.18), transparent 18%),
    radial-gradient(circle at 16% 82%, rgba(0, 255, 92, 0.06), transparent 16%),
    linear-gradient(160deg, #040404 0%, #0c0608 44%, #080708 100%);
  border-color: rgba(159, 46, 46, 0.16);
  color: #f0e5df;
  font-family: "IBM Plex Mono", "Fira Code", monospace;
}

.style-concept--bloodledger .style-concept-tag,
.style-concept--bloodledger .style-widget-label { color: #d96363; }

.style-concept--bloodledger .style-concept-vote,
.style-concept--bloodledger .style-pill,
.style-concept--bloodledger .style-mini-form button {
  background: linear-gradient(135deg, rgba(93, 19, 19, 0.52), rgba(78, 66, 25, 0.26));
  border: 1px solid rgba(215, 99, 99, 0.16);
  color: #f6e7dd;
}

.style-concept--bloodledger .style-widget,
.style-concept--bloodledger .style-metric-card,
.style-concept--bloodledger .style-mini-form input {
  background: rgba(14, 10, 10, 0.82);
  border: 1px solid rgba(201, 83, 83, 0.06);
}

.style-concept--bloodledger .style-metric-card span,
.style-concept--bloodledger .style-concept-copy,
.style-concept--bloodledger .style-widget p,
.style-concept--bloodledger .style-mini-form label { color: #bca6a1; }

.style-concept--bloodledger .style-metric-card strong { color: #ffcf73; }


/* ═══════════════════════════════════════════════════════════════
   GHOST WIRE x PAPER CUT
   ═══════════════════════════════════════════════════════════════ */
.style-concept--dotfolio,
.style-concept--xeroxronin,
.style-concept--archiveglitch,
.style-concept--sumimono {
  color: #171717;
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.08);
  font-family: "IBM Plex Mono", "Fira Code", monospace;
}

.style-concept--dotfolio h3,
.style-concept--xeroxronin h3,
.style-concept--archiveglitch h3,
.style-concept--sumimono h3 {
  font-family: "IBM Plex Mono", "Fira Code", monospace;
}

.style-concept--dotfolio {
  background:
    radial-gradient(circle at 84% 18%, rgba(0, 255, 92, 0.08), transparent 16%),
    linear-gradient(160deg, #f5f4ef 0%, #efede8 44%, #faf8f3 100%);
  border-color: rgba(0, 0, 0, 0.08);
}

.style-concept--dotfolio .concept-scanline,
.style-concept--xeroxronin .concept-scanline,
.style-concept--archiveglitch .concept-scanline,
.style-concept--sumimono .concept-scanline {
  background: repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.02) 0 1px, transparent 1px 4px);
  mix-blend-mode: multiply;
}

.style-concept--dotfolio .style-concept-tag,
.style-concept--dotfolio .style-widget-label { color: #22864b; }

.style-concept--dotfolio .style-concept-vote,
.style-concept--dotfolio .style-pill,
.style-concept--dotfolio .style-mini-form button {
  background: #111111;
  border: 1px solid #111111;
  color: #ffffff;
}

.style-concept--dotfolio .style-widget,
.style-concept--dotfolio .style-metric-card,
.style-concept--dotfolio .style-mini-form input {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.style-concept--dotfolio .style-metric-card span,
.style-concept--dotfolio .style-concept-copy,
.style-concept--dotfolio .style-widget p,
.style-concept--dotfolio .style-mini-form label { color: #5d5d5d; }

.style-concept--dotfolio .style-metric-card strong { color: #22864b; }

.style-concept--xeroxronin {
  background:
    linear-gradient(160deg, #f1eee8 0%, #e9e5de 44%, #f7f4ee 100%);
  border-color: rgba(0, 0, 0, 0.1);
}

.style-concept--xeroxronin .style-concept-tag,
.style-concept--xeroxronin .style-widget-label,
.style-concept--xeroxronin .style-feed-time { color: #2b7d49; }

.style-concept--xeroxronin .style-concept-vote,
.style-concept--xeroxronin .style-pill,
.style-concept--xeroxronin .style-button-row button {
  background: #0f0f0f;
  border: 1px solid #0f0f0f;
  color: #ffffff;
}

.style-concept--xeroxronin .style-widget,
.style-concept--xeroxronin .style-inline-feed,
.style-concept--xeroxronin .style-button-secondary {
  background: rgba(255, 255, 255, 0.82);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.style-concept--xeroxronin .style-concept-copy,
.style-concept--xeroxronin .style-widget p,
.style-concept--xeroxronin .style-inline-feed > div span:not(.style-feed-time) { color: #585858; }

.style-concept--archiveglitch {
  background:
    linear-gradient(135deg, rgba(0, 255, 92, 0.05) 0 14%, transparent 14% 100%),
    linear-gradient(160deg, #f8f6f0 0%, #efede8 44%, #fbfaf5 100%);
  border-color: rgba(0, 0, 0, 0.08);
}

.style-concept--archiveglitch .style-concept-tag,
.style-concept--archiveglitch .style-widget-label { color: #23915a; }

.style-concept--archiveglitch .style-concept-vote,
.style-concept--archiveglitch .style-pill,
.style-concept--archiveglitch .style-mini-form button {
  background: #111111;
  border: 1px solid #111111;
  color: #ffffff;
}

.style-concept--archiveglitch .style-widget,
.style-concept--archiveglitch .style-stat-strip > div,
.style-concept--archiveglitch .style-mini-form input {
  background: rgba(255, 255, 255, 0.88);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.style-concept--archiveglitch .style-concept-copy,
.style-concept--archiveglitch .style-stat-strip span,
.style-concept--archiveglitch .style-widget p,
.style-concept--archiveglitch .style-mini-form label { color: #616161; }

.style-concept--archiveglitch .style-stat-strip strong { color: #23915a; }

.style-concept--sumimono {
  background:
    radial-gradient(circle at 84% 18%, rgba(0, 255, 92, 0.05), transparent 16%),
    linear-gradient(160deg, #fbfaf7 0%, #f2efe9 44%, #fffdf8 100%);
  border-color: rgba(0, 0, 0, 0.08);
}

.style-concept--sumimono .style-concept-tag,
.style-concept--sumimono .style-widget-label { color: #2a7f4b; }

.style-concept--sumimono .style-concept-vote,
.style-concept--sumimono .style-pill,
.style-concept--sumimono .style-button-row button {
  background: #0f0f0f;
  border: 1px solid #0f0f0f;
  color: #ffffff;
}

.style-concept--sumimono .style-widget,
.style-concept--sumimono .style-metric-card,
.style-concept--sumimono .style-button-secondary {
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(0, 0, 0, 0.08);
}

.style-concept--sumimono .style-metric-card span,
.style-concept--sumimono .style-concept-copy,
.style-concept--sumimono .style-widget p { color: #5f5f5f; }

.style-concept--sumimono .style-metric-card strong,
.style-concept--sumimono .style-button-secondary { color: #2a7f4b; }


/* ═══════════════════════════════════════════════════════════════
   PAPER CUT REFINEMENTS
   ═══════════════════════════════════════════════════════════════ */
.style-concept--ivoryledger,
.style-concept--carbonmargin,
.style-concept--studioproof {
  color: #161616;
  box-shadow: 0 6px 26px rgba(0, 0, 0, 0.08);
}

.style-concept--ivoryledger {
  background: linear-gradient(160deg, #f6f1e8 0%, #efe7dc 42%, #fbf6ee 100%);
  border-color: rgba(69, 42, 23, 0.12);
}

.style-concept--ivoryledger .concept-scanline,
.style-concept--carbonmargin .concept-scanline,
.style-concept--studioproof .concept-scanline {
  display: none;
}

.style-concept--ivoryledger::before,
.style-concept--carbonmargin::before,
.style-concept--studioproof::before {
  display: none;
}

.style-concept--ivoryledger .style-concept-tag,
.style-concept--ivoryledger .style-widget-label { color: #a75c33; }

.style-concept--ivoryledger .style-concept-vote,
.style-concept--ivoryledger .style-pill,
.style-concept--ivoryledger .style-mini-form button {
  background: #231d17;
  border: 1px solid #231d17;
  color: #fff8f0;
}

.style-concept--ivoryledger .style-widget,
.style-concept--ivoryledger .style-metric-card,
.style-concept--ivoryledger .style-mini-form input {
  background: rgba(255, 252, 247, 0.94);
  border: 1px solid rgba(69, 42, 23, 0.08);
  box-shadow: 0 2px 8px rgba(52, 31, 18, 0.05);
}

.style-concept--ivoryledger .style-metric-card span,
.style-concept--ivoryledger .style-concept-copy,
.style-concept--ivoryledger .style-widget p,
.style-concept--ivoryledger .style-mini-form label { color: #6a6259; }

.style-concept--ivoryledger .style-metric-card strong { color: #a75c33; }

.style-concept--carbonmargin {
  background: linear-gradient(160deg, #f5f6f7 0%, #edf0f2 42%, #fbfcfd 100%);
  border-color: rgba(12, 12, 12, 0.12);
}

.style-concept--carbonmargin .style-concept-tag,
.style-concept--carbonmargin .style-widget-label { color: #111111; }

.style-concept--carbonmargin .style-concept-vote,
.style-concept--carbonmargin .style-pill,
.style-concept--carbonmargin .style-button-row button {
  background: #111111;
  border: 1px solid #111111;
  color: #ffffff;
}

.style-concept--carbonmargin .style-widget,
.style-concept--carbonmargin .style-stat-strip > div,
.style-concept--carbonmargin .style-button-secondary {
  background: rgba(255, 255, 255, 0.96);
  border: 1px solid rgba(17, 17, 17, 0.1);
  box-shadow: 0 2px 10px rgba(17, 17, 17, 0.06);
}

.style-concept--carbonmargin .style-concept-copy,
.style-concept--carbonmargin .style-stat-strip span,
.style-concept--carbonmargin .style-widget p { color: #5b6168; }

.style-concept--carbonmargin .style-stat-strip strong,
.style-concept--carbonmargin .style-button-secondary { color: #111111; }

.style-concept--studioproof {
  background: linear-gradient(160deg, #f9f7f3 0%, #f2eee7 42%, #fefcf8 100%);
  border-color: rgba(90, 63, 49, 0.1);
}

.style-concept--studioproof .style-concept-tag,
.style-concept--studioproof .style-widget-label { color: #b06b51; }

.style-concept--studioproof .style-concept-vote,
.style-concept--studioproof .style-pill,
.style-concept--studioproof .style-mini-form button {
  background: #171412;
  border: 1px solid #171412;
  color: #fff8f3;
}

.style-concept--studioproof .style-widget,
.style-concept--studioproof .style-metric-card,
.style-concept--studioproof .style-mini-form input {
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(90, 63, 49, 0.08);
  box-shadow: 0 3px 12px rgba(63, 43, 31, 0.05);
}

.style-concept--studioproof .style-metric-card span,
.style-concept--studioproof .style-concept-copy,
.style-concept--studioproof .style-widget p,
.style-concept--studioproof .style-mini-form label { color: #645e59; }

.style-concept--studioproof .style-metric-card strong { color: #b06b51; }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 5 — Midnight Aurora
   Deep navy + northern-lights green/violet shimmer
   ═══════════════════════════════════════════════════════════════ */
.style-concept--aurora {
  background:
    radial-gradient(ellipse at 30% 0%, rgba(0, 255, 160, 0.15), transparent 30%),
    radial-gradient(ellipse at 70% 10%, rgba(140, 80, 255, 0.12), transparent 25%),
    radial-gradient(ellipse at 50% 90%, rgba(0, 200, 180, 0.08), transparent 30%),
    linear-gradient(170deg, #040818 0%, #0a1028 40%, #060c1e 100%);
  border-color: rgba(0, 255, 160, 0.2);
  color: #e0f8f0;
  box-shadow: 0 0 50px rgba(0, 255, 160, 0.05), inset 0 0 80px rgba(140, 80, 255, 0.03);
}

.style-concept--aurora .style-concept-tag,
.style-concept--aurora .style-widget-label,
.style-concept--aurora .style-feed-time { color: #50ffb0; text-shadow: 0 0 6px rgba(0, 255, 160, 0.35); }

.style-concept--aurora .style-concept-vote,
.style-concept--aurora .style-pill {
  background: linear-gradient(135deg, rgba(0, 255, 160, 0.15), rgba(140, 80, 255, 0.15));
  border: 1px solid rgba(0, 255, 160, 0.25);
  color: #d0ffe8;
  box-shadow: 0 0 10px rgba(0, 255, 160, 0.08);
}

.style-concept--aurora .style-widget,
.style-concept--aurora .style-metric-card,
.style-concept--aurora .style-inline-feed {
  background: rgba(6, 12, 30, 0.7);
  border: 1px solid rgba(0, 255, 160, 0.1);
  box-shadow: inset 0 0 25px rgba(140, 80, 255, 0.03);
}

.style-concept--aurora .style-metric-card span,
.style-concept--aurora .style-concept-copy,
.style-concept--aurora .style-widget p { color: #8ab8b0; }

.style-concept--aurora .style-metric-card strong {
  background: linear-gradient(135deg, #50ffb0, #b080ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.style-concept--aurora .style-inline-feed > div span:not(.style-feed-time) { color: #a8d0c8; }
.style-concept--aurora h3 { text-shadow: 0 0 14px rgba(0, 255, 160, 0.2); }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 6 — Solar Flare
   Amber / solar orange on deep-space black
   ═══════════════════════════════════════════════════════════════ */
.style-concept--solar {
  background:
    radial-gradient(ellipse at 60% 10%, rgba(255, 160, 0, 0.22), transparent 28%),
    radial-gradient(ellipse at 20% 80%, rgba(255, 80, 0, 0.12), transparent 26%),
    radial-gradient(ellipse at 80% 80%, rgba(255, 220, 80, 0.06), transparent 30%),
    linear-gradient(165deg, #0a0500 0%, #1a0e02 40%, #0c0600 100%);
  border-color: rgba(255, 160, 0, 0.28);
  color: #fff4e0;
  box-shadow: 0 0 50px rgba(255, 140, 0, 0.08), inset 0 0 60px rgba(255, 80, 0, 0.03);
}

.style-concept--solar .style-concept-tag,
.style-concept--solar .style-widget-label { color: #ffa040; text-shadow: 0 0 6px rgba(255, 160, 0, 0.4); }

.style-concept--solar .style-concept-vote,
.style-concept--solar .style-pill,
.style-concept--solar .style-mini-form button {
  background: linear-gradient(135deg, rgba(255, 140, 0, 0.3), rgba(255, 80, 0, 0.25));
  border: 1px solid rgba(255, 160, 0, 0.35);
  color: #fff0d0;
  box-shadow: 0 0 12px rgba(255, 140, 0, 0.12);
}

.style-concept--solar .style-mini-form button:hover {
  background: linear-gradient(135deg, rgba(255, 160, 0, 0.4), rgba(255, 100, 0, 0.35));
  box-shadow: 0 0 24px rgba(255, 140, 0, 0.2);
}

.style-concept--solar .style-widget,
.style-concept--solar .style-metric-card,
.style-concept--solar .style-mini-form input {
  background: rgba(15, 8, 0, 0.7);
  border: 1px solid rgba(255, 140, 0, 0.12);
  box-shadow: inset 0 0 20px rgba(255, 80, 0, 0.03);
}

.style-concept--solar .style-metric-card span,
.style-concept--solar .style-concept-copy,
.style-concept--solar .style-widget p { color: #c8a070; }

.style-concept--solar .style-metric-card strong { color: #ffcc40; text-shadow: 0 0 10px rgba(255, 200, 40, 0.4); }
.style-concept--solar .style-mini-form input { color: #fff0d0; }
.style-concept--solar .style-mini-form label { color: #d4b080; }
.style-concept--solar h3 { text-shadow: 0 0 14px rgba(255, 140, 0, 0.25); }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 7 — Arctic Protocol
   Ice blue + frost-white on slate
   ═══════════════════════════════════════════════════════════════ */
.style-concept--arctic {
  background:
    radial-gradient(ellipse at 40% 0%, rgba(140, 210, 255, 0.15), transparent 28%),
    radial-gradient(ellipse at 80% 90%, rgba(200, 230, 255, 0.08), transparent 30%),
    linear-gradient(170deg, #0a1018 0%, #101825 42%, #0c1420 100%);
  border-color: rgba(140, 210, 255, 0.22);
  color: #e8f4ff;
  box-shadow: 0 0 50px rgba(140, 200, 255, 0.06);
}

.style-concept--arctic .style-concept-tag,
.style-concept--arctic .style-widget-label { color: #80d0ff; text-shadow: 0 0 6px rgba(140, 210, 255, 0.3); }

.style-concept--arctic .style-concept-vote,
.style-concept--arctic .style-pill,
.style-concept--arctic .style-button-row button {
  background: rgba(140, 210, 255, 0.1);
  border: 1px solid rgba(140, 210, 255, 0.25);
  color: #d8f0ff;
  box-shadow: 0 0 8px rgba(140, 210, 255, 0.06);
}

.style-concept--arctic .style-button-row button:hover {
  background: rgba(140, 210, 255, 0.18);
  box-shadow: 0 0 16px rgba(140, 210, 255, 0.12);
}

.style-concept--arctic .style-widget,
.style-concept--arctic .style-metric-card {
  background: rgba(12, 20, 35, 0.7);
  border: 1px solid rgba(140, 210, 255, 0.1);
}

.style-concept--arctic .style-metric-card span,
.style-concept--arctic .style-concept-copy,
.style-concept--arctic .style-widget p { color: #8ab0c8; }

.style-concept--arctic .style-metric-card strong { color: #b0e8ff; text-shadow: 0 0 8px rgba(176, 232, 255, 0.3); }
.style-concept--arctic .style-button-secondary {
  background: transparent;
  border-color: rgba(140, 210, 255, 0.18);
  color: #a0d0f0;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 8 — Vaporwave Drift
   Pastel pink/lavender/teal, retro 80s
   ═══════════════════════════════════════════════════════════════ */
.style-concept--vapor {
  background:
    radial-gradient(ellipse at 25% 15%, rgba(255, 130, 200, 0.18), transparent 30%),
    radial-gradient(ellipse at 75% 80%, rgba(100, 220, 255, 0.15), transparent 28%),
    radial-gradient(ellipse at 50% 50%, rgba(180, 120, 255, 0.1), transparent 35%),
    linear-gradient(160deg, #1a0828 0%, #200e30 40%, #140820 100%);
  border-color: rgba(255, 130, 200, 0.25);
  color: #ffe8f8;
  box-shadow: 0 0 50px rgba(255, 130, 200, 0.06), inset 0 0 60px rgba(100, 220, 255, 0.03);
}

.style-concept--vapor .style-concept-tag,
.style-concept--vapor .style-widget-label,
.style-concept--vapor .style-feed-time { color: #ff80c0; text-shadow: 0 0 6px rgba(255, 130, 200, 0.35); }

.style-concept--vapor .style-concept-vote,
.style-concept--vapor .style-pill {
  background: linear-gradient(135deg, rgba(255, 130, 200, 0.2), rgba(100, 200, 255, 0.18));
  border: 1px solid rgba(255, 130, 200, 0.3);
  color: #ffe0f4;
  box-shadow: 0 0 10px rgba(255, 130, 200, 0.08);
}

.style-concept--vapor .style-widget,
.style-concept--vapor .style-metric-card,
.style-concept--vapor .style-inline-feed {
  background: rgba(25, 10, 40, 0.65);
  border: 1px solid rgba(255, 130, 200, 0.12);
  box-shadow: inset 0 0 20px rgba(100, 220, 255, 0.03);
}

.style-concept--vapor .style-metric-card span,
.style-concept--vapor .style-concept-copy,
.style-concept--vapor .style-widget p { color: #c0a0c8; }

.style-concept--vapor .style-metric-card strong {
  background: linear-gradient(135deg, #ff90d0, #80e0ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.style-concept--vapor .style-inline-feed > div span:not(.style-feed-time) { color: #d4b8d8; }
.style-concept--vapor h3 { text-shadow: 0 0 12px rgba(255, 130, 200, 0.2); }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 9 — Brutalist Core
   Raw grey, stark black, zero polish
   ═══════════════════════════════════════════════════════════════ */
.style-concept--brutalist {
  background: linear-gradient(175deg, #181818 0%, #1e1e1e 40%, #141414 100%);
  border-color: rgba(180, 180, 180, 0.2);
  color: #e0e0e0;
  font-family: "IBM Plex Mono", "Fira Code", "Cascadia Code", monospace;
  border-radius: 0;
}

.style-concept--brutalist .concept-scanline { display: none; }
.style-concept--brutalist::before { display: none; }

.style-concept--brutalist h3 {
  font-family: "IBM Plex Mono", "Fira Code", monospace;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

.style-concept--brutalist .style-concept-tag,
.style-concept--brutalist .style-widget-label { color: #ffffff; }

.style-concept--brutalist .style-concept-vote,
.style-concept--brutalist .style-pill,
.style-concept--brutalist .style-mini-form button {
  background: #ffffff;
  border: 2px solid #ffffff;
  color: #000000;
  border-radius: 0;
  font-family: "IBM Plex Mono", monospace;
  font-weight: 700;
  box-shadow: none;
}

.style-concept--brutalist .style-mini-form button:hover {
  background: #000000;
  color: #ffffff;
  border-color: #ffffff;
}

.style-concept--brutalist .style-widget,
.style-concept--brutalist .style-stat-strip > div,
.style-concept--brutalist .style-mini-form input {
  background: #0a0a0a;
  border: 2px solid rgba(200, 200, 200, 0.2);
  border-radius: 0;
}

.style-concept--brutalist .style-widget { border-radius: 0; }

.style-concept--brutalist .style-metric-card,
.style-concept--brutalist .style-stat-strip > div { border-radius: 0; }

.style-concept--brutalist .style-stat-strip span,
.style-concept--brutalist .style-concept-copy,
.style-concept--brutalist .style-widget p { color: #999999; }

.style-concept--brutalist .style-stat-strip strong { color: #ffffff; }
.style-concept--brutalist .style-mini-form input { color: #e0e0e0; font-family: "IBM Plex Mono", monospace; }
.style-concept--brutalist .style-mini-form label { color: #aaaaaa; }
.style-concept--brutalist .style-pill { border-radius: 0; }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 10 — Deep Ocean
   Abyssal indigo + bioluminescent cyan/teal
   ═══════════════════════════════════════════════════════════════ */
.style-concept--ocean {
  background:
    radial-gradient(ellipse at 30% 90%, rgba(0, 200, 220, 0.15), transparent 28%),
    radial-gradient(ellipse at 70% 20%, rgba(0, 120, 200, 0.1), transparent 25%),
    radial-gradient(ellipse at 50% 50%, rgba(0, 60, 120, 0.12), transparent 40%),
    linear-gradient(175deg, #020810 0%, #041020 40%, #020a14 100%);
  border-color: rgba(0, 180, 200, 0.2);
  color: #d8f0f8;
  box-shadow: 0 0 60px rgba(0, 140, 180, 0.06), inset 0 0 80px rgba(0, 80, 160, 0.04);
}

.style-concept--ocean .style-concept-tag,
.style-concept--ocean .style-widget-label,
.style-concept--ocean .style-feed-time { color: #40d0e0; text-shadow: 0 0 6px rgba(0, 200, 220, 0.35); }

.style-concept--ocean .style-concept-vote,
.style-concept--ocean .style-pill {
  background: linear-gradient(135deg, rgba(0, 180, 200, 0.2), rgba(0, 100, 180, 0.18));
  border: 1px solid rgba(0, 200, 220, 0.25);
  color: #d0f0f8;
  box-shadow: 0 0 10px rgba(0, 180, 200, 0.08);
}

.style-concept--ocean .style-widget,
.style-concept--ocean .style-metric-card,
.style-concept--ocean .style-inline-feed {
  background: rgba(4, 12, 25, 0.7);
  border: 1px solid rgba(0, 180, 200, 0.1);
  box-shadow: inset 0 0 25px rgba(0, 80, 160, 0.04);
}

.style-concept--ocean .style-metric-card span,
.style-concept--ocean .style-concept-copy,
.style-concept--ocean .style-widget p { color: #6898a8; }

.style-concept--ocean .style-metric-card strong {
  color: #60e8f0;
  text-shadow: 0 0 10px rgba(0, 220, 240, 0.35);
}

.style-concept--ocean .style-inline-feed > div span:not(.style-feed-time) { color: #90c0d0; }
.style-concept--ocean h3 { text-shadow: 0 0 14px rgba(0, 180, 200, 0.2); }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 11 — Copper Circuit
   Oxidised copper + dark PCB green
   ═══════════════════════════════════════════════════════════════ */
.style-concept--copper {
  background:
    radial-gradient(ellipse at 65% 15%, rgba(200, 120, 50, 0.18), transparent 28%),
    radial-gradient(ellipse at 20% 85%, rgba(80, 160, 100, 0.1), transparent 26%),
    linear-gradient(165deg, #0a0c06 0%, #141a0e 40%, #0a0e08 100%);
  border-color: rgba(200, 130, 60, 0.25);
  color: #f0e8d8;
  box-shadow: 0 0 50px rgba(200, 120, 50, 0.06), inset 0 0 60px rgba(80, 160, 100, 0.02);
}

.style-concept--copper .style-concept-tag,
.style-concept--copper .style-widget-label { color: #d4924a; text-shadow: 0 0 6px rgba(200, 130, 60, 0.35); }

.style-concept--copper .style-concept-vote,
.style-concept--copper .style-pill,
.style-concept--copper .style-mini-form button {
  background: linear-gradient(135deg, rgba(200, 120, 50, 0.25), rgba(160, 90, 30, 0.2));
  border: 1px solid rgba(200, 130, 60, 0.3);
  color: #f0e0c8;
  box-shadow: 0 0 8px rgba(200, 120, 50, 0.08);
}

.style-concept--copper .style-mini-form button:hover {
  background: linear-gradient(135deg, rgba(220, 140, 60, 0.35), rgba(180, 100, 40, 0.3));
  box-shadow: 0 0 18px rgba(200, 130, 60, 0.15);
}

.style-concept--copper .style-widget,
.style-concept--copper .style-metric-card,
.style-concept--copper .style-mini-form input {
  background: rgba(12, 16, 8, 0.7);
  border: 1px solid rgba(200, 130, 60, 0.1);
  box-shadow: inset 0 0 20px rgba(80, 160, 100, 0.02);
}

.style-concept--copper .style-metric-card span,
.style-concept--copper .style-concept-copy,
.style-concept--copper .style-widget p { color: #9c9878; }

.style-concept--copper .style-metric-card strong {
  color: #e8b060;
  text-shadow: 0 0 8px rgba(230, 170, 80, 0.35);
}

.style-concept--copper .style-mini-form input { color: #f0e0c8; }
.style-concept--copper .style-mini-form label { color: #b8a888; }
.style-concept--copper h3 { text-shadow: 0 0 12px rgba(200, 130, 60, 0.18); }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 12 — Ultraviolet
   Electric purple + UV-reactive white/pink
   ═══════════════════════════════════════════════════════════════ */
.style-concept--ultraviolet {
  background:
    radial-gradient(ellipse at 50% 0%, rgba(160, 0, 255, 0.22), transparent 30%),
    radial-gradient(ellipse at 20% 80%, rgba(255, 0, 200, 0.12), transparent 26%),
    radial-gradient(ellipse at 80% 60%, rgba(100, 0, 255, 0.1), transparent 30%),
    linear-gradient(170deg, #0a0020 0%, #14003a 40%, #08001a 100%);
  border-color: rgba(160, 0, 255, 0.3);
  color: #f0e0ff;
  box-shadow: 0 0 60px rgba(160, 0, 255, 0.1), inset 0 0 80px rgba(255, 0, 200, 0.03);
}

.style-concept--ultraviolet .style-concept-tag,
.style-concept--ultraviolet .style-widget-label { color: #c040ff; text-shadow: 0 0 8px rgba(190, 0, 255, 0.5); }

.style-concept--ultraviolet .style-concept-vote,
.style-concept--ultraviolet .style-pill,
.style-concept--ultraviolet .style-button-row button {
  background: linear-gradient(135deg, rgba(160, 0, 255, 0.25), rgba(255, 0, 200, 0.2));
  border: 1px solid rgba(180, 40, 255, 0.35);
  color: #f0d8ff;
  box-shadow: 0 0 14px rgba(160, 0, 255, 0.15);
}

.style-concept--ultraviolet .style-button-row button:hover {
  background: linear-gradient(135deg, rgba(180, 20, 255, 0.35), rgba(255, 20, 220, 0.3));
  box-shadow: 0 0 24px rgba(160, 0, 255, 0.25);
}

.style-concept--ultraviolet .style-widget,
.style-concept--ultraviolet .style-metric-card {
  background: rgba(14, 0, 35, 0.7);
  border: 1px solid rgba(160, 0, 255, 0.12);
  box-shadow: inset 0 0 25px rgba(255, 0, 200, 0.03);
}

.style-concept--ultraviolet .style-metric-card span,
.style-concept--ultraviolet .style-concept-copy,
.style-concept--ultraviolet .style-widget p { color: #a880c8; }

.style-concept--ultraviolet .style-metric-card strong {
  color: #e060ff;
  text-shadow: 0 0 12px rgba(220, 60, 255, 0.5);
}

.style-concept--ultraviolet .style-button-secondary {
  background: transparent;
  border-color: rgba(160, 0, 255, 0.2);
  color: #c890ff;
}

.style-concept--ultraviolet h3 { text-shadow: 0 0 16px rgba(160, 0, 255, 0.3); }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 13 — Paper Cut
   Light mode — warm paper white, ink black, drop shadows
   ═══════════════════════════════════════════════════════════════ */
.style-concept--papercut {
  background: linear-gradient(160deg, #faf8f5 0%, #f5f2ee 40%, #faf8f4 100%);
  border-color: rgba(0, 0, 0, 0.12);
  color: #1a1a1a;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.06);
}

.style-concept--papercut .concept-scanline { display: none; }
.style-concept--papercut::before { display: none; }

.style-concept--papercut .style-concept-tag,
.style-concept--papercut .style-widget-label { color: #c44020; }

.style-concept--papercut h3 {
  color: #0a0a0a;
  letter-spacing: -0.06em;
}

.style-concept--papercut .style-concept-vote,
.style-concept--papercut .style-pill,
.style-concept--papercut .style-mini-form button {
  background: #0a0a0a;
  border: 1px solid #0a0a0a;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

.style-concept--papercut .style-mini-form button:hover {
  background: #333333;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.style-concept--papercut .style-widget {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border-radius: 16px;
}

.style-concept--papercut .style-metric-card {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.style-concept--papercut .style-mini-form input {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #1a1a1a;
}

.style-concept--papercut .style-metric-card span,
.style-concept--papercut .style-concept-copy,
.style-concept--papercut .style-widget p { color: #666666; }

.style-concept--papercut .style-metric-card strong { color: #c44020; }
.style-concept--papercut .style-mini-form label { color: #444444; }
.style-concept--papercut .style-widget h4 { color: #0a0a0a; }


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 14 — Mars Colony
   Iron-oxide red/orange on dark regolith
   ═══════════════════════════════════════════════════════════════ */
.style-concept--mars {
  background:
    radial-gradient(ellipse at 60% 20%, rgba(180, 60, 20, 0.2), transparent 28%),
    radial-gradient(ellipse at 25% 80%, rgba(200, 100, 40, 0.1), transparent 26%),
    radial-gradient(ellipse at 80% 90%, rgba(160, 80, 30, 0.06), transparent 25%),
    linear-gradient(165deg, #100804 0%, #1c0e0a 40%, #0e0806 100%);
  border-color: rgba(200, 80, 30, 0.25);
  color: #f0e0d0;
  box-shadow: 0 0 50px rgba(180, 60, 20, 0.06), inset 0 0 60px rgba(200, 100, 40, 0.02);
}

.style-concept--mars .style-concept-tag,
.style-concept--mars .style-widget-label,
.style-concept--mars .style-feed-time { color: #e07030; text-shadow: 0 0 6px rgba(220, 90, 30, 0.35); }

.style-concept--mars .style-concept-vote,
.style-concept--mars .style-pill {
  background: linear-gradient(135deg, rgba(200, 80, 30, 0.25), rgba(160, 60, 20, 0.2));
  border: 1px solid rgba(220, 100, 40, 0.3);
  color: #f0d8c0;
  box-shadow: 0 0 8px rgba(200, 80, 30, 0.08);
}

.style-concept--mars .style-widget,
.style-concept--mars .style-stat-strip > div,
.style-concept--mars .style-inline-feed {
  background: rgba(16, 8, 4, 0.7);
  border: 1px solid rgba(200, 80, 30, 0.1);
  box-shadow: inset 0 0 20px rgba(200, 100, 40, 0.02);
}

.style-concept--mars .style-metric-card span,
.style-concept--mars .style-stat-strip span,
.style-concept--mars .style-concept-copy,
.style-concept--mars .style-widget p { color: #a08870; }

.style-concept--mars .style-stat-strip strong {
  color: #f0a050;
  text-shadow: 0 0 8px rgba(240, 160, 60, 0.3);
}

.style-concept--mars .style-inline-feed > div span:not(.style-feed-time) { color: #c0a890; }
.style-concept--mars h3 { text-shadow: 0 0 12px rgba(200, 80, 30, 0.2); }


/* ═══════════════════════════════════════════════════════════════
   Notes section
   ═══════════════════════════════════════════════════════════════ */
.style-lab-notes {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(280px, 0.85fr);
  gap: 1.25rem;
  margin: 2rem 0 0.5rem;
  padding: 1.6rem;
  background:
    radial-gradient(circle at top right, rgba(255, 0, 128, 0.1), transparent 24%),
    linear-gradient(150deg, #0a020e 0%, #0f0418 100%);
  border: 1px solid rgba(200, 80, 180, 0.18);
  color: #eedcff;
}

.style-lab-checklist {
  padding: 1.15rem;
  border-radius: 22px;
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(180, 100, 200, 0.14);
}

.style-lab-checklist h4 { margin: 0 0 0.7rem; font-size: 1rem; }

.style-lab-checklist ul { margin: 0; padding-left: 1.2rem; }


/* ═══════════════════════════════════════════════════════════════
   Blade Runner 2049 — subfamily intro
   ═══════════════════════════════════════════════════════════════ */

.style-lab-subfamily--br2049 .style-lab-subfamily-copy {
  background:
    radial-gradient(circle at 16% 18%, rgba(232, 160, 48, 0.14), transparent 28%),
    radial-gradient(circle at 84% 86%, rgba(64, 208, 192, 0.12), transparent 26%),
    linear-gradient(160deg, #0a0806 0%, #0c0e10 50%, #060810 100%);
  border-color: rgba(232, 160, 48, 0.2);
  color: #c8b880;
}

.style-lab-subfamily--br2049 .style-lab-subfamily-card {
  background: linear-gradient(180deg, rgba(16, 12, 8, 0.98), rgba(8, 10, 16, 0.98));
  border-color: rgba(64, 208, 192, 0.16);
  color: #a8b8c0;
}


/* ═══════════════════════════════════════════════════════════════
   Cassette Futurism — subfamily intro
   ═══════════════════════════════════════════════════════════════ */

.style-lab-subfamily--cassette .style-lab-subfamily-copy {
  background:
    radial-gradient(circle at 14% 20%, rgba(232, 120, 40, 0.18), transparent 28%),
    radial-gradient(circle at 86% 84%, rgba(72, 216, 144, 0.1), transparent 24%),
    linear-gradient(160deg, #0d0906 0%, #0c0e09 50%, #060d08 100%);
  border-color: rgba(232, 120, 40, 0.22);
  color: #b89060;
}

.style-lab-subfamily--cassette .style-lab-subfamily-card {
  background: linear-gradient(180deg, rgba(18, 14, 8, 0.98), rgba(8, 14, 9, 0.98));
  border-color: rgba(72, 216, 144, 0.14);
  color: #909870;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 16 — Wallace Corp
   ═══════════════════════════════════════════════════════════════ */

.style-concept--wallacecorp {
  background: #0c0a08;
  border: 1px solid #2a2218;
  color: #c8c0b4;
}

.style-concept--wallacecorp .concept-scanline {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 3px,
    rgba(200, 180, 140, 0.015) 3px,
    rgba(200, 180, 140, 0.015) 4px
  );
}

.style-concept--wallacecorp .style-concept-tag {
  color: #a89070;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.style-concept--wallacecorp h3 {
  color: #f2ede4;
  letter-spacing: 0.05em;
  font-weight: 300;
}

.style-concept--wallacecorp .style-concept-vote {
  color: #5e4e3a;
  font-size: 0.82rem;
}

.style-concept--wallacecorp .style-widget {
  background: #141210;
  border: 1px solid #2a2218;
  border-top: 2px solid #a89070;
}

.style-concept--wallacecorp .style-widget-label {
  color: #a89070;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.style-concept--wallacecorp h4 {
  color: #dcd4c4;
  font-weight: 300;
  letter-spacing: 0.03em;
}

.style-concept--wallacecorp .style-metric-card {
  background: #141210;
  border: 1px solid #2a2218;
}

.style-concept--wallacecorp .style-metric-card span {
  color: #5e4e3a;
}

.style-concept--wallacecorp .style-metric-card strong {
  color: #c8b890;
}

.style-concept--wallacecorp .style-pill {
  background: transparent;
  border: 1px solid #3a3028;
  color: #908060;
  letter-spacing: 0.1em;
  font-size: 0.7rem;
  text-transform: uppercase;
}

.style-concept--wallacecorp button {
  background: #a89070;
  color: #0c0a08;
  border: none;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.78rem;
}

.style-concept--wallacecorp button:hover {
  background: #c8ad88;
}

.style-concept--wallacecorp .style-button-secondary {
  background: transparent;
  border: 1px solid #3a3028;
  color: #a89070;
}

.style-concept--wallacecorp .style-button-secondary:hover {
  border-color: #a89070;
  color: #c8b890;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 17 — LAPD Spinner
   ═══════════════════════════════════════════════════════════════ */

.style-concept--spinner {
  background: #100c08;
  border: 1px solid #3a2c18;
  color: #c8b888;
}

.style-concept--spinner .concept-scanline {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 2px,
    rgba(232, 160, 48, 0.04) 2px,
    rgba(232, 160, 48, 0.04) 3px
  );
}

.style-concept--spinner .style-concept-tag {
  color: #e8a030;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.72rem;
}

.style-concept--spinner h3 {
  color: #f0c060;
  text-shadow: 0 0 28px rgba(240, 192, 96, 0.45), 0 0 8px rgba(232, 160, 48, 0.25);
}

.style-concept--spinner .style-concept-vote {
  color: #806028;
  font-size: 0.82rem;
}

.style-concept--spinner .style-widget {
  background: #1c1408;
  border: 1px solid #4a3820;
  border-top: 2px solid #e8a030;
  box-shadow: 0 0 30px rgba(232, 160, 48, 0.07) inset;
}

.style-concept--spinner .style-widget-label {
  color: #e8a030;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.72rem;
}

.style-concept--spinner h4 {
  color: #e0c070;
}

.style-concept--spinner .style-stat-strip > div {
  background: #1c1408;
  border: 1px solid #3a2c18;
}

.style-concept--spinner .style-stat-strip > div span {
  color: #806028;
}

.style-concept--spinner .style-stat-strip > div strong {
  color: #f0b840;
}

.style-concept--spinner .style-pill {
  background: rgba(232, 160, 48, 0.08);
  border: 1px solid rgba(232, 160, 48, 0.3);
  color: #c89040;
}

.style-concept--spinner button {
  background: #e8a030;
  color: #100c08;
  border: none;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.style-concept--spinner button:hover {
  background: #f0c060;
}

.style-concept--spinner .style-button-secondary {
  background: transparent;
  border: 1px solid #4a3820;
  color: #c88028;
}

.style-concept--spinner .style-button-secondary:hover {
  border-color: #e8a030;
  color: #e8a030;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 18 — Memory Lab
   ═══════════════════════════════════════════════════════════════ */

.style-concept--memorylab {
  background: #120c06;
  border: 1px solid #3a2010;
  color: #b88860;
}

.style-concept--memorylab .concept-scanline {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 3px,
    rgba(200, 120, 64, 0.03) 3px,
    rgba(200, 120, 64, 0.03) 4px
  );
}

.style-concept--memorylab .style-concept-tag {
  color: #c87840;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 0.72rem;
}

.style-concept--memorylab h3 {
  color: #e8a868;
  text-shadow: 0 0 32px rgba(200, 120, 64, 0.38);
}

.style-concept--memorylab .style-concept-vote {
  color: #704020;
  font-size: 0.82rem;
}

.style-concept--memorylab .style-widget {
  background: #1c1208;
  border: 1px solid #4a2c10;
  border-top: 2px solid #c87840;
}

.style-concept--memorylab .style-widget-label {
  color: #c87840;
  letter-spacing: 0.13em;
  text-transform: uppercase;
  font-size: 0.72rem;
}

.style-concept--memorylab h4 {
  color: #d89870;
}

.style-concept--memorylab .style-metric-card {
  background: #1c1208;
  border: 1px solid #3a2010;
}

.style-concept--memorylab .style-metric-card span {
  color: #704020;
}

.style-concept--memorylab .style-metric-card strong {
  color: #e0a060;
}

.style-concept--memorylab .style-pill {
  background: rgba(200, 120, 64, 0.08);
  border: 1px solid rgba(200, 120, 64, 0.3);
  color: #b07040;
}

.style-concept--memorylab .style-mini-form {
  border-top: 1px solid #3a2010;
}

.style-concept--memorylab .style-mini-form label {
  color: #906040;
}

.style-concept--memorylab .style-mini-form input {
  background: #0c0804;
  border: 1px solid #4a2c10;
  color: #e0a060;
  font-family: monospace;
}

.style-concept--memorylab .style-mini-form button {
  background: #c87840;
  color: #0c0804;
  border: none;
  font-weight: 700;
}

.style-concept--memorylab .style-mini-form button:hover {
  background: #e89050;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 19 — Baseline Protocol
   ═══════════════════════════════════════════════════════════════ */

.style-concept--baseline {
  background: #080c10;
  border: 1px solid #1a2840;
  color: #7898b0;
}

.style-concept--baseline .concept-scanline {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 2px,
    rgba(72, 152, 192, 0.04) 2px,
    rgba(72, 152, 192, 0.04) 3px
  );
}

.style-concept--baseline .style-concept-tag {
  color: #4898c0;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.style-concept--baseline h3 {
  color: #c0d8ec;
  font-weight: 300;
  letter-spacing: 0.04em;
}

.style-concept--baseline .style-concept-vote {
  color: #345870;
  font-size: 0.82rem;
}

.style-concept--baseline .style-widget {
  background: #0e1418;
  border: 1px solid #1a2840;
  border-top: 2px solid #4898c0;
}

.style-concept--baseline .style-widget-label {
  color: #4898c0;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.style-concept--baseline h4 {
  color: #98c0d8;
  font-weight: 300;
}

.style-concept--baseline .style-stat-strip > div {
  background: #0e1418;
  border: 1px solid #1a2840;
}

.style-concept--baseline .style-stat-strip > div span {
  color: #345870;
}

.style-concept--baseline .style-stat-strip > div strong {
  color: #70b0cc;
}

.style-concept--baseline .style-pill {
  background: rgba(72, 152, 192, 0.08);
  border: 1px solid rgba(72, 152, 192, 0.28);
  color: #4080a0;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.style-concept--baseline button {
  background: #4898c0;
  color: #080c10;
  border: none;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

.style-concept--baseline button:hover {
  background: #60b0d8;
}

.style-concept--baseline .style-button-secondary {
  background: transparent;
  border: 1px solid #1a2840;
  color: #4898c0;
}

.style-concept--baseline .style-button-secondary:hover {
  border-color: #4898c0;
  color: #78b8d8;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 20 — Joi Hologram
   ═══════════════════════════════════════════════════════════════ */

.style-concept--joi {
  background: #04060c;
  border: 1px solid rgba(64, 208, 192, 0.2);
  color: #58b8a8;
}

.style-concept--joi .concept-scanline {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 2px,
    rgba(64, 208, 192, 0.05) 2px,
    rgba(64, 208, 192, 0.05) 3px
  );
}

.style-concept--joi .style-concept-tag {
  color: #40d0c0;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-size: 0.72rem;
}

.style-concept--joi h3 {
  color: #78e0d0;
  text-shadow:
    0 0 28px rgba(64, 208, 192, 0.6),
    0 0 70px rgba(136, 72, 192, 0.22);
}

.style-concept--joi .style-concept-vote {
  color: rgba(88, 184, 168, 0.5);
  font-size: 0.82rem;
}

.style-concept--joi .style-widget {
  background: rgba(10, 14, 22, 0.92);
  border: 1px solid rgba(64, 208, 192, 0.25);
  border-top: 2px solid #40d0c0;
  box-shadow:
    0 0 40px rgba(64, 208, 192, 0.07) inset,
    0 0 40px rgba(136, 72, 192, 0.05) inset;
}

.style-concept--joi .style-widget-label {
  color: #40d0c0;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.72rem;
}

.style-concept--joi h4 {
  color: #98d8cc;
}

.style-concept--joi .style-metric-card {
  background: rgba(10, 14, 22, 0.8);
  border: 1px solid rgba(64, 208, 192, 0.2);
}

.style-concept--joi .style-metric-card span {
  color: rgba(88, 184, 168, 0.52);
}

.style-concept--joi .style-metric-card strong {
  color: #58c8b8;
}

.style-concept--joi .style-pill {
  background: rgba(64, 208, 192, 0.08);
  border: 1px solid rgba(64, 208, 192, 0.28);
  color: #48b8a8;
}

.style-concept--joi .style-inline-feed {
  background: rgba(10, 14, 22, 0.8);
  border: 1px solid rgba(64, 208, 192, 0.18);
}

.style-concept--joi .style-feed-item {
  border-bottom: 1px solid rgba(64, 208, 192, 0.1);
  color: #50a898;
}

.style-concept--joi .style-feed-item:last-child {
  border-bottom: none;
}

.style-concept--joi .style-feed-item em {
  color: #40d0c0;
  font-style: normal;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 21 — Cassette Deck
   ═══════════════════════════════════════════════════════════════ */

.style-concept--cassettedeck {
  background: #0a0705;
  border: 1px solid #3a2010;
  color: #c09060;
}

.style-concept--cassettedeck .concept-scanline {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 2px,
    rgba(232, 120, 40, 0.05) 2px,
    rgba(232, 120, 40, 0.05) 3px
  );
  mix-blend-mode: screen;
}

.style-concept--cassettedeck .style-concept-tag {
  color: #e87828;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.72rem;
}

.style-concept--cassettedeck h3 {
  color: #f09040;
  text-shadow: 0 0 20px rgba(232, 120, 40, 0.55), 0 0 6px rgba(200, 80, 20, 0.3);
}

.style-concept--cassettedeck .style-concept-vote {
  color: #7a4020;
  font-size: 0.82rem;
}

.style-concept--cassettedeck .style-widget {
  background: #160e06;
  border: 1px solid #3a2010;
  border-top: 3px solid #e87828;
  box-shadow: 0 0 24px rgba(232, 120, 40, 0.06) inset;
}

.style-concept--cassettedeck .style-widget-label {
  color: #e87828;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.72rem;
}

.style-concept--cassettedeck h4 {
  color: #d88040;
}

.style-concept--cassettedeck .style-stat-strip > div {
  background: #160e06;
  border: 1px solid #3a2010;
}

.style-concept--cassettedeck .style-stat-strip > div span {
  color: #7a4020;
}

.style-concept--cassettedeck .style-stat-strip > div strong {
  color: #f09040;
  font-family: monospace;
  letter-spacing: 0.05em;
}

.style-concept--cassettedeck .style-pill {
  background: rgba(232, 120, 40, 0.1);
  border: 1px solid rgba(232, 120, 40, 0.32);
  color: #c07030;
}

.style-concept--cassettedeck button {
  background: #e87828;
  color: #0a0705;
  border: none;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

.style-concept--cassettedeck button:hover {
  background: #f09848;
}

.style-concept--cassettedeck .style-button-secondary {
  background: transparent;
  border: 1px solid #3a2010;
  color: #c07030;
}

.style-concept--cassettedeck .style-button-secondary:hover {
  border-color: #e87828;
  color: #e87828;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 22 — Fiche Light
   ═══════════════════════════════════════════════════════════════ */

.style-concept--fiche {
  background: #050a07;
  border: 1px solid rgba(72, 216, 144, 0.18);
  color: #50a870;
}

.style-concept--fiche .concept-scanline {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 2px,
    rgba(72, 216, 144, 0.06) 2px,
    rgba(72, 216, 144, 0.06) 3px
  );
}

.style-concept--fiche .style-concept-tag {
  color: #48d890;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.style-concept--fiche h3 {
  color: #70e8a8;
  text-shadow: 0 0 24px rgba(72, 216, 144, 0.65), 0 0 60px rgba(32, 180, 100, 0.18);
  font-family: monospace;
  letter-spacing: 0.04em;
}

.style-concept--fiche .style-concept-vote {
  color: rgba(80, 168, 112, 0.52);
  font-size: 0.82rem;
}

.style-concept--fiche .style-widget {
  background: rgba(8, 16, 11, 0.96);
  border: 1px solid rgba(72, 216, 144, 0.22);
  border-top: 2px solid #48d890;
  box-shadow: 0 0 32px rgba(72, 216, 144, 0.08) inset;
}

.style-concept--fiche .style-widget-label {
  color: #48d890;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-family: monospace;
}

.style-concept--fiche h4 {
  color: #88d8b0;
}

.style-concept--fiche .style-metric-card {
  background: rgba(8, 16, 11, 0.8);
  border: 1px solid rgba(72, 216, 144, 0.18);
}

.style-concept--fiche .style-metric-card span {
  color: rgba(80, 168, 112, 0.52);
}

.style-concept--fiche .style-metric-card strong {
  color: #48d890;
  font-family: monospace;
}

.style-concept--fiche .style-pill {
  background: rgba(72, 216, 144, 0.07);
  border: 1px solid rgba(72, 216, 144, 0.26);
  color: #44a870;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
  text-transform: uppercase;
}

.style-concept--fiche .style-inline-feed {
  background: rgba(8, 16, 11, 0.8);
  border: 1px solid rgba(72, 216, 144, 0.16);
}

.style-concept--fiche .style-feed-item {
  border-bottom: 1px solid rgba(72, 216, 144, 0.1);
  color: #408860;
  font-family: monospace;
  font-size: 0.82rem;
}

.style-concept--fiche .style-feed-item:last-child {
  border-bottom: none;
}

.style-concept--fiche .style-feed-item em {
  color: #48d890;
  font-style: normal;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 23 — Analog Console
   ═══════════════════════════════════════════════════════════════ */

.style-concept--console {
  background: #090c08;
  border: 1px solid #2a3020;
  color: #7a8868;
}

.style-concept--console .concept-scanline {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 3px,
    rgba(100, 120, 80, 0.03) 3px,
    rgba(100, 120, 80, 0.03) 4px
  );
}

.style-concept--console .style-concept-tag {
  color: #c89040;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-family: monospace;
}

.style-concept--console h3 {
  color: #98aa80;
  font-weight: 400;
  letter-spacing: 0.04em;
}

.style-concept--console .style-concept-vote {
  color: #4a5838;
  font-size: 0.82rem;
}

.style-concept--console .style-widget {
  background: #0e1208;
  border: 1px solid #2a3020;
  border-top: 3px solid #c89040;
  border-left: 3px solid #3a4428;
}

.style-concept--console .style-widget-label {
  color: #c89040;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-family: monospace;
}

.style-concept--console h4 {
  color: #88a070;
  letter-spacing: 0.02em;
}

.style-concept--console .style-metric-card {
  background: #0e1208;
  border: 1px solid #2a3020;
  border-left: 3px solid #c89040;
}

.style-concept--console .style-metric-card span {
  color: #4a5838;
}

.style-concept--console .style-metric-card strong {
  color: #d8a050;
  font-family: monospace;
  font-size: 1.1rem;
}

.style-concept--console .style-pill {
  background: transparent;
  border: 1px solid #3a4428;
  color: #6a7858;
  letter-spacing: 0.1em;
  font-size: 0.7rem;
  text-transform: uppercase;
}

.style-concept--console button {
  background: #3a4428;
  color: #c89040;
  border: 1px solid #c89040;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.76rem;
}

.style-concept--console button:hover {
  background: #c89040;
  color: #090c08;
}

.style-concept--console .style-button-secondary {
  background: transparent;
  border: 1px solid #2a3020;
  color: #5a6848;
}

.style-concept--console .style-button-secondary:hover {
  border-color: #6a7858;
  color: #7a8868;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 24 — Bakelite Ghost
   ═══════════════════════════════════════════════════════════════ */

.style-concept--bakelite {
  background: #0c0e06;
  border: 1px solid #3a3a10;
  color: #9a9860;
}

.style-concept--bakelite .concept-scanline {
  background: repeating-linear-gradient(
    to bottom,
    rgba(180, 168, 80, 0.02),
    rgba(180, 168, 80, 0.02) 1px,
    transparent 1px,
    transparent 3px
  );
  mix-blend-mode: screen;
}

.style-concept--bakelite .style-concept-tag {
  color: #b8a840;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-family: monospace;
  opacity: 0.85;
}

.style-concept--bakelite h3 {
  color: #c8b840;
  text-shadow: 0 0 18px rgba(200, 184, 64, 0.42), 0 1px 0 rgba(0, 0, 0, 0.6);
  font-family: monospace;
  letter-spacing: 0.06em;
}

.style-concept--bakelite .style-concept-vote {
  color: #5a5820;
  font-size: 0.82rem;
  font-style: italic;
}

.style-concept--bakelite .style-widget {
  background: #141606;
  border: 1px solid #3a3a10;
  border-top: 2px solid #b0a030;
  box-shadow:
    0 0 20px rgba(180, 168, 64, 0.05) inset,
    2px 2px 8px rgba(0, 0, 0, 0.5) inset;
}

.style-concept--bakelite .style-widget-label {
  color: #b0a030;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.7rem;
  font-family: monospace;
  opacity: 0.9;
}

.style-concept--bakelite h4 {
  color: #a8a040;
}

.style-concept--bakelite .style-stat-strip > div {
  background: #141606;
  border: 1px solid #3a3a10;
}

.style-concept--bakelite .style-stat-strip > div span {
  color: #5a5820;
}

.style-concept--bakelite .style-stat-strip > div strong {
  color: #c8b840;
  font-family: monospace;
}

.style-concept--bakelite .style-pill {
  background: rgba(180, 168, 64, 0.08);
  border: 1px solid rgba(180, 168, 64, 0.28);
  color: #8a8830;
}

.style-concept--bakelite .style-mini-form {
  border-top: 1px solid #3a3a10;
}

.style-concept--bakelite .style-mini-form label {
  color: #6a6820;
}

.style-concept--bakelite .style-mini-form input {
  background: #080a04;
  border: 1px solid #3a3a10;
  color: #c8b840;
  font-family: monospace;
  letter-spacing: 0.06em;
}

.style-concept--bakelite .style-mini-form button {
  background: #3a3a10;
  color: #c8b840;
  border: 1px solid #6a6820;
  font-family: monospace;
  letter-spacing: 0.1em;
  font-weight: 700;
}

.style-concept--bakelite .style-mini-form button:hover {
  background: #b0a030;
  color: #080a04;
  border-color: #b0a030;
}


/* ═══════════════════════════════════════════════════════════════
   CONCEPT 25 — Organic State
   ═══════════════════════════════════════════════════════════════ */

.style-concept--organic {
  background: #0a0304;
  border: 1px solid rgba(180, 60, 40, 0.24);
  color: #8a4840;
}

.style-concept--organic .concept-scanline {
  background: repeating-linear-gradient(
    to bottom,
    transparent,
    transparent 3px,
    rgba(180, 60, 40, 0.04) 3px,
    rgba(180, 60, 40, 0.04) 4px
  );
}

.style-concept--organic .style-concept-tag {
  color: #c04828;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.style-concept--organic h3 {
  color: #d86840;
  text-shadow: 0 0 28px rgba(200, 80, 40, 0.45), 0 0 8px rgba(140, 40, 20, 0.3);
}

.style-concept--organic .style-concept-vote {
  color: #682018;
  font-size: 0.82rem;
}

.style-concept--organic .style-widget {
  background: rgba(18, 6, 4, 0.96);
  border: 1px solid rgba(180, 60, 40, 0.22);
  border-top: 2px solid #c04828;
  box-shadow:
    0 0 40px rgba(180, 60, 40, 0.08) inset,
    0 0 80px rgba(80, 20, 10, 0.1) inset;
}

.style-concept--organic .style-widget-label {
  color: #c04828;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-size: 0.7rem;
}

.style-concept--organic h4 {
  color: #b05838;
}

.style-concept--organic .style-metric-card {
  background: rgba(18, 6, 4, 0.8);
  border: 1px solid rgba(180, 60, 40, 0.2);
}

.style-concept--organic .style-metric-card span {
  color: #582018;
}

.style-concept--organic .style-metric-card strong {
  color: #d06040;
}

.style-concept--organic .style-pill {
  background: rgba(180, 60, 40, 0.08);
  border: 1px solid rgba(180, 60, 40, 0.28);
  color: #903828;
  letter-spacing: 0.08em;
  font-size: 0.72rem;
}

.style-concept--organic .style-inline-feed {
  background: rgba(18, 6, 4, 0.8);
  border: 1px solid rgba(180, 60, 40, 0.18);
}

.style-concept--organic .style-feed-item {
  border-bottom: 1px solid rgba(180, 60, 40, 0.12);
  color: #784028;
  font-variant-numeric: tabular-nums;
}

.style-concept--organic .style-feed-item:last-child {
  border-bottom: none;
}

.style-concept--organic .style-feed-item em {
  color: #d06040;
  font-style: normal;
}


/* ═══════════════════════════════════════════════════════════════
   FUI Teal — Retro Scan subfamily
   ═══════════════════════════════════════════════════════════════ */

.style-lab-subfamily--fuiteal {
  background: radial-gradient(ellipse 80% 60% at 30% 40%, rgba(20, 80, 64, 0.38) 0%, #040e0c 70%);
  border-top: 1.5px solid rgba(64, 216, 184, 0.22);
}

.style-lab-subfamily--fuiteal .style-lab-subfamily-copy h2 {
  color: #a0f0d8;
}

.style-lab-subfamily--fuiteal .style-lab-subfamily-copy p {
  color: rgba(160, 240, 216, 0.7);
}

.style-lab-subfamily--fuiteal .style-lab-subfamily-card {
  background: #080e0a;
  border-color: rgba(64, 216, 184, 0.28);
  color: rgba(160, 240, 216, 0.75);
}

/* ─── Concept 26: Cell Scan ─────────────────────────────────── */

.style-concept--cellscan {
  background: #020c0a;
  border-color: rgba(64, 216, 184, 0.3);
}

.style-concept--cellscan h3 {
  color: #40d8b8;
  text-shadow: 0 0 18px rgba(64, 216, 184, 0.55), 0 0 44px rgba(64, 216, 184, 0.22);
  letter-spacing: 0.08em;
}

.style-concept--cellscan .style-concept-meta {
  color: rgba(64, 216, 184, 0.55);
  font-family: monospace;
  font-size: 0.78rem;
  letter-spacing: 0.12em;
}

.style-concept--cellscan .style-widget {
  background: rgba(4, 20, 16, 0.94);
  border: 1px solid rgba(64, 216, 184, 0.22);
  background-image: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 1px,
    rgba(64, 216, 184, 0.03) 2px,
    rgba(64, 216, 184, 0.03) 2px
  );
}

.style-concept--cellscan .style-widget-label {
  color: rgba(64, 216, 184, 0.5);
  font-family: monospace;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--cellscan .style-widget h3 {
  color: #40d8b8;
  text-shadow: 0 0 12px rgba(64, 216, 184, 0.4);
}

.style-concept--cellscan .style-widget h4 {
  color: rgba(64, 216, 184, 0.7);
}

.style-concept--cellscan .style-pill {
  background: rgba(64, 216, 184, 0.12);
  color: #40d8b8;
  border: 1px solid rgba(64, 216, 184, 0.35);
  font-family: monospace;
  letter-spacing: 0.1em;
}

.style-concept--cellscan .style-metric-card {
  background: rgba(2, 14, 12, 0.9);
  border: 1px solid rgba(64, 216, 184, 0.18);
}

.style-concept--cellscan .style-metric-card strong {
  color: #40d8b8;
  text-shadow: 0 0 8px rgba(64, 216, 184, 0.45);
  font-family: monospace;
}

.style-concept--cellscan .style-metric-card span {
  color: rgba(64, 216, 184, 0.45);
  font-family: monospace;
  font-size: 0.7rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.style-concept--cellscan .style-stat-strip {
  background: rgba(2, 14, 12, 0.7);
  border-top: 1px solid rgba(64, 216, 184, 0.14);
}

.style-concept--cellscan .style-stat-strip > div {
  border-right: 1px solid rgba(64, 216, 184, 0.1);
}

.style-concept--cellscan .style-stat-strip strong {
  color: #40d8b8;
  font-family: monospace;
  text-shadow: 0 0 6px rgba(64, 216, 184, 0.35);
}

.style-concept--cellscan .style-stat-strip span {
  color: rgba(64, 216, 184, 0.4);
  font-family: monospace;
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.style-concept--cellscan .style-inline-feed {
  background: rgba(2, 12, 10, 0.8);
  border: 1px solid rgba(64, 216, 184, 0.15);
}

.style-concept--cellscan .style-inline-feed h4 {
  color: rgba(64, 216, 184, 0.5);
  font-family: monospace;
  font-size: 0.68rem;
  letter-spacing: 0.18em;
}

.style-concept--cellscan .style-feed-item {
  border-bottom: 1px solid rgba(64, 216, 184, 0.08);
  color: rgba(160, 224, 210, 0.7);
  font-family: monospace;
  font-size: 0.82rem;
}

.style-concept--cellscan .style-feed-item em {
  color: #40d8b8;
  font-style: normal;
  text-shadow: 0 0 6px rgba(64, 216, 184, 0.3);
}

.style-concept--cellscan .style-button-row a {
  background: transparent;
  border: 1px solid rgba(64, 216, 184, 0.4);
  color: #40d8b8;
  font-family: monospace;
  letter-spacing: 0.12em;
}

.style-concept--cellscan .style-button-row a:hover {
  background: rgba(64, 216, 184, 0.1);
  border-color: #40d8b8;
  box-shadow: 0 0 14px rgba(64, 216, 184, 0.2);
}

.style-concept--cellscan .style-concept-vote {
  color: rgba(64, 216, 184, 0.35);
  font-family: monospace;
  letter-spacing: 0.1em;
}

/* ─── Concept 27: Field Trace ───────────────────────────────── */

.style-concept--fieldtrace {
  background: #06100d;
  border-color: rgba(54, 200, 176, 0.25);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4'%3E%3Crect width='1' height='1' fill='rgba(54,200,176,0.04)'/%3E%3C/svg%3E");
}

.style-concept--fieldtrace h3 {
  color: #36c8b0;
  letter-spacing: 0.06em;
  text-shadow: 0 0 14px rgba(54, 200, 176, 0.4);
}

.style-concept--fieldtrace .style-concept-meta {
  color: rgba(54, 200, 176, 0.5);
  font-size: 0.78rem;
  letter-spacing: 0.08em;
}

.style-concept--fieldtrace .style-widget {
  background: rgba(8, 20, 16, 0.96);
  border: 1px solid rgba(54, 200, 176, 0.2);
}

.style-concept--fieldtrace .style-widget-label {
  color: rgba(54, 200, 176, 0.45);
  letter-spacing: 0.1em;
  font-size: 0.7rem;
}

.style-concept--fieldtrace .style-widget h3 {
  color: #36c8b0;
}

.style-concept--fieldtrace .style-widget h4 {
  color: rgba(54, 200, 176, 0.65);
}

.style-concept--fieldtrace .style-pill {
  background: rgba(54, 200, 176, 0.1);
  color: #36c8b0;
  border: 1px solid rgba(54, 200, 176, 0.3);
}

.style-concept--fieldtrace .style-metric-card {
  background: rgba(6, 16, 13, 0.92);
  border: 1px solid rgba(54, 200, 176, 0.16);
}

.style-concept--fieldtrace .style-metric-card strong {
  color: #36c8b0;
  font-family: monospace;
}

.style-concept--fieldtrace .style-metric-card span {
  color: rgba(54, 200, 176, 0.45);
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

.style-concept--fieldtrace .style-metric-card--alert {
  border-color: rgba(200, 144, 64, 0.3);
}

.style-concept--fieldtrace .style-metric-card--alert strong {
  color: #c89040;
  text-shadow: 0 0 8px rgba(200, 144, 64, 0.35);
}

.style-concept--fieldtrace .style-metric-card--alert span {
  color: rgba(200, 144, 64, 0.5);
}

.style-concept--fieldtrace .style-stat-strip {
  background: rgba(6, 14, 11, 0.75);
  border-top: 1px solid rgba(54, 200, 176, 0.12);
}

.style-concept--fieldtrace .style-stat-strip > div {
  border-right: 1px solid rgba(54, 200, 176, 0.09);
}

.style-concept--fieldtrace .style-stat-strip strong {
  color: #36c8b0;
  font-family: monospace;
}

.style-concept--fieldtrace .style-stat-strip span {
  color: rgba(54, 200, 176, 0.4);
  font-size: 0.65rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.style-concept--fieldtrace .style-inline-feed {
  background: rgba(6, 14, 12, 0.85);
  border: 1px solid rgba(54, 200, 176, 0.13);
}

.style-concept--fieldtrace .style-inline-feed h4 {
  color: rgba(54, 200, 176, 0.45);
  font-size: 0.7rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.style-concept--fieldtrace .style-feed-item {
  border-bottom: 1px solid rgba(54, 200, 176, 0.07);
  color: rgba(140, 210, 198, 0.65);
}

.style-concept--fieldtrace .style-feed-item em {
  color: #36c8b0;
  font-style: normal;
}

.style-concept--fieldtrace .style-button-row a {
  background: transparent;
  border: 1px solid rgba(54, 200, 176, 0.38);
  color: #36c8b0;
  letter-spacing: 0.08em;
}

.style-concept--fieldtrace .style-button-row a:hover {
  background: rgba(54, 200, 176, 0.09);
  border-color: #36c8b0;
}

.style-concept--fieldtrace .style-concept-vote {
  color: rgba(54, 200, 176, 0.3);
}

/* ─── Concept 28: Sequence Grid ─────────────────────────────── */

.style-concept--seqgrid {
  background: #040e08;
  border-color: rgba(56, 208, 154, 0.25);
}

.style-concept--seqgrid h3 {
  color: #38d09a;
  font-family: monospace;
  letter-spacing: 0.12em;
  text-shadow: 0 0 12px rgba(56, 208, 154, 0.38);
}

.style-concept--seqgrid .style-concept-meta {
  color: rgba(56, 208, 154, 0.5);
  font-family: monospace;
  font-size: 0.75rem;
  letter-spacing: 0.12em;
}

.style-concept--seqgrid .style-widget {
  background: rgba(4, 16, 10, 0.95);
  border: 1px solid rgba(56, 208, 154, 0.2);
  font-family: monospace;
}

.style-concept--seqgrid .style-widget-label {
  color: rgba(56, 208, 154, 0.45);
  font-family: monospace;
  letter-spacing: 0.18em;
  font-size: 0.66rem;
  text-transform: uppercase;
}

.style-concept--seqgrid .style-widget h3 {
  color: #38d09a;
  font-family: monospace;
  letter-spacing: 0.06em;
}

.style-concept--seqgrid .style-widget h4 {
  color: rgba(56, 208, 154, 0.6);
  font-family: monospace;
  letter-spacing: 0.06em;
}

.style-concept--seqgrid .style-pill {
  background: rgba(56, 208, 154, 0.1);
  color: #38d09a;
  border: 1px solid rgba(56, 208, 154, 0.3);
  font-family: monospace;
  border-radius: 4px;
  letter-spacing: 0.1em;
}

.style-concept--seqgrid .style-metric-card {
  background: rgba(4, 14, 8, 0.92);
  border: 1px solid rgba(56, 208, 154, 0.18);
  border-radius: 4px;
}

.style-concept--seqgrid .style-metric-card strong {
  color: #38d09a;
  font-family: monospace;
  font-size: 1.65rem;
  text-shadow: 0 0 6px rgba(56, 208, 154, 0.3);
  letter-spacing: 0.04em;
}

.style-concept--seqgrid .style-metric-card span {
  color: rgba(56, 208, 154, 0.42);
  font-family: monospace;
  font-size: 0.66rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.style-concept--seqgrid .style-stat-strip {
  background: rgba(4, 12, 8, 0.8);
  border-top: 1px solid rgba(56, 208, 154, 0.12);
  font-family: monospace;
}

.style-concept--seqgrid .style-stat-strip > div {
  border-right: 1px solid rgba(56, 208, 154, 0.09);
}

.style-concept--seqgrid .style-stat-strip strong {
  color: #38d09a;
  font-family: monospace;
}

.style-concept--seqgrid .style-stat-strip span {
  color: rgba(56, 208, 154, 0.4);
  font-family: monospace;
  font-size: 0.6rem;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.style-concept--seqgrid .style-inline-feed {
  background: rgba(4, 12, 8, 0.88);
  border: 1px solid rgba(56, 208, 154, 0.13);
  border-radius: 4px;
}

.style-concept--seqgrid .style-inline-feed h4 {
  color: rgba(56, 208, 154, 0.45);
  font-family: monospace;
  font-size: 0.66rem;
  letter-spacing: 0.2em;
}

.style-concept--seqgrid .style-feed-item {
  border-bottom: 1px solid rgba(56, 208, 154, 0.07);
  color: rgba(130, 210, 180, 0.65);
  font-family: monospace;
  font-size: 0.8rem;
}

.style-concept--seqgrid .style-feed-item em {
  color: #38d09a;
  font-style: normal;
}

.style-concept--seqgrid .style-mini-form input {
  background: rgba(4, 16, 10, 0.9);
  border: 1px solid rgba(56, 208, 154, 0.22);
  color: #38d09a;
  font-family: monospace;
  caret-color: #38d09a;
}

.style-concept--seqgrid .style-mini-form input::placeholder {
  color: rgba(56, 208, 154, 0.3);
  font-family: monospace;
}

.style-concept--seqgrid .style-mini-form button {
  background: rgba(56, 208, 154, 0.12);
  border: 1px solid rgba(56, 208, 154, 0.35);
  color: #38d09a;
  font-family: monospace;
  letter-spacing: 0.12em;
  border-radius: 4px;
}

.style-concept--seqgrid .style-mini-form button:hover {
  background: rgba(56, 208, 154, 0.18);
}

.style-concept--seqgrid .style-button-row a {
  background: transparent;
  border: 1px solid rgba(56, 208, 154, 0.35);
  color: #38d09a;
  font-family: monospace;
  letter-spacing: 0.1em;
  border-radius: 4px;
}

.style-concept--seqgrid .style-button-row a:hover {
  background: rgba(56, 208, 154, 0.09);
  border-color: #38d09a;
}

.style-concept--seqgrid .style-concept-vote {
  color: rgba(56, 208, 154, 0.3);
  font-family: monospace;
}

/* ─── Concept 29: Tritium Panel ─────────────────────────────── */

.style-concept--tritium {
  background: #030c10;
  border-color: rgba(44, 200, 216, 0.25);
}

.style-concept--tritium h3 {
  color: #2cc8d8;
  letter-spacing: 0.07em;
  text-shadow: 0 0 16px rgba(44, 200, 216, 0.45), 0 0 40px rgba(44, 200, 216, 0.15);
}

.style-concept--tritium .style-concept-meta {
  color: rgba(44, 200, 216, 0.5);
  letter-spacing: 0.08em;
  font-size: 0.78rem;
}

.style-concept--tritium .style-widget {
  background: rgba(2, 12, 18, 0.96);
  border: 1px solid rgba(44, 200, 216, 0.2);
  box-shadow: inset 0 1px 0 rgba(44, 200, 216, 0.08), inset 0 0 24px rgba(0, 0, 0, 0.5);
}

.style-concept--tritium .style-widget-label {
  color: rgba(44, 200, 216, 0.45);
  letter-spacing: 0.12em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--tritium .style-widget h3 {
  color: #2cc8d8;
  text-shadow: 0 0 10px rgba(44, 200, 216, 0.35);
}

.style-concept--tritium .style-widget h4 {
  color: rgba(44, 200, 216, 0.6);
}

.style-concept--tritium .style-pill {
  background: rgba(44, 200, 216, 0.1);
  color: #2cc8d8;
  border: 1px solid rgba(44, 200, 216, 0.28);
  letter-spacing: 0.06em;
}

.style-concept--tritium .style-metric-card {
  background: rgba(2, 10, 16, 0.94);
  border: 1px solid rgba(44, 200, 216, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(0, 0, 0, 0.6),
    inset 0 0 14px rgba(0, 0, 0, 0.45);
}

.style-concept--tritium .style-metric-card strong {
  color: #2cc8d8;
  text-shadow: 0 0 8px rgba(44, 200, 216, 0.4);
  font-size: 1.7rem;
}

.style-concept--tritium .style-metric-card span {
  color: rgba(44, 200, 216, 0.42);
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.style-concept--tritium .style-stat-strip {
  background: rgba(2, 10, 16, 0.8);
  border-top: 1px solid rgba(44, 200, 216, 0.11);
}

.style-concept--tritium .style-stat-strip > div {
  border-right: 1px solid rgba(44, 200, 216, 0.08);
}

.style-concept--tritium .style-stat-strip strong {
  color: #2cc8d8;
  text-shadow: 0 0 5px rgba(44, 200, 216, 0.3);
}

.style-concept--tritium .style-stat-strip span {
  color: rgba(44, 200, 216, 0.38);
  font-size: 0.64rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.style-concept--tritium .style-inline-feed {
  background: rgba(2, 10, 16, 0.9);
  border: 1px solid rgba(44, 200, 216, 0.13);
  box-shadow: inset 0 0 16px rgba(0, 0, 0, 0.4);
}

.style-concept--tritium .style-inline-feed h4 {
  color: rgba(44, 200, 216, 0.44);
  font-size: 0.68rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.style-concept--tritium .style-feed-item {
  border-bottom: 1px solid rgba(44, 200, 216, 0.07);
  color: rgba(140, 215, 224, 0.65);
}

.style-concept--tritium .style-feed-item em {
  color: #2cc8d8;
  font-style: normal;
  text-shadow: 0 0 5px rgba(44, 200, 216, 0.25);
}

.style-concept--tritium .style-button-row a {
  background: transparent;
  border: 1px solid rgba(44, 200, 216, 0.35);
  color: #2cc8d8;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-size: 0.8rem;
}

.style-concept--tritium .style-button-row a:hover {
  background: rgba(44, 200, 216, 0.08);
  border-color: #2cc8d8;
  box-shadow: 0 0 12px rgba(44, 200, 216, 0.15);
}

.style-concept--tritium .style-concept-vote {
  color: rgba(44, 200, 216, 0.3);
  letter-spacing: 0.06em;
}

/* ─── Concept 30: Membrane Arc ──────────────────────────────── */

.style-concept--membrarc {
  background: #02080c;
  border-color: rgba(80, 192, 232, 0.2);
}

.style-concept--membrarc h3 {
  color: #50c0e8;
  letter-spacing: 0.04em;
  text-shadow: 0 0 20px rgba(80, 192, 232, 0.35);
}

.style-concept--membrarc .style-concept-meta {
  color: rgba(80, 192, 232, 0.42);
  font-size: 0.78rem;
}

.style-concept--membrarc .style-widget {
  background: rgba(2, 10, 16, 0.97);
  border: 1px solid rgba(80, 192, 232, 0.16);
}

.style-concept--membrarc .style-widget-label {
  color: rgba(80, 192, 232, 0.4);
  letter-spacing: 0.1em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--membrarc .style-widget h3 {
  color: #50c0e8;
  font-weight: 300;
  letter-spacing: 0.03em;
}

.style-concept--membrarc .style-widget h4 {
  color: rgba(80, 192, 232, 0.55);
  font-weight: 300;
}

.style-concept--membrarc .style-pill {
  background: rgba(80, 192, 232, 0.08);
  color: #50c0e8;
  border: 1px solid rgba(80, 192, 232, 0.24);
  font-weight: 300;
}

.style-concept--membrarc .style-metric-card {
  background: rgba(2, 8, 14, 0.96);
  border: 1px solid rgba(80, 192, 232, 0.13);
}

.style-concept--membrarc .style-metric-card strong {
  color: #50c0e8;
  font-weight: 300;
  font-size: 1.75rem;
  letter-spacing: 0.02em;
}

.style-concept--membrarc .style-metric-card span {
  color: rgba(80, 192, 232, 0.38);
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  font-weight: 300;
}

.style-concept--membrarc .style-stat-strip {
  background: rgba(2, 8, 14, 0.85);
  border-top: 1px solid rgba(80, 192, 232, 0.1);
}

.style-concept--membrarc .style-stat-strip > div {
  border-right: 1px solid rgba(80, 192, 232, 0.07);
}

.style-concept--membrarc .style-stat-strip strong {
  color: #50c0e8;
  font-weight: 300;
}

.style-concept--membrarc .style-stat-strip span {
  color: rgba(80, 192, 232, 0.35);
  font-size: 0.62rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.style-concept--membrarc .style-inline-feed {
  background: rgba(2, 8, 14, 0.92);
  border: 1px solid rgba(80, 192, 232, 0.1);
}

.style-concept--membrarc .style-inline-feed h4 {
  color: rgba(80, 192, 232, 0.38);
  font-size: 0.68rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 300;
}

.style-concept--membrarc .style-feed-item {
  border-bottom: 1px solid rgba(80, 192, 232, 0.06);
  color: rgba(140, 210, 230, 0.58);
  font-family: monospace;
  font-size: 0.8rem;
}

.style-concept--membrarc .style-feed-item em {
  color: #50c0e8;
  font-style: normal;
}

.style-concept--membrarc .style-button-row a {
  background: transparent;
  border: 1px solid rgba(80, 192, 232, 0.3);
  color: #50c0e8;
  font-weight: 300;
  letter-spacing: 0.08em;
}

.style-concept--membrarc .style-button-row a:hover {
  background: rgba(80, 192, 232, 0.07);
  border-color: #50c0e8;
  box-shadow: 0 0 16px rgba(80, 192, 232, 0.12);
}

.style-concept--membrarc .style-concept-vote {
  color: rgba(80, 192, 232, 0.18);
}


/* ═══════════════════════════════════════════════════════════════
   Cell Scan Progression — dark variants (concepts 31–34)
   ═══════════════════════════════════════════════════════════════ */

/* ─── Concept 31: Bio Vector ────────────────────────────────── */

.style-concept--biovector {
  background: #00091a;
  border-color: rgba(96, 165, 250, 0.3);
  background-image:
    linear-gradient(rgba(96, 165, 250, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96, 165, 250, 0.035) 1px, transparent 1px);
  background-size: 32px 32px;
}

.style-concept--biovector h3 {
  color: #60a5fa;
  text-shadow: 0 0 16px rgba(96, 165, 250, 0.5), 0 0 40px rgba(96, 165, 250, 0.2);
  letter-spacing: 0.07em;
}

.style-concept--biovector .style-concept-tag {
  color: rgba(96, 165, 250, 0.5);
  font-family: monospace;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}

.style-concept--biovector .style-concept-copy {
  color: rgba(148, 218, 204, 0.68);
}

.style-concept--biovector .style-concept-vote {
  color: rgba(96, 165, 250, 0.35);
  font-family: monospace;
}

.style-concept--biovector .style-widget {
  background: rgba(2, 18, 12, 0.95);
  border: 1px solid rgba(96, 165, 250, 0.22);
  background-image: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 1px,
    rgba(96, 165, 250, 0.025) 2px,
    rgba(96, 165, 250, 0.025) 2px
  );
}

.style-concept--biovector .style-widget-label {
  color: rgba(96, 165, 250, 0.48);
  font-family: monospace;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--biovector .style-widget h4 {
  color: rgba(96, 165, 250, 0.72);
}

.style-concept--biovector .style-widget p {
  color: rgba(140, 210, 196, 0.6);
}

.style-concept--biovector .style-pill {
  background: rgba(96, 165, 250, 0.1);
  color: #60a5fa;
  border: 1px solid rgba(96, 165, 250, 0.3);
  font-family: monospace;
}

.style-concept--biovector .style-metric-card {
  background: rgba(1, 14, 9, 0.92);
  border: 1px solid rgba(96, 165, 250, 0.18);
}

.style-concept--biovector .style-metric-card strong {
  color: #60a5fa;
  font-family: monospace;
  text-shadow: 0 0 8px rgba(96, 165, 250, 0.4);
}

.style-concept--biovector .style-metric-card span {
  color: rgba(96, 165, 250, 0.44);
  font-family: monospace;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.style-concept--biovector .style-stat-strip {
  background: rgba(1, 12, 8, 0.75);
  border-top: 1px solid rgba(96, 165, 250, 0.12);
}

.style-concept--biovector .style-stat-strip > div {
  border-right: 1px solid rgba(96, 165, 250, 0.09);
}

.style-concept--biovector .style-stat-strip strong {
  color: #60a5fa;
  font-family: monospace;
  text-shadow: 0 0 6px rgba(96, 165, 250, 0.3);
}

.style-concept--biovector .style-stat-strip span {
  color: rgba(96, 165, 250, 0.42);
  font-family: monospace;
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.style-concept--biovector .style-inline-feed {
  background: rgba(1, 12, 8, 0.85);
  border: 1px solid rgba(96, 165, 250, 0.14);
}

.style-concept--biovector .style-feed-item {
  border-bottom: 1px solid rgba(96, 165, 250, 0.07);
  color: rgba(148, 220, 206, 0.66);
  font-family: monospace;
  font-size: 0.82rem;
}

.style-concept--biovector .style-feed-item em {
  color: #22e8a0;
  font-style: normal;
  text-shadow: 0 0 6px rgba(34, 232, 160, 0.35);
}

/* ─── Concept 32: Neural Lattice ────────────────────────────── */

.style-concept--neurallattice {
  background: #010c0a;
  border-color: rgba(72, 232, 200, 0.32);
}

.style-concept--neurallattice h3 {
  color: #48e8c8;
  text-shadow:
    0 0 14px rgba(72, 232, 200, 0.65),
    0 0 36px rgba(72, 232, 200, 0.28),
    0 0 80px rgba(72, 232, 200, 0.1);
  letter-spacing: 0.07em;
}

.style-concept--neurallattice .style-concept-tag {
  color: rgba(72, 232, 200, 0.52);
  font-family: monospace;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}

.style-concept--neurallattice .style-concept-copy {
  color: rgba(158, 228, 216, 0.68);
}

.style-concept--neurallattice .style-concept-vote {
  color: rgba(72, 232, 200, 0.35);
  font-family: monospace;
}

.style-concept--neurallattice .style-widget {
  background: rgba(1, 14, 12, 0.96);
  border: 1px solid rgba(72, 232, 200, 0.24);
  box-shadow: 0 0 24px rgba(72, 232, 200, 0.06);
}

.style-concept--neurallattice .style-widget-label {
  color: rgba(72, 232, 200, 0.52);
  font-family: monospace;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--neurallattice .style-widget h4 {
  color: rgba(72, 232, 200, 0.75);
  text-shadow: 0 0 10px rgba(72, 232, 200, 0.3);
}

.style-concept--neurallattice .style-widget p {
  color: rgba(150, 224, 212, 0.62);
}

.style-concept--neurallattice .style-pill {
  background: rgba(72, 232, 200, 0.12);
  color: #48e8c8;
  border: 1px solid rgba(72, 232, 200, 0.36);
  font-family: monospace;
  box-shadow: 0 0 8px rgba(72, 232, 200, 0.1);
}

.style-concept--neurallattice .style-metric-card {
  background: rgba(1, 12, 10, 0.94);
  border: 1px solid rgba(72, 232, 200, 0.2);
  box-shadow: 0 0 16px rgba(72, 232, 200, 0.06);
}

.style-concept--neurallattice .style-metric-card strong {
  color: #48e8c8;
  font-family: monospace;
  font-size: 1.7rem;
  text-shadow: 0 0 12px rgba(72, 232, 200, 0.55);
}

.style-concept--neurallattice .style-metric-card span {
  color: rgba(72, 232, 200, 0.46);
  font-family: monospace;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.style-concept--neurallattice .style-stat-strip {
  background: rgba(1, 10, 8, 0.8);
  border-top: 1px solid rgba(72, 232, 200, 0.14);
}

.style-concept--neurallattice .style-stat-strip > div {
  border-right: 1px solid rgba(72, 232, 200, 0.1);
}

.style-concept--neurallattice .style-stat-strip strong {
  color: #48e8c8;
  font-family: monospace;
  text-shadow: 0 0 8px rgba(72, 232, 200, 0.4);
}

.style-concept--neurallattice .style-stat-strip span {
  color: rgba(72, 232, 200, 0.44);
  font-family: monospace;
  font-size: 0.62rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.style-concept--neurallattice .style-inline-feed {
  background: rgba(1, 12, 10, 0.88);
  border: 1px solid rgba(72, 232, 200, 0.16);
}

.style-concept--neurallattice .style-feed-item {
  border-bottom: 1px solid rgba(72, 232, 200, 0.08);
  color: rgba(160, 230, 218, 0.68);
  font-family: monospace;
  font-size: 0.82rem;
}

.style-concept--neurallattice .style-feed-item em {
  color: #48e8c8;
  font-style: normal;
  text-shadow: 0 0 8px rgba(72, 232, 200, 0.4);
}

/* ─── Concept 33: Deep Strata ───────────────────────────────── */

.style-concept--deepstrata {
  background: #020a10;
  border-color: rgba(54, 216, 232, 0.28);
  background-image: repeating-linear-gradient(
    0deg,
    transparent,
    transparent 2px,
    rgba(54, 216, 232, 0.025) 3px,
    rgba(54, 216, 232, 0.025) 3px
  );
}

.style-concept--deepstrata h3 {
  color: #36d8e8;
  text-shadow: 0 0 18px rgba(54, 216, 232, 0.5), 0 0 50px rgba(54, 216, 232, 0.18);
  letter-spacing: 0.07em;
}

.style-concept--deepstrata .style-concept-tag {
  color: rgba(54, 216, 232, 0.5);
  font-family: monospace;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}

.style-concept--deepstrata .style-concept-copy {
  color: rgba(144, 212, 228, 0.68);
}

.style-concept--deepstrata .style-concept-vote {
  color: rgba(54, 216, 232, 0.35);
  font-family: monospace;
}

.style-concept--deepstrata .style-widget {
  background: rgba(2, 12, 18, 0.97);
  border: 1px solid rgba(54, 216, 232, 0.2);
}

.style-concept--deepstrata .style-widget-label {
  color: rgba(54, 216, 232, 0.5);
  font-family: monospace;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--deepstrata .style-widget h4 {
  color: rgba(54, 216, 232, 0.7);
  text-shadow: 0 0 8px rgba(54, 216, 232, 0.28);
}

.style-concept--deepstrata .style-widget p {
  color: rgba(140, 208, 222, 0.6);
}

.style-concept--deepstrata .style-pill {
  background: rgba(54, 216, 232, 0.1);
  color: #36d8e8;
  border: 1px solid rgba(54, 216, 232, 0.3);
  font-family: monospace;
}

.style-concept--deepstrata .style-metric-card {
  background: rgba(2, 10, 16, 0.94);
  border: 1px solid rgba(54, 216, 232, 0.18);
}

/* CH-A: primary cyan channel */
.style-concept--deepstrata .style-metric-card--cha {
  border-color: rgba(54, 216, 232, 0.32);
}

.style-concept--deepstrata .style-metric-card--cha strong {
  color: #36d8e8;
  font-family: monospace;
  text-shadow: 0 0 10px rgba(54, 216, 232, 0.5);
}

.style-concept--deepstrata .style-metric-card--cha span {
  color: rgba(54, 216, 232, 0.46);
}

/* CH-B: secondary deep-teal channel */
.style-concept--deepstrata .style-metric-card--chb {
  border-color: rgba(48, 184, 160, 0.3);
}

.style-concept--deepstrata .style-metric-card--chb strong {
  color: #30b8a0;
  font-family: monospace;
  text-shadow: 0 0 10px rgba(48, 184, 160, 0.5);
}

.style-concept--deepstrata .style-metric-card--chb span {
  color: rgba(48, 184, 160, 0.46);
}

.style-concept--deepstrata .style-metric-card strong {
  color: #36d8e8;
  font-family: monospace;
}

.style-concept--deepstrata .style-metric-card span {
  color: rgba(54, 216, 232, 0.44);
  font-family: monospace;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.style-concept--deepstrata .style-stat-strip {
  background: rgba(2, 10, 14, 0.8);
  border-top: 1px solid rgba(54, 216, 232, 0.12);
}

.style-concept--deepstrata .style-stat-strip > div {
  border-right: 1px solid rgba(54, 216, 232, 0.09);
}

.style-concept--deepstrata .style-stat-strip strong {
  color: #36d8e8;
  font-family: monospace;
  text-shadow: 0 0 6px rgba(54, 216, 232, 0.32);
}

.style-concept--deepstrata .style-stat-strip span {
  color: rgba(54, 216, 232, 0.4);
  font-family: monospace;
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.style-concept--deepstrata .style-inline-feed {
  background: rgba(2, 10, 16, 0.88);
  border: 1px solid rgba(54, 216, 232, 0.14);
}

.style-concept--deepstrata .style-feed-item {
  border-bottom: 1px solid rgba(54, 216, 232, 0.07);
  color: rgba(148, 216, 228, 0.65);
  font-family: monospace;
  font-size: 0.82rem;
}

.style-concept--deepstrata .style-feed-item em {
  color: #36d8e8;
  font-style: normal;
  text-shadow: 0 0 6px rgba(54, 216, 232, 0.3);
}

/* ─── Concept 34: Apex Core ─────────────────────────────────── */

.style-concept--apexcore {
  background: #010608;
  border-color: rgba(64, 240, 252, 0.35);
  background-image: radial-gradient(ellipse 70% 50% at 50% 50%, rgba(64, 240, 252, 0.06) 0%, transparent 70%);
}

.style-concept--apexcore h3 {
  color: #40f0fc;
  text-shadow:
    0 0 8px rgba(64, 240, 252, 0.8),
    0 0 20px rgba(64, 240, 252, 0.55),
    0 0 50px rgba(64, 240, 252, 0.25),
    0 0 100px rgba(64, 240, 252, 0.1);
  letter-spacing: 0.07em;
}

.style-concept--apexcore .style-concept-tag {
  color: rgba(64, 240, 252, 0.56);
  font-family: monospace;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}

.style-concept--apexcore .style-concept-copy {
  color: rgba(158, 236, 246, 0.68);
}

.style-concept--apexcore .style-concept-vote {
  color: rgba(64, 240, 252, 0.38);
  font-family: monospace;
}

.style-concept--apexcore .style-widget {
  background: rgba(1, 8, 12, 0.98);
  border: 1px solid rgba(64, 240, 252, 0.26);
  box-shadow: 0 0 30px rgba(64, 240, 252, 0.08), inset 0 0 20px rgba(64, 240, 252, 0.03);
}

.style-concept--apexcore .style-widget-label {
  color: rgba(64, 240, 252, 0.56);
  font-family: monospace;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--apexcore .style-widget h4 {
  color: rgba(64, 240, 252, 0.78);
  text-shadow: 0 0 12px rgba(64, 240, 252, 0.35);
}

.style-concept--apexcore .style-widget p {
  color: rgba(155, 232, 244, 0.62);
}

.style-concept--apexcore .style-pill {
  background: rgba(64, 240, 252, 0.12);
  color: #40f0fc;
  border: 1px solid rgba(64, 240, 252, 0.4);
  font-family: monospace;
  box-shadow: 0 0 10px rgba(64, 240, 252, 0.12);
}

.style-concept--apexcore .style-metric-card {
  background: rgba(1, 8, 12, 0.96);
  border: 1px solid rgba(64, 240, 252, 0.22);
  box-shadow: 0 0 20px rgba(64, 240, 252, 0.07);
}

.style-concept--apexcore .style-metric-card strong {
  color: #40f0fc;
  font-family: monospace;
  font-size: 1.75rem;
  text-shadow:
    0 0 8px rgba(64, 240, 252, 0.75),
    0 0 24px rgba(64, 240, 252, 0.35),
    0 0 60px rgba(64, 240, 252, 0.12);
}

.style-concept--apexcore .style-metric-card span {
  color: rgba(64, 240, 252, 0.5);
  font-family: monospace;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.style-concept--apexcore .style-stat-strip {
  background: rgba(1, 6, 10, 0.85);
  border-top: 1px solid rgba(64, 240, 252, 0.15);
}

.style-concept--apexcore .style-stat-strip > div {
  border-right: 1px solid rgba(64, 240, 252, 0.1);
}

.style-concept--apexcore .style-stat-strip strong {
  color: #40f0fc;
  font-family: monospace;
  text-shadow: 0 0 10px rgba(64, 240, 252, 0.5), 0 0 30px rgba(64, 240, 252, 0.2);
}

.style-concept--apexcore .style-stat-strip span {
  color: rgba(64, 240, 252, 0.48);
  font-family: monospace;
  font-size: 0.62rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.style-concept--apexcore .style-inline-feed {
  background: rgba(1, 8, 12, 0.92);
  border: 1px solid rgba(64, 240, 252, 0.18);
  box-shadow: 0 0 16px rgba(64, 240, 252, 0.05);
}

.style-concept--apexcore .style-feed-item {
  border-bottom: 1px solid rgba(64, 240, 252, 0.09);
  color: rgba(160, 238, 248, 0.68);
  font-family: monospace;
  font-size: 0.82rem;
}

.style-concept--apexcore .style-feed-item em {
  color: #40f0fc;
  font-style: normal;
  text-shadow: 0 0 8px rgba(64, 240, 252, 0.5), 0 0 20px rgba(64, 240, 252, 0.2);
}


/* ═══════════════════════════════════════════════════════════════
   Cell Scan Progression — daylight variants (concepts 35–38)
   ═══════════════════════════════════════════════════════════════ */

.style-lab-subfamily--fuiteal-lt {
  background: linear-gradient(135deg, #edfaf8 0%, #e4f6fc 100%);
  border-top: 1.5px solid rgba(10, 120, 96, 0.18);
}

.style-lab-subfamily--fuiteal-lt .style-lab-subfamily-copy h3 {
  color: #0a5040;
}

.style-lab-subfamily--fuiteal-lt .style-lab-subfamily-copy p {
  color: rgba(10, 80, 60, 0.72);
}

.style-lab-subfamily--fuiteal-lt .style-lab-subfamily-card {
  background: rgba(255, 255, 255, 0.65);
  border-color: rgba(10, 120, 96, 0.2);
  color: rgba(10, 60, 48, 0.72);
}

/* ─── Concept 35: Bio Vector — Light ────────────────────────── */

.style-concept--biovector-lt {
  background: #edfaf8;
  border-color: rgba(10, 120, 96, 0.2);
  background-image:
    linear-gradient(rgba(10, 120, 96, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10, 120, 96, 0.04) 1px, transparent 1px);
  background-size: 32px 32px;
}

.style-concept--biovector-lt .concept-scanline {
  display: none;
}

.style-concept--biovector-lt h3 {
  color: #1a56db;
  letter-spacing: 0.07em;
}

.style-concept--biovector-lt .style-concept-tag {
  color: rgba(10, 120, 96, 0.6);
  font-family: monospace;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}

.style-concept--biovector-lt .style-concept-copy {
  color: rgba(10, 50, 40, 0.72);
}

.style-concept--biovector-lt .style-concept-vote {
  color: rgba(10, 100, 80, 0.5);
  font-family: monospace;
}

.style-concept--biovector-lt .style-widget {
  background: rgba(248, 255, 254, 0.95);
  border: 1px solid rgba(10, 120, 96, 0.16);
  box-shadow: 0 1px 4px rgba(10, 120, 96, 0.07);
}

.style-concept--biovector-lt .style-widget-label {
  color: rgba(10, 120, 96, 0.55);
  font-family: monospace;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--biovector-lt .style-widget h4 {
  color: rgba(10, 80, 64, 0.8);
}

.style-concept--biovector-lt .style-widget p {
  color: rgba(10, 50, 40, 0.65);
}

.style-concept--biovector-lt .style-pill {
  background: rgba(10, 120, 96, 0.1);
  color: #1a56db;
  border: 1px solid rgba(10, 120, 96, 0.25);
  font-family: monospace;
}

.style-concept--biovector-lt .style-metric-card {
  background: rgba(238, 252, 248, 0.9);
  border: 1px solid rgba(10, 120, 96, 0.14);
  box-shadow: 0 1px 3px rgba(10, 120, 96, 0.06);
}

.style-concept--biovector-lt .style-metric-card strong {
  color: #1a56db;
  font-family: monospace;
}

.style-concept--biovector-lt .style-metric-card span {
  color: rgba(10, 100, 80, 0.56);
  font-family: monospace;
  font-size: 0.7rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.style-concept--biovector-lt .style-stat-strip {
  background: rgba(234, 250, 244, 0.85);
  border-top: 1px solid rgba(10, 120, 96, 0.12);
}

.style-concept--biovector-lt .style-stat-strip > div {
  border-right: 1px solid rgba(10, 120, 96, 0.09);
}

.style-concept--biovector-lt .style-stat-strip strong {
  color: #1a56db;
  font-family: monospace;
}

.style-concept--biovector-lt .style-stat-strip span {
  color: rgba(10, 100, 80, 0.52);
  font-family: monospace;
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.style-concept--biovector-lt .style-inline-feed {
  background: rgba(234, 250, 244, 0.9);
  border: 1px solid rgba(10, 120, 96, 0.13);
}

.style-concept--biovector-lt .style-feed-item {
  border-bottom: 1px solid rgba(10, 120, 96, 0.07);
  color: rgba(10, 60, 48, 0.65);
  font-family: monospace;
  font-size: 0.82rem;
}

.style-concept--biovector-lt .style-feed-item em {
  color: #1a56db;
  font-style: normal;
}

/* ─── Concept 36: Neural Lattice — Light ────────────────────── */

.style-concept--neurallattice-lt {
  background: #e8fef8;
  border-color: rgba(8, 120, 120, 0.2);
}

.style-concept--neurallattice-lt .concept-scanline {
  display: none;
}

.style-concept--neurallattice-lt h3 {
  color: #087878;
  letter-spacing: 0.07em;
}

.style-concept--neurallattice-lt .style-concept-tag {
  color: rgba(8, 120, 120, 0.6);
  font-family: monospace;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}

.style-concept--neurallattice-lt .style-concept-copy {
  color: rgba(6, 50, 50, 0.72);
}

.style-concept--neurallattice-lt .style-concept-vote {
  color: rgba(8, 100, 100, 0.5);
  font-family: monospace;
}

.style-concept--neurallattice-lt .style-widget {
  background: rgba(240, 254, 252, 0.95);
  border: 1px solid rgba(8, 120, 120, 0.16);
  box-shadow: 0 1px 5px rgba(8, 120, 120, 0.07);
}

.style-concept--neurallattice-lt .style-widget-label {
  color: rgba(8, 120, 120, 0.55);
  font-family: monospace;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--neurallattice-lt .style-widget h4 {
  color: rgba(8, 100, 100, 0.8);
}

.style-concept--neurallattice-lt .style-widget p {
  color: rgba(6, 50, 50, 0.65);
}

.style-concept--neurallattice-lt .style-pill {
  background: rgba(8, 120, 120, 0.1);
  color: #087878;
  border: 1px solid rgba(8, 120, 120, 0.25);
  font-family: monospace;
}

.style-concept--neurallattice-lt .style-metric-card {
  background: rgba(228, 250, 248, 0.9);
  border: 1px solid rgba(8, 120, 120, 0.14);
  box-shadow: 0 1px 4px rgba(8, 120, 120, 0.06);
}

.style-concept--neurallattice-lt .style-metric-card strong {
  color: #087878;
  font-family: monospace;
  font-size: 1.7rem;
}

.style-concept--neurallattice-lt .style-metric-card span {
  color: rgba(8, 100, 100, 0.56);
  font-family: monospace;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.style-concept--neurallattice-lt .style-stat-strip {
  background: rgba(224, 248, 246, 0.85);
  border-top: 1px solid rgba(8, 120, 120, 0.12);
}

.style-concept--neurallattice-lt .style-stat-strip > div {
  border-right: 1px solid rgba(8, 120, 120, 0.09);
}

.style-concept--neurallattice-lt .style-stat-strip strong {
  color: #087878;
  font-family: monospace;
}

.style-concept--neurallattice-lt .style-stat-strip span {
  color: rgba(8, 100, 100, 0.52);
  font-family: monospace;
  font-size: 0.62rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.style-concept--neurallattice-lt .style-inline-feed {
  background: rgba(224, 248, 246, 0.9);
  border: 1px solid rgba(8, 120, 120, 0.13);
}

.style-concept--neurallattice-lt .style-feed-item {
  border-bottom: 1px solid rgba(8, 120, 120, 0.07);
  color: rgba(6, 50, 50, 0.65);
  font-family: monospace;
  font-size: 0.82rem;
}

.style-concept--neurallattice-lt .style-feed-item em {
  color: #087878;
  font-style: normal;
}

/* ─── Concept 37: Deep Strata — Light ───────────────────────── */

.style-concept--deepstrata-lt {
  background: #e6f8fc;
  border-color: rgba(8, 104, 128, 0.2);
}

.style-concept--deepstrata-lt .concept-scanline {
  display: none;
}

.style-concept--deepstrata-lt h3 {
  color: #086880;
  letter-spacing: 0.07em;
}

.style-concept--deepstrata-lt .style-concept-tag {
  color: rgba(8, 104, 128, 0.6);
  font-family: monospace;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}

.style-concept--deepstrata-lt .style-concept-copy {
  color: rgba(6, 50, 64, 0.72);
}

.style-concept--deepstrata-lt .style-concept-vote {
  color: rgba(8, 88, 108, 0.5);
  font-family: monospace;
}

.style-concept--deepstrata-lt .style-widget {
  background: rgba(236, 248, 254, 0.95);
  border: 1px solid rgba(8, 104, 128, 0.16);
  box-shadow: 0 1px 4px rgba(8, 104, 128, 0.07);
}

.style-concept--deepstrata-lt .style-widget-label {
  color: rgba(8, 104, 128, 0.55);
  font-family: monospace;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--deepstrata-lt .style-widget h4 {
  color: rgba(8, 88, 108, 0.8);
}

.style-concept--deepstrata-lt .style-widget p {
  color: rgba(6, 50, 64, 0.65);
}

.style-concept--deepstrata-lt .style-pill {
  background: rgba(8, 104, 128, 0.1);
  color: #086880;
  border: 1px solid rgba(8, 104, 128, 0.25);
  font-family: monospace;
}

.style-concept--deepstrata-lt .style-metric-card {
  background: rgba(226, 244, 252, 0.9);
  border: 1px solid rgba(8, 104, 128, 0.14);
  box-shadow: 0 1px 4px rgba(8, 104, 128, 0.06);
}

.style-concept--deepstrata-lt .style-metric-card--cha {
  border-color: rgba(8, 104, 128, 0.28);
}

.style-concept--deepstrata-lt .style-metric-card--cha strong {
  color: #086880;
  font-family: monospace;
}

.style-concept--deepstrata-lt .style-metric-card--cha span {
  color: rgba(8, 88, 108, 0.56);
}

.style-concept--deepstrata-lt .style-metric-card--chb {
  border-color: rgba(10, 120, 104, 0.28);
}

.style-concept--deepstrata-lt .style-metric-card--chb strong {
  color: #0a7868;
  font-family: monospace;
}

.style-concept--deepstrata-lt .style-metric-card--chb span {
  color: rgba(10, 100, 88, 0.56);
}

.style-concept--deepstrata-lt .style-metric-card strong {
  color: #086880;
  font-family: monospace;
}

.style-concept--deepstrata-lt .style-metric-card span {
  color: rgba(8, 88, 108, 0.56);
  font-family: monospace;
  font-size: 0.68rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.style-concept--deepstrata-lt .style-stat-strip {
  background: rgba(222, 242, 250, 0.85);
  border-top: 1px solid rgba(8, 104, 128, 0.12);
}

.style-concept--deepstrata-lt .style-stat-strip > div {
  border-right: 1px solid rgba(8, 104, 128, 0.09);
}

.style-concept--deepstrata-lt .style-stat-strip strong {
  color: #086880;
  font-family: monospace;
}

.style-concept--deepstrata-lt .style-stat-strip span {
  color: rgba(8, 88, 108, 0.52);
  font-family: monospace;
  font-size: 0.62rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.style-concept--deepstrata-lt .style-inline-feed {
  background: rgba(222, 242, 250, 0.9);
  border: 1px solid rgba(8, 104, 128, 0.13);
}

.style-concept--deepstrata-lt .style-feed-item {
  border-bottom: 1px solid rgba(8, 104, 128, 0.07);
  color: rgba(6, 50, 64, 0.65);
  font-family: monospace;
  font-size: 0.82rem;
}

.style-concept--deepstrata-lt .style-feed-item em {
  color: #086880;
  font-style: normal;
}

/* ─── Concept 38: Apex Core — Light ─────────────────────────── */

.style-concept--apexcore-lt {
  background: #e4f6fc;
  border-color: rgba(8, 96, 160, 0.2);
}

.style-concept--apexcore-lt .concept-scanline {
  display: none;
}

.style-concept--apexcore-lt h3 {
  color: #0860a0;
  letter-spacing: 0.07em;
}

.style-concept--apexcore-lt .style-concept-tag {
  color: rgba(8, 96, 160, 0.6);
  font-family: monospace;
  font-size: 0.72rem;
  letter-spacing: 0.14em;
}

.style-concept--apexcore-lt .style-concept-copy {
  color: rgba(6, 40, 72, 0.72);
}

.style-concept--apexcore-lt .style-concept-vote {
  color: rgba(8, 80, 136, 0.5);
  font-family: monospace;
}

.style-concept--apexcore-lt .style-widget {
  background: rgba(230, 246, 254, 0.95);
  border: 1px solid rgba(8, 96, 160, 0.16);
  box-shadow: 0 1px 6px rgba(8, 96, 160, 0.08);
}

.style-concept--apexcore-lt .style-widget-label {
  color: rgba(8, 96, 160, 0.55);
  font-family: monospace;
  letter-spacing: 0.14em;
  font-size: 0.68rem;
  text-transform: uppercase;
}

.style-concept--apexcore-lt .style-widget h4 {
  color: rgba(8, 80, 136, 0.82);
}

.style-concept--apexcore-lt .style-widget p {
  color: rgba(6, 40, 72, 0.65);
}

.style-concept--apexcore-lt .style-pill {
  background: rgba(8, 96, 160, 0.1);
  color: #0860a0;
  border: 1px solid rgba(8, 96, 160, 0.28);
  font-family: monospace;
}

.style-concept--apexcore-lt .style-metric-card {
  background: rgba(220, 242, 252, 0.9);
  border: 1px solid rgba(8, 96, 160, 0.14);
  box-shadow: 0 1px 5px rgba(8, 96, 160, 0.07);
}

.style-concept--apexcore-lt .style-metric-card strong {
  color: #0860a0;
  font-family: monospace;
  font-size: 1.75rem;
}

.style-concept--apexcore-lt .style-metric-card span {
  color: rgba(8, 80, 136, 0.56);
  font-family: monospace;
  font-size: 0.68rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.style-concept--apexcore-lt .style-stat-strip {
  background: rgba(216, 238, 252, 0.88);
  border-top: 1px solid rgba(8, 96, 160, 0.12);
}

.style-concept--apexcore-lt .style-stat-strip > div {
  border-right: 1px solid rgba(8, 96, 160, 0.09);
}

.style-concept--apexcore-lt .style-stat-strip strong {
  color: #0860a0;
  font-family: monospace;
}

.style-concept--apexcore-lt .style-stat-strip span {
  color: rgba(8, 80, 136, 0.52);
  font-family: monospace;
  font-size: 0.62rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.style-concept--apexcore-lt .style-inline-feed {
  background: rgba(216, 238, 252, 0.9);
  border: 1px solid rgba(8, 96, 160, 0.13);
}

.style-concept--apexcore-lt .style-feed-item {
  border-bottom: 1px solid rgba(8, 96, 160, 0.07);
  color: rgba(6, 40, 72, 0.65);
  font-family: monospace;
  font-size: 0.82rem;
}

.style-concept--apexcore-lt .style-feed-item em {
  color: #0860a0;
  font-style: normal;
}


/* ═══════════════════════════════════════════════════════════════
   Responsive
   ═══════════════════════════════════════════════════════════════ */
@media (max-width: 860px) {
  .style-lab-hero,
  .style-lab-subfamily,
  .style-lab-notes,
  .style-mini-form,
  .style-metric-row,
  .style-stat-strip {
    grid-template-columns: 1fr;
  }

  .style-concept-header {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 620px) {
  .style-lab-hero-copy,
  .style-lab-summary-card,
  .style-concept,
  .style-lab-notes {
    border-radius: 22px;
  }

  .style-concept--brutalist,
  .style-concept--brutalist .style-widget,
  .style-concept--brutalist .style-metric-card,
  .style-concept--brutalist .style-stat-strip > div,
  .style-concept--brutalist .style-pill {
    border-radius: 0;
  }

  .style-lab-hero-copy,
  .style-lab-summary-card,
  .style-concept,
  .style-lab-notes,
  .style-widget,
  .style-inline-feed,
  .style-lab-checklist {
    padding: 1.1rem;
  }

  .style-button-row {
    grid-template-columns: 1fr;
  }
}