/* First paint + view transitions — load immediately after theme init script */

html:not(.has-suminagashi),
html:not(.has-suminagashi) body,
html:not(.has-suminagashi) #main,
html:not(.has-suminagashi) .ui-lN5SP,
html:not(.has-suminagashi) .ui-lN5SP[data-layout-template="true"],
html:not(.has-suminagashi) .site-content,
html:not(.has-suminagashi) .site-content > .ui-iNQ6I,
html:not(.has-suminagashi) .ui-lN5SP[data-layout-template="true"] > .ui-iNQ6I {
  background-color: #f5f4ed !important;
}

html[data-theme="dark"]:not(.has-suminagashi),
html[data-theme="dark"]:not(.has-suminagashi) body,
html[data-theme="dark"]:not(.has-suminagashi) #main,
html[data-theme="dark"]:not(.has-suminagashi) .ui-lN5SP,
html[data-theme="dark"]:not(.has-suminagashi) .ui-lN5SP[data-layout-template="true"],
html[data-theme="dark"]:not(.has-suminagashi) .site-content,
html[data-theme="dark"]:not(.has-suminagashi) .site-content > .ui-iNQ6I,
html[data-theme="dark"]:not(.has-suminagashi) .ui-lN5SP[data-layout-template="true"] > .ui-iNQ6I {
  background-color: #141413 !important;
}

html[data-theme="dark"] body {
  --token-a65aeb92-d759-4a39-b772-8775ba6f096c: #141413 !important;
}

html[data-theme="light"]:not(.has-suminagashi),
html[data-theme="light"]:not(.has-suminagashi) body,
html[data-theme="light"]:not(.has-suminagashi) #main,
html[data-theme="light"]:not(.has-suminagashi) .ui-lN5SP,
html[data-theme="light"]:not(.has-suminagashi) .site-content {
  background-color: #f5f4ed !important;
}

html[data-theme="light"] body {
  --token-a65aeb92-d759-4a39-b772-8775ba6f096c: #f5f4ed !important;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]):not(.has-suminagashi),
  html:not([data-theme="light"]):not(.has-suminagashi) body,
  html:not([data-theme="light"]):not(.has-suminagashi) #main,
  html:not([data-theme="light"]):not(.has-suminagashi) .ui-lN5SP,
  html:not([data-theme="light"]):not(.has-suminagashi) .site-content,
  html:not([data-theme="light"]):not(.has-suminagashi) .site-content > .ui-iNQ6I {
    background-color: #141413 !important;
  }

  html:not([data-theme="light"]) body {
    --token-a65aeb92-d759-4a39-b772-8775ba6f096c: #141413 !important;
  }
}

@media (prefers-reduced-motion: no-preference) {
  ::view-transition,
  ::view-transition-group(*),
  ::view-transition-image-pair(*),
  ::view-transition-old(root),
  ::view-transition-new(root) {
    background-color: #f5f4ed !important;
  }

  html[data-theme="dark"] ::view-transition,
  html[data-theme="dark"] ::view-transition-group(*),
  html[data-theme="dark"] ::view-transition-image-pair(*),
  html[data-theme="dark"] ::view-transition-old(root),
  html[data-theme="dark"] ::view-transition-new(root) {
    background-color: #141413 !important;
  }

  html[data-theme="light"] ::view-transition,
  html[data-theme="light"] ::view-transition-group(*),
  html[data-theme="light"] ::view-transition-image-pair(*),
  html[data-theme="light"] ::view-transition-old(root),
  html[data-theme="light"] ::view-transition-new(root) {
    background-color: #f5f4ed !important;
  }
}

@media (prefers-reduced-motion: no-preference) and (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) ::view-transition,
  html:not([data-theme="light"]) ::view-transition-group(*),
  html:not([data-theme="light"]) ::view-transition-image-pair(*),
  html:not([data-theme="light"]) ::view-transition-old(root),
  html:not([data-theme="light"]) ::view-transition-new(root) {
    background-color: #141413 !important;
  }
}