:root {
  --bg:#f7f9fc; --card:#ffffff; --muted:#4a5568; --text:#0f172a;
  --border:#e2e8f0; --accent:#2563eb; --ok:#16a34a; --warn:#d97706; --err:#dc2626;
}

*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--accent)}

header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(6px);border-bottom:1px solid var(--border)}
.wrap{max-width:1200px;margin:0 auto;padding:14px 16px}
.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.brand{font-weight:700;letter-spacing:.2px}

.tabs{display:flex;gap:8px}
.tab{padding:8px 12px;border-radius:10px;background:#eef2ff;cursor:pointer;border:1px solid #c7d2fe;user-select:none}
.tab.active{background:#dbeafe;border-color:#93c5fd}

.btn{padding:8px 12px;border-radius:10px;border:1px solid var(--border);background:#ffffff;color:var(--text);cursor:pointer}
.btn:hover{filter:brightness(1.03)}
.pill{padding:4px 8px;border-radius:999px;background:#f1f5f9;border:1px solid var(--border);color:#334155;font-size:12px}

main .wrap{padding-top:16px}
.layout{display:grid;grid-template-columns:280px 1fr;gap:16px}
/* Hide sidebar & give full width in Browse */
.layout.no-sidebar { grid-template-columns: 1fr; }
.layout.no-sidebar .sidebar { display: none; }

.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px}
.sidebar{position:sticky;top:64px;height:fit-content}

.muted{color:var(--muted)}
.small{font-size:12px}
.grid2{display:grid;grid-template-columns:360px 1fr;gap:16px}

.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.thumb{background:#fff;border:1px solid var(--border);border-radius:10px;padding:8px;cursor:pointer}
.thumb img{width:100%;height:100px;object-fit:cover;border-radius:8px;display:block}

.stim{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}
.stim .panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:10px}
.stim img{width:100%;border-radius:10px;display:block}

/* Left panel spacing + reveal + abbr list */
.caption{ margin:8px 0 12px 0; }        /* extra space above image */
.reveal-box{ margin-top:10px; text-align:center; }
.abbr-list{
  margin-top:10px;
  font-size:12px;
  line-height:1.35;
  color:var(--muted);
  width:fit-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
}
.abbr-item{ margin:2px 0; }
.abbr-key{ font-weight:700; color:#334155; }

.proxies{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.proxy{position:relative;cursor:pointer;border:1px solid var(--border);border-radius:10px;padding:8px;background:#fff}
.proxy h4{margin:6px 0 0 0;font-size:13px;color:#334155;text-align:center}
.proxy.revealed.gt{outline:2px solid var(--ok)}
.proxy.revealed.non-gt{opacity:.45}

.stats{display:flex;gap:6px;flex-wrap:wrap}

footer{text-align:center;padding:20px 0;color:#475569}


.btn-primary{
  background:#EEF2FF;          /* indigo-50 */
  border-color:#C7D2FE;        /* indigo-200 */
  color:#1F2937;               /* slate-800 text */
  font-weight:600;
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
  transition: background-color .15s ease, border-color .15s ease, transform .05s ease, box-shadow .15s ease;
}
.btn-primary:hover{
  background:#E0E7FF;          /* indigo-100 */
  border-color:#A5B4FC;        /* indigo-300 */
  transform: translateY(-0.5px);
}
.btn-primary:active{
  background:#DBEAFE;          /* indigo-100/200 blend */
  transform: translateY(0);
}

/* Slightly smaller than your previous “lg”, still prominent but restrained */
.btn-lg{ padding:10px 14px; font-size:14px; border-radius:12px; }

/* Softer but accessible focus ring */
.btn:focus-visible{
  outline:2px solid #A5B4FC;   /* indigo-300 */
  outline-offset:2px;
}

/* Remove any pulse effect if you added it earlier */
.btn-pulse{ animation: none; }

.sidebar ul{
  list-style: none;       /* no bullets */
  padding-left: 0;        /* remove left indent */
  margin-left: 0;
}