@rokkit/themes 1.0.0-next.132 → 1.0.0-next.135

package/dist/base.css

@@ -186,7 +186,9 @@
    ============================================================================= */
 
 /* Hover lift — subtle elevation on hover (not on link or ghost style) */
-[data-button]:not([data-style='link']):not([data-style='ghost']):hover:not(:disabled):not([data-disabled]) {
+[data-button]:not([data-style='link']):not([data-style='ghost']):hover:not(:disabled):not(
+    [data-disabled]
+  ) {
   transform: translateY(-1px);
 }
 
@@ -210,8 +212,13 @@
 }
 
 @keyframes button-loading-pulse {
-  0%, 100% { opacity: 1; }
-  50% { opacity: 0.7; }
+  0%,
+  100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.7;
+  }
 }
 
 /* =============================================================================
@@ -2062,25 +2069,58 @@ button[data-list-item] {
 }
 
 /* Solid (default visible style) */
-[data-tree][data-line-style='solid'] [data-connector-v] { border-right-style: solid; }
-[data-tree][data-line-style='solid'] [data-connector-h] { border-bottom-style: solid; }
-[data-tree][data-line-style='solid'] [data-connector-corner] { border-bottom-style: solid; border-right-style: solid; }
-[data-tree][data-line-style='solid'] [data-connector-rtl] [data-connector-v] { border-left-style: solid; }
-[data-tree][data-line-style='solid'] [data-connector-rtl] [data-connector-corner] { border-left-style: solid; }
+[data-tree][data-line-style='solid'] [data-connector-v] {
+  border-right-style: solid;
+}
+[data-tree][data-line-style='solid'] [data-connector-h] {
+  border-bottom-style: solid;
+}
+[data-tree][data-line-style='solid'] [data-connector-corner] {
+  border-bottom-style: solid;
+  border-right-style: solid;
+}
+[data-tree][data-line-style='solid'] [data-connector-rtl] [data-connector-v] {
+  border-left-style: solid;
+}
+[data-tree][data-line-style='solid'] [data-connector-rtl] [data-connector-corner] {
+  border-left-style: solid;
+}
 
 /* Dashed */
-[data-tree][data-line-style='dashed'] [data-connector-v] { border-right-style: dashed; }
-[data-tree][data-line-style='dashed'] [data-connector-h] { border-bottom-style: dashed; }
-[data-tree][data-line-style='dashed'] [data-connector-corner] { border-bottom-style: dashed; border-right-style: dashed; }
-[data-tree][data-line-style='dashed'] [data-connector-rtl] [data-connector-v] { border-left-style: dashed; }
-[data-tree][data-line-style='dashed'] [data-connector-rtl] [data-connector-corner] { border-left-style: dashed; }
+[data-tree][data-line-style='dashed'] [data-connector-v] {
+  border-right-style: dashed;
+}
+[data-tree][data-line-style='dashed'] [data-connector-h] {
+  border-bottom-style: dashed;
+}
+[data-tree][data-line-style='dashed'] [data-connector-corner] {
+  border-bottom-style: dashed;
+  border-right-style: dashed;
+}
+[data-tree][data-line-style='dashed'] [data-connector-rtl] [data-connector-v] {
+  border-left-style: dashed;
+}
+[data-tree][data-line-style='dashed'] [data-connector-rtl] [data-connector-corner] {
+  border-left-style: dashed;
+}
 
 /* Dotted */
-[data-tree][data-line-style='dotted'] [data-connector-v] { border-right-style: dotted; }
-[data-tree][data-line-style='dotted'] [data-connector-h] { border-bottom-style: dotted; }
-[data-tree][data-line-style='dotted'] [data-connector-corner] { border-bottom-style: dotted; border-right-style: dotted; }
-[data-tree][data-line-style='dotted'] [data-connector-rtl] [data-connector-v] { border-left-style: dotted; }
-[data-tree][data-line-style='dotted'] [data-connector-rtl] [data-connector-corner] { border-left-style: dotted; }
+[data-tree][data-line-style='dotted'] [data-connector-v] {
+  border-right-style: dotted;
+}
+[data-tree][data-line-style='dotted'] [data-connector-h] {
+  border-bottom-style: dotted;
+}
+[data-tree][data-line-style='dotted'] [data-connector-corner] {
+  border-bottom-style: dotted;
+  border-right-style: dotted;
+}
+[data-tree][data-line-style='dotted'] [data-connector-rtl] [data-connector-v] {
+  border-left-style: dotted;
+}
+[data-tree][data-line-style='dotted'] [data-connector-rtl] [data-connector-corner] {
+  border-left-style: dotted;
+}
 
 /* =============================================================================
    Tree Item Content
@@ -2875,520 +2915,522 @@ input[type='color'] {
 /* Tilt — base structural styles */
 
 [data-tilt] {
-	perspective: var(--tilt-perspective, 600px);
+  perspective: var(--tilt-perspective, 600px);
 }
 
 [data-tilt] > * {
-	transform: rotateX(var(--tilt-rotate-x, 0deg)) rotateY(var(--tilt-rotate-y, 0deg));
-	transition: transform 0.1s ease-out;
+  transform: rotateX(var(--tilt-rotate-x, 0deg)) rotateY(var(--tilt-rotate-y, 0deg));
+  transition: transform 0.1s ease-out;
 }
 
 [data-tilt][data-tilt-brightness] > * {
-	filter: brightness(var(--tilt-brightness, 1));
+  filter: brightness(var(--tilt-brightness, 1));
 }
 
 /* Shine — base structural styles */
 
 [data-shine-filter] {
-	pointer-events: none;
-	position: fixed;
-	inset: 0;
-	width: 0;
-	height: 0;
-	overflow: visible;
+  pointer-events: none;
+  position: fixed;
+  inset: 0;
+  width: 0;
+  height: 0;
+  overflow: visible;
 }
 
 [data-shine] {
-	display: inline-block;
+  display: inline-block;
 }
 
 /* BreadCrumbs — base structural styles */
 
 [data-breadcrumbs] {
-	display: block;
+  display: block;
 }
 
 [data-breadcrumb-list] {
-	display: flex;
-	align-items: center;
-	list-style: none;
-	padding: 0;
-	margin: 0;
-	gap: 0.25rem;
+  display: flex;
+  align-items: center;
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  gap: 0.25rem;
 }
 
 [data-breadcrumb-item] {
-	display: flex;
-	align-items: center;
+  display: flex;
+  align-items: center;
 }
 
 [data-breadcrumb-separator] {
-	display: flex;
-	align-items: center;
-	opacity: 0.5;
+  display: flex;
+  align-items: center;
+  opacity: 0.5;
 }
 
 [data-breadcrumb-link] {
-	display: flex;
-	align-items: center;
-	gap: 0.25rem;
-	background: none;
-	border: none;
-	cursor: pointer;
-	padding: 0.25rem 0.5rem;
-	border-radius: 0.25rem;
-	font: inherit;
-	color: inherit;
-	text-decoration: none;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  background: none;
+  border: none;
+  cursor: pointer;
+  padding: 0.25rem 0.5rem;
+  border-radius: 0.25rem;
+  font: inherit;
+  color: inherit;
+  text-decoration: none;
 }
 
 [data-breadcrumb-current] {
-	display: flex;
-	align-items: center;
-	gap: 0.25rem;
-	padding: 0.25rem 0.5rem;
-	font-weight: 600;
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.25rem 0.5rem;
+  font-weight: 600;
 }
 
 /* Card — base structural styles */
 
 [data-card] {
-	display: flex;
-	flex-direction: column;
-	border-radius: 0.5rem;
-	overflow: hidden;
-	text-decoration: none;
-	color: inherit;
+  display: flex;
+  flex-direction: column;
+  border-radius: 0.5rem;
+  overflow: hidden;
+  text-decoration: none;
+  color: inherit;
 }
 
 button[data-card] {
-	background: none;
-	border: none;
-	cursor: pointer;
-	text-align: inherit;
-	font: inherit;
-	padding: 0;
+  background: none;
+  border: none;
+  cursor: pointer;
+  text-align: inherit;
+  font: inherit;
+  padding: 0;
 }
 
 a[data-card] {
-	cursor: pointer;
+  cursor: pointer;
 }
 
 [data-card-header] {
-	padding: 1rem 1rem 0.5rem;
+  padding: 1rem 1rem 0.5rem;
 }
 
 [data-card-body] {
-	padding: 0.5rem 1rem;
-	flex: 1;
+  padding: 0.5rem 1rem;
+  flex: 1;
 }
 
 [data-card-footer] {
-	padding: 0.5rem 1rem 1rem;
+  padding: 0.5rem 1rem 1rem;
 }
 
 /* ProgressBar — base structural styles */
 
 [data-progress] {
-	position: relative;
-	width: 100%;
-	height: 0.5rem;
-	border-radius: 9999px;
-	overflow: hidden;
+  position: relative;
+  width: 100%;
+  height: 0.5rem;
+  border-radius: 9999px;
+  overflow: hidden;
 }
 
 [data-progress-bar] {
-	height: 100%;
-	border-radius: 9999px;
-	transition: width 0.3s ease;
+  height: 100%;
+  border-radius: 9999px;
+  transition: width 0.3s ease;
 }
 
 [data-progress][data-indeterminate] [data-progress-bar] {
-	animation: progress-indeterminate 1.5s ease-in-out infinite;
+  animation: progress-indeterminate 1.5s ease-in-out infinite;
 }
 
 @keyframes progress-indeterminate {
-	0% {
-		transform: translateX(-100%);
-		width: 50%;
-	}
-	50% {
-		transform: translateX(50%);
-		width: 50%;
-	}
-	100% {
-		transform: translateX(200%);
-		width: 50%;
-	}
+  0% {
+    transform: translateX(-100%);
+    width: 50%;
+  }
+  50% {
+    transform: translateX(50%);
+    width: 50%;
+  }
+  100% {
+    transform: translateX(200%);
+    width: 50%;
+  }
 }
 
 /* Carousel — base structural styles */
 
 [data-carousel] {
-	position: relative;
-	overflow: hidden;
-	outline: none;
+  position: relative;
+  overflow: hidden;
+  outline: none;
 }
 
 [data-carousel-viewport] {
-	overflow: hidden;
-	width: 100%;
+  overflow: hidden;
+  width: 100%;
 }
 
 /* ─── Slide transition ─── */
 
-[data-carousel-transition="slide"] [data-carousel-track] {
-	display: flex;
-	transition: transform 0.4s ease;
-	transform: translateX(calc(-100% * var(--carousel-current, 0)));
+[data-carousel-transition='slide'] [data-carousel-track] {
+  display: flex;
+  transition: transform 0.4s ease;
+  transform: translateX(calc(-100% * var(--carousel-current, 0)));
 }
 
-[data-carousel-transition="slide"] [data-carousel-slide] {
-	flex: 0 0 100%;
-	min-width: 0;
+[data-carousel-transition='slide'] [data-carousel-slide] {
+  flex: 0 0 100%;
+  min-width: 0;
 }
 
 /* ─── Fade transition ─── */
 
-[data-carousel-transition="fade"] [data-carousel-track] {
-	position: relative;
+[data-carousel-transition='fade'] [data-carousel-track] {
+  position: relative;
 }
 
-[data-carousel-transition="fade"] [data-carousel-slide] {
-	position: absolute;
-	inset: 0;
-	opacity: 0;
-	transition: opacity 0.4s ease;
-	pointer-events: none;
+[data-carousel-transition='fade'] [data-carousel-slide] {
+  position: absolute;
+  inset: 0;
+  opacity: 0;
+  transition: opacity 0.4s ease;
+  pointer-events: none;
 }
 
-[data-carousel-transition="fade"] [data-carousel-slide][data-active] {
-	position: relative;
-	opacity: 1;
-	pointer-events: auto;
+[data-carousel-transition='fade'] [data-carousel-slide][data-active] {
+  position: relative;
+  opacity: 1;
+  pointer-events: auto;
 }
 
 /* ─── No transition ─── */
 
-[data-carousel-transition="none"] [data-carousel-track] {
-	display: flex;
-	transform: translateX(calc(-100% * var(--carousel-current, 0)));
+[data-carousel-transition='none'] [data-carousel-track] {
+  display: flex;
+  transform: translateX(calc(-100% * var(--carousel-current, 0)));
 }
 
-[data-carousel-transition="none"] [data-carousel-slide] {
-	flex: 0 0 100%;
-	min-width: 0;
+[data-carousel-transition='none'] [data-carousel-slide] {
+  flex: 0 0 100%;
+  min-width: 0;
 }
 
 /* ─── Arrow buttons ─── */
 
 [data-carousel-prev],
 [data-carousel-next] {
-	position: absolute;
-	top: 50%;
-	transform: translateY(-50%);
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	width: 2.5rem;
-	height: 2.5rem;
-	border: none;
-	border-radius: 9999px;
-	cursor: pointer;
-	background: rgba(0, 0, 0, 0.3);
-	color: white;
-	font-size: 1.25rem;
-	z-index: 1;
-	opacity: 0.7;
-	transition: opacity 0.2s ease;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 2.5rem;
+  height: 2.5rem;
+  border: none;
+  border-radius: 9999px;
+  cursor: pointer;
+  background: rgba(0, 0, 0, 0.3);
+  color: white;
+  font-size: 1.25rem;
+  z-index: 1;
+  opacity: 0.7;
+  transition: opacity 0.2s ease;
 }
 
 [data-carousel-prev]:hover,
 [data-carousel-next]:hover {
-	opacity: 1;
+  opacity: 1;
 }
 
 [data-carousel-prev]:disabled,
 [data-carousel-next]:disabled {
-	opacity: 0.3;
-	cursor: default;
+  opacity: 0.3;
+  cursor: default;
 }
 
 [data-carousel-prev] {
-	left: 0.5rem;
+  left: 0.5rem;
 }
 
 [data-carousel-next] {
-	right: 0.5rem;
+  right: 0.5rem;
 }
 
 /* ─── Dots ─── */
 
 [data-carousel-dots] {
-	display: flex;
-	justify-content: center;
-	gap: 0.5rem;
-	padding: 0.75rem 0;
+  display: flex;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 0.75rem 0;
 }
 
 [data-carousel-dot] {
-	width: 0.625rem;
-	height: 0.625rem;
-	border-radius: 9999px;
-	border: none;
-	cursor: pointer;
-	background: currentColor;
-	opacity: 0.3;
-	transition: opacity 0.2s ease;
-	padding: 0;
+  width: 0.625rem;
+  height: 0.625rem;
+  border-radius: 9999px;
+  border: none;
+  cursor: pointer;
+  background: currentColor;
+  opacity: 0.3;
+  transition: opacity 0.2s ease;
+  padding: 0;
 }
 
 [data-carousel-dot][data-active] {
-	opacity: 1;
+  opacity: 1;
 }
 
 [data-carousel-dot]:hover {
-	opacity: 0.7;
+  opacity: 0.7;
 }
 
 /* Pill — base structural styles */
 
 [data-pill] {
-	display: inline-flex;
-	align-items: center;
-	gap: 0.375rem;
-	padding: 0.125rem 0.625rem;
-	border-radius: 9999px;
-	font-size: 0.875rem;
-	line-height: 1.25rem;
-	white-space: nowrap;
-	outline: none;
-	vertical-align: middle;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0.125rem 0.625rem;
+  border-radius: 9999px;
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+  white-space: nowrap;
+  outline: none;
+  vertical-align: middle;
 }
 
 [data-pill-icon] {
-	font-size: 0.875rem;
-	flex-shrink: 0;
+  font-size: 0.875rem;
+  flex-shrink: 0;
 }
 
 [data-pill-text] {
-	overflow: hidden;
-	text-overflow: ellipsis;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 [data-pill-remove] {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	width: 1rem;
-	height: 1rem;
-	padding: 0;
-	margin-left: 0.125rem;
-	border: none;
-	border-radius: 9999px;
-	cursor: pointer;
-	background: transparent;
-	color: inherit;
-	opacity: 0.6;
-	transition: opacity 0.15s ease;
-	font-size: 0.75rem;
-	flex-shrink: 0;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1rem;
+  height: 1rem;
+  padding: 0;
+  margin-left: 0.125rem;
+  border: none;
+  border-radius: 9999px;
+  cursor: pointer;
+  background: transparent;
+  color: inherit;
+  opacity: 0.6;
+  transition: opacity 0.15s ease;
+  font-size: 0.75rem;
+  flex-shrink: 0;
 }
 
 [data-pill-remove]:hover {
-	opacity: 1;
+  opacity: 1;
 }
 
 [data-pill-remove]:disabled {
-	opacity: 0.3;
-	cursor: default;
+  opacity: 0.3;
+  cursor: default;
 }
 
 [data-pill-disabled] {
-	opacity: 0.5;
-	cursor: default;
+  opacity: 0.5;
+  cursor: default;
 }
 
 /* Rating — base structural styles */
 
 [data-rating] {
-	display: inline-flex;
-	align-items: center;
-	gap: 0.25rem;
-	outline: none;
-	cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  outline: none;
+  cursor: pointer;
 }
 
 [data-rating-disabled] {
-	cursor: default;
-	opacity: 0.5;
+  cursor: default;
+  opacity: 0.5;
 }
 
 [data-rating-item] {
-	display: inline-flex;
-	align-items: center;
-	justify-content: center;
-	cursor: pointer;
-	font-size: 1.5rem;
-	transition: transform 0.15s ease, opacity 0.15s ease;
-	user-select: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-size: 1.5rem;
+  transition:
+    transform 0.15s ease,
+    opacity 0.15s ease;
+  user-select: none;
 }
 
 [data-rating-disabled] [data-rating-item] {
-	cursor: default;
+  cursor: default;
 }
 
 [data-rating-item]:not([data-filled]) {
-	opacity: 0.3;
+  opacity: 0.3;
 }
 
 [data-rating-item][data-hovering] {
-	transform: scale(1.15);
+  transform: scale(1.15);
 }
 
 [data-rating-item][data-filled] {
-	opacity: 1;
+  opacity: 1;
 }
 
 /* Stepper — base structural styles */
 
 [data-stepper] {
-	display: flex;
-	align-items: flex-start;
-	width: 100%;
+  display: flex;
+  align-items: flex-start;
+  width: 100%;
 }
 
 [data-stepper][data-orientation='vertical'] {
-	flex-direction: column;
+  flex-direction: column;
 }
 
 /* ─── Step container ─── */
 
 [data-stepper-step] {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	flex: 0 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 0 0 auto;
 }
 
 /* ─── Step circle ─── */
 
 [data-stepper-circle] {
-	width: 2.5rem;
-	height: 2.5rem;
-	border-radius: 9999px;
-	border: 2px solid currentColor;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	cursor: pointer;
-	font-weight: 600;
-	font-size: 0.875rem;
-	background: transparent;
-	color: inherit;
-	padding: 0;
-	transition:
-		background-color 0.2s ease,
-		border-color 0.2s ease,
-		color 0.2s ease;
+  width: 2.5rem;
+  height: 2.5rem;
+  border-radius: 9999px;
+  border: 2px solid currentColor;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  font-weight: 600;
+  font-size: 0.875rem;
+  background: transparent;
+  color: inherit;
+  padding: 0;
+  transition:
+    background-color 0.2s ease,
+    border-color 0.2s ease,
+    color 0.2s ease;
 }
 
 [data-stepper-circle]:disabled {
-	cursor: default;
-	opacity: 0.4;
+  cursor: default;
+  opacity: 0.4;
 }
 
 [data-stepper-step][data-completed] [data-stepper-circle] {
-	background-color: var(--color-primary-500, #3b82f6);
-	border-color: var(--color-primary-500, #3b82f6);
-	color: white;
+  background-color: var(--color-primary-500, #3b82f6);
+  border-color: var(--color-primary-500, #3b82f6);
+  color: white;
 }
 
 [data-stepper-step][data-active] [data-stepper-circle] {
-	border-color: var(--color-primary-500, #3b82f6);
-	color: var(--color-primary-500, #3b82f6);
-	box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary-500, #3b82f6) 20%, transparent);
+  border-color: var(--color-primary-500, #3b82f6);
+  color: var(--color-primary-500, #3b82f6);
+  box-shadow: 0 0 0 3px color-mix(in srgb, var(--color-primary-500, #3b82f6) 20%, transparent);
 }
 
 /* ─── Connector line ─── */
 
 [data-stepper-connector] {
-	flex: 1;
-	height: 2px;
-	min-width: 2rem;
-	align-self: center;
-	/* Vertically center with the circle (half of 2.5rem) */
-	margin-top: 1.25rem;
-	background-color: var(--color-surface-300, #d1d5db);
-	transition: background-color 0.2s ease;
+  flex: 1;
+  height: 2px;
+  min-width: 2rem;
+  align-self: center;
+  /* Vertically center with the circle (half of 2.5rem) */
+  margin-top: 1.25rem;
+  background-color: var(--color-surface-300, #d1d5db);
+  transition: background-color 0.2s ease;
 }
 
 [data-stepper-connector][data-completed] {
-	background-color: var(--color-primary-500, #3b82f6);
+  background-color: var(--color-primary-500, #3b82f6);
 }
 
 /* Vertical orientation connectors */
 [data-stepper][data-orientation='vertical'] [data-stepper-connector] {
-	width: 2px;
-	height: 2rem;
-	min-width: auto;
-	margin-top: 0;
-	margin-left: 1.25rem;
-	align-self: flex-start;
+  width: 2px;
+  height: 2rem;
+  min-width: auto;
+  margin-top: 0;
+  margin-left: 1.25rem;
+  align-self: flex-start;
 }
 
 /* ─── Label ─── */
 
 [data-stepper-label] {
-	margin-top: 0.5rem;
-	font-size: 0.8125rem;
-	text-align: center;
-	max-width: 6rem;
-	line-height: 1.3;
+  margin-top: 0.5rem;
+  font-size: 0.8125rem;
+  text-align: center;
+  max-width: 6rem;
+  line-height: 1.3;
 }
 
 /* ─── Sub-stage dots ─── */
 
 [data-stepper-dots] {
-	display: flex;
-	gap: 0.25rem;
-	margin-top: 0.375rem;
+  display: flex;
+  gap: 0.25rem;
+  margin-top: 0.375rem;
 }
 
 [data-stepper-dot] {
-	width: 0.5rem;
-	height: 0.5rem;
-	border-radius: 9999px;
-	border: 1px solid var(--color-surface-400, #9ca3af);
-	background: transparent;
-	cursor: pointer;
-	padding: 0;
-	transition:
-		background-color 0.2s ease,
-		border-color 0.2s ease;
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 9999px;
+  border: 1px solid var(--color-surface-400, #9ca3af);
+  background: transparent;
+  cursor: pointer;
+  padding: 0;
+  transition:
+    background-color 0.2s ease,
+    border-color 0.2s ease;
 }
 
 [data-stepper-dot]:disabled {
-	cursor: default;
-	opacity: 0.4;
+  cursor: default;
+  opacity: 0.4;
 }
 
 [data-stepper-dot][data-completed] {
-	background-color: var(--color-primary-500, #3b82f6);
-	border-color: var(--color-primary-500, #3b82f6);
+  background-color: var(--color-primary-500, #3b82f6);
+  border-color: var(--color-primary-500, #3b82f6);
 }
 
 [data-stepper-dot][data-active] {
-	border-color: var(--color-primary-500, #3b82f6);
-	background-color: var(--color-primary-500, #3b82f6);
-	box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary-500, #3b82f6) 25%, transparent);
+  border-color: var(--color-primary-500, #3b82f6);
+  background-color: var(--color-primary-500, #3b82f6);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--color-primary-500, #3b82f6) 25%, transparent);
 }
 
 /* ─── Content area ─── */
 
 [data-stepper-content] {
-	width: 100%;
-	margin-top: 1.5rem;
+  width: 100%;
+  margin-top: 1.5rem;
 }
 
 /**
@@ -3403,24 +3445,24 @@ a[data-card] {
    ============================================================================= */
 
 [data-switch] {
-	display: inline-flex;
-	align-items: center;
-	gap: 0.5rem;
-	cursor: pointer;
-	border: none;
-	background: transparent;
-	padding: 0;
-	user-select: none;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  padding: 0;
+  user-select: none;
 }
 
 [data-switch]:focus {
-	outline: none;
+  outline: none;
 }
 
 [data-switch][data-switch-disabled] {
-	pointer-events: none;
-	opacity: 0.5;
-	cursor: not-allowed;
+  pointer-events: none;
+  opacity: 0.5;
+  cursor: not-allowed;
 }
 
 /* =============================================================================
@@ -3428,11 +3470,11 @@ a[data-card] {
    ============================================================================= */
 
 [data-switch-track] {
-	position: relative;
-	display: inline-block;
-	border-radius: 9999px;
-	transition: background-color 200ms ease;
-	flex-shrink: 0;
+  position: relative;
+  display: inline-block;
+  border-radius: 9999px;
+  transition: background-color 200ms ease;
+  flex-shrink: 0;
 }
 
 /* =============================================================================
@@ -3440,20 +3482,20 @@ a[data-card] {
    ============================================================================= */
 
 [data-switch-thumb] {
-	position: absolute;
-	top: 50%;
-	transform: translateY(-50%) translateX(0);
-	border-radius: 9999px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	transition:
-		transform 200ms ease,
-		background-color 200ms ease;
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%) translateX(0);
+  border-radius: 9999px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition:
+    transform 200ms ease,
+    background-color 200ms ease;
 }
 
 [data-switch][aria-checked='true'] [data-switch-thumb] {
-	transform: translateY(-50%) translateX(var(--switch-thumb-travel));
+  transform: translateY(-50%) translateX(var(--switch-thumb-travel));
 }
 
 /* =============================================================================
@@ -3462,69 +3504,69 @@ a[data-card] {
 
 /* Small: track 28×16, thumb 12px */
 [data-switch][data-switch-size='sm'] [data-switch-track] {
-	width: 1.75rem;
-	height: 1rem;
+  width: 1.75rem;
+  height: 1rem;
 }
 
 [data-switch][data-switch-size='sm'] [data-switch-thumb] {
-	width: 0.75rem;
-	height: 0.75rem;
-	left: 0.125rem;
-	--switch-thumb-travel: 0.75rem;
+  width: 0.75rem;
+  height: 0.75rem;
+  left: 0.125rem;
+  --switch-thumb-travel: 0.75rem;
 }
 
 [data-switch][data-switch-size='sm'] [data-switch-icon] {
-	font-size: 0.5rem;
+  font-size: 0.5rem;
 }
 
 [data-switch][data-switch-size='sm'] [data-switch-label] {
-	font-size: 0.75rem;
+  font-size: 0.75rem;
 }
 
 /* Medium (default): track 44×24, thumb 18px */
 [data-switch][data-switch-size='md'] [data-switch-track],
 [data-switch]:not([data-switch-size]) [data-switch-track] {
-	width: 2.75rem;
-	height: 1.5rem;
+  width: 2.75rem;
+  height: 1.5rem;
 }
 
 [data-switch][data-switch-size='md'] [data-switch-thumb],
 [data-switch]:not([data-switch-size]) [data-switch-thumb] {
-	width: 1.125rem;
-	height: 1.125rem;
-	left: 0.1875rem;
-	--switch-thumb-travel: 1.25rem;
+  width: 1.125rem;
+  height: 1.125rem;
+  left: 0.1875rem;
+  --switch-thumb-travel: 1.25rem;
 }
 
 [data-switch][data-switch-size='md'] [data-switch-icon],
 [data-switch]:not([data-switch-size]) [data-switch-icon] {
-	font-size: 0.625rem;
+  font-size: 0.625rem;
 }
 
 [data-switch][data-switch-size='md'] [data-switch-label],
 [data-switch]:not([data-switch-size]) [data-switch-label] {
-	font-size: 0.875rem;
+  font-size: 0.875rem;
 }
 
 /* Large: track 56×32, thumb 24px */
 [data-switch][data-switch-size='lg'] [data-switch-track] {
-	width: 3.5rem;
-	height: 2rem;
+  width: 3.5rem;
+  height: 2rem;
 }
 
 [data-switch][data-switch-size='lg'] [data-switch-thumb] {
-	width: 1.5rem;
-	height: 1.5rem;
-	left: 0.25rem;
-	--switch-thumb-travel: 1.5rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  left: 0.25rem;
+  --switch-thumb-travel: 1.5rem;
 }
 
 [data-switch][data-switch-size='lg'] [data-switch-icon] {
-	font-size: 0.75rem;
+  font-size: 0.75rem;
 }
 
 [data-switch][data-switch-size='lg'] [data-switch-label] {
-	font-size: 1rem;
+  font-size: 1rem;
 }
 
 /* =============================================================================
@@ -3532,8 +3574,8 @@ a[data-card] {
    ============================================================================= */
 
 [data-switch-label] {
-	font-weight: 500;
-	user-select: none;
+  font-weight: 500;
+  user-select: none;
 }
 
 /* =============================================================================
@@ -3541,7 +3583,7 @@ a[data-card] {
    ============================================================================= */
 
 [data-switch-icon] {
-	flex-shrink: 0;
+  flex-shrink: 0;
 }
 
 /**
@@ -3556,18 +3598,18 @@ a[data-card] {
    ============================================================================= */
 
 [data-table] {
-	overflow-x: auto;
+  overflow-x: auto;
 }
 
 [data-table][data-disabled='true'] {
-	pointer-events: none;
-	opacity: 0.5;
+  pointer-events: none;
+  opacity: 0.5;
 }
 
 [data-table] table {
-	width: 100%;
-	border-collapse: collapse;
-	table-layout: auto;
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: auto;
 }
 
 /* =============================================================================
@@ -3575,10 +3617,10 @@ a[data-card] {
    ============================================================================= */
 
 [data-table-caption] {
-	text-align: left;
-	font-weight: 600;
-	padding: 0.5rem 0.75rem;
-	caption-side: top;
+  text-align: left;
+  font-weight: 600;
+  padding: 0.5rem 0.75rem;
+  caption-side: top;
 }
 
 /* =============================================================================
@@ -3586,36 +3628,36 @@ a[data-card] {
    ============================================================================= */
 
 [data-table-header] th {
-	text-align: left;
-	font-weight: 600;
-	white-space: nowrap;
-	user-select: none;
+  text-align: left;
+  font-weight: 600;
+  white-space: nowrap;
+  user-select: none;
 }
 
 [data-table-header-cell] {
-	display: table-cell;
-	cursor: default;
+  display: table-cell;
+  cursor: default;
 }
 
 [data-table-header-cell][data-sortable='true'] {
-	cursor: pointer;
+  cursor: pointer;
 }
 
 [data-table-header-text] {
-	vertical-align: middle;
+  vertical-align: middle;
 }
 
 [data-table-sort-icon] {
-	display: inline-block;
-	vertical-align: middle;
-	margin-left: 0.25rem;
-	opacity: 0.4;
-	transition: opacity 150ms ease;
+  display: inline-block;
+  vertical-align: middle;
+  margin-left: 0.25rem;
+  opacity: 0.4;
+  transition: opacity 150ms ease;
 }
 
 [data-table-header-cell][data-sort-order='ascending'] [data-table-sort-icon],
 [data-table-header-cell][data-sort-order='descending'] [data-table-sort-icon] {
-	opacity: 1;
+  opacity: 1;
 }
 
 /* =============================================================================
@@ -3623,12 +3665,12 @@ a[data-card] {
    ============================================================================= */
 
 [data-table-row] {
-	cursor: pointer;
-	transition: background-color 150ms ease;
+  cursor: pointer;
+  transition: background-color 150ms ease;
 }
 
 [data-table-row]:focus {
-	outline: none;
+  outline: none;
 }
 
 /* =============================================================================
@@ -3636,18 +3678,18 @@ a[data-card] {
    ============================================================================= */
 
 [data-table-cell] {
-	vertical-align: middle;
+  vertical-align: middle;
 }
 
 [data-cell-icon] {
-	display: inline-block;
-	vertical-align: middle;
-	margin-right: 0.375rem;
-	flex-shrink: 0;
+  display: inline-block;
+  vertical-align: middle;
+  margin-right: 0.375rem;
+  flex-shrink: 0;
 }
 
 [data-cell-value] {
-	vertical-align: middle;
+  vertical-align: middle;
 }
 
 /* =============================================================================
@@ -3655,9 +3697,9 @@ a[data-card] {
    ============================================================================= */
 
 [data-table-empty] {
-	text-align: center;
-	font-style: italic;
-	opacity: 0.6;
+  text-align: center;
+  font-style: italic;
+  opacity: 0.6;
 }
 
 /* =============================================================================
@@ -3666,42 +3708,42 @@ a[data-card] {
 
 [data-table][data-size='sm'] [data-table-header-cell],
 [data-table][data-size='sm'] [data-table-cell] {
-	padding: 0.25rem 0.5rem;
-	font-size: 0.75rem;
+  padding: 0.25rem 0.5rem;
+  font-size: 0.75rem;
 }
 
 [data-table][data-size='sm'] [data-table-caption] {
-	padding: 0.25rem 0.5rem;
-	font-size: 0.75rem;
+  padding: 0.25rem 0.5rem;
+  font-size: 0.75rem;
 }
 
 [data-table][data-size='md'] [data-table-header-cell],
 [data-table]:not([data-size]) [data-table-header-cell],
 [data-table][data-size='md'] [data-table-cell],
 [data-table]:not([data-size]) [data-table-cell] {
-	padding: 0.5rem 0.75rem;
-	font-size: 0.875rem;
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
 }
 
 [data-table][data-size='md'] [data-table-caption],
 [data-table]:not([data-size]) [data-table-caption] {
-	padding: 0.5rem 0.75rem;
-	font-size: 0.875rem;
+  padding: 0.5rem 0.75rem;
+  font-size: 0.875rem;
 }
 
 [data-table][data-size='lg'] [data-table-header-cell],
 [data-table][data-size='lg'] [data-table-cell] {
-	padding: 0.625rem 1rem;
-	font-size: 1rem;
+  padding: 0.625rem 1rem;
+  font-size: 1rem;
 }
 
 [data-table][data-size='lg'] [data-table-caption] {
-	padding: 0.625rem 1rem;
-	font-size: 1rem;
+  padding: 0.625rem 1rem;
+  font-size: 1rem;
 }
 
 [data-table-empty] {
-	padding: 1.5rem 0.75rem;
+  padding: 1.5rem 0.75rem;
 }
 
 /**
@@ -3716,9 +3758,9 @@ a[data-card] {
    ============================================================================= */
 
 [data-search-filter] {
-	display: flex;
-	flex-direction: column;
-	gap: 0.375rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
 }
 
 /* =============================================================================
@@ -3726,41 +3768,41 @@ a[data-card] {
    ============================================================================= */
 
 [data-search-input-wrapper] {
-	display: flex;
-	align-items: center;
-	position: relative;
+  display: flex;
+  align-items: center;
+  position: relative;
 }
 
 [data-search-input] {
-	width: 100%;
-	box-sizing: border-box;
-	border: 1px solid transparent;
-	border-radius: 0.375rem;
-	outline: none;
-	font-size: inherit;
-	background: transparent;
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid transparent;
+  border-radius: 0.375rem;
+  outline: none;
+  font-size: inherit;
+  background: transparent;
 }
 
 /* Remove native search decoration */
 [data-search-input]::-webkit-search-decoration,
 [data-search-input]::-webkit-search-cancel-button {
-	-webkit-appearance: none;
-	appearance: none;
+  -webkit-appearance: none;
+  appearance: none;
 }
 
 [data-search-clear] {
-	position: absolute;
-	right: 0.375rem;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border: none;
-	background: none;
-	cursor: pointer;
-	font-size: 1.125rem;
-	line-height: 1;
-	padding: 0.125rem 0.25rem;
-	border-radius: 0.25rem;
+  position: absolute;
+  right: 0.375rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-size: 1.125rem;
+  line-height: 1;
+  padding: 0.125rem 0.25rem;
+  border-radius: 0.25rem;
 }
 
 /* =============================================================================
@@ -3768,37 +3810,37 @@ a[data-card] {
    ============================================================================= */
 
 [data-search-tags] {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 0.25rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.25rem;
 }
 
 [data-search-tag] {
-	display: inline-flex;
-	align-items: center;
-	gap: 0.25rem;
-	border-radius: 0.25rem;
-	font-size: 0.75rem;
-	white-space: nowrap;
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  border-radius: 0.25rem;
+  font-size: 0.75rem;
+  white-space: nowrap;
 }
 
 [data-search-tag-text] {
-	max-width: 200px;
-	overflow: hidden;
-	text-overflow: ellipsis;
+  max-width: 200px;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 [data-search-tag-remove] {
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border: none;
-	background: none;
-	cursor: pointer;
-	font-size: 0.875rem;
-	line-height: 1;
-	padding: 0;
-	border-radius: 0.125rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-size: 0.875rem;
+  line-height: 1;
+  padding: 0;
+  border-radius: 0.125rem;
 }
 
 /* =============================================================================
@@ -3806,35 +3848,35 @@ a[data-card] {
    ============================================================================= */
 
 [data-search-filter][data-size='sm'] [data-search-input] {
-	padding: 0.25rem 0.5rem;
-	font-size: 0.75rem;
+  padding: 0.25rem 0.5rem;
+  font-size: 0.75rem;
 }
 
 [data-search-filter][data-size='md'] [data-search-input],
 [data-search-filter]:not([data-size]) [data-search-input] {
-	padding: 0.375rem 0.625rem;
-	font-size: 0.875rem;
+  padding: 0.375rem 0.625rem;
+  font-size: 0.875rem;
 }
 
 [data-search-filter][data-size='lg'] [data-search-input] {
-	padding: 0.5rem 0.75rem;
-	font-size: 1rem;
+  padding: 0.5rem 0.75rem;
+  font-size: 1rem;
 }
 
 [data-search-filter][data-size='sm'] [data-search-tag] {
-	padding: 0.125rem 0.375rem;
-	font-size: 0.625rem;
+  padding: 0.125rem 0.375rem;
+  font-size: 0.625rem;
 }
 
 [data-search-filter][data-size='md'] [data-search-tag],
 [data-search-filter]:not([data-size]) [data-search-tag] {
-	padding: 0.125rem 0.5rem;
-	font-size: 0.75rem;
+  padding: 0.125rem 0.5rem;
+  font-size: 0.75rem;
 }
 
 [data-search-filter][data-size='lg'] [data-search-tag] {
-	padding: 0.25rem 0.5rem;
-	font-size: 0.875rem;
+  padding: 0.25rem 0.5rem;
+  font-size: 0.875rem;
 }
 
 /**
@@ -3849,16 +3891,16 @@ a[data-card] {
    ============================================================================= */
 
 [data-range] {
-	position: relative;
-	display: grid;
-	grid-template-rows: auto auto;
-	height: 2.5rem;
-	user-select: none;
+  position: relative;
+  display: grid;
+  grid-template-rows: auto auto;
+  height: 2.5rem;
+  user-select: none;
 }
 
 [data-range][data-disabled] {
-	pointer-events: none;
-	opacity: 0.5;
+  pointer-events: none;
+  opacity: 0.5;
 }
 
 /* =============================================================================
@@ -3866,27 +3908,27 @@ a[data-card] {
    ============================================================================= */
 
 [data-range-track] {
-	position: relative;
-	display: flex;
-	align-items: center;
-	height: 2rem;
-	cursor: pointer;
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 2rem;
+  cursor: pointer;
 }
 
 [data-range-bar] {
-	position: relative;
-	width: 100%;
-	height: 4px;
-	border-radius: 9999px;
+  position: relative;
+  width: 100%;
+  height: 4px;
+  border-radius: 9999px;
 }
 
 [data-range-selected] {
-	position: absolute;
-	top: 50%;
-	height: 4px;
-	transform: translateY(-50%);
-	border-radius: 9999px;
-	pointer-events: none;
+  position: absolute;
+  top: 50%;
+  height: 4px;
+  transform: translateY(-50%);
+  border-radius: 9999px;
+  pointer-events: none;
 }
 
 /* =============================================================================
@@ -3894,30 +3936,30 @@ a[data-card] {
    ============================================================================= */
 
 [data-range-thumb] {
-	position: absolute;
-	top: 50%;
-	width: 1rem;
-	height: 1rem;
-	border-radius: 9999px;
-	transform: translate(-50%, -50%);
-	cursor: pointer;
-	z-index: 1;
-	border: 2px solid transparent;
-	box-sizing: border-box;
-	transition: box-shadow 150ms ease;
+  position: absolute;
+  top: 50%;
+  width: 1rem;
+  height: 1rem;
+  border-radius: 9999px;
+  transform: translate(-50%, -50%);
+  cursor: pointer;
+  z-index: 1;
+  border: 2px solid transparent;
+  box-sizing: border-box;
+  transition: box-shadow 150ms ease;
 }
 
 [data-range-thumb]:focus {
-	outline: none;
+  outline: none;
 }
 
 [data-range-thumb]:focus-visible {
-	outline: none;
+  outline: none;
 }
 
 [data-range-thumb][data-disabled] {
-	pointer-events: none;
-	cursor: not-allowed;
+  pointer-events: none;
+  cursor: not-allowed;
 }
 
 /* =============================================================================
@@ -3925,38 +3967,38 @@ a[data-card] {
    ============================================================================= */
 
 [data-range-ticks] {
-	display: grid;
-	grid-gap: calc((100% - 1rem * (var(--count) + 1)) / var(--count));
-	grid-template-columns: repeat(var(--count), 1rem) 1rem;
-	grid-template-rows: 7px auto;
+  display: grid;
+  grid-gap: calc((100% - 1rem * (var(--count) + 1)) / var(--count));
+  grid-template-columns: repeat(var(--count), 1rem) 1rem;
+  grid-template-rows: 7px auto;
 }
 
 [data-range-tick] {
-	display: grid;
-	grid-template-columns: repeat(2, 1fr);
-	cursor: pointer;
-	user-select: none;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  cursor: pointer;
+  user-select: none;
 }
 
 [data-range-tick][data-disabled] {
-	pointer-events: none;
-	cursor: not-allowed;
-	opacity: 0.5;
+  pointer-events: none;
+  cursor: not-allowed;
+  opacity: 0.5;
 }
 
 [data-tick-bar] {
-	grid-column-start: 2;
-	height: 5px;
-	border-left-width: 1px;
-	border-left-style: solid;
+  grid-column-start: 2;
+  height: 5px;
+  border-left-width: 1px;
+  border-left-style: solid;
 }
 
 [data-tick-label] {
-	grid-column: span 2;
-	display: flex;
-	justify-content: center;
-	font-size: 0.625rem;
-	line-height: 1.2;
+  grid-column: span 2;
+  display: flex;
+  justify-content: center;
+  font-size: 0.625rem;
+  line-height: 1.2;
 }
 
 /**
@@ -3971,8 +4013,8 @@ a[data-card] {
    ============================================================================= */
 
 [data-timeline] {
-	display: flex;
-	flex-direction: column;
+  display: flex;
+  flex-direction: column;
 }
 
 /* =============================================================================
@@ -3980,9 +4022,9 @@ a[data-card] {
    ============================================================================= */
 
 [data-timeline-item] {
-	display: grid;
-	grid-template-columns: 2.5rem 1fr;
-	gap: 0.75rem;
+  display: grid;
+  grid-template-columns: 2.5rem 1fr;
+  gap: 0.75rem;
 }
 
 /* =============================================================================
@@ -3990,33 +4032,33 @@ a[data-card] {
    ============================================================================= */
 
 [data-timeline-marker] {
-	display: flex;
-	flex-direction: column;
-	align-items: center;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 
 [data-timeline-circle] {
-	width: 2rem;
-	height: 2rem;
-	min-height: 2rem;
-	border-radius: 9999px;
-	border: 2px solid currentColor;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	font-weight: 600;
-	font-size: 0.75rem;
-	transition:
-		background-color 0.2s ease,
-		border-color 0.2s ease,
-		color 0.2s ease;
+  width: 2rem;
+  height: 2rem;
+  min-height: 2rem;
+  border-radius: 9999px;
+  border: 2px solid currentColor;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: 600;
+  font-size: 0.75rem;
+  transition:
+    background-color 0.2s ease,
+    border-color 0.2s ease,
+    color 0.2s ease;
 }
 
 [data-timeline-connector] {
-	width: 2px;
-	flex: 1;
-	min-height: 1.5rem;
-	transition: background-color 0.2s ease;
+  width: 2px;
+  flex: 1;
+  min-height: 1.5rem;
+  transition: background-color 0.2s ease;
 }
 
 /* =============================================================================
@@ -4024,62 +4066,62 @@ a[data-card] {
    ============================================================================= */
 
 [data-timeline-body] {
-	padding-bottom: 1.5rem;
-	min-height: 2rem;
-	display: flex;
-	flex-direction: column;
-	justify-content: flex-start;
-	padding-top: 0.25rem;
+  padding-bottom: 1.5rem;
+  min-height: 2rem;
+  display: flex;
+  flex-direction: column;
+  justify-content: flex-start;
+  padding-top: 0.25rem;
 }
 
 [data-timeline-title] {
-	font-weight: 600;
-	font-size: 0.9375rem;
-	line-height: 1.4;
+  font-weight: 600;
+  font-size: 0.9375rem;
+  line-height: 1.4;
 }
 
 [data-timeline-description] {
-	margin-top: 0.25rem;
-	font-size: 0.8125rem;
-	line-height: 1.5;
+  margin-top: 0.25rem;
+  font-size: 0.8125rem;
+  line-height: 1.5;
 }
 
 /* Reveal — scroll-triggered entry animations */
 
 [data-reveal] {
-	opacity: 0;
-	transition:
-		opacity var(--reveal-duration, 600ms) var(--reveal-easing, cubic-bezier(0.4, 0, 0.2, 1)),
-		translate var(--reveal-duration, 600ms) var(--reveal-easing, cubic-bezier(0.4, 0, 0.2, 1));
+  opacity: 0;
+  transition:
+    opacity var(--reveal-duration, 600ms) var(--reveal-easing, cubic-bezier(0.4, 0, 0.2, 1)),
+    translate var(--reveal-duration, 600ms) var(--reveal-easing, cubic-bezier(0.4, 0, 0.2, 1));
 }
 
 [data-reveal='up'] {
-	translate: 0 var(--reveal-distance, 1.5rem);
+  translate: 0 var(--reveal-distance, 1.5rem);
 }
 [data-reveal='down'] {
-	translate: 0 calc(-1 * var(--reveal-distance, 1.5rem));
+  translate: 0 calc(-1 * var(--reveal-distance, 1.5rem));
 }
 [data-reveal='left'] {
-	translate: var(--reveal-distance, 1.5rem) 0;
+  translate: var(--reveal-distance, 1.5rem) 0;
 }
 [data-reveal='right'] {
-	translate: calc(-1 * var(--reveal-distance, 1.5rem)) 0;
+  translate: calc(-1 * var(--reveal-distance, 1.5rem)) 0;
 }
 [data-reveal='none'] {
-	translate: 0 0;
+  translate: 0 0;
 }
 
 [data-reveal][data-reveal-visible] {
-	opacity: 1;
-	translate: 0 0;
+  opacity: 1;
+  translate: 0 0;
 }
 
 @media (prefers-reduced-motion: reduce) {
-	[data-reveal] {
-		transition-duration: 0ms !important;
-		opacity: 1 !important;
-		translate: 0 !important;
-	}
+  [data-reveal] {
+    transition-duration: 0ms !important;
+    opacity: 1 !important;
+    translate: 0 !important;
+  }
 }
 
 /* Graph paper — minor + major grid background utility
@@ -4109,61 +4151,61 @@ a[data-card] {
  */
 
 [data-graph-paper] {
-	background-image:
-		linear-gradient(
-			var(--graph-paper-color, currentColor) var(--major-grid, 0.5px),
-			transparent var(--major-grid, 0.5px)
-		),
-		linear-gradient(
-			90deg,
-			var(--graph-paper-color, currentColor) var(--major-grid, 0.5px),
-			transparent var(--major-grid, 0.5px)
-		),
-		linear-gradient(
-			var(--graph-paper-color, currentColor) var(--minor-grid, 0.5px),
-			transparent var(--minor-grid, 0.5px)
-		),
-		linear-gradient(
-			90deg,
-			var(--graph-paper-color, currentColor) var(--minor-grid, 0.5px),
-			transparent var(--minor-grid, 0.5px)
-		);
-	background-size:
-		var(--size, calc(5 * var(--unit, 0.5rem))) var(--size, calc(5 * var(--unit, 0.5rem))),
-		var(--size, calc(5 * var(--unit, 0.5rem))) var(--size, calc(5 * var(--unit, 0.5rem))),
-		var(--unit, 0.5rem) var(--unit, 0.5rem),
-		var(--unit, 0.5rem) var(--unit, 0.5rem);
-	background-position:
-		calc(-1 * var(--minor-grid, 0.5px)) calc(-1 * var(--minor-grid, 0.5px)),
-		calc(-1 * var(--minor-grid, 0.5px)) calc(-1 * var(--minor-grid, 0.5px)),
-		calc(-1 * var(--minor-grid, 0.5px)) calc(-1 * var(--minor-grid, 0.5px)),
-		calc(-1 * var(--minor-grid, 0.5px)) calc(-1 * var(--minor-grid, 0.5px));
+  background-image:
+    linear-gradient(
+      var(--graph-paper-color, currentColor) var(--major-grid, 0.5px),
+      transparent var(--major-grid, 0.5px)
+    ),
+    linear-gradient(
+      90deg,
+      var(--graph-paper-color, currentColor) var(--major-grid, 0.5px),
+      transparent var(--major-grid, 0.5px)
+    ),
+    linear-gradient(
+      var(--graph-paper-color, currentColor) var(--minor-grid, 0.5px),
+      transparent var(--minor-grid, 0.5px)
+    ),
+    linear-gradient(
+      90deg,
+      var(--graph-paper-color, currentColor) var(--minor-grid, 0.5px),
+      transparent var(--minor-grid, 0.5px)
+    );
+  background-size:
+    var(--size, calc(5 * var(--unit, 0.5rem))) var(--size, calc(5 * var(--unit, 0.5rem))),
+    var(--size, calc(5 * var(--unit, 0.5rem))) var(--size, calc(5 * var(--unit, 0.5rem))),
+    var(--unit, 0.5rem) var(--unit, 0.5rem),
+    var(--unit, 0.5rem) var(--unit, 0.5rem);
+  background-position:
+    calc(-1 * var(--minor-grid, 0.5px)) calc(-1 * var(--minor-grid, 0.5px)),
+    calc(-1 * var(--minor-grid, 0.5px)) calc(-1 * var(--minor-grid, 0.5px)),
+    calc(-1 * var(--minor-grid, 0.5px)) calc(-1 * var(--minor-grid, 0.5px)),
+    calc(-1 * var(--minor-grid, 0.5px)) calc(-1 * var(--minor-grid, 0.5px));
 }
 
 [data-grid-paper] {
-	background-image:
-		linear-gradient(
-			var(--grid-paper-color, currentColor) var(--grid-line, 0.5px),
-			transparent var(--grid-line, 0.5px)
-		),
-		linear-gradient(
-			90deg,
-			var(--grid-paper-color, currentColor) var(--grid-line, 0.5px),
-			transparent var(--grid-line, 0.5px)
-		);
-	background-size: var(--unit, 0.5rem) var(--unit, 0.5rem);
-	background-position:
-		calc(-1 * var(--grid-line, 0.5px)) calc(-1 * var(--grid-line, 0.5px)),
-		calc(-1 * var(--grid-line, 0.5px)) calc(-1 * var(--grid-line, 0.5px));
+  background-image:
+    linear-gradient(
+      var(--grid-paper-color, currentColor) var(--grid-line, 0.5px),
+      transparent var(--grid-line, 0.5px)
+    ),
+    linear-gradient(
+      90deg,
+      var(--grid-paper-color, currentColor) var(--grid-line, 0.5px),
+      transparent var(--grid-line, 0.5px)
+    );
+  background-size: var(--unit, 0.5rem) var(--unit, 0.5rem);
+  background-position:
+    calc(-1 * var(--grid-line, 0.5px)) calc(-1 * var(--grid-line, 0.5px)),
+    calc(-1 * var(--grid-line, 0.5px)) calc(-1 * var(--grid-line, 0.5px));
 }
 
 [data-ruled-paper] {
-	background-image: linear-gradient(
-		var(--ruled-paper-color, currentColor) var(--rule-size, 0.5px),
-		transparent var(--rule-size, 0.5px)
-	);
-	background-size: 100% var(--unit, 1.5rem);
-	background-position: 0 calc(-1 * var(--rule-size, 0.5px));
+  background-image: linear-gradient(
+    var(--ruled-paper-color, currentColor) var(--rule-size, 0.5px),
+    transparent var(--rule-size, 0.5px)
+  );
+  background-size: 100% var(--unit, 1.5rem);
+  background-position: 0 calc(-1 * var(--rule-size, 0.5px));
 }
 
 /**
@@ -4248,23 +4290,47 @@ a[data-card] {
    ============================================================================= */
 
 @keyframes fn-slide-in-right {
-  from { opacity: 0; transform: translateX(4rem); }
-  to   { opacity: 1; transform: translateX(0); }
+  from {
+    opacity: 0;
+    transform: translateX(4rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
 }
 
 @keyframes fn-slide-in-left {
-  from { opacity: 0; transform: translateX(-4rem); }
-  to   { opacity: 1; transform: translateX(0); }
+  from {
+    opacity: 0;
+    transform: translateX(-4rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
 }
 
 @keyframes fn-slide-in-top {
-  from { opacity: 0; transform: translateY(-4rem); }
-  to   { opacity: 1; transform: translateY(0); }
+  from {
+    opacity: 0;
+    transform: translateY(-4rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 @keyframes fn-slide-in-bottom {
-  from { opacity: 0; transform: translateY(4rem); }
-  to   { opacity: 1; transform: translateY(0); }
+  from {
+    opacity: 0;
+    transform: translateY(4rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
 }
 
 /* =============================================================================