:root{
  /* "Classic China house" theme: porcelain paper + ink + seal red */

  /* PB3K variables (used across modern builds) */
  --pb-bg-1:#f6f1e1;
  --pb-bg-2:#f1ead6;
  --pb-bg-3:#e9dfc6;
  --pb-text:#111827;
  --pb-muted:rgba(17,24,39,0.62);
  --pb-surface:rgba(255,255,255,0.86);
  --pb-surface-2:rgba(255,255,255,0.78);
  --pb-border:rgba(17,24,39,0.14);

  /* Accents */
  --pb-accent:#b91c1c;        /* seal red */
  --pb-accent-2:#7f1d1d;
  --pb-accent-soft:rgba(185,28,28,0.12);
  --pb-focus:rgba(185,28,28,0.22);
  --pb-gold:#b08a3c;          /* antique gold */

  /* Core "futuremode" vars (this build's core CSS uses these heavily) */
  --bg0:var(--pb-bg-1);
  --bg1:var(--pb-bg-3);
  --panel: rgba(255,255,255,0.72);
  --panel2: rgba(255,255,255,0.62);
  --stroke: var(--pb-border);
  --stroke2: rgba(185,28,28,0.40);
  --text: var(--pb-text);
  --muted: var(--pb-muted);
  --neonA: var(--pb-accent);
  --neonB: #f0c66e;
  --neonC: #7f8a60;
  --shadow: 0 18px 60px rgba(0,0,0,0.18);
  --glow: 0 0 0 1px rgba(185,28,28,0.12), 0 0 18px rgba(176,138,60,0.10);
}

body{
  background:
    radial-gradient(1200px 800px at 15% 10%, rgba(255,255,255,0.55), transparent 55%),
    radial-gradient(1000px 700px at 85% 25%, rgba(176,138,60,0.18), transparent 60%),
    radial-gradient(900px 700px at 55% 90%, rgba(185,28,28,0.10), transparent 65%),
    radial-gradient(circle at top, var(--pb-bg-1) 0, var(--pb-bg-2) 45%, var(--pb-bg-3) 100%);
  color: var(--pb-text);
}

.subtitle,.muted{ color: var(--pb-muted) !important; }

/* Make ALL selects readable (native dropdown list included) */
select{
  background: rgba(255,255,255,0.92) !important;
  color: #111827 !important;
  border-color: rgba(17,24,39,0.16) !important;
}
select option{
  background: #ffffff;
  color: #111827;
}

.lang-banner{
  border-color: rgba(185,28,28,0.30);
  color: var(--pb-accent);
  background: rgba(255,255,255,0.72);
}

h1 .holo-suffix{ color: var(--pb-gold); }

#random-all-btn{
  border-color: rgba(185,28,28,0.55);
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.80));
  color: #111827;
}
#random-all-btn:hover{ filter: brightness(1.02); }

.tag-chip.selected{
  border-color: var(--pb-accent);
  box-shadow: 0 0 0 2px var(--pb-focus);
}

.mini-btn.toggle-on{
  border-color: rgba(185,28,28,0.35);
}

/* --- New PB3K layout (A.20.x) light-mode overrides --------------------- */
.left-panel, .right-panel{
  background: linear-gradient(180deg, rgba(255,255,255,0.78), rgba(255,255,255,0.70)) !important;
}

.search-input, textarea, input[type="text"]{
  background: rgba(255,255,255,0.92) !important;
  color: #111827 !important;
  border-color: rgba(17,24,39,0.16) !important;
}
.search-input::placeholder{ color: rgba(17,24,39,0.45); }

.output-textarea{
  background: rgba(255,255,255,0.92) !important;
  color: #111827 !important;
}

.mini-btn, .btn{
  background: linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.80)) !important;
  color: #111827 !important;
  border-color: rgba(17,24,39,0.18) !important;
}

.mode-toggle{
  background: rgba(255,255,255,0.72) !important;
  border-color: rgba(17,24,39,0.18) !important;
}
.mode-toggle button{ color: rgba(17,24,39,0.70) !important; }
.mode-toggle button.active{
  background: linear-gradient(135deg, var(--pb-accent), var(--pb-gold)) !important;
  color: #0b1120 !important;
}

.feature-toggle{ color: rgba(17,24,39,0.80) !important; }

/* Tag pills: fix black-on-black + match light layout */
.tag{
  background: rgba(255,255,255,0.92) !important;
  color: #111827 !important;
  border-color: rgba(17,24,39,0.18) !important;
  box-shadow: 0 10px 28px rgba(15,23,42,0.08) !important;
}
.tag .label{ color: inherit !important; }
.tag .x{ color: rgba(17,24,39,0.55) !important; }

.tag.selected{
  background: linear-gradient(135deg, rgba(185,28,28,0.12), rgba(176,138,60,0.10)), rgba(255,255,255,0.92) !important;
  border-color: rgba(185,28,28,0.55) !important;
  box-shadow: 0 0 0 2px var(--pb-focus), 0 12px 32px rgba(185,28,28,0.10) !important;
}
.tag.selected .x{ color: rgba(17,24,39,0.75) !important; }