/**
 * 根级 Suspense fallback
 *
 * Server Component，渲染于任一未 ready 子树之上。
 * 设计为最小化的居中 spinner，复用 `globals.css` 的 `--color-accent`。
 */

export default function Loading() {
  return (
    <div
      className="flex flex-1 items-center justify-center"
      style={{ minHeight: "100dvh" }}
    >
      <div
        aria-label="Loading"
        className="size-10 animate-spin rounded-full border-4 border-t-transparent"
        style={{ borderColor: "var(--color-accent)" }}
      />
    </div>
  );
}