:root{
  --cs-bg:#f6f7f9;
  --cs-card:#ffffff;
  --cs-text:#0f172a;
  --cs-muted:#475569;
  --cs-border:rgba(15,23,42,.14);
  --cs-shadow:0 8px 24px rgba(15,23,42,.08);
  --cs-radius:18px;
  --cs-font-base:16px;
  --cs-font-lg:18px;
  --cs-font-sm:14px;
}

html.cs-ui-large{ --cs-font-base:18px; --cs-font-lg:20px; --cs-font-sm:16px; }

html.cs-ui-contrast{
  --cs-bg:#000;
  --cs-card:#0b0b0b;
  --cs-text:#fff;
  --cs-muted:#d1d5db;
  --cs-border:#444;
  --cs-shadow:none;
}

/* Shell */
#cs-riker-shell{
  position:sticky; top:0; z-index:50;
  background:rgba(246,247,249,.9);
  backdrop-filter:saturate(180%) blur(12px);
  border-bottom:1px solid var(--cs-border);
}
html.cs-ui-contrast #cs-riker-shell{ background:#000; border-bottom-color:#333; }
#cs-riker-shell .cs-shell-inner{ display:flex; justify-content:space-between; align-items:center; padding:12px 14px; }
#cs-riker-shell .cs-shell-title{ font-size:var(--cs-font-lg); font-weight:800; letter-spacing:-0.02em; color:var(--cs-text); }
#cs-riker-shell .cs-shell-sub{ margin-top:2px; font-size:var(--cs-font-sm); color:var(--cs-muted); }
#cs-riker-shell .cs-shell-right{ display:flex; gap:8px; align-items:center; }

.cs-ui-toggle{
  appearance:none;
  border:1px solid rgba(0,0,0,.18);
  background:rgba(255,255,255,.92);
  border-radius:12px;
  padding:8px 10px;
  font-size:14px;
  line-height:1;
  cursor:pointer;
  box-shadow:0 1px 2px rgba(0,0,0,.06);
}
.cs-ui-toggle[aria-pressed="true"]{ border-color:rgba(0,0,0,.35); box-shadow:0 2px 6px rgba(0,0,0,.10); }
html.cs-ui-contrast .cs-ui-toggle{ background:#111; border-color:#444; color:#fff; }
html.cs-ui-contrast .cs-ui-toggle[aria-pressed="true"]{ border-color:#bbb; }

/* Global tone */
#cs-app-root{
  background:var(--cs-bg);
  color:var(--cs-text);
  font-size:var(--cs-font-base);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}

/* Card polish (safe selectors) */
#cs-app-root .card,
#cs-app-root .csb14 .card{
  background:var(--cs-card);
  border:1px solid var(--cs-border);
  border-radius:var(--cs-radius);
  box-shadow:var(--cs-shadow);
}

#cs-app-root .muted,
#cs-app-root .csb14 .muted{ color:var(--cs-muted) !important; }

/* Find Times label visibility bump */
#cs-app-root .findTimesLabel,
#cs-app-root .csb14 .findTimesLabel,
#cs-app-root label,
#cs-app-root .label{
  opacity:1 !important;
  visibility:visible !important;
  color:var(--cs-text) !important;
  font-weight:700;
}