/* shell.css — layout-only styles for the unified shell.
 * Design tokens and component recipes live in shared/design-tokens.js
 * and shared/neumorphic.css. Keep this file thin.
 */

html, body { height: 100%; }
body { margin: 0; }

[x-cloak] { display: none !important; }

/* Module mount transition — fade between modules on hash route change. */
.module-host {
  animation: module-in 200ms ease-out;
}
@keyframes module-in {
  from { opacity: 0; transform: translateY(4px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .module-host { animation: none; }
}