/* Shared demo chrome: back to the gallery · title · reduced-motion switch · Reset.
   Also used as plain CSS by the static Uzralex page (public/uzralex). */
:root {
  --dc-font: 'Ploni ML v2 AAA', 'Heebo Variable', 'Heebo', system-ui, sans-serif;
}
.dc-bar {
  position: fixed; inset: 12px 12px auto; z-index: 1000;
  display: flex; align-items: center; gap: 8px; pointer-events: none;
  font-family: var(--dc-font); direction: rtl;
}
.dc-bar > * { pointer-events: auto; }
.dc-pill {
  display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 14px;
  border-radius: 999px; border: 1px solid var(--dc-line, rgba(255,255,255,.18));
  background: var(--dc-bg, rgba(14,16,18,.55)); color: var(--dc-fg, #f4f2ee);
  backdrop-filter: blur(14px) saturate(140%); -webkit-backdrop-filter: blur(14px) saturate(140%);
  font: 400 14px/1 var(--dc-font); text-decoration: none; cursor: pointer;
  transition: background .2s, border-color .2s, transform .2s;
}
.dc-pill:hover { border-color: var(--dc-line-hover, rgba(255,255,255,.4)); }
.dc-pill:active { transform: scale(.97); }
.dc-pill:focus-visible { outline: 2px solid var(--dc-accent, #f2c879); outline-offset: 3px; }
.dc-title { margin-inline-start: auto; margin-inline-end: auto; opacity: .85; font-weight: 400; cursor: default; }
.dc-title b { font-weight: 600; }
.dc-reset svg { width: 16px; height: 16px; }
.dc-kbd { font-size: 11px; opacity: .6; border: 1px solid currentColor; border-radius: 4px; padding: 1px 4px; }
.dc-rm[aria-pressed='true'] { background: var(--dc-accent, #f2c879); color: #1b1408; border-color: transparent; }
.dc-light { --dc-bg: rgba(255,255,255,.7); --dc-fg: #1c1c1c; --dc-line: rgba(0,0,0,.12); --dc-line-hover: rgba(0,0,0,.35); }
@media (max-width: 640px) {
  .dc-bar { inset: 8px 8px auto; gap: 6px; }
  .dc-title, .dc-kbd, .dc-label { display: none; }
  .dc-pill { height: 38px; padding: 0 12px; }
  .dc-reset { margin-inline-start: auto; }
}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }