/* NHL 1.31.0 — Appearance controls have their own theme-aware palette.
   Control colors no longer depend on whether the light or dark page stylesheet
   has finished loading. The component follows the saved theme immediately. */
:root{
  --nhl-picker-panel:#ebe0d4;
  --nhl-picker-title:#715247;
  --nhl-picker-surface:#f7eddc;
  --nhl-picker-ink:#715247;
  --nhl-picker-active:#715247;
  --nhl-picker-active-ink:#ffffff;
  --nhl-picker-status:#715247;
  --nhl-picker-focus:#ec1905;
  --nhl-picker-accent:transparent;
}
html[data-theme="dark"],body[data-theme="dark"]{
  --nhl-picker-panel:#1c2633;
  --nhl-picker-title:#b7c5d4;
  --nhl-picker-surface:#0e141d;
  --nhl-picker-ink:#b7c5d4;
  --nhl-picker-active:#283647;
  --nhl-picker-active-ink:#f0f3f6;
  --nhl-picker-status:#b7c5d4;
  --nhl-picker-focus:#ff7568;
  --nhl-picker-accent:transparent;
}
.nhl-theme-picker{
  margin:17px 0 6px;
  padding:15px 13px 13px;
  color:var(--nhl-picker-ink)!important;
  background:var(--nhl-picker-panel)!important;
  border:0;
  border-radius:15px;
  box-shadow:none;
}
.nhl-theme-picker-heading{
  display:block;
  margin:0 0 10px;
  color:var(--nhl-picker-title)!important;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.nhl-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.nhl-theme-choice{
  display:flex;align-items:center;justify-content:center;gap:8px;
  min-height:46px;width:100%;padding:10px;
  border:0;border-radius:11px;
  background:var(--nhl-picker-surface)!important;
  color:var(--nhl-picker-ink)!important;
  font:inherit;font-size:13px;font-weight:800;
  cursor:pointer;
}
.nhl-theme-choice[aria-pressed="true"]{
  background:var(--nhl-picker-active)!important;
  color:var(--nhl-picker-active-ink)!important;
  box-shadow:none;
}
.nhl-theme-choice:disabled{opacity:.55;cursor:not-allowed}
.nhl-theme-choice:focus-visible{
  outline:2px solid var(--nhl-picker-focus);
  outline-offset:2px;
}
.nhl-theme-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:18px;height:18px;flex:none;line-height:1;
}
.nhl-theme-icon svg{
  width:18px;height:18px;display:block;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
}
.nhl-theme-status{
  margin:10px 2px 0;
  font-size:10px;line-height:1.5;
  color:var(--nhl-picker-status)!important;
}

/* NHL 1.32 — per-user theme statistics, styled for both appearance modes. */
.nhl-usage-theme{
  margin-top:11px;padding-top:12px;
  border-top:1px solid var(--nhl-picker-title);
  color:var(--nhl-picker-title);
}
.nhl-usage-theme-head{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
}
.nhl-usage-theme-head>div{min-width:0}
.nhl-usage-theme-head small{
  display:block;margin:0 0 5px;color:var(--nhl-picker-status);
  font-size:10px;line-height:1.35;
}
.nhl-usage-theme-head strong{display:block;color:var(--nhl-picker-ink);font-size:14px;line-height:1.35}
.nhl-usage-theme-bars{
  display:flex;overflow:hidden;width:100%;height:9px;margin:12px 0 7px;
  border-radius:99px;background:var(--nhl-picker-panel);
}
.nhl-usage-theme-bar{display:block;flex:0 0 auto;height:100%}
.nhl-usage-theme-bar.is-light{background:#cda76e}
.nhl-usage-theme-bar.is-dark{background:#617d9d}
.nhl-usage-theme-key{
  display:flex;justify-content:space-between;gap:7px;flex-wrap:wrap;
  color:var(--nhl-picker-status);font-size:10px;font-weight:700;
}
.nhl-usage-theme-note{
  display:block;margin-top:7px;color:var(--nhl-picker-status);font-size:10px;
}