html[data-color-mode=dark] {
  color-scheme: dark;
  --surface: color-mix(in srgb, var(--menu-canvas) 7%, #19191d) !important;
  --surface-ink: #f5f2ed !important;
  --page-paper: #151518 !important;
}
html[data-color-mode=light] {
  color-scheme: light;
  --surface: var(--light-surface, #fffaf5) !important;
  --surface-ink: #211d1a !important;
  --page-paper: #fffdf9 !important;
}
html[data-color-mode=dark][data-template=classic-menu] .item {
  background: color-mix(in srgb, var(--surface) 89%, var(--surface-ink));
}
html[data-color-mode=dark] :is(.design-demo-bar,.demo-banner,.empty) {
  background: var(--surface);
  color: var(--surface-ink);
}
html[data-color-mode=dark] .design-demo-bar a { color: var(--surface-ink); }
.menu-mode-bar {
  width: min(1100px, calc(100% - 28px));
  margin: 8px auto;
  display: flex;
  justify-content: flex-end;
}
.menu-mode-toggle {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 40px;
  padding: 6px 12px;
  color: var(--surface-ink);
  background: var(--surface);
  border: 1px solid color-mix(in srgb, var(--surface-ink) 30%, transparent);
  border-radius: 999px;
  font: inherit;
  font-size: 12px;
  cursor: pointer;
}
.menu-mode-toggle:focus-visible { outline: 2px solid var(--surface-ink); outline-offset: 2px; }
.mode-icon { font-size: 17px; line-height: 1; }
.menu-mode-bar { align-items:center; gap:7px; }
#menu-language { text-decoration:none; }
.google-review {
  display:inline-flex; align-items:center; gap:6px; min-height:40px; padding:6px 10px;
  border:2px solid transparent; border-radius:12px;
  background:linear-gradient(var(--surface),var(--surface)) padding-box,
    linear-gradient(100deg,#4285f4,#34a853,#fbbc04,#ea4335,#4285f4) border-box;
  background-size:100% 100%, 250% 100%;
  color:var(--surface-ink); font-size:12px; font-weight:700; text-decoration:none;
  animation:google-review-border 4s linear infinite alternate;
}
.google-review[hidden] { display:none; }
@keyframes google-review-border { to { background-position:0 0,100% 0; } }
@media(prefers-reduced-motion:reduce) { .google-review { animation:none; } }
html[lang=en] .top .latin { text-align:start; }
html[data-color-mode=dark][data-menu-style=crepes] .home-heading h2 { color:var(--surface-ink); }