/* Smooth cross-fade only while a theme switch is in progress */
html.theme-transition,
html.theme-transition *,
html.theme-transition *::before,
html.theme-transition *::after {
  transition: background-color 0.25s var(--md-ease), color 0.25s var(--md-ease),
              border-color 0.25s var(--md-ease), fill 0.25s var(--md-ease),
              stop-color 0.25s var(--md-ease), box-shadow 0.25s var(--md-ease) !important;
}
@media (prefers-reduced-motion: reduce) {
  html.theme-transition, html.theme-transition * { transition: none !important; }
}

/* Theme-aware scrollbars */
* { scrollbar-color: var(--md-scrollbar-thumb) transparent; scrollbar-width: thin; }

* { box-sizing: border-box; margin: 0; padding: 0; }
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  background: var(--md-bg);
  color: var(--md-on-surface);
  height: 100vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  user-select: none;
  -webkit-font-smoothing: antialiased;
}