@tempots/beatui 0.83.4 → 0.85.0

package/dist/beatui.tailwind.css

@@ -549,10 +549,7 @@
   --motion-transition-slow: var(--motion-duration-slow);
   --motion-transition-overlay: var(--motion-duration-relaxed);
   --motion-transition-emphasis: var(--motion-duration-fast);
-  --motion-easing-standard: var(--motion-easing-standard);
   --motion-easing-emphasis: var(--motion-easing-emphasized);
-  --motion-easing-entrance: var(--motion-easing-entrance);
-  --motion-easing-exit: var(--motion-easing-exit);
   --spacing-stack-2xs: calc(var(--spacing-base) / 2);
   --spacing-stack-xs: calc(var(--spacing-base) * 1);
   --spacing-stack-sm: calc(var(--spacing-base) * 2);
@@ -574,7 +571,7 @@
 }
 @layer base {
 /* BeatUI theme helpers */
-.b-dark {
+.dark {
   color-scheme: dark;
   --text-normal: var(--text-normal-dark);
   --text-muted: var(--text-muted-dark);
@@ -599,7 +596,7 @@
   background-color: var(--bg-background);
 }
 
-.b-light {
+.light {
   color-scheme: light;
   --text-normal: var(--text-normal-light);
   --text-muted: var(--text-muted-light);
@@ -624,11 +621,11 @@
   background-color: var(--bg-background);
 }
 
-.b-dark *:focus-visible {
+.dark *:focus-visible {
   outline-color: var(--interactive-focus);
 }
 
-.b-light *:focus-visible {
+.light *:focus-visible {
   outline-color: var(--interactive-focus);
 }
 
@@ -698,7 +695,7 @@
 }
 
 /* Dark mode focus styles */
-.b-dark *:focus-visible {
+.dark *:focus-visible {
   outline-color: var(--interactive-focus-dark);
 }
 
@@ -745,7 +742,7 @@ a:focus-visible {
   border-radius: var(--radius-pill, var(--radius-full));
 }
 
-.b-dark .bc-switch:focus-visible .bc-switch__track {
+.dark .bc-switch:focus-visible .bc-switch__track {
   outline-color: var(--interactive-focus-dark);
 }
 
@@ -757,8 +754,8 @@ a:focus-visible {
   border-radius: var(--radius-focus, var(--radius-sm));
 }
 
-.b-dark .bc-checkbox-input__checkbox:focus-visible,
-.b-dark .bc-radio-input__radio:focus-visible {
+.dark .bc-checkbox-input__checkbox:focus-visible,
+.dark .bc-radio-input__radio:focus-visible {
   outline-color: var(--interactive-focus-dark);
 }
 
@@ -896,11 +893,11 @@ a:focus-visible {
     --action-card-border: var(--color-primary-600);
   }
 
-  .b-dark .bc-action-card--active {
+  .dark .bc-action-card--active {
     --action-card-border: var(--color-primary-400);
   }
 
-  .b-dark .bc-action-card--active:hover {
+  .dark .bc-action-card--active:hover {
     --action-card-border: var(--color-primary-300);
   }
 
@@ -1275,7 +1272,7 @@ a:focus-visible {
 }
 
 /* Dark mode */
-.b-dark .bc-auth-container--styled {
+.dark .bc-auth-container--styled {
   background-color: var(--bg-surface);
 }
 
@@ -1311,7 +1308,7 @@ a:focus-visible {
     border: 2px solid var(--border-default);
   }
 
-  .b-dark .bc-auth-container--styled {
+  .dark .bc-auth-container--styled {
     border-color: var(--border-default);
   }
 }
@@ -1340,7 +1337,7 @@ a:focus-visible {
   border-radius: var(--radius-full);
 }
 
-.b-dark .bc-auth-divider__text {
+.dark .bc-auth-divider__text {
   color: var(--color-white);
 }
 
@@ -1428,7 +1425,7 @@ a:focus-visible {
   margin-top: var(--spacing-xs);
 }
 
-.b-dark .bc-auth-form__field-error {
+.dark .bc-auth-form__field-error {
   color: var(--color-danger-400);
 }
 
@@ -1472,11 +1469,11 @@ a:focus-visible {
   outline-offset: 2px;
 }
 
-.b-dark .bc-auth-form__link {
+.dark .bc-auth-form__link {
   color: var(--color-primary-400);
 }
 
-.b-dark .bc-auth-form__link:hover {
+.dark .bc-auth-form__link:hover {
   color: var(--color-primary-300);
   background-color: var(--color-primary-950);
 }
@@ -1538,7 +1535,7 @@ a:focus-visible {
   padding: calc(var(--spacing-base) * 1);
 }
 
-.b-dark .bc-social-login-button__icon {
+.dark .bc-social-login-button__icon {
   background-color: var(--bg-elevated);
 }
 
@@ -1546,7 +1543,7 @@ a:focus-visible {
   color: var(--color-base-900);
 }
 
-.b-dark .bc-social-login-button__icon-inner {
+.dark .bc-social-login-button__icon-inner {
   color: var(--text-normal);
 }
 
@@ -1721,7 +1718,7 @@ a:focus-visible {
   padding-bottom: var(--spacing-sm);
 }
 
-.b-dark .bc-two-factor__methods {
+.dark .bc-two-factor__methods {
   border-bottom-color: var(--color-neutral-700);
 }
 
@@ -1749,12 +1746,12 @@ a:focus-visible {
   border-bottom: 2px solid var(--color-primary-600);
 }
 
-.b-dark .bc-two-factor__method-button:hover {
+.dark .bc-two-factor__method-button:hover {
   color: var(--text-normal);
   background-color: var(--color-neutral-800);
 }
 
-.b-dark .bc-two-factor__method-button--active {
+.dark .bc-two-factor__method-button--active {
   color: var(--color-primary-400);
   border-bottom-color: var(--color-primary-400);
 }
@@ -1778,7 +1775,7 @@ a:focus-visible {
   text-align: center;
 }
 
-.b-dark .bc-two-factor__code-display {
+.dark .bc-two-factor__code-display {
   background-color: var(--color-neutral-800);
 }
 
@@ -1807,7 +1804,7 @@ a:focus-visible {
   text-align: center;
 }
 
-.b-dark .bc-two-factor__backup-codes li {
+.dark .bc-two-factor__backup-codes li {
   background-color: var(--color-neutral-800);
 }
 
@@ -1859,7 +1856,7 @@ a:focus-visible {
   border: 1px solid var(--color-neutral-200);
 }
 
-.b-dark .bc-passkey-item {
+.dark .bc-passkey-item {
   background-color: var(--color-neutral-900);
   border-color: var(--color-neutral-700);
 }
@@ -2044,18 +2041,18 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-avatar {
+.dark .bc-avatar {
   background-color: var(--avatar-bg-dark);
   color: var(--avatar-text-dark);
 }
 
-.b-dark .bc-avatar--bordered {
+.dark .bc-avatar--bordered {
   border-color: var(--bg-background-dark, var(--color-base-950));
   box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
 }
 
-.b-dark .bc-avatar-group--spacing-tight > .bc-avatar,
-.b-dark .bc-avatar-group--spacing-tight > .bc-avatar-group__overflow {
+.dark .bc-avatar-group--spacing-tight > .bc-avatar,
+.dark .bc-avatar-group--spacing-tight > .bc-avatar-group__overflow {
   border-color: var(--bg-background-dark, var(--color-base-950));
 }
 
@@ -2228,13 +2225,13 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-badge {
+.dark .bc-badge {
   background-color: var(--badge-bg-dark);
   color: var(--badge-text-dark);
   border-color: var(--badge-border-dark);
 }
 
-.b-dark .bc-badge:hover {
+.dark .bc-badge:hover {
   background-color: var(--badge-bg-hover-dark);
   color: var(--badge-text-hover-dark);
 }
@@ -2371,25 +2368,25 @@ a:focus-visible {
 }
 
 /* Dark mode */
-.b-dark .bc-block-command-palette {
+.dark .bc-block-command-palette {
   background: var(--color-base-800);
   border-color: var(--color-base-700);
 }
 
-.b-dark .bc-block-command-palette__search {
+.dark .bc-block-command-palette__search {
   border-color: var(--color-base-700);
 }
 
-.b-dark .bc-block-command-palette__search-input {
+.dark .bc-block-command-palette__search-input {
   color: var(--color-base-100);
 }
 
-.b-dark .bc-block-command-palette__item:hover,
-.b-dark .bc-block-command-palette__item--selected {
+.dark .bc-block-command-palette__item:hover,
+.dark .bc-block-command-palette__item--selected {
   background: var(--color-base-700);
 }
 
-.b-dark .bc-block-command-palette__item-label {
+.dark .bc-block-command-palette__item-label {
   color: var(--color-base-100);
 }
 
@@ -2456,8 +2453,8 @@ a:focus-visible {
   outline-offset: 2px;
 }
 
-.b-dark .bc-breadcrumbs__link:focus-visible,
-.b-dark .bc-breadcrumbs__button:focus-visible {
+.dark .bc-breadcrumbs__link:focus-visible,
+.dark .bc-breadcrumbs__button:focus-visible {
   outline-color: var(--color-primary-400);
 }
 
@@ -2602,6 +2599,11 @@ a:focus-visible {
   opacity: 0.5;
 }
 
+.bc-button--loading .bc-icon {
+  width: 1em;
+  height: 1em;
+}
+
 .bc-button--size-xs {
   font-size: var(--font-size-xs);
 }
@@ -2623,7 +2625,7 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-button {
+.dark .bc-button {
   background-color: var(--button-bg-dark);
   color: var(--button-text-dark);
   border-color: var(--button-border-dark);
@@ -2633,7 +2635,7 @@ a:focus-visible {
   );
 }
 
-.b-dark .bc-button:hover:not(:disabled) {
+.dark .bc-button:hover:not(:disabled) {
   background-color: var(--button-bg-hover-dark);
   color: var(--button-text-hover-dark);
 }
@@ -2731,7 +2733,7 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-card--elevated {
+.dark .bc-card--elevated {
   --card-bg: var(--bg-elevated);
 }
 
@@ -2836,25 +2838,25 @@ a:focus-visible {
   user-select: none;
 }
 
-.b-dark .bc-checkbox-input__checkbox {
+.dark .bc-checkbox-input__checkbox {
   color: var(--color-base-500);
 }
 
-.b-dark .bc-checkbox-input__checkbox--checked {
+.dark .bc-checkbox-input__checkbox--checked {
   color: var(--color-primary-400);
 }
 
-.b-dark .bc-checkbox-input__checkbox--unchecked {
+.dark .bc-checkbox-input__checkbox--unchecked {
   color: var(--color-base-500);
 }
 
-.b-dark .bc-checkbox-input__checkbox:focus-visible,
-.b-dark .bc-checkbox-input:focus-within .bc-checkbox-input__checkbox {
+.dark .bc-checkbox-input__checkbox:focus-visible,
+.dark .bc-checkbox-input:focus-within .bc-checkbox-input__checkbox {
   outline: 2px solid var(--interactive-focus);
   outline-offset: 2px;
 }
 
-.b-dark .bc-checkbox-input__label {
+.dark .bc-checkbox-input__label {
   color: var(--text-normal);
 }
 
@@ -3008,9 +3010,7 @@ a:focus-visible {
 }
 
 /* Dark mode */
-.b-dark
-  .bc-input-container--error
-  .bc-color-swatch-input__control:focus-within {
+.dark .bc-input-container--error .bc-color-swatch-input__control:focus-within {
   outline: 2px solid var(--color-danger-400);
 }
 
@@ -3164,6 +3164,12 @@ a:focus-visible {
   border-bottom: 1px solid var(--color-gray-300);
 }
 
+/* Dark mode */
+.dark .bc-dropdown__search-input {
+  background-color: var(--color-base-800);
+  border-bottom-color: var(--color-base-600);
+}
+
 /* Dropdown Component */
 .bc-dropdown {
   position: relative;
@@ -3302,31 +3308,31 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-dropdown__listbox {
+.dark .bc-dropdown__listbox {
   background-color: var(--bg-surface);
   border-color: var(--border-default);
   color: var(--text-normal);
 }
 
-.b-dark .bc-dropdown__option {
+.dark .bc-dropdown__option {
   color: var(--text-normal);
 }
 
-.b-dark .bc-dropdown__option:hover {
+.dark .bc-dropdown__option:hover {
   background-color: var(--interactive-hover);
 }
 
-.b-dark .bc-dropdown__option--focused {
+.dark .bc-dropdown__option--focused {
   background-color: var(--color-primary-900);
   color: var(--color-primary-100);
 }
 
-.b-dark .bc-dropdown__option--selected {
+.dark .bc-dropdown__option--selected {
   background-color: var(--color-primary-500);
   color: var(--color-white);
 }
 
-.b-dark .bc-dropdown__separator {
+.dark .bc-dropdown__separator {
   border-color: var(--border-divider);
 }
 
@@ -3543,19 +3549,19 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-control-input-wrapper__label-text--default {
+.dark .bc-control-input-wrapper__label-text--default {
   color: var(--text-normal);
 }
 
-.b-dark .bc-control-input-wrapper__label-text--error {
+.dark .bc-control-input-wrapper__label-text--error {
   color: var(--color-danger-300);
 }
 
-.b-dark .bc-control-input-wrapper__required {
+.dark .bc-control-input-wrapper__required {
   color: var(--color-danger-400);
 }
 
-.b-dark .bc-control-input-wrapper__error {
+.dark .bc-control-input-wrapper__error {
   color: var(--color-danger-400);
 }
 
@@ -3718,11 +3724,11 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-divider--labeled.bc-divider--tone-subtle .bc-divider__label {
+.dark .bc-divider--labeled.bc-divider--tone-subtle .bc-divider__label {
   color: var(--color-base-500);
 }
 
-.b-dark .bc-divider--labeled.bc-divider--tone-strong .bc-divider__label {
+.dark .bc-divider--labeled.bc-divider--tone-strong .bc-divider__label {
   color: var(--text-normal);
 }
 
@@ -4028,18 +4034,18 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-drawer {
+.dark .bc-drawer {
   background-color: var(--bg-surface);
   color: var(--text-normal);
   border: 1px solid var(--border-default);
 }
 
-.b-dark .bc-drawer__header {
+.dark .bc-drawer__header {
   border-bottom: 1px solid var(--border-divider);
   background-color: var(--bg-elevated);
 }
 
-.b-dark .bc-drawer__footer {
+.dark .bc-drawer__footer {
   border-top: 1px solid var(--border-divider);
   background-color: var(--bg-elevated);
 }
@@ -4168,21 +4174,21 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-editable-text {
+.dark .bc-editable-text {
   border-bottom-color: var(--border-default);
   color: var(--text-normal);
 }
 
-.b-dark .bc-editable-text__edit-button {
+.dark .bc-editable-text__edit-button {
   color: var(--color-yellow-400);
 }
 
-.b-dark .bc-editable-text__edit-button:hover {
+.dark .bc-editable-text__edit-button:hover {
   background-color: var(--interactive-hover);
   color: var(--color-yellow-300);
 }
 
-.b-dark .bc-editable-text__edit-button:active {
+.dark .bc-editable-text__edit-button:active {
   background-color: var(--interactive-active);
 }
 
@@ -4825,6 +4831,218 @@ a:focus-visible {
   opacity: 0.6;
 }
 
+/* Dark mode */
+.dark .bc-file-input__drop-zone {
+  border-color: var(--color-base-600);
+}
+
+.dark .bc-file-input__drop-zone:hover {
+  border-color: var(--color-primary-400);
+  background-color: color-mix(
+    in srgb,
+    var(--color-primary-500) 10%,
+    transparent
+  );
+}
+
+.dark .bc-file-input__drop-zone-content--empty {
+  color: var(--color-base-400);
+}
+
+.dark .bc-file-input__drop-zone-content--drag-over {
+  color: var(--color-primary-300);
+  background-color: color-mix(
+    in srgb,
+    var(--color-primary-500) 10%,
+    transparent
+  );
+}
+
+.dark .bc-file-input__drop-zone-content--has-files {
+  color: var(--color-base-400);
+}
+
+.dark .bc-file-input__file-list {
+  border-top-color: var(--color-base-700);
+}
+
+.dark .bc-file-input__file-item {
+  border-color: var(--color-base-700);
+  background-color: var(--bg-surface);
+}
+
+.dark .bc-file-input__file-item:hover {
+  border-color: var(--color-base-600);
+}
+
+.dark .bc-file-input__file-name {
+  color: var(--text-normal);
+}
+
+.dark .bc-file-input__file-meta {
+  color: var(--color-base-400);
+}
+
+.dark .bc-file-input__thumbnail-container {
+  background-color: var(--color-base-800);
+}
+
+.dark .bc-file-input__remove-button {
+  color: var(--color-base-500);
+}
+
+.dark .bc-file-input__remove-button:hover {
+  background-color: color-mix(
+    in srgb,
+    var(--color-danger-500) 15%,
+    transparent
+  );
+  color: var(--color-danger-400);
+}
+
+.dark .bc-file-input__clear-all-button {
+  border-color: var(--color-base-600);
+  background-color: var(--bg-surface);
+  color: var(--color-base-400);
+}
+
+.dark .bc-file-input__clear-all-button:hover {
+  border-color: var(--color-danger-600);
+  background-color: color-mix(
+    in srgb,
+    var(--color-danger-500) 15%,
+    transparent
+  );
+  color: var(--color-danger-400);
+}
+
+.dark .bc-base-input-container--error .bc-file-input__drop-zone {
+  border-color: var(--color-danger-600);
+}
+
+.dark .bc-base-input-container--error .bc-file-input__drop-zone:hover {
+  border-color: var(--color-danger-500);
+  background-color: color-mix(
+    in srgb,
+    var(--color-danger-500) 10%,
+    transparent
+  );
+}
+
+.dark .bc-base-input-container--disabled .bc-file-input__drop-zone {
+  border-color: var(--color-base-700);
+  background-color: var(--color-base-800);
+}
+
+.dark .bc-base-input-container--disabled .bc-file-input__drop-zone:hover {
+  border-color: var(--color-base-700);
+  background-color: var(--color-base-800);
+}
+
+.dark .bc-base-input-container--disabled .bc-file-input__drop-zone-content {
+  color: var(--color-base-600);
+}
+
+.dark .bc-file-input__compact-placeholder {
+  color: var(--color-base-400);
+}
+
+.dark .bc-file-input__compact-value {
+  color: var(--text-normal);
+}
+
+.dark .bc-file-input__compact-value-item {
+  background-color: var(--color-base-800);
+}
+
+.dark .bc-file-input__compact-clear {
+  color: var(--color-base-500);
+}
+
+.dark .bc-file-input__compact-clear:hover {
+  background-color: color-mix(
+    in srgb,
+    var(--color-danger-500) 15%,
+    transparent
+  );
+  color: var(--color-danger-400);
+}
+
+.dark .bc-file-input__compact-preview {
+  background-color: var(--color-base-800);
+}
+
+.dark .bc-file-input__compact-drop-zone {
+  border-color: var(--color-base-600);
+}
+
+.dark .bc-file-input__compact-drop-zone:hover {
+  border-color: var(--color-primary-400);
+  background-color: color-mix(
+    in srgb,
+    var(--color-primary-500) 10%,
+    transparent
+  );
+}
+
+.dark .bc-file-input__compact-drop-zone .bc-file-input__compact-placeholder {
+  color: var(--color-base-400);
+}
+
+.dark .bc-file-input__compact-file-item {
+  background-color: var(--color-base-800);
+}
+
+.dark .bc-file-input__compact-file-item:hover {
+  background-color: var(--color-base-700);
+}
+
+.dark .bc-file-input__compact-file-name {
+  color: var(--text-normal);
+}
+
+.dark .bc-file-input__compact-file-meta {
+  color: var(--color-base-400);
+}
+
+.dark .bc-file-input__compact-remove-button {
+  color: var(--color-base-500);
+}
+
+.dark .bc-file-input__compact-remove-button:hover {
+  background-color: color-mix(
+    in srgb,
+    var(--color-danger-500) 15%,
+    transparent
+  );
+  color: var(--color-danger-400);
+}
+
+.dark .bc-base-input-container--error .bc-file-input__compact-drop-zone {
+  border-color: var(--color-danger-600);
+}
+
+.dark .bc-base-input-container--error .bc-file-input__compact-drop-zone:hover {
+  border-color: var(--color-danger-500);
+  background-color: color-mix(
+    in srgb,
+    var(--color-danger-500) 10%,
+    transparent
+  );
+}
+
+.dark .bc-base-input-container--disabled .bc-file-input__compact-drop-zone {
+  border-color: var(--color-base-700);
+  background-color: var(--color-base-800);
+}
+
+.dark
+  .bc-base-input-container--disabled
+  .bc-file-input__compact-drop-zone:hover {
+  border-color: var(--color-base-700);
+  background-color: var(--color-base-800);
+}
+
 .bc-flyout-container {
   z-index: var(--z-index-popover);
 }
@@ -4866,6 +5084,12 @@ a:focus-visible {
   pointer-events: auto;
 }
 
+/* Dark mode */
+.dark .bc-flyout {
+  background-color: var(--color-base-800);
+  border-color: var(--color-base-700);
+}
+
 .bc-group {
   display: flex;
   flex-direction: row;
@@ -5092,30 +5316,30 @@ a:focus-visible {
 }
 
 /* Dark mode */
-.b-dark .bc-history-timeline__filter {
+.dark .bc-history-timeline__filter {
   border-color: var(--color-base-600);
   color: var(--color-base-400);
 }
 
-.b-dark .bc-history-timeline__filter:hover {
+.dark .bc-history-timeline__filter:hover {
   background: var(--color-base-700);
 }
 
-.b-dark .bc-history-timeline__filter--active {
+.dark .bc-history-timeline__filter--active {
   background: rgba(37, 99, 235, 0.15);
   border-color: var(--color-primary-600);
   color: var(--color-primary-300);
 }
 
-.b-dark .bc-history-timeline__line::after {
+.dark .bc-history-timeline__line::after {
   background: var(--color-base-700);
 }
 
-.b-dark .bc-history-timeline__target {
+.dark .bc-history-timeline__target {
   color: var(--color-base-100);
 }
 
-.b-dark .bc-history-timeline__avatar {
+.dark .bc-history-timeline__avatar {
   background: var(--color-primary-800);
   color: var(--color-primary-200);
 }
@@ -5130,7 +5354,7 @@ a:focus-visible {
   color: var(--icon-color, currentColor);
 }
 
-.b-dark .bc-icon {
+.dark .bc-icon {
   color: var(--icon-color-dark, var(--icon-color, currentColor));
 }
 
@@ -5246,7 +5470,7 @@ a:focus-visible {
 }
 
 /* Dark mode */
-.b-dark .bc-input-adornment--filled {
+.dark .bc-input-adornment--filled {
   background-color: var(--bg-subtle);
 }
 
@@ -5434,58 +5658,58 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-input-container--default {
+.dark .bc-input-container--default {
   background-color: var(--bg-surface);
   color: var(--text-normal);
   outline: 2px solid var(--border-default);
 }
 
-.b-dark .bc-input-container--default:focus-within {
+.dark .bc-input-container--default:focus-within {
   outline: 2px solid var(--interactive-focus);
   background-color: var(--bg-elevated);
 }
 
-.b-dark .bc-input-container::placeholder,
-.b-dark .bc-base-input-container::placeholder {
+.dark .bc-input-container::placeholder,
+.dark .bc-base-input-container::placeholder {
   color: var(--color-gray-500);
 }
 
-.b-dark .bc-input-container--disabled {
+.dark .bc-input-container--disabled {
   background-color: var(--bg-subtle);
   outline: 2px solid var(--border-divider);
   opacity: 0.6;
 }
 
-.b-dark .bc-input-container--error {
+.dark .bc-input-container--error {
   outline: 2px solid var(--color-danger-400);
   background-color: var(--color-danger-950);
 }
 
-.b-dark .bc-input-container--error:focus-within {
+.dark .bc-input-container--error:focus-within {
   outline: 2px solid var(--color-danger-400);
   background-color: var(--color-danger-900);
 }
 
-.b-dark .bc-input-container__password-toggle {
+.dark .bc-input-container__password-toggle {
   fill: var(--text-muted);
 }
 
-.b-dark .bc-input-container__password-toggle:hover {
+.dark .bc-input-container__password-toggle:hover {
   background-color: var(--interactive-hover);
   fill: var(--text-normal);
 }
 
 /* Dark mode for nullable reset */
-.b-dark .bc-input-container__reset {
+.dark .bc-input-container__reset {
   fill: var(--text-muted);
 }
 
-.b-dark .bc-input-container__reset:hover:not(:disabled) {
+.dark .bc-input-container__reset:hover:not(:disabled) {
   background-color: var(--interactive-hover);
   fill: var(--text-normal);
 }
 
-.b-dark .bc-input-container__reset:disabled {
+.dark .bc-input-container__reset:disabled {
   opacity: 0.3;
 }
 
@@ -5632,19 +5856,19 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-input-wrapper__label-text--default {
+.dark .bc-input-wrapper__label-text--default {
   color: var(--text-normal);
 }
 
-.b-dark .bc-input-wrapper__label-text--error {
+.dark .bc-input-wrapper__label-text--error {
   color: var(--color-danger-300);
 }
 
-.b-dark .bc-input-wrapper__required {
+.dark .bc-input-wrapper__required {
   color: var(--color-danger-400);
 }
 
-.b-dark .bc-input-wrapper__error {
+.dark .bc-input-wrapper__error {
   color: var(--color-danger-400);
 }
 
@@ -5653,6 +5877,10 @@ a:focus-visible {
   padding-inline-start: calc(var(--spacing-base) * 2);
 }
 
+.dark .bc-json-schema-object {
+  border-left-color: var(--color-base-700);
+}
+
 .bc-schema-grid {
   display: grid;
 }
@@ -5796,7 +6024,7 @@ a:focus-visible {
   color: var(--color-neutral-700);
 }
 
-.b-dark .bc-array-control__item-label {
+.dark .bc-array-control__item-label {
   color: var(--color-neutral-200);
 }
 
@@ -5813,11 +6041,11 @@ a:focus-visible {
   color: var(--color-success-600);
 }
 
-.b-dark .bc-array-control__indicator--error {
+.dark .bc-array-control__indicator--error {
   color: var(--color-danger-400);
 }
 
-.b-dark .bc-array-control__indicator--success {
+.dark .bc-array-control__indicator--success {
   color: var(--color-success-400);
 }
 
@@ -5834,11 +6062,11 @@ a:focus-visible {
   font-weight: var(--font-weight-medium);
 }
 
-.b-dark .bc-array-control__summary--success {
+.dark .bc-array-control__summary--success {
   color: var(--color-success-300);
 }
 
-.b-dark .bc-array-control__summary--error {
+.dark .bc-array-control__summary--error {
   color: var(--color-danger-300);
 }
 
@@ -5863,7 +6091,7 @@ a:focus-visible {
   flex-shrink: 1;
 }
 
-.b-dark .bc-object-helpers__error {
+.dark .bc-object-helpers__error {
   color: var(--color-danger-400);
 }
 
@@ -5872,7 +6100,7 @@ a:focus-visible {
   font-size: var(--font-size-sm);
 }
 
-.b-dark .bc-json-schema-form__error {
+.dark .bc-json-schema-form__error {
   color: var(--color-danger-400);
 }
 
@@ -5925,7 +6153,7 @@ a:focus-visible {
   color: var(--color-neutral-500);
 }
 
-.b-dark .bc-json-schema-display__label {
+.dark .bc-json-schema-display__label {
   color: var(--color-neutral-400);
 }
 
@@ -5935,7 +6163,7 @@ a:focus-visible {
   font-weight: var(--font-weight-bold);
 }
 
-.b-dark .bc-json-schema-display__required {
+.dark .bc-json-schema-display__required {
   color: var(--color-danger-400);
 }
 
@@ -5948,7 +6176,7 @@ a:focus-visible {
   font-weight: var(--font-weight-medium);
 }
 
-.b-dark .bc-json-schema-display__deprecated {
+.dark .bc-json-schema-display__deprecated {
   color: var(--color-warning-300);
   background-color: var(--color-warning-900);
 }
@@ -5964,7 +6192,7 @@ a:focus-visible {
   color: var(--color-neutral-900);
 }
 
-.b-dark .bc-json-schema-display__value {
+.dark .bc-json-schema-display__value {
   color: var(--color-neutral-100);
 }
 
@@ -5974,7 +6202,7 @@ a:focus-visible {
   font-style: italic;
 }
 
-.b-dark .bc-json-schema-display__value--null {
+.dark .bc-json-schema-display__value--null {
   color: var(--color-neutral-500);
 }
 
@@ -5984,7 +6212,7 @@ a:focus-visible {
   font-style: italic;
 }
 
-.b-dark .bc-json-schema-display__value--missing {
+.dark .bc-json-schema-display__value--missing {
   color: var(--color-danger-400);
 }
 
@@ -5994,7 +6222,7 @@ a:focus-visible {
   margin-left: calc(var(--spacing-base) * 1);
 }
 
-.b-dark .bc-json-schema-display__value-context {
+.dark .bc-json-schema-display__value-context {
   color: var(--color-neutral-500);
 }
 
@@ -6009,11 +6237,11 @@ a:focus-visible {
   color: var(--color-primary-700);
 }
 
-.b-dark .bc-json-schema-display__link {
+.dark .bc-json-schema-display__link {
   color: var(--color-primary-400);
 }
 
-.b-dark .bc-json-schema-display__link:hover {
+.dark .bc-json-schema-display__link:hover {
   color: var(--color-primary-300);
 }
 
@@ -6033,7 +6261,7 @@ a:focus-visible {
   vertical-align: middle;
 }
 
-.b-dark .bc-json-schema-display__color-swatch {
+.dark .bc-json-schema-display__color-swatch {
   border-color: var(--color-neutral-600);
 }
 
@@ -6057,7 +6285,7 @@ a:focus-visible {
   overflow-x: auto;
 }
 
-.b-dark .bc-json-schema-display__pre {
+.dark .bc-json-schema-display__pre {
   background-color: var(--color-neutral-800);
   border-color: var(--color-neutral-700);
 }
@@ -6082,12 +6310,12 @@ a:focus-visible {
   background-color: var(--color-danger-100);
 }
 
-.b-dark .bc-json-schema-display__boolean--true {
+.dark .bc-json-schema-display__boolean--true {
   color: var(--color-success-300);
   background-color: var(--color-success-900);
 }
 
-.b-dark .bc-json-schema-display__boolean--false {
+.dark .bc-json-schema-display__boolean--false {
   color: var(--color-danger-300);
   background-color: var(--color-danger-900);
 }
@@ -6098,7 +6326,7 @@ a:focus-visible {
   padding-inline-start: calc(var(--spacing-base) * 2);
 }
 
-.b-dark .bc-json-schema-display__object {
+.dark .bc-json-schema-display__object {
   border-left-color: var(--color-neutral-700);
 }
 
@@ -6109,7 +6337,7 @@ a:focus-visible {
   padding-inline-start: calc(var(--spacing-base) * 2);
 }
 
-.b-dark .bc-json-schema-display__extra-property {
+.dark .bc-json-schema-display__extra-property {
   border-left-color: var(--color-warning-600);
 }
 
@@ -6140,7 +6368,7 @@ a:focus-visible {
   flex-shrink: 0;
 }
 
-.b-dark .bc-json-schema-display__array-index {
+.dark .bc-json-schema-display__array-index {
   color: var(--color-neutral-500);
 }
 
@@ -6150,7 +6378,7 @@ a:focus-visible {
   font-style: italic;
 }
 
-.b-dark .bc-json-schema-display__empty {
+.dark .bc-json-schema-display__empty {
   color: var(--color-neutral-500);
 }
 
@@ -6166,7 +6394,7 @@ a:focus-visible {
   margin-bottom: calc(var(--spacing-base) * 1);
 }
 
-.b-dark .bc-json-schema-display__branch-label {
+.dark .bc-json-schema-display__branch-label {
   color: var(--color-primary-300);
   background-color: var(--color-primary-900);
 }
@@ -6176,7 +6404,7 @@ a:focus-visible {
   background-color: var(--color-warning-100);
 }
 
-.b-dark .bc-json-schema-display__branch-label--ambiguous {
+.dark .bc-json-schema-display__branch-label--ambiguous {
   color: var(--color-warning-300);
   background-color: var(--color-warning-900);
 }
@@ -6186,7 +6414,7 @@ a:focus-visible {
   background-color: var(--color-danger-100);
 }
 
-.b-dark .bc-json-schema-display__branch-label--no-match {
+.dark .bc-json-schema-display__branch-label--no-match {
   color: var(--color-danger-300);
   background-color: var(--color-danger-900);
 }
@@ -6243,25 +6471,25 @@ a:focus-visible {
   margin-left: calc(var(--spacing-base) * 1);
 }
 
-.b-dark .bc-json-schema-display__mismatch--type-mismatch,
-.b-dark .bc-json-schema-display__mismatch--missing-required {
+.dark .bc-json-schema-display__mismatch--type-mismatch,
+.dark .bc-json-schema-display__mismatch--missing-required {
   color: var(--color-danger-300);
   background-color: var(--color-danger-900);
 }
 
-.b-dark .bc-json-schema-display__mismatch--extra-property,
-.b-dark .bc-json-schema-display__mismatch--enum-mismatch,
-.b-dark .bc-json-schema-display__mismatch--const-mismatch {
+.dark .bc-json-schema-display__mismatch--extra-property,
+.dark .bc-json-schema-display__mismatch--enum-mismatch,
+.dark .bc-json-schema-display__mismatch--const-mismatch {
   color: var(--color-warning-300);
   background-color: var(--color-warning-900);
 }
 
-.b-dark .bc-json-schema-display__mismatch--constraint-violation {
+.dark .bc-json-schema-display__mismatch--constraint-violation {
   color: var(--color-danger-300);
   background-color: var(--color-danger-900);
 }
 
-.b-dark .bc-json-schema-display__mismatch-indicator {
+.dark .bc-json-schema-display__mismatch-indicator {
   color: var(--color-danger-400);
 }
 
@@ -6666,6 +6894,76 @@ a:focus-visible {
   color: var(--color-warning-700);
 }
 
+/* Dark mode */
+.dark .bc-json-structure-object {
+  border-left-color: var(--color-base-700);
+}
+
+.dark .bc-json-structure-additional-property {
+  border-color: var(--color-base-700);
+  background: var(--color-base-800);
+}
+
+.dark .bc-json-structure-map-entry-key {
+  color: var(--color-base-300);
+}
+
+.dark .bc-json-structure-tuple-label {
+  color: var(--color-base-300);
+}
+
+.dark .bc-json-structure-tuple-description {
+  color: var(--color-base-400);
+}
+
+.dark .bc-json-structure-tuple-element-header {
+  color: var(--color-base-400);
+}
+
+.dark .bc-json-structure-tuple-position {
+  color: var(--color-base-400);
+}
+
+.dark .bc-json-structure-description {
+  color: var(--color-base-400);
+}
+
+.dark .bc-json-structure-deprecated::before {
+  color: var(--color-warning-400);
+  background: color-mix(in srgb, var(--color-warning-500) 15%, transparent);
+}
+
+.dark .bc-json-structure-deprecated-badge {
+  color: var(--color-warning-300);
+  background: color-mix(in srgb, var(--color-warning-500) 15%, transparent);
+}
+
+.dark .bc-json-structure-const {
+  background: var(--color-base-800);
+  color: var(--color-base-300);
+}
+
+.dark .bc-json-structure-readonly input,
+.dark .bc-json-structure-readonly select,
+.dark .bc-json-structure-readonly textarea {
+  background: var(--color-base-800);
+}
+
+.dark .bc-json-structure-placeholder {
+  border-color: var(--color-base-600);
+  background: var(--color-base-800);
+}
+
+.dark .bc-json-structure-placeholder > span:first-child {
+  color: var(--color-base-500);
+}
+
+.dark .bc-json-structure-unknown {
+  border-color: var(--color-warning-700);
+  background: color-mix(in srgb, var(--color-warning-500) 10%, transparent);
+  color: var(--color-warning-300);
+}
+
 /* Kbd (Keyboard Key) Component */
 .bc-kbd {
   display: inline-flex;
@@ -6675,13 +6973,10 @@ a:focus-visible {
   font-weight: var(--font-weight-medium);
   line-height: 1;
   border-radius: var(--radius-xs);
-  background-color: var(--bg-subtle);
+  background-color: var(--bg-surface);
   color: var(--text-muted);
-  border: 1px solid var(--border-muted);
-  /* box-shadow:
-    0 1px 0 0 var(--border-default),
-    0 2px 3px 0 rgba(0, 0, 0, 0.08),
-    0 1px 2px 0 rgba(0, 0, 0, 0.06); */
+  border: 1px solid var(--border-subtle);
+  box-shadow: rgb(229, 229, 229) 0px 1px 0px;
   white-space: nowrap;
   vertical-align: middle;
   transition:
@@ -6709,7 +7004,7 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-kbd {
+.dark .bc-kbd {
   border-color: var(--border-default);
   box-shadow:
     0 1px 0 0 var(--border-default),
@@ -6758,11 +7053,11 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-label {
+.dark .bc-label {
   color: var(--text-normal);
 }
 
-.b-dark .bc-label--danger {
+.dark .bc-label--danger {
   color: var(--color-danger-400);
 }
 
@@ -7031,7 +7326,7 @@ a:focus-visible {
     border-radius: var(--radius-xs, 0.25rem);
   }
 
-  .b-dark .bc-lexical-code {
+  .dark .bc-lexical-code {
     background-color: var(--color-neutral-800);
     color: var(--color-neutral-200);
   }
@@ -7080,71 +7375,71 @@ a:focus-visible {
     color: var(--color-neutral-500);
   }
 
-  .b-dark .bc-lexical-li-checked::before {
+  .dark .bc-lexical-li-checked::before {
     background-color: var(--color-primary-400);
     border-color: var(--color-primary-400);
   }
 
-  .b-dark .bc-lexical-li-unchecked::before {
+  .dark .bc-lexical-li-unchecked::before {
     border-color: var(--color-neutral-600);
   }
 
   /* Dark mode styles */
-  .b-dark .bc-lexical-editor-container {
+  .dark .bc-lexical-editor-container {
     background-color: var(--color-neutral-800);
     border-color: var(--color-neutral-700);
   }
 
-  .b-dark .bc-lexical-editor {
+  .dark .bc-lexical-editor {
     background-color: var(--bg-surface);
     color: var(--text-normal);
   }
 
-  .b-dark .bc-lexical-editor-container:focus-within {
+  .dark .bc-lexical-editor-container:focus-within {
     border-color: var(--color-primary-400);
     box-shadow: 0 0 0 2px var(--color-primary-900);
   }
 
-  .b-dark .bc-lexical-editor-container--error {
+  .dark .bc-lexical-editor-container--error {
     border-color: var(--color-danger-400);
   }
 
-  .b-dark .bc-lexical-editor-container--error:focus-within {
+  .dark .bc-lexical-editor-container--error:focus-within {
     border-color: var(--color-danger-400);
     box-shadow: 0 0 0 2px var(--color-danger-900);
   }
 
-  .b-dark .bc-lexical-editor--readonly {
+  .dark .bc-lexical-editor--readonly {
     background-color: var(--color-neutral-900);
   }
 
-  .b-dark .bc-lexical-editor [data-lexical-placeholder] {
+  .dark .bc-lexical-editor [data-lexical-placeholder] {
     color: var(--color-neutral-500);
   }
 
-  .b-dark .bc-lexical-editor blockquote {
+  .dark .bc-lexical-editor blockquote {
     border-left-color: var(--color-neutral-600);
   }
 
-  .b-dark .bc-lexical-editor code {
+  .dark .bc-lexical-editor code {
     background-color: var(--color-neutral-800);
     color: var(--color-neutral-200);
   }
 
-  .b-dark .bc-lexical-editor pre {
+  .dark .bc-lexical-editor pre {
     background-color: var(--color-neutral-900);
     border-color: var(--color-neutral-700);
   }
 
-  .b-dark .bc-lexical-editor a {
+  .dark .bc-lexical-editor a {
     color: var(--color-primary-400);
   }
 
-  .b-dark .bc-lexical-editor a:hover {
+  .dark .bc-lexical-editor a:hover {
     color: var(--color-primary-300);
   }
 
-  .b-dark .bc-lexical-editor hr {
+  .dark .bc-lexical-editor hr {
     border-top-color: var(--color-neutral-700);
   }
 
@@ -7217,7 +7512,7 @@ a:focus-visible {
       box-shadow: 0 0 0 3px var(--color-primary-100);
     }
 
-    .b-dark .bc-lexical-editor-container:focus-within {
+    .dark .bc-lexical-editor-container:focus-within {
       box-shadow: 0 0 0 3px var(--color-primary-900);
     }
   }
@@ -7236,7 +7531,7 @@ a:focus-visible {
     flex-wrap: wrap;
   }
 
-  .b-dark .bc-lexical-toolbar {
+  .dark .bc-lexical-toolbar {
     background-color: var(--color-neutral-800);
   }
 
@@ -7245,7 +7540,7 @@ a:focus-visible {
     border-bottom: 1px solid var(--color-neutral-200);
   }
 
-  .b-dark .bc-lexical-editor-container > .bc-lexical-toolbar {
+  .dark .bc-lexical-editor-container > .bc-lexical-toolbar {
     border-bottom-color: var(--color-neutral-700);
   }
 
@@ -7255,7 +7550,7 @@ a:focus-visible {
     border-top: 1px solid var(--color-neutral-200);
   }
 
-  .b-dark .bc-lexical-toolbar--bottom {
+  .dark .bc-lexical-toolbar--bottom {
     border-top-color: var(--color-neutral-700);
   }
 
@@ -7276,7 +7571,7 @@ a:focus-visible {
     cursor: pointer;
   }
 
-  .b-dark .bc-lexical-toolbar-select {
+  .dark .bc-lexical-toolbar-select {
     border-color: var(--color-neutral-600);
     background-color: var(--color-neutral-700);
     color: var(--color-neutral-100);
@@ -7298,7 +7593,7 @@ a:focus-visible {
     background-color: var(--color-neutral-200);
   }
 
-  .b-dark .bc-lexical-toolbar-color:hover {
+  .dark .bc-lexical-toolbar-color:hover {
     background-color: var(--color-neutral-600);
   }
 
@@ -7355,7 +7650,7 @@ a:focus-visible {
     animation: bc-floating-toolbar-enter 0.15s ease-out;
   }
 
-  .b-dark .bc-floating-toolbar {
+  .dark .bc-floating-toolbar {
     background-color: var(--color-neutral-800);
     border-color: var(--color-neutral-700);
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
@@ -7388,7 +7683,7 @@ a:focus-visible {
     animation: bc-slash-palette-enter 0.12s ease-out;
   }
 
-  .b-dark .bc-slash-command-palette {
+  .dark .bc-slash-command-palette {
     background-color: var(--color-neutral-800);
     border-color: var(--color-neutral-700);
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
@@ -7420,8 +7715,8 @@ a:focus-visible {
     background-color: var(--color-primary-50);
   }
 
-  .b-dark .bc-slash-command-palette__item:hover,
-  .b-dark .bc-slash-command-palette__item[aria-selected='true'] {
+  .dark .bc-slash-command-palette__item:hover,
+  .dark .bc-slash-command-palette__item[aria-selected='true'] {
     background-color: var(--color-primary-900);
   }
 
@@ -7446,7 +7741,7 @@ a:focus-visible {
     margin-bottom: 2px;
   }
 
-  .b-dark .bc-slash-command-palette__label {
+  .dark .bc-slash-command-palette__label {
     color: var(--color-neutral-100);
   }
 
@@ -7467,7 +7762,7 @@ a:focus-visible {
     flex-shrink: 0;
   }
 
-  .b-dark .bc-slash-command-palette__category {
+  .dark .bc-slash-command-palette__category {
     background-color: var(--color-neutral-700);
     color: var(--color-neutral-400);
   }
@@ -7521,13 +7816,13 @@ a:focus-visible {
     cursor: not-allowed;
   }
 
-  .b-dark .bc-block-handle__button {
+  .dark .bc-block-handle__button {
     background-color: var(--color-neutral-800);
     border-color: var(--color-neutral-700);
     color: var(--color-neutral-500);
   }
 
-  .b-dark .bc-block-handle__button:hover {
+  .dark .bc-block-handle__button:hover {
     background-color: var(--color-neutral-700);
     color: var(--color-neutral-300);
     border-color: var(--color-neutral-600);
@@ -7603,42 +7898,42 @@ a:focus-visible {
   }
 
   /* Dark mode styles */
-  .b-dark .bc-lexical-table-cell,
-  .b-dark .bc-lexical-table-cell-header {
+  .dark .bc-lexical-table-cell,
+  .dark .bc-lexical-table-cell-header {
     border-color: var(--color-neutral-700);
   }
 
-  .b-dark .bc-lexical-table-row {
+  .dark .bc-lexical-table-row {
     border-bottom-color: var(--color-neutral-700);
   }
 
-  .b-dark .bc-lexical-table-cell-header {
+  .dark .bc-lexical-table-cell-header {
     background-color: var(--color-neutral-800);
   }
 
-  .b-dark .bc-lexical-table-cell--selected {
+  .dark .bc-lexical-table-cell--selected {
     background-color: var(--color-primary-900);
     outline-color: var(--color-primary-400);
   }
 
-  .b-dark .bc-table-context-menu {
+  .dark .bc-table-context-menu {
     background-color: var(--color-neutral-800);
     border-color: var(--color-neutral-700);
   }
 
-  .b-dark .bc-table-menu-button {
+  .dark .bc-table-menu-button {
     color: var(--color-neutral-100);
   }
 
-  .b-dark .bc-table-menu-button:hover:not(:disabled) {
+  .dark .bc-table-menu-button:hover:not(:disabled) {
     background-color: var(--color-neutral-700);
   }
 
-  .b-dark .bc-table-menu-button:active:not(:disabled) {
+  .dark .bc-table-menu-button:active:not(:disabled) {
     background-color: var(--color-neutral-600);
   }
 
-  .b-dark .bc-table-menu-separator {
+  .dark .bc-table-menu-separator {
     background-color: var(--color-neutral-700);
   }
 
@@ -7779,97 +8074,97 @@ a:focus-visible {
   }
 
   /* Dark mode styles */
-  .b-dark .bc-lexical-code-block {
+  .dark .bc-lexical-code-block {
     background-color: var(--color-neutral-900);
     border-color: var(--color-neutral-700);
     color: var(--color-neutral-100);
   }
 
-  .b-dark .bc-code-language-button {
+  .dark .bc-code-language-button {
     background-color: var(--color-neutral-800);
     border-color: var(--color-neutral-600);
     color: var(--color-neutral-200);
   }
 
-  .b-dark .bc-code-language-button:hover:not(:disabled) {
+  .dark .bc-code-language-button:hover:not(:disabled) {
     background-color: var(--color-neutral-700);
     border-color: var(--color-neutral-500);
   }
 
-  .b-dark .bc-code-language-dropdown {
+  .dark .bc-code-language-dropdown {
     background-color: var(--color-neutral-800);
     border-color: var(--color-neutral-700);
   }
 
-  .b-dark .bc-code-language-option {
+  .dark .bc-code-language-option {
     color: var(--color-neutral-100);
   }
 
-  .b-dark .bc-code-language-option:hover {
+  .dark .bc-code-language-option:hover {
     background-color: var(--color-neutral-700);
   }
 
-  .b-dark .bc-code-language-option:active {
+  .dark .bc-code-language-option:active {
     background-color: var(--color-neutral-600);
   }
 
   /* Syntax highlighting token colors (dark theme) */
-  .b-dark .bc-lexical-code-block .token.comment,
-  .b-dark .bc-lexical-code-block .token.prolog,
-  .b-dark .bc-lexical-code-block .token.doctype,
-  .b-dark .bc-lexical-code-block .token.cdata {
+  .dark .bc-lexical-code-block .token.comment,
+  .dark .bc-lexical-code-block .token.prolog,
+  .dark .bc-lexical-code-block .token.doctype,
+  .dark .bc-lexical-code-block .token.cdata {
     color: #8b949e;
   }
 
-  .b-dark .bc-lexical-code-block .token.punctuation {
+  .dark .bc-lexical-code-block .token.punctuation {
     color: #c9d1d9;
   }
 
-  .b-dark .bc-lexical-code-block .token.property,
-  .b-dark .bc-lexical-code-block .token.tag,
-  .b-dark .bc-lexical-code-block .token.boolean,
-  .b-dark .bc-lexical-code-block .token.number,
-  .b-dark .bc-lexical-code-block .token.constant,
-  .b-dark .bc-lexical-code-block .token.symbol,
-  .b-dark .bc-lexical-code-block .token.deleted {
+  .dark .bc-lexical-code-block .token.property,
+  .dark .bc-lexical-code-block .token.tag,
+  .dark .bc-lexical-code-block .token.boolean,
+  .dark .bc-lexical-code-block .token.number,
+  .dark .bc-lexical-code-block .token.constant,
+  .dark .bc-lexical-code-block .token.symbol,
+  .dark .bc-lexical-code-block .token.deleted {
     color: #79c0ff;
   }
 
-  .b-dark .bc-lexical-code-block .token.selector,
-  .b-dark .bc-lexical-code-block .token.attr-name,
-  .b-dark .bc-lexical-code-block .token.string,
-  .b-dark .bc-lexical-code-block .token.char,
-  .b-dark .bc-lexical-code-block .token.builtin,
-  .b-dark .bc-lexical-code-block .token.inserted {
+  .dark .bc-lexical-code-block .token.selector,
+  .dark .bc-lexical-code-block .token.attr-name,
+  .dark .bc-lexical-code-block .token.string,
+  .dark .bc-lexical-code-block .token.char,
+  .dark .bc-lexical-code-block .token.builtin,
+  .dark .bc-lexical-code-block .token.inserted {
     color: #a5d6ff;
   }
 
-  .b-dark .bc-lexical-code-block .token.operator,
-  .b-dark .bc-lexical-code-block .token.entity,
-  .b-dark .bc-lexical-code-block .token.url,
-  .b-dark .bc-lexical-code-block .language-css .token.string,
-  .b-dark .bc-lexical-code-block .style .token.string {
+  .dark .bc-lexical-code-block .token.operator,
+  .dark .bc-lexical-code-block .token.entity,
+  .dark .bc-lexical-code-block .token.url,
+  .dark .bc-lexical-code-block .language-css .token.string,
+  .dark .bc-lexical-code-block .style .token.string {
     color: #ff7b72;
   }
 
-  .b-dark .bc-lexical-code-block .token.atrule,
-  .b-dark .bc-lexical-code-block .token.attr-value,
-  .b-dark .bc-lexical-code-block .token.keyword {
+  .dark .bc-lexical-code-block .token.atrule,
+  .dark .bc-lexical-code-block .token.attr-value,
+  .dark .bc-lexical-code-block .token.keyword {
     color: #ff7b72;
   }
 
-  .b-dark .bc-lexical-code-block .token.function,
-  .b-dark .bc-lexical-code-block .token.class-name {
+  .dark .bc-lexical-code-block .token.function,
+  .dark .bc-lexical-code-block .token.class-name {
     color: #d2a8ff;
   }
 
-  .b-dark .bc-lexical-code-block .token.regex,
-  .b-dark .bc-lexical-code-block .token.important,
-  .b-dark .bc-lexical-code-block .token.variable {
+  .dark .bc-lexical-code-block .token.regex,
+  .dark .bc-lexical-code-block .token.important,
+  .dark .bc-lexical-code-block .token.variable {
     color: #ffa657;
   }
 
-  .b-dark .bc-lexical-code-block .line-number {
+  .dark .bc-lexical-code-block .line-number {
     color: var(--color-neutral-600);
   }
 
@@ -7959,11 +8254,11 @@ a:focus-visible {
   color: var(--link-hover-color);
 }
 
-.b-dark .bc-link {
+.dark .bc-link {
   color: var(--link-color-dark);
 }
 
-.b-dark .bc-link:hover {
+.dark .bc-link:hover {
   color: var(--link-hover-color-dark);
 }
 
@@ -8051,7 +8346,7 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-menu {
+.dark .bc-menu {
   background-color: var(--bg-surface);
   border-color: var(--border-default);
 }
@@ -8121,16 +8416,16 @@ a:focus-visible {
 }
 
 /* Dark mode menu item styles */
-.b-dark .bc-menu-item:hover:not(.bc-menu-item--disabled) {
+.dark .bc-menu-item:hover:not(.bc-menu-item--disabled) {
   background-color: var(--interactive-hover);
 }
 
-.b-dark .bc-menu-item--focused {
+.dark .bc-menu-item--focused {
   background-color: var(--color-primary-900);
   color: var(--color-primary-100);
 }
 
-.b-dark .bc-menu-item:active:not(.bc-menu-item--disabled) {
+.dark .bc-menu-item:active:not(.bc-menu-item--disabled) {
   background-color: var(--interactive-active);
 }
 
@@ -8175,11 +8470,11 @@ a:focus-visible {
 }
 
 /* Dark mode separator styles */
-.b-dark .bc-menu-separator {
+.dark .bc-menu-separator {
   border-color: var(--border-divider);
 }
 
-.b-dark .bc-menu-separator__label {
+.dark .bc-menu-separator__label {
   background-color: var(--bg-surface);
 }
 
@@ -8302,7 +8597,7 @@ a:focus-visible {
     background-color: var(--color-base-200);
   }
 
-  .b-dark .bc-menu-item:active {
+  .dark .bc-menu-item:active {
     background-color: var(--interactive-active);
   }
 }
@@ -8755,41 +9050,41 @@ a:focus-visible {
 }
 
 /* Dark mode styles */
-.b-dark .bc-modal {
+.dark .bc-modal {
   background-color: var(--bg-surface);
   border: 1px solid var(--border-default);
   color: var(--text-normal);
 }
 
-.b-dark .bc-modal__header {
+.dark .bc-modal__header {
   border-bottom: 1px solid var(--border-divider);
   background-color: var(--bg-elevated);
 }
 
-.b-dark .bc-modal__body {
+.dark .bc-modal__body {
   color: var(--text-normal);
   background-color: var(--bg-surface);
 }
 
-.b-dark .bc-modal__footer {
+.dark .bc-modal__footer {
   border-top: 1px solid var(--border-divider);
   background-color: var(--bg-elevated);
 }
 
-.b-dark .bc-modal__confirm-body {
+.dark .bc-modal__confirm-body {
   color: var(--color-base-400);
 }
 
-.b-dark .bc-modal__confirm-consequences {
+.dark .bc-modal__confirm-consequences {
   background: var(--color-base-800);
   color: var(--color-base-400);
 }
 
-.b-dark .bc-modal__confirm-consequences li::before {
+.dark .bc-modal__confirm-consequences li::before {
   color: var(--color-base-600);
 }
 
-.b-dark .bc-modal--confirm .bc-modal__footer {
+.dark .bc-modal--confirm .bc-modal__footer {
   border-top: 1px solid var(--color-base-700);
   background: var(--color-base-800);
 }
@@ -8873,7 +9168,7 @@ a:focus-visible {
   color: var(--color-gray-700);
 }
 
-.b-dark .bc-modal__title {
+.dark .bc-modal__title {
   color: var(--color-gray-200);
 }
 
@@ -9074,6 +9369,15 @@ a:focus-visible {
   transform: none;
 }
 
+/* Dark mode */
+.dark .bc-number-input-steppers-button {
+  outline-color: var(--color-base-600);
+}
+
+.dark .bc-number-input-steppers-button:hover {
+  background-color: var(--color-base-700);
+}
+
 /* export type OverlayEffect = 'transparent' | 'opaque'
 export type OverlayMode = 'capturing' | 'non-capturing' */
 
@@ -9114,12 +9418,12 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
 }
 
 /* Dark mode styles */
-.b-dark .bc-overlay--effect-transparent {
+.dark .bc-overlay--effect-transparent {
   background-color: color-mix(in srgb, var(--color-white) 2%, transparent);
 }
 
-.b-dark .bc-overlay--effect-opaque[data-status='opened'],
-.b-dark .bc-overlay--effect-opaque[data-status='opening'] {
+.dark .bc-overlay--effect-opaque[data-status='opened'],
+.dark .bc-overlay--effect-opaque[data-status='opening'] {
   background-color: color-mix(in srgb, var(--color-black) 80%, transparent);
   backdrop-filter: blur(4px);
 }
@@ -9136,7 +9440,7 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
 }
 
 /* Dark mode */
-.b-dark .bc-popover {
+.dark .bc-popover {
   background: var(--color-base-800);
   border-color: var(--color-base-700);
   color: var(--color-base-200);
@@ -9168,6 +9472,11 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
   color: var(--color-gray-900);
 }
 
+.dark .bc-lightbox__close {
+  background-color: color-mix(in srgb, var(--color-gray-800) 80%, transparent);
+  color: var(--color-gray-100);
+}
+
 .bc-lightbox__viewport {
   position: absolute;
   inset: 0;
@@ -9275,7 +9584,7 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
   overflow: hidden;
 }
 
-.b-dark .bc-panel {
+.dark .bc-panel {
   background-color: var(--panel-bg-dark);
   color: var(--panel-text-dark);
 }
@@ -9447,31 +9756,31 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
 }
 
 /* Dark Mode Support */
-.b-dark .bc-pagination__item {
+.dark .bc-pagination__item {
   color: var(--color-base-300);
 }
 
-.b-dark .bc-pagination__item:hover:not(:disabled) {
+.dark .bc-pagination__item:hover:not(:disabled) {
   background-color: var(--color-base-700);
   color: var(--color-base-100);
 }
 
-.b-dark .bc-pagination__item--active {
+.dark .bc-pagination__item--active {
   background-color: var(--color-primary-600);
   color: var(--color-white);
 }
 
-.b-dark .bc-pagination__item--active:hover {
+.dark .bc-pagination__item--active:hover {
   background-color: var(--color-primary-600);
   color: var(--color-white);
 }
 
-.b-dark .bc-pagination__item:disabled:hover {
+.dark .bc-pagination__item:disabled:hover {
   background: transparent;
   color: var(--color-base-300);
 }
 
-.b-dark .bc-pagination__dots {
+.dark .bc-pagination__dots {
   color: var(--color-base-600);
 }
 
@@ -9514,7 +9823,7 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
   overflow: hidden;
 }
 
-.b-dark .bc-password-strength__bar {
+.dark .bc-password-strength__bar {
   background-color: var(--color-gray-700);
 }
 
@@ -9570,19 +9879,19 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
   color: var(--color-success-600);
 }
 
-.b-dark .bc-password-strength--weak .bc-password-strength__label {
+.dark .bc-password-strength--weak .bc-password-strength__label {
   color: var(--color-danger-400);
 }
 
-.b-dark .bc-password-strength--fair .bc-password-strength__label {
+.dark .bc-password-strength--fair .bc-password-strength__label {
   color: var(--color-warning-400);
 }
 
-.b-dark .bc-password-strength--good .bc-password-strength__label {
+.dark .bc-password-strength--good .bc-password-strength__label {
   color: var(--color-info-400);
 }
 
-.b-dark .bc-password-strength--strong .bc-password-strength__label {
+.dark .bc-password-strength--strong .bc-password-strength__label {
   color: var(--color-success-400);
 }
 
@@ -9608,7 +9917,7 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
   color: var(--color-success-600);
 }
 
-.b-dark .bc-password-strength__requirement--met {
+.dark .bc-password-strength__requirement--met {
   color: var(--color-success-400);
 }
 
@@ -9632,7 +9941,7 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
   overflow: hidden;
 }
 
-.b-dark .bc-password-strength-bar {
+.dark .bc-password-strength-bar {
   background-color: var(--color-gray-700);
 }
 
@@ -9683,19 +9992,19 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
   color: var(--color-success-600);
 }
 
-.b-dark .bc-password-strength-text--weak {
+.dark .bc-password-strength-text--weak {
   color: var(--color-danger-400);
 }
 
-.b-dark .bc-password-strength-text--fair {
+.dark .bc-password-strength-text--fair {
   color: var(--color-warning-400);
 }
 
-.b-dark .bc-password-strength-text--good {
+.dark .bc-password-strength-text--good {
   color: var(--color-info-400);
 }
 
-.b-dark .bc-password-strength-text--strong {
+.dark .bc-password-strength-text--strong {
   color: var(--color-success-400);
 }
 
@@ -9706,8 +10015,8 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
     border: 1px solid var(--border-default);
   }
 
-  .b-dark .bc-password-strength__bar,
-  .b-dark .bc-password-strength-bar {
+  .dark .bc-password-strength__bar,
+  .dark .bc-password-strength-bar {
     border-color: var(--border-default);
   }
 }
@@ -9885,11 +10194,11 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
 }
 
 /* Dark mode styles */
-.b-dark .bc-progress-bar__track {
+.dark .bc-progress-bar__track {
   background-color: var(--progress-track-dark);
 }
 
-.b-dark .bc-progress-bar__fill {
+.dark .bc-progress-bar__fill {
   background-color: var(--progress-fill-dark);
 }
 
@@ -10029,20 +10338,20 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
 }
 
 /* Dark mode styles */
-.b-dark .bc-scrollable-panel__body::-webkit-scrollbar-track {
+.dark .bc-scrollable-panel__body::-webkit-scrollbar-track {
   background: var(--bg-subtle);
 }
 
-.b-dark .bc-scrollable-panel__body::-webkit-scrollbar-thumb {
+.dark .bc-scrollable-panel__body::-webkit-scrollbar-thumb {
   background: var(--bg-raised);
   border-radius: var(--radius-sm);
 }
 
-.b-dark .bc-scrollable-panel__body::-webkit-scrollbar-thumb:hover {
+.dark .bc-scrollable-panel__body::-webkit-scrollbar-thumb:hover {
   background: var(--bg-overlay);
 }
 
-.b-dark .bc-scrollable-panel__body {
+.dark .bc-scrollable-panel__body {
   scrollbar-color: var(--bg-raised) var(--bg-subtle);
 }
 
@@ -10175,12 +10484,12 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
 }
 
 /* Dark mode styles */
-.b-dark .bc-segmented-input {
+.dark .bc-segmented-input {
   background-color: var(--bg-subtle);
   border: 1px solid var(--border-default);
 }
 
-.b-dark .bc-segmented-input__indicator {
+.dark .bc-segmented-input__indicator {
   background-color: var(--si-indicator-bg-dark, var(--bg-elevated));
   box-shadow: var(
     --shadow-segmented-control-indicator-dark,
@@ -10189,49 +10498,49 @@ export type OverlayMode = 'capturing' | 'non-capturing' */
   );
 }
 
-.b-dark .bc-segmented-input__segment {
+.dark .bc-segmented-input__segment {
   transition: all
     var(--motion-transition-fast, var(--motion-duration-fast, 0.2s))
     var(--motion-easing-standard, cubic-bezier(0.2, 0, 0, 1));
   border-radius: var(--radius-full);
 }
 
-.b-dark .bc-segmented-input--squared .bc-segmented-input__segment {
+.dark .bc-segmented-input--squared .bc-segmented-input__segment {
   border-radius: var(--radius-control-sm, var(--radius-sm));
 }
 
-.b-dark .bc-segmented-input__segment:hover {
+.dark .bc-segmented-input__segment:hover {
   color: var(--text-normal);
   background-color: var(--interactive-hover);
 }
 
-.b-dark .bc-segmented-input__segment--active,
-.b-dark .bc-segmented-input__segment--active:hover {
+.dark .bc-segmented-input__segment--active,
+.dark .bc-segmented-input__segment--active:hover {
   color: var(--si-active-text-dark, var(--text-normal));
   background: transparent;
 }
 
-.b-dark .bc-segmented-input__segment--inactive:hover {
+.dark .bc-segmented-input__segment--inactive:hover {
   color: var(--text-normal);
 }
 
 /* Disabled state (dark) */
-.b-dark .bc-segmented-input--disabled {
+.dark .bc-segmented-input--disabled {
   background-color: var(--bg-background);
   border: 1px solid var(--border-divider);
   opacity: 0.5;
 }
 
-.b-dark .bc-segmented-input--disabled .bc-segmented-input__indicator {
+.dark .bc-segmented-input--disabled .bc-segmented-input__indicator {
   background-color: var(--bg-subtle);
   box-shadow: var(--shadow-none, none);
 }
 
-.b-dark .bc-segmented-input--disabled .bc-segmented-input__segment {
+.dark .bc-segmented-input--disabled .bc-segmented-input__segment {
   cursor: not-allowed;
 }
 
-.b-dark .bc-segmented-input--disabled .bc-segmented-input__segment:hover {
+.dark .bc-segmented-input--disabled .bc-segmented-input__segment:hover {
   background-color: transparent;
 }
 
@@ -10349,7 +10658,7 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode styles */
-.b-dark span.bc-sidebar-link {
+.dark span.bc-sidebar-link {
   color: var(--color-primary-200);
 }
 
@@ -10386,7 +10695,7 @@ span.bc-sidebar-link {
 }
 
 /* Dark background mode in dark theme - inverted back to light colors */
-.b-dark .bc-sidebar--dark-bg span.bc-sidebar-link {
+.dark .bc-sidebar--dark-bg span.bc-sidebar-link {
   color: var(--color-primary-700);
 }
 
@@ -10480,28 +10789,28 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode styles */
-.b-dark .bc-sink {
+.dark .bc-sink {
   background-color: var(--bg-background);
   border: 1px solid var(--border-default);
   box-shadow: var(--shadow-sink-dark, inset 0 2px 4px var(--shadow-color-dark));
   color: var(--text-normal);
 }
 
-.b-dark .bc-sink--deep {
+.dark .bc-sink--deep {
   box-shadow: var(
     --shadow-sink-dark-deep,
     inset 0 4px 8px var(--shadow-color-dark)
   );
 }
 
-.b-dark .bc-sink--shallow {
+.dark .bc-sink--shallow {
   box-shadow: var(
     --shadow-sink-dark-shallow,
     inset 0 1px 2px var(--shadow-color-dark)
   );
 }
 
-.b-dark .bc-sink--flat {
+.dark .bc-sink--flat {
   box-shadow: var(--shadow-sink-dark-flat, none);
   border: 1px solid var(--border-divider);
   background-color: var(--bg-subtle);
@@ -10577,7 +10886,7 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode styles */
-.b-dark .bc-skeleton {
+.dark .bc-skeleton {
   --skeleton-bg: oklch(0.25 0 0);
   --skeleton-shimmer: oklch(0.3 0 0);
 }
@@ -10730,22 +11039,22 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode styles */
-.b-dark .bc-tag {
+.dark .bc-tag {
   background-color: var(--tag-bg-dark);
   color: var(--tag-text-dark);
   border-color: var(--tag-border-dark);
 }
 
-.b-dark .bc-tag:hover {
+.dark .bc-tag:hover {
   background-color: var(--tag-bg-hover-dark);
   color: var(--tag-text-hover-dark);
 }
 
-.b-dark .bc-tag__close {
+.dark .bc-tag__close {
   color: var(--tag-text-dark);
 }
 
-.b-dark .bc-tag__close:hover:not(:disabled) {
+.dark .bc-tag__close:hover:not(:disabled) {
   color: var(--tag-text-dark);
   border-color: color-mix(in srgb, var(--tag-text-dark) 30%, transparent);
 }
@@ -10813,11 +11122,9 @@ span.bc-sidebar-link {
   display: grid;
   grid-template-areas: 'stack';
   border-radius: var(--radius-full);
-  box-shadow: var(
-    --shadow-switch-track,
-    inset 0 0 calc(var(--spacing-base))
-      color-mix(in srgb, var(--color-black) 20%, transparent)
-  );
+  box-shadow:
+    inset 0 1px 3px 0 color-mix(in srgb, var(--color-black) 10%, transparent),
+    inset 0 1px 2px 0 color-mix(in srgb, var(--color-black) 6%, transparent);
   transition: background-color var(--motion-transition-fast)
     var(--motion-easing-standard);
   cursor: pointer;
@@ -10895,9 +11202,9 @@ span.bc-sidebar-link {
 /* Switch thumb/handle */
 .bc-switch__thumb {
   grid-area: stack;
+  position: relative;
   width: calc(var(--spacing-base) * 4); /* 16px equivalent */
   height: calc(var(--spacing-base) * 4);
-  /* margin-top: calc(var(--spacing-base) / 2); */
   border-radius: var(--radius-full);
   background-color: var(--color-white);
   box-shadow: var(
@@ -10906,16 +11213,26 @@ span.bc-sidebar-link {
     0 1px 2px 0 color-mix(in srgb, var(--color-black) 6%, transparent)
   );
   z-index: 1;
-  transition: transform var(--motion-transition-fast)
-    var(--motion-easing-standard);
+  inset-inline-start: 0;
+  transition: inset-inline-start var(--motion-duration-fast, 120ms)
+    cubic-bezier(0.2, 0, 0, 1);
   pointer-events: none;
 }
 
+/* Thumb position when on — uses inset-inline-start so RTL is handled
+   automatically via the logical property. calc(100% - thumbWidth) moves
+   the thumb to the far end of the grid area regardless of track width. */
+.bc-switch__thumb--on {
+  inset-inline-start: calc(100% - var(--spacing-base) * 4);
+}
+
 /* Size variants for track and thumb */
 .bc-switch--xs .bc-switch__thumb {
   width: calc(var(--spacing-base) * 3); /* 12px equivalent */
   height: calc(var(--spacing-base) * 3);
-  /* margin-top: calc(var(--spacing-base) / 1); */
+}
+.bc-switch--xs .bc-switch__thumb--on {
+  inset-inline-start: calc(100% - var(--spacing-base) * 3);
 }
 .bc-switch--xs .bc-switch__track-label--off {
   padding-inline-end: var(--spacing-base);
@@ -10932,7 +11249,9 @@ span.bc-sidebar-link {
 .bc-switch--sm .bc-switch__thumb {
   width: calc(var(--spacing-base) * 3.5); /* 14px equivalent */
   height: calc(var(--spacing-base) * 3.5);
-  /* margin-top: calc(var(--spacing-base) / 1); */
+}
+.bc-switch--sm .bc-switch__thumb--on {
+  inset-inline-start: calc(100% - var(--spacing-base) * 3.5);
 }
 .bc-switch--sm .bc-switch__track-label--off {
   padding-inline-end: var(--spacing-base);
@@ -10949,7 +11268,9 @@ span.bc-sidebar-link {
 .bc-switch--md .bc-switch__thumb {
   width: calc(var(--spacing-base) * 4); /* 20px equivalent */
   height: calc(var(--spacing-base) * 4);
-  /* margin-top: calc(var(--spacing-base) / 1); */
+}
+.bc-switch--md .bc-switch__thumb--on {
+  inset-inline-start: calc(100% - var(--spacing-base) * 4);
 }
 .bc-switch--md .bc-switch__track-label--off {
   padding-inline-end: var(--spacing-base);
@@ -10966,7 +11287,9 @@ span.bc-sidebar-link {
 .bc-switch--lg .bc-switch__thumb {
   width: calc(var(--spacing-base) * 5); /* 20px equivalent */
   height: calc(var(--spacing-base) * 5);
-  /* margin-top: calc(var(--spacing-base) / 1); */
+}
+.bc-switch--lg .bc-switch__thumb--on {
+  inset-inline-start: calc(100% - var(--spacing-base) * 5);
 }
 .bc-switch--lg .bc-switch__track-label--off {
   padding-inline-end: var(--spacing-base);
@@ -10983,7 +11306,9 @@ span.bc-sidebar-link {
 .bc-switch--xl .bc-switch__thumb {
   width: calc(var(--spacing-base) * 6); /* 24px equivalent */
   height: calc(var(--spacing-base) * 6);
-  /* margin-top: calc(var(--spacing-base) / 1); */
+}
+.bc-switch--xl .bc-switch__thumb--on {
+  inset-inline-start: calc(100% - var(--spacing-base) * 6);
 }
 .bc-switch--xl .bc-switch__track-label--off {
   padding-inline-end: var(--spacing-base);
@@ -11028,25 +11353,25 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode styles */
-.b-dark .bc-switch__label {
+.dark .bc-switch__label {
   color: var(--text-normal);
 }
 
-.b-dark .bc-switch__track--off {
+.dark .bc-switch__track--off {
   background-color: var(--bg-subtle);
   border: 1px solid var(--border-default);
 }
 
-.b-dark .bc-switch__track--on {
+.dark .bc-switch__track--on {
   background-color: var(--switch-track-on-bg-dark, var(--color-primary-600));
   border: 1px solid var(--switch-track-on-border-dark, var(--color-primary-500));
 }
 
-.b-dark .bc-switch__track-label--on {
+.dark .bc-switch__track-label--on {
   color: var(--switch-track-on-label-dark, var(--text-normal));
 }
 
-.b-dark .bc-switch__thumb {
+.dark .bc-switch__thumb {
   background-color: var(--text-normal);
   box-shadow: var(--shadow-switch-thumb-dark, var(--shadow-md));
 }
@@ -11245,7 +11570,7 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode styles */
-.b-dark .bc-table-container {
+.dark .bc-table-container {
   --table-bg: var(--bg-background);
   --table-stripe-bg: var(--bg-surface);
 }
@@ -11469,30 +11794,30 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode support */
-.b-dark .bc-tabs__list {
+.dark .bc-tabs__list {
   background-color: var(--color-base-800);
   border-color: var(--color-base-700);
 }
 
-.b-dark .bc-tab {
+.dark .bc-tab {
   color: var(--color-base-300);
 }
 
-.b-dark .bc-tab:hover:not(.bc-tab--disabled):not(.bc-tab--active) {
+.dark .bc-tab:hover:not(.bc-tab--disabled):not(.bc-tab--active) {
   color: var(--color-base-100);
   background-color: var(--color-base-700);
 }
 
-.b-dark .bc-tab--active {
+.dark .bc-tab--active {
   color: var(--color-primary-400);
   background-color: var(--color-base-900);
 }
 
-.b-dark .bc-tab--disabled {
+.dark .bc-tab--disabled {
   color: var(--color-base-600);
 }
 
-.b-dark .bc-tabs__panel {
+.dark .bc-tabs__panel {
   background-color: var(--color-base-900);
 }
 
@@ -11610,29 +11935,29 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode adjustments for variants */
-.b-dark .bc-tabs--variant-text .bc-tabs__list {
+.dark .bc-tabs--variant-text .bc-tabs__list {
   background-color: transparent;
   border-bottom: none;
 }
-.b-dark .bc-tabs--variant-text .bc-tab {
+.dark .bc-tabs--variant-text .bc-tab {
   color: var(--color-primary-300);
 }
-.b-dark .bc-tabs--variant-text .bc-tab--active {
+.dark .bc-tabs--variant-text .bc-tab--active {
   color: var(--color-primary-200);
 }
 
-.b-dark .bc-tabs--variant-filled .bc-tab {
+.dark .bc-tabs--variant-filled .bc-tab {
   background-color: var(--tabs-filled-inactive-bg-dark);
   color: var(--tabs-filled-inactive-text-dark);
 }
-.b-dark .bc-tabs--variant-filled .bc-tab--active {
+.dark .bc-tabs--variant-filled .bc-tab--active {
   background-color: var(--tabs-filled-active-bg-dark, var(--color-white));
   color: var(--tabs-filled-active-text-dark);
 }
-.b-dark
+.dark
   .bc-tabs--variant-filled
   .bc-tab:hover:not(.bc-tab--disabled):not(.bc-tab--active),
-.b-dark
+.dark
   .bc-tabs--variant-filled
   .bc-tab:focus-visible:not(.bc-tab--disabled):not(.bc-tab--active) {
   background-color: var(
@@ -11641,11 +11966,11 @@ span.bc-sidebar-link {
   );
 }
 
-.b-dark .bc-tabs--variant-outline .bc-tab {
+.dark .bc-tabs--variant-outline .bc-tab {
   background-color: var(--color-base-800);
   border-color: var(--color-base-600);
 }
-.b-dark .bc-tabs--variant-outline .bc-tab--active {
+.dark .bc-tabs--variant-outline .bc-tab--active {
   background-color: var(--color-base-900);
   border-color: var(--color-primary-600);
   border-bottom-color: var(--color-base-900);
@@ -11757,46 +12082,46 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode adjustments for underline variant */
-.b-dark .bc-tabs--variant-underline .bc-tabs__list {
+.dark .bc-tabs--variant-underline .bc-tabs__list {
   background-color: transparent;
   border-bottom-color: var(--color-base-700);
 }
 
-.b-dark .bc-tabs--variant-underline .bc-tab {
+.dark .bc-tabs--variant-underline .bc-tab {
   color: var(--color-base-500);
 }
 
-.b-dark
+.dark
   .bc-tabs--variant-underline
   .bc-tab:hover:not(.bc-tab--disabled):not(.bc-tab--active) {
   color: var(--color-base-300);
 }
 
-.b-dark .bc-tabs--variant-underline .bc-tab--active {
+.dark .bc-tabs--variant-underline .bc-tab--active {
   color: var(--color-primary-400);
 }
 
-.b-dark .bc-tabs--variant-underline .bc-tab--active::after {
+.dark .bc-tabs--variant-underline .bc-tab--active::after {
   background-color: var(--color-primary-400);
 }
 
 /* Dark mode adjustments for pill variant */
-.b-dark .bc-tabs--variant-pill .bc-tabs__list {
+.dark .bc-tabs--variant-pill .bc-tabs__list {
   background-color: var(--color-base-800);
 }
 
-.b-dark .bc-tabs--variant-pill .bc-tab {
+.dark .bc-tabs--variant-pill .bc-tab {
   color: var(--color-base-500);
 }
 
-.b-dark
+.dark
   .bc-tabs--variant-pill
   .bc-tab:hover:not(.bc-tab--disabled):not(.bc-tab--active) {
   color: var(--color-base-300);
   background-color: var(--color-base-700);
 }
 
-.b-dark .bc-tabs--variant-pill .bc-tab--active {
+.dark .bc-tabs--variant-pill .bc-tab--active {
   background-color: var(--color-base-900);
   color: var(--color-base-200);
   box-shadow: var(--shadow-sm);
@@ -11923,21 +12248,21 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-tag-input {
+.dark .bc-tag-input {
   background: var(--color-base-800);
   border-color: var(--color-base-600);
 }
 
-.b-dark .bc-tag-input__tag {
+.dark .bc-tag-input__tag {
   background: var(--color-base-700);
   color: var(--color-base-200);
 }
 
-.b-dark .bc-tag-input__tag-remove {
+.dark .bc-tag-input__tag-remove {
   color: var(--color-base-400);
 }
 
-.b-dark .bc-tag-input__input {
+.dark .bc-tag-input__input {
   color: var(--color-base-100);
 }
 
@@ -12023,7 +12348,7 @@ span.bc-sidebar-link {
 }
 
 /* Dark theme adjustments */
-.b-dark .bc-tooltip {
+.dark .bc-tooltip {
   background-color: var(--bg-elevated);
   color: var(--text-normal);
   border: 1px solid var(--border-default);
@@ -12034,7 +12359,7 @@ span.bc-sidebar-link {
   );
 }
 
-.b-dark .bc-tooltip__arrow svg path {
+.dark .bc-tooltip__arrow svg path {
   fill: var(--bg-elevated);
   stroke: var(--border-default);
   stroke-width: 1;
@@ -12046,7 +12371,7 @@ span.bc-sidebar-link {
     border: 1px solid var(--color-neutral-600);
   }
 
-  .b-dark .bc-tooltip {
+  .dark .bc-tooltip {
     border: 1px solid var(--color-neutral-400);
   }
 }
@@ -12070,7 +12395,7 @@ span.bc-sidebar-link {
   width: 100%;
 }
 
-.b-dark .bc-toolbar {
+.dark .bc-toolbar {
   background-color: var(--color-neutral-800);
   border-color: var(--color-neutral-700);
 }
@@ -12088,7 +12413,7 @@ span.bc-sidebar-link {
   margin: 0 var(--spacing-xs);
 }
 
-.b-dark .bc-toolbar__divider {
+.dark .bc-toolbar__divider {
   background-color: var(--color-neutral-600);
 }
 
@@ -12218,29 +12543,27 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-toolbar__group > .bc-toolbar__button.bc-button {
+.dark .bc-toolbar__group > .bc-toolbar__button.bc-button {
   color: var(--color-base-300);
 }
 
-.b-dark
-  .bc-toolbar__group
-  > .bc-toolbar__button.bc-button:hover:not(:disabled) {
+.dark .bc-toolbar__group > .bc-toolbar__button.bc-button:hover:not(:disabled) {
   background-color: var(--color-base-700);
   color: var(--color-base-100);
 }
 
-.b-dark .bc-toolbar__group > .bc-toolbar__button.bc-button[aria-pressed='true'],
-.b-dark
+.dark .bc-toolbar__group > .bc-toolbar__button.bc-button[aria-pressed='true'],
+.dark
   .bc-toolbar__group
   > .bc-toolbar__button.bc-button.bc-toolbar__button--active {
   background-color: var(--color-primary-900);
   color: var(--color-primary-300);
 }
 
-.b-dark
+.dark
   .bc-toolbar__group
   > .bc-toolbar__button.bc-button[aria-pressed='true']:hover:not(:disabled),
-.b-dark
+.dark
   .bc-toolbar__group
   > .bc-toolbar__button.bc-button.bc-toolbar__button--active:hover:not(
     :disabled
@@ -12296,29 +12619,26 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode for floating toolbar */
-.b-dark .bc-toolbar--floating {
+.dark .bc-toolbar--floating {
   background: var(--color-base-800);
   border-color: var(--color-base-700);
 }
 
-.b-dark .bc-toolbar--floating .bc-toolbar__button .bc-button {
+.dark .bc-toolbar--floating .bc-toolbar__button .bc-button {
   color: var(--color-base-300);
 }
 
-.b-dark .bc-toolbar--floating .bc-toolbar__button .bc-button:hover {
+.dark .bc-toolbar--floating .bc-toolbar__button .bc-button:hover {
   background: var(--color-base-700);
 }
 
-.b-dark
-  .bc-toolbar--floating
-  .bc-toolbar__button
-  .bc-button[aria-pressed='true'],
-.b-dark .bc-toolbar--floating .bc-toolbar__button .bc-button.bc-button--active {
+.dark .bc-toolbar--floating .bc-toolbar__button .bc-button[aria-pressed='true'],
+.dark .bc-toolbar--floating .bc-toolbar__button .bc-button.bc-button--active {
   background: var(--color-primary-900);
   color: var(--color-primary-300);
 }
 
-.b-dark .bc-toolbar--floating .bc-toolbar__divider {
+.dark .bc-toolbar--floating .bc-toolbar__divider {
   background: var(--color-base-700);
 }
 
@@ -12439,28 +12759,28 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-tree-item__row:hover {
+.dark .bc-tree-item__row:hover {
   background-color: oklch(0.25 0 0);
 }
 
-.b-dark .bc-tree-item__row--selected {
+.dark .bc-tree-item__row--selected {
   background-color: oklch(0.25 0.03 250);
   color: oklch(0.75 0.12 250);
 }
 
-.b-dark .bc-tree-item__toggle {
+.dark .bc-tree-item__toggle {
   color: var(--color-gray-400);
 }
 
-.b-dark .bc-tree-item__toggle:hover {
+.dark .bc-tree-item__toggle:hover {
   color: var(--color-gray-200);
 }
 
-.b-dark .bc-tree-item__icon {
+.dark .bc-tree-item__icon {
   color: var(--color-gray-400);
 }
 
-.b-dark .bc-tree-item__badge {
+.dark .bc-tree-item__badge {
   background: oklch(0.25 0 0);
   color: var(--color-gray-300);
 }
@@ -12481,7 +12801,7 @@ span.bc-sidebar-link {
   outline-offset: -2px;
 }
 
-.b-dark .bc-tree-item__row:focus-visible {
+.dark .bc-tree-item__row:focus-visible {
   outline-color: var(--color-primary-400);
 }
 
@@ -12726,29 +13046,29 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-radio-group__indicator {
+.dark .bc-radio-group__indicator {
   border-color: var(--border-default);
   background-color: var(--bg-surface);
 }
 
-.b-dark .bc-radio-group__input:checked + .bc-radio-group__indicator {
+.dark .bc-radio-group__input:checked + .bc-radio-group__indicator {
   border-color: var(--color-primary-400);
 }
 
-.b-dark .bc-radio-group__input:checked + .bc-radio-group__indicator::after {
+.dark .bc-radio-group__input:checked + .bc-radio-group__indicator::after {
   background-color: var(--color-primary-400);
 }
 
-.b-dark .bc-radio-group__input:focus-visible + .bc-radio-group__indicator {
+.dark .bc-radio-group__input:focus-visible + .bc-radio-group__indicator {
   outline-color: var(--interactive-focus);
 }
 
-.b-dark .bc-radio-group__input:disabled + .bc-radio-group__indicator {
+.dark .bc-radio-group__input:disabled + .bc-radio-group__indicator {
   border-color: var(--border-default);
   background-color: var(--bg-subtle);
 }
 
-.b-dark
+.dark
   .bc-radio-group__input:disabled:checked
   + .bc-radio-group__indicator::after {
   background-color: var(--text-muted);
@@ -12848,6 +13168,67 @@ span.bc-sidebar-link {
   flex-shrink: 0;
 }
 
+/* Dark mode */
+.dark .bc-notice--tone-prominent {
+  border-color: var(--color-base-700);
+}
+
+.dark .bc-notice--tone-subtle {
+  border-color: var(--color-base-700);
+}
+
+.dark .bc-notice--info.bc-notice--tone-prominent {
+  background-color: color-mix(in srgb, var(--color-info-500) 12%, transparent);
+  border-color: var(--color-info-800);
+  color: var(--color-info-200);
+}
+
+.dark .bc-notice--success.bc-notice--tone-prominent {
+  background-color: color-mix(
+    in srgb,
+    var(--color-success-500) 12%,
+    transparent
+  );
+  border-color: var(--color-success-800);
+  color: var(--color-success-200);
+}
+
+.dark .bc-notice--warning.bc-notice--tone-prominent {
+  background-color: color-mix(
+    in srgb,
+    var(--color-warning-500) 12%,
+    transparent
+  );
+  border-color: var(--color-warning-800);
+  color: var(--color-warning-200);
+}
+
+.dark .bc-notice--danger.bc-notice--tone-prominent {
+  background-color: color-mix(
+    in srgb,
+    var(--color-danger-500) 12%,
+    transparent
+  );
+  border-color: var(--color-danger-800);
+  color: var(--color-danger-200);
+}
+
+.dark .bc-notice--info.bc-notice--tone-subtle {
+  color: var(--color-info-300);
+}
+
+.dark .bc-notice--success.bc-notice--tone-subtle {
+  color: var(--color-success-300);
+}
+
+.dark .bc-notice--warning.bc-notice--tone-subtle {
+  color: var(--color-warning-300);
+}
+
+.dark .bc-notice--danger.bc-notice--tone-subtle {
+  color: var(--color-danger-300);
+}
+
 @layer components {
   .bc-notification {
     --notification-accent-color: var(--color-primary-500);
@@ -12964,7 +13345,7 @@ span.bc-sidebar-link {
     align-items: flex-start;
   }
 
-  .b-dark .bc-notification {
+  .dark .bc-notification {
     --notification-bg: var(--bg-surface);
     --notification-border-color: var(--color-base-700);
   }
@@ -13142,39 +13523,63 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-notification-panel {
+.dark .bc-notification-panel {
   background: var(--color-base-800);
   border-color: var(--color-base-700);
 }
 
-.b-dark .bc-notification-panel__header {
+.dark .bc-notification-panel__header {
   border-color: var(--color-base-700);
 }
 
-.b-dark .bc-notification-panel__header-title {
+.dark .bc-notification-panel__header-title {
   color: var(--color-base-100);
 }
 
-.b-dark .bc-notification-panel__item:hover {
+.dark .bc-notification-panel__item:hover {
   background: var(--color-base-700);
 }
 
-.b-dark .bc-notification-panel__item--unread {
+.dark .bc-notification-panel__item--unread {
   background: rgba(37, 99, 235, 0.08);
 }
 
-.b-dark .bc-notification-panel__item-icon {
+.dark .bc-notification-panel__item-icon {
   background: var(--color-base-700);
 }
 
-.b-dark .bc-notification-panel__item-title {
+.dark .bc-notification-panel__item-title {
   color: var(--color-base-100);
 }
 
-.b-dark .bc-notification-panel__item-body {
+.dark .bc-notification-panel__item-body {
   color: var(--color-base-400);
 }
 
+.dark .bc-notification-panel__mark-read-btn {
+  color: var(--color-primary-400);
+}
+
+.dark .bc-notification-panel__close-btn {
+  color: var(--color-base-500);
+}
+
+.dark .bc-notification-panel__item-meta {
+  color: var(--color-base-500);
+}
+
+.dark .bc-notification-panel__item-source {
+  color: var(--color-primary-400);
+}
+
+.dark .bc-notification-panel__empty {
+  color: var(--color-base-500);
+}
+
+.dark .bc-notification-panel__item--unread:hover {
+  background: color-mix(in srgb, var(--color-primary-500) 12%, transparent);
+}
+
 /* Minimal optional controls for VideoPlayer wrapper */
 
 .bc-video-player {
@@ -13610,7 +14015,7 @@ span.bc-sidebar-link {
   text-align: center;
 }
 
-.b-dark .bc-pdf-page-viewer__error-text {
+.dark .bc-pdf-page-viewer__error-text {
   color: var(--color-danger-400);
 }
 
@@ -13706,11 +14111,11 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-dialog__consequences li::before {
+.dark .bc-dialog__consequences li::before {
   color: var(--color-base-600);
 }
 
-.b-dark .bc-dialog__icon {
+.dark .bc-dialog__icon {
   /* In dark mode, use shade 900 for bg and 400 for fg — applied via inline styles */
 }
 
@@ -13778,7 +14183,7 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode overrides */
-.b-dark .bc-ribbon {
+.dark .bc-ribbon {
   background: var(--ribbon-bg-dark);
   color: var(--ribbon-text-dark);
 }
@@ -13946,31 +14351,31 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-accordion--default {
+.dark .bc-accordion--default {
   border-color: var(--border-default);
 }
 
-.b-dark .bc-accordion--default .bc-accordion__item + .bc-accordion__item {
+.dark .bc-accordion--default .bc-accordion__item + .bc-accordion__item {
   border-top-color: var(--border-default);
 }
 
-.b-dark .bc-accordion--separated .bc-accordion__item {
+.dark .bc-accordion--separated .bc-accordion__item {
   border-color: var(--border-default);
 }
 
-.b-dark .bc-accordion__item {
+.dark .bc-accordion__item {
   background-color: var(--bg-background);
 }
 
-.b-dark .bc-accordion__header {
+.dark .bc-accordion__header {
   color: var(--text-normal);
 }
 
-.b-dark .bc-accordion__header:hover:not(:disabled) {
+.dark .bc-accordion__header:hover:not(:disabled) {
   background-color: var(--bg-subtle);
 }
 
-.b-dark .bc-accordion__body {
+.dark .bc-accordion__body {
   color: var(--text-normal);
 }
 
@@ -14395,82 +14800,82 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-calendar {
+.dark .bc-calendar {
   background-color: var(--bg-background);
   border-color: var(--border-default);
 }
 
-.b-dark .bc-calendar__nav-btn {
+.dark .bc-calendar__nav-btn {
   color: var(--text-normal);
 }
 
-.b-dark .bc-calendar__nav-btn:hover:not(:disabled) {
+.dark .bc-calendar__nav-btn:hover:not(:disabled) {
   background-color: var(--bg-subtle);
 }
 
-.b-dark .bc-calendar__title {
+.dark .bc-calendar__title {
   color: var(--text-normal);
 }
 
-.b-dark .bc-calendar__weekday {
+.dark .bc-calendar__weekday {
   color: var(--text-muted);
 }
 
-.b-dark .bc-calendar__day {
+.dark .bc-calendar__day {
   color: var(--text-normal);
 }
 
-.b-dark .bc-calendar__day:hover:not(:disabled) {
+.dark .bc-calendar__day:hover:not(:disabled) {
   background-color: var(--bg-subtle);
 }
 
-.b-dark .bc-calendar__day--selected {
+.dark .bc-calendar__day--selected {
   background-color: var(--cal-selected-bg-dark);
   color: var(--cal-selected-text-dark);
 }
 
-.b-dark .bc-calendar__day--today {
+.dark .bc-calendar__day--today {
   background-color: var(--cal-today-bg-dark);
   color: var(--cal-today-text-dark);
 }
 
-.b-dark .bc-calendar__day--selected.bc-calendar__day--today {
+.dark .bc-calendar__day--selected.bc-calendar__day--today {
   background-color: var(--cal-selected-bg-dark);
   color: var(--cal-selected-text-dark);
 }
 
-.b-dark .bc-calendar__title-btn {
+.dark .bc-calendar__title-btn {
   color: var(--text-normal);
 }
 
-.b-dark .bc-calendar__title-btn:hover:not(:disabled) {
+.dark .bc-calendar__title-btn:hover:not(:disabled) {
   background-color: var(--bg-subtle);
 }
 
-.b-dark .bc-calendar__month-cell,
-.b-dark .bc-calendar__year-cell {
+.dark .bc-calendar__month-cell,
+.dark .bc-calendar__year-cell {
   color: var(--text-normal);
 }
 
-.b-dark .bc-calendar__month-cell:hover:not(:disabled),
-.b-dark .bc-calendar__year-cell:hover:not(:disabled) {
+.dark .bc-calendar__month-cell:hover:not(:disabled),
+.dark .bc-calendar__year-cell:hover:not(:disabled) {
   background-color: var(--bg-subtle);
 }
 
-.b-dark .bc-calendar__month-cell--current,
-.b-dark .bc-calendar__year-cell--current {
+.dark .bc-calendar__month-cell--current,
+.dark .bc-calendar__year-cell--current {
   background-color: var(--cal-selected-bg-dark);
   color: var(--cal-selected-text-dark);
 }
 
-.b-dark .bc-calendar__month-cell--active,
-.b-dark .bc-calendar__year-cell--active {
+.dark .bc-calendar__month-cell--active,
+.dark .bc-calendar__year-cell--active {
   background-color: var(--cal-today-bg-dark);
   color: var(--cal-today-text-dark);
 }
 
-.b-dark .bc-calendar__month-cell--current.bc-calendar__month-cell--active,
-.b-dark .bc-calendar__year-cell--current.bc-calendar__year-cell--active {
+.dark .bc-calendar__month-cell--current.bc-calendar__month-cell--active,
+.dark .bc-calendar__year-cell--current.bc-calendar__year-cell--active {
   background-color: var(--cal-selected-bg-dark);
   color: var(--cal-selected-text-dark);
 }
@@ -14516,13 +14921,13 @@ span.bc-sidebar-link {
 }
 
 /* Range selection - dark mode */
-.b-dark .bc-calendar__day--range-start,
-.b-dark .bc-calendar__day--range-end {
+.dark .bc-calendar__day--range-start,
+.dark .bc-calendar__day--range-end {
   background-color: var(--cal-selected-bg-dark);
   color: var(--cal-selected-text-dark);
 }
 
-.b-dark .bc-calendar__day--in-range {
+.dark .bc-calendar__day--in-range {
   background-color: var(--cal-today-bg-dark);
   color: var(--cal-today-text-dark);
 }
@@ -14820,28 +15225,28 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-advanced-slider__track {
+.dark .bc-advanced-slider__track {
   background-color: var(--bg-subtle);
 }
 
-.b-dark .bc-advanced-slider__fill {
+.dark .bc-advanced-slider__fill {
   background-color: var(--slider-color-dark);
 }
 
-.b-dark .bc-advanced-slider__thumb {
+.dark .bc-advanced-slider__thumb {
   background-color: var(--text-normal);
   border-color: var(--slider-color-dark);
 }
 
-.b-dark .bc-advanced-slider__value-label {
+.dark .bc-advanced-slider__value-label {
   background-color: var(--slider-color-dark);
 }
 
-.b-dark .bc-advanced-slider__tick::before {
+.dark .bc-advanced-slider__tick::before {
   background-color: var(--color-gray-500);
 }
 
-.b-dark .bc-advanced-slider__tick-label {
+.dark .bc-advanced-slider__tick-label {
   color: var(--text-muted);
 }
 
@@ -14948,20 +15353,20 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-otp-input__cell {
+.dark .bc-otp-input__cell {
   background-color: var(--bg-background);
   border-color: var(--border-default);
   color: var(--text-normal);
 }
 
-.b-dark .bc-otp-input__cell:focus,
-.b-dark .bc-otp-input__cell--focused {
+.dark .bc-otp-input__cell:focus,
+.dark .bc-otp-input__cell--focused {
   border-color: var(--otp-focus-border-dark);
   box-shadow: 0 0 0 2px
     color-mix(in srgb, var(--otp-focus-color-dark) 25%, transparent);
 }
 
-.b-dark .bc-otp-input__cell::placeholder {
+.dark .bc-otp-input__cell::placeholder {
   color: var(--text-muted);
 }
 
@@ -14991,10 +15396,17 @@ span.bc-sidebar-link {
   background-color: var(--toggle-bg);
   color: var(--toggle-text);
   text-shadow: var(--toggle-text-shadow);
+  line-height: 1;
   transition: all var(--motion-transition-fast) var(--motion-easing-standard);
   user-select: none;
 }
 
+/* Keep icons sized to the font so icon-only buttons match text button height */
+.bc-toggle-button .bc-icon {
+  width: 1em;
+  height: 1em;
+}
+
 .bc-toggle-button--full-width {
   width: 100%;
 }
@@ -15051,14 +15463,14 @@ span.bc-sidebar-link {
 }
 
 /* Dark mode */
-.b-dark .bc-toggle-button {
+.dark .bc-toggle-button {
   background-color: var(--toggle-bg-dark);
   color: var(--toggle-text-dark);
   border-color: var(--toggle-border-dark);
   text-shadow: var(--toggle-text-shadow-dark);
 }
 
-.b-dark .bc-toggle-button:hover:not(:disabled) {
+.dark .bc-toggle-button:hover:not(:disabled) {
   background-color: var(--toggle-bg-hover-dark);
   color: var(--toggle-text-hover-dark);
 }