/* Page-level resets for host document (outside Shadow DOM) */
html { height: 100%; }
body { height: 100%; margin: 0; }
*, *::before, *::after { box-sizing: border-box; }

/* Match Notion's dark mode background (~#191919) so the widget blends in.
   Light mode keeps the default white which matches Notion's light background. */
@media (prefers-color-scheme: dark) {
  html, body { background-color: #191919; }
}

/* Google Fonts Clock — Cutive Mono specimen (host page / demos; clock uses CSS variables in shadow) */
.cutive-mono-regular {
  font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
}

/* Google Fonts Clock — Caprasimo specimen (host page / demos) */
.caprasimo-regular {
  font-family: "Caprasimo", serif;
  font-weight: 400;
  font-style: normal;
}