@salesmind-ai/design-system 0.5.0 → 0.7.0

package/dist/core/index.css

@@ -1,247 +1,3 @@
-/* src/components/AppearancePanel/AppearancePanel.css */
-@media (max-width: 768px) {
-  .ds-appearance-panel {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    max-width: 100%;
-    border-radius: var(--radius-panel) var(--radius-panel) 0 0;
-    z-index: var(--z-modal);
-    animation: ds-panel-slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-    max-height: 60vh;
-    overflow-y: auto;
-    padding-bottom: env(safe-area-inset-bottom, 24px);
-  }
-  .ds-appearance-panel::before {
-    border-radius: var(--radius-panel) var(--radius-panel) 0 0;
-  }
-}
-@keyframes ds-panel-slide-up {
-  from {
-    transform: translateY(100%);
-  }
-  to {
-    transform: translateY(0);
-  }
-}
-.ds-appearance-panel {
-  position: relative;
-  padding: var(--space-6);
-  border-radius: var(--radius-card);
-  max-width: 400px;
-  max-height: 85vh;
-  overflow-y: auto;
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  box-shadow: var(--glass-shadow-combined);
-}
-.ds-appearance-panel::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-top) 0%,
-      var(--rim-light-bottom) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-.ds-appearance-panel__title {
-  font-family: var(--font-family);
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-primary);
-  margin: 0 0 var(--space-6);
-}
-.ds-appearance-panel__section {
-  border: none;
-  padding: 0;
-  margin: 0 0 var(--space-6);
-}
-.ds-appearance-panel__section:last-of-type {
-  margin-bottom: var(--space-4);
-}
-.ds-appearance-panel__legend {
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-tertiary);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-  margin-bottom: var(--space-3);
-}
-.ds-appearance-panel__options {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-}
-.ds-appearance-panel__options--row {
-  flex-direction: row;
-  gap: var(--space-3);
-}
-.ds-appearance-panel__options--row .ds-appearance-panel__option {
-  flex: 1;
-}
-.ds-appearance-panel__option {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
-  padding: var(--space-3) var(--space-4);
-  border-radius: var(--radius-button);
-  cursor: pointer;
-  transition: background var(--transition-glass);
-  background: transparent;
-}
-.ds-appearance-panel__option:hover {
-  background: var(--glass-base-hover);
-}
-.ds-appearance-panel__option--active {
-  background: rgba(var(--accent-rgb), 0.15);
-}
-.ds-appearance-panel__option--active:hover {
-  background: rgba(var(--accent-rgb), 0.2);
-}
-.ds-appearance-panel__option--toggle {
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--space-1);
-  padding: var(--space-3);
-  text-align: center;
-}
-.ds-appearance-panel__option--toggle .ds-appearance-panel__option-content {
-  width: 100%;
-  text-align: center;
-}
-.ds-appearance-panel__radio {
-  appearance: none;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  border: 2px solid var(--text-tertiary);
-  transition: all var(--transition-glass);
-  flex-shrink: 0;
-}
-.ds-appearance-panel__option--toggle .ds-appearance-panel__radio {
-  position: absolute;
-  opacity: 0;
-  pointer-events: none;
-}
-.ds-appearance-panel__option--active .ds-appearance-panel__radio {
-  border-color: rgba(var(--accent-rgb), 1);
-  background: rgba(var(--accent-rgb), 1);
-  box-shadow: 0 0 8px rgba(var(--accent-rgb), 0.4);
-}
-.ds-appearance-panel__option-content {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-0-5);
-}
-.ds-appearance-panel__option-label {
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  color: var(--text-primary);
-}
-.ds-appearance-panel__option-description {
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  color: var(--text-tertiary);
-}
-.ds-appearance-panel__color-picker {
-  margin-top: var(--space-4);
-  padding: var(--space-4);
-  border-radius: var(--radius-button);
-  background: var(--glass-base);
-  border: 1px solid rgba(var(--accent-rgb), 0.2);
-}
-.ds-appearance-panel__color-label {
-  display: block;
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-secondary);
-  margin-bottom: var(--space-2);
-}
-.ds-appearance-panel__color-input-wrapper {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
-}
-.ds-appearance-panel__color-input {
-  width: 48px;
-  height: 48px;
-  padding: 0;
-  border: none;
-  border-radius: var(--radius-badge);
-  cursor: pointer;
-  background: transparent;
-  overflow: hidden;
-}
-.ds-appearance-panel__color-input::-webkit-color-swatch-wrapper {
-  padding: 0;
-}
-.ds-appearance-panel__color-input::-webkit-color-swatch {
-  border: 2px solid var(--rim-light-top);
-  border-radius: var(--radius-badge);
-  box-shadow: var(--shadow-md);
-}
-.ds-appearance-panel__color-input::-moz-color-swatch {
-  border: 2px solid var(--rim-light-top);
-  border-radius: var(--radius-badge);
-  box-shadow: var(--shadow-md);
-}
-.ds-appearance-panel__color-input:focus-visible {
-  outline: none;
-  box-shadow: var(--focus-ring);
-  border-radius: var(--radius-badge);
-}
-.ds-appearance-panel__color-value {
-  font-family: var(--font-family-mono);
-  font-size: var(--font-size-sm);
-  color: var(--text-secondary);
-  padding: var(--space-2) var(--space-3);
-  background: var(--glass-base);
-  border-radius: var(--radius-badge);
-  border: 1px solid var(--rim-light-bottom);
-}
-.ds-appearance-panel__reset {
-  display: block;
-  width: 100%;
-  padding: var(--space-3) var(--space-4);
-  border: none;
-  border-radius: var(--radius-button);
-  background: var(--btn-secondary-bg);
-  color: var(--text-secondary);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  cursor: pointer;
-  transition: all var(--transition-glass);
-}
-.ds-appearance-panel__reset:hover {
-  background: var(--btn-secondary-bg-hover);
-  color: var(--text-primary);
-}
-.ds-appearance-panel__reset:focus-visible {
-  box-shadow: var(--focus-ring);
-  outline: none;
-}
-@media (prefers-contrast: more) {
-  .ds-appearance-panel {
-    border: 1px solid var(--hc-border);
-  }
-  .ds-appearance-panel__color-picker {
-    border: 1px solid var(--hc-border);
-  }
-}
-
 /* src/components/Button/Button.css */
 .ds-button {
   position: relative;
@@ -560,6 +316,105 @@
       var(--glass-highlight-light) 0%,
       rgba(var(--status-error-rgb, 239, 68, 68), 0.08) 100%);
 }
+.ds-button--aurora-primary {
+  background:
+    linear-gradient(
+      135deg,
+      var(--aurora-pink-raw),
+      var(--aurora-gold-raw));
+  color: var(--text-primary);
+  box-shadow:
+    var(--shadow-interactive-rest),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-low),
+    0 0 30px rgba(var(--brand-pink-rgb, 221, 56, 84), 0.25);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+.ds-button--aurora-primary::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-strong) 0%,
+      rgba(var(--brand-pink-rgb, 221, 56, 84), 0.2) 100%);
+}
+.ds-button--aurora-primary:hover:not(:disabled) {
+  background:
+    linear-gradient(
+      135deg,
+      var(--aurora-pink-high),
+      var(--aurora-gold-high));
+  box-shadow:
+    var(--shadow-interactive-hover),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-mid),
+    0 0 40px rgba(var(--brand-pink-rgb, 221, 56, 84), 0.35);
+  transform: translateY(-1px);
+}
+.ds-button--aurora-primary:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-bright) 0%,
+      rgba(var(--brand-pink-rgb, 221, 56, 84), 0.25) 100%);
+}
+.ds-button--aurora-primary:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow:
+    var(--shadow-interactive-active),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-low),
+    0 0 20px rgba(var(--brand-pink-rgb, 221, 56, 84), 0.2);
+}
+.ds-button--aurora-secondary {
+  background:
+    linear-gradient(
+      135deg,
+      var(--aurora-plum-raw),
+      var(--aurora-pink-raw));
+  color: var(--text-primary);
+  box-shadow:
+    var(--shadow-interactive-rest),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-low),
+    0 0 24px rgba(var(--brand-pink-rgb, 221, 56, 84), 0.15);
+  backdrop-filter: none;
+  -webkit-backdrop-filter: none;
+}
+.ds-button--aurora-secondary::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-medium) 0%,
+      rgba(var(--brand-pink-rgb, 221, 56, 84), 0.15) 100%);
+}
+.ds-button--aurora-secondary:hover:not(:disabled) {
+  background:
+    linear-gradient(
+      135deg,
+      var(--aurora-plum-high),
+      var(--aurora-pink-high));
+  box-shadow:
+    var(--shadow-interactive-hover),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-mid),
+    0 0 32px rgba(var(--brand-pink-rgb, 221, 56, 84), 0.25);
+  transform: translateY(-1px);
+}
+.ds-button--aurora-secondary:hover:not(:disabled)::before {
+  background:
+    linear-gradient(
+      180deg,
+      var(--glass-highlight-strong) 0%,
+      rgba(var(--brand-pink-rgb, 221, 56, 84), 0.2) 100%);
+}
+.ds-button--aurora-secondary:active:not(:disabled) {
+  transform: translateY(0);
+  box-shadow:
+    var(--shadow-interactive-active),
+    var(--glass-shadow-inner),
+    inset 0 0 0 1px var(--glass-white-border-low);
+}
 .ds-button--loading {
   position: relative;
   cursor: not-allowed;
@@ -591,250 +446,23 @@
   }
 }
 
-/* src/components/ButtonGroup/ButtonGroup.css */
-.ds-button-group {
-  display: inline-flex;
-  border-radius: var(--radius-button);
-  isolation: isolate;
-}
-.ds-button-group--horizontal {
-  flex-direction: row;
-}
-.ds-button-group--horizontal > .ds-button:not(:first-child) {
-  border-top-left-radius: 0;
-  border-bottom-left-radius: 0;
-  margin-left: var(--space-px);
-}
-.ds-button-group--horizontal > .ds-button:not(:last-child) {
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.ds-button-group--horizontal > .ds-button:not(:first-child)::after {
-  content: "";
-  position: absolute;
-  left: -1px;
-  top: 10%;
-  bottom: 10%;
-  width: 1px;
-  background: var(--rim-light-bottom);
-  z-index: 1;
-}
-.ds-button-group--vertical {
-  flex-direction: column;
-}
-.ds-button-group--vertical > .ds-button {
-  width: 100%;
-}
-.ds-button-group--vertical > .ds-button:not(:first-child) {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  margin-top: var(--space-px);
-}
-.ds-button-group--vertical > .ds-button:not(:last-child) {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.ds-button-group--vertical > .ds-button:not(:first-child)::after {
-  content: "";
-  position: absolute;
-  top: -1px;
-  left: 10%;
-  right: 10%;
-  height: 1px;
-  background: var(--rim-light-bottom);
-  z-index: 1;
-}
-.ds-button-group--full-width {
-  display: flex;
-  width: 100%;
-}
-.ds-button-group--full-width.ds-button-group--horizontal > .ds-button {
-  flex: 1;
-}
-.ds-button-group .ds-button:focus-visible {
-  z-index: 2;
-}
-
-/* src/components/TextField/TextField.css */
-.ds-textfield {
+/* src/components/TextArea/TextArea.css */
+.ds-textarea {
   display: flex;
   flex-direction: column;
   gap: var(--space-2);
 }
-.ds-textfield__label {
+.ds-textarea__label {
   font-family: var(--font-family);
   font-size: var(--font-size-sm);
   font-weight: var(--font-weight-medium);
   color: var(--text-secondary);
   transition: color var(--transition-base);
 }
-.ds-textfield:focus-within .ds-textfield__label {
+.ds-textarea:focus-within .ds-textarea__label {
   color: var(--text-primary);
 }
-.ds-textfield__input {
-  position: relative;
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  padding: var(--space-3) var(--space-4);
-  border: none;
-  border-radius: var(--radius-button);
-  color: var(--text-primary);
-  outline: none;
-  width: 100%;
-  box-sizing: border-box;
-  background: var(--glass-base-active);
-  backdrop-filter: blur(20px) saturate(140%);
-  -webkit-backdrop-filter: blur(20px) saturate(140%);
-  box-shadow: var(--shadow-md), var(--shadow-inset-border-subtle);
-  transition: background var(--transition-glass), box-shadow var(--transition-glass);
-}
-.ds-textfield__input::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-top) 0%,
-      var(--rim-light-bottom) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-.ds-textfield__input-wrapper {
-  position: relative;
-}
-.ds-textfield__input-wrapper::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: var(--radius-button);
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-top) 0%,
-      var(--rim-light-bottom) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-  transition: background var(--transition-glass);
-}
-.ds-textfield__input::placeholder {
-  color: var(--text-tertiary);
-}
-.ds-textfield__input:hover:not(:disabled):not(:focus) {
-  background: var(--glass-base-hover);
-}
-.ds-textfield__input-wrapper:hover:not(:has(:disabled)):not(:has(:focus))::before {
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-hover-bottom) 100%);
-}
-.ds-textfield__input:focus {
-  background: var(--glass-base-hover);
-  box-shadow:
-    var(--shadow-lg),
-    var(--glass-shadow-inner),
-    0 0 0 2px rgba(var(--brand-pink-rgb), 0.3);
-}
-.ds-textfield__input-wrapper:has(:focus)::before {
-  background:
-    linear-gradient(
-      180deg,
-      rgba(var(--brand-pink-rgb), 0.4) 0%,
-      rgba(var(--brand-pink-rgb), 0.1) 100%);
-}
-.ds-textfield__input:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
-.ds-textfield__input--adorned {
-  padding-right: var(--space-12);
-}
-.ds-textfield__adornment {
-  position: absolute;
-  right: var(--space-2);
-  top: 50%;
-  transform: translateY(-50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  z-index: 2;
-}
-.ds-textfield__input--error {
-  box-shadow:
-    var(--shadow-md),
-    var(--shadow-inset-border-error),
-    0 0 0 1px rgba(var(--status-error-rgb), 0.5);
-}
-.ds-textfield__input-wrapper:has(.ds-textfield__input--error)::before {
-  background:
-    linear-gradient(
-      180deg,
-      rgba(var(--status-error-rgb), 0.4) 0%,
-      rgba(var(--status-error-rgb), 0.1) 100%);
-}
-.ds-textfield__input--error:focus {
-  box-shadow:
-    var(--shadow-lg),
-    var(--glass-shadow-inner),
-    0 0 0 2px rgba(var(--status-error-rgb), 0.4);
-}
-.ds-textfield__helper {
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  color: var(--text-tertiary);
-}
-.ds-textfield__helper--error {
-  color: var(--status-error);
-}
-@media (prefers-contrast: more) {
-  .ds-textfield__input {
-    background: var(--hc-surface-input);
-    border: 1px solid var(--hc-border);
-  }
-  .ds-textfield__input-wrapper::before {
-    display: none;
-  }
-  .ds-textfield__input:focus {
-    border-color: var(--brand-pink);
-  }
-  .ds-textfield__input--error {
-    border-color: var(--status-error);
-  }
-}
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-textfield__input {
-    background: var(--fallback-surface);
-  }
-}
-
-/* src/components/TextArea/TextArea.css */
-.ds-textarea {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-}
-.ds-textarea__label {
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-secondary);
-  transition: color var(--transition-base);
-}
-.ds-textarea:focus-within .ds-textarea__label {
-  color: var(--text-primary);
-}
-.ds-textarea__input {
+.ds-textarea__input {
   position: relative;
   font-family: var(--font-family);
   font-size: var(--font-size-base);
@@ -1092,136 +720,6 @@
   }
 }
 
-/* src/components/RadioGroup/RadioGroup.css */
-.ds-radio-group {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-}
-.ds-radio-group--horizontal {
-  flex-direction: row;
-  flex-wrap: wrap;
-  gap: var(--space-4);
-}
-.ds-radio-wrapper {
-  display: flex;
-  align-items: center;
-  gap: var(--space-3);
-  cursor: pointer;
-}
-.ds-radio-wrapper--disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
-.ds-radio {
-  all: unset;
-  position: relative;
-  width: 1.25rem;
-  height: 1.25rem;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  background: var(--glass-base);
-  backdrop-filter: blur(12px) saturate(140%);
-  -webkit-backdrop-filter: blur(12px) saturate(140%);
-  box-shadow: var(--shadow-sm), var(--shadow-inset-border-error);
-  transition:
-    background var(--transition-glass),
-    box-shadow var(--transition-glass),
-    transform var(--transition-glass);
-}
-.ds-radio::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: 50%;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-top) 0%,
-      var(--rim-light-bottom) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-  transition: background var(--transition-glass);
-}
-.ds-radio-wrapper:not(.ds-radio-wrapper--disabled):hover .ds-radio {
-  background: var(--glass-base-hover);
-  transform: translateY(-1px);
-  box-shadow: var(--shadow-md), var(--glass-shadow-inner);
-}
-.ds-radio-wrapper:not(.ds-radio-wrapper--disabled):hover .ds-radio::before {
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-hover-bottom) 100%);
-}
-.ds-radio:focus-visible,
-.ds-radio-input:focus-visible + .ds-radio {
-  box-shadow: var(--focus-ring);
-}
-.ds-radio--checked {
-  background: var(--btn-primary-bg);
-  box-shadow:
-    var(--shadow-sm),
-    var(--glass-shadow-inner),
-    var(--btn-primary-glow);
-}
-.ds-radio--checked::before {
-  background:
-    linear-gradient(
-      180deg,
-      var(--glass-highlight-strong) 0%,
-      rgba(var(--brand-pink-rgb), 0.2) 100%);
-}
-.ds-radio-wrapper:not(.ds-radio-wrapper--disabled):hover .ds-radio--checked {
-  background: var(--btn-primary-bg-hover);
-  box-shadow:
-    var(--shadow-md),
-    var(--glass-highlight-medium),
-    var(--btn-primary-glow-hover);
-}
-.ds-radio__indicator {
-  width: 0.5rem;
-  height: 0.5rem;
-  background-color: var(--text-primary);
-  border-radius: 50%;
-  opacity: 0;
-  transform: scale(0);
-  transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275), opacity 0.2s;
-}
-.ds-radio--checked .ds-radio__indicator {
-  opacity: 1;
-  transform: scale(1);
-}
-.ds-radio__label {
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  color: var(--text-primary);
-  user-select: none;
-  line-height: var(--line-height-normal);
-}
-.ds-radio-wrapper--disabled .ds-radio__label {
-  color: var(--text-disabled);
-}
-.ds-radio-input {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border-width: 0;
-}
-
 /* src/components/Switch/Switch.css */
 .ds-switch-wrapper {
   display: flex;
@@ -1653,267 +1151,6 @@
   }
 }
 
-/* src/components/Dialog/Dialog.css */
-.ds-dialog__backdrop {
-  position: fixed;
-  inset: 0;
-  background: rgba(var(--void-base-rgb), 0.8);
-  backdrop-filter: blur(8px) saturate(120%);
-  -webkit-backdrop-filter: blur(8px) saturate(120%);
-  animation: ds-backdrop-fade-in 0.25s ease-out;
-  z-index: var(--z-modal-backdrop);
-}
-.ds-dialog__content {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: calc(100vw - var(--float-distance) * 2);
-  max-width: 480px;
-  max-height: calc(100vh - var(--float-distance) * 2);
-  overflow-y: auto;
-  z-index: var(--z-modal);
-  outline: none;
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  border-radius: var(--radius-panel);
-  padding: var(--space-8);
-  box-shadow: var(--shadow-xl), var(--glass-shadow-inner);
-  animation: ds-dialog-scale-in 0.25s cubic-bezier(0.16, 1, 0.3, 1);
-}
-.ds-dialog__content::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-top) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-.ds-dialog__header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  margin-bottom: var(--space-6);
-}
-.ds-dialog__header .ds-dialog__title {
-  margin: 0;
-}
-.ds-dialog__header .ds-dialog__description {
-  margin: 0;
-}
-.ds-dialog__title {
-  margin: 0 0 var(--space-2);
-  font-family: var(--font-family);
-  font-size: var(--font-size-xl);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-primary);
-  line-height: var(--line-height-tight);
-}
-.ds-dialog__description {
-  margin: 0 0 var(--space-6);
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  color: var(--text-secondary);
-  line-height: var(--line-height-normal);
-}
-.ds-dialog__close {
-  position: absolute;
-  top: var(--space-4);
-  right: var(--space-4);
-  width: 2rem;
-  height: 2rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: none;
-  cursor: pointer;
-  color: var(--text-secondary);
-  background: var(--glass-base);
-  backdrop-filter: blur(12px);
-  -webkit-backdrop-filter: blur(12px);
-  border-radius: var(--radius-badge);
-  transition: background var(--transition-glass), color var(--transition-glass);
-}
-.ds-dialog__close:hover {
-  background: var(--glass-base-hover);
-  color: var(--text-primary);
-}
-.ds-dialog__close:focus-visible {
-  box-shadow: var(--focus-ring);
-  outline: none;
-}
-.ds-dialog__footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--space-3);
-  margin-top: var(--space-6);
-}
-@keyframes ds-backdrop-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes ds-dialog-scale-in {
-  from {
-    opacity: 0;
-    transform: translate(-50%, -48%) scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-}
-.ds-dialog__backdrop[data-exiting] {
-  animation: ds-backdrop-fade-out 0.2s ease-in forwards;
-}
-.ds-dialog__content[data-exiting] {
-  animation: ds-dialog-scale-out 0.2s ease-in forwards;
-}
-@keyframes ds-backdrop-fade-out {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-@keyframes ds-dialog-scale-out {
-  from {
-    opacity: 1;
-    transform: translate(-50%, -50%) scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: translate(-50%, -48%) scale(0.96);
-  }
-}
-.ds-dialog__content--sm {
-  max-width: 360px;
-  padding: var(--space-6);
-}
-.ds-dialog__content--lg {
-  max-width: 640px;
-}
-.ds-dialog__content--xl {
-  max-width: 800px;
-}
-.ds-dialog__content--fullscreen {
-  max-width: calc(100vw - var(--float-distance) * 2);
-  max-height: calc(100vh - var(--float-distance) * 2);
-  width: calc(100vw - var(--float-distance) * 2);
-  height: calc(100vh - var(--float-distance) * 2);
-}
-@media (prefers-contrast: more) {
-  .ds-dialog__backdrop {
-    background: var(--overlay-backdrop-heavy);
-    backdrop-filter: none;
-  }
-  .ds-dialog__content {
-    background: var(--hc-surface);
-    border: 1px solid var(--hc-border);
-  }
-  .ds-dialog__content::before {
-    display: none;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-dialog__backdrop,
-  .ds-dialog__content {
-    animation: none;
-  }
-}
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-dialog__backdrop {
-    background: var(--fallback-backdrop);
-  }
-  .ds-dialog__content {
-    background: var(--fallback-surface);
-  }
-}
-
-/* src/components/Tooltip/Tooltip.css */
-.ds-tooltip__content {
-  position: relative;
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  color: var(--text-primary);
-  padding: var(--space-2) var(--space-3);
-  border-radius: var(--radius-badge);
-  max-width: 280px;
-  z-index: var(--z-tooltip);
-  background: var(--glass-base-hover);
-  backdrop-filter: blur(24px) saturate(160%) brightness(90%);
-  -webkit-backdrop-filter: blur(24px) saturate(160%) brightness(90%);
-  box-shadow: var(--glass-shadow-outer), var(--glass-shadow-inner);
-  animation: ds-tooltip-fade-in 0.15s ease-out;
-}
-.ds-tooltip__content::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-top) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-.ds-tooltip__arrow {
-  width: 12px;
-  height: 6px;
-  fill: var(--glass-base-hover);
-  filter: drop-shadow(var(--shadow-md));
-}
-@keyframes ds-tooltip-fade-in {
-  from {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-@media (prefers-contrast: more) {
-  .ds-tooltip__content {
-    background: var(--hc-surface);
-    border: 1px solid var(--hc-border-strong);
-    backdrop-filter: none;
-  }
-  .ds-tooltip__content::before {
-    display: none;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-tooltip__content {
-    animation: none;
-  }
-}
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-tooltip__content {
-    background: var(--fallback-surface);
-  }
-}
-
 /* src/components/Badge/Badge.css */
 .ds-badge {
   display: inline-flex;
@@ -1959,471 +1196,87 @@
     background: rgba(var(--status-error-rgb, 239, 68, 68), 0.35);
   }
 }
-
-/* src/components/StatusBadge/StatusBadge.css */
-.ds-status-badge {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-2);
-  font-family: var(--font-family);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-primary);
-  border-radius: var(--radius-badge);
-  white-space: nowrap;
+.ds-badge--tone-neutral {
   background: var(--glass-base);
-  backdrop-filter: blur(12px) saturate(140%);
-  -webkit-backdrop-filter: blur(12px) saturate(140%);
-}
-.ds-status-badge--sm {
-  font-size: var(--font-size-xs);
-  padding: var(--space-1) var(--space-2);
-}
-.ds-status-badge--md {
-  font-size: var(--font-size-sm);
-  padding: var(--space-1) var(--space-3);
-}
-.ds-status-badge--default {
-  box-shadow: var(--shadow-inset-border-subtle), var(--shadow-sm);
-}
-.ds-status-badge--success {
-  background: rgba(var(--status-success-rgb), 0.08);
-  box-shadow:
-    inset 0 0 0 1px rgba(var(--status-success-rgb), 0.4),
-    var(--shadow-sm),
-    0 0 12px rgba(var(--status-success-rgb), 0.1);
-  color: var(--status-success);
-}
-.ds-status-badge--warning {
-  background: rgba(var(--status-warning-rgb), 0.08);
-  box-shadow:
-    inset 0 0 0 1px rgba(var(--status-warning-rgb), 0.4),
-    var(--shadow-sm),
-    0 0 12px rgba(var(--status-warning-rgb), 0.1);
-  color: var(--status-warning);
-}
-.ds-status-badge--error {
-  background: rgba(var(--status-error-rgb), 0.08);
-  box-shadow:
-    inset 0 0 0 1px rgba(var(--status-error-rgb), 0.4),
-    var(--shadow-sm),
-    0 0 12px rgba(var(--status-error-rgb), 0.1);
-  color: var(--status-error);
-}
-.ds-status-badge--info {
-  background: rgba(var(--status-info-rgb), 0.08);
-  box-shadow:
-    inset 0 0 0 1px rgba(var(--status-info-rgb), 0.4),
-    var(--shadow-sm),
-    0 0 12px rgba(var(--status-info-rgb), 0.1);
-  color: var(--status-info);
-}
-.ds-status-badge__dot {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  flex-shrink: 0;
-}
-.ds-status-badge--default .ds-status-badge__dot {
-  background: var(--text-secondary);
-  box-shadow: 0 0 6px var(--glass-highlight-strong);
-}
-.ds-status-badge--success .ds-status-badge__dot {
-  background: var(--status-success);
-  box-shadow: 0 0 8px rgba(var(--status-success-rgb), 0.5);
-}
-.ds-status-badge--warning .ds-status-badge__dot {
-  background: var(--status-warning);
-  box-shadow: 0 0 8px rgba(var(--status-warning-rgb), 0.5);
+  color: var(--text-secondary);
 }
-.ds-status-badge--error .ds-status-badge__dot {
-  background: var(--status-error);
-  box-shadow: 0 0 8px rgba(var(--status-error-rgb), 0.5);
+.ds-badge--tone-aurora-pink {
+  background: rgba(var(--brand-pink-rgb, 221, 56, 84), 0.18);
+  color: var(--aurora-primary);
 }
-.ds-status-badge--info .ds-status-badge__dot {
-  background: var(--status-info);
-  box-shadow: 0 0 8px rgba(var(--status-info-rgb), 0.5);
+.ds-badge--tone-aurora-gold {
+  background: rgba(var(--brand-pink-rgb, 221, 56, 84), 0.1);
+  color: var(--aurora-secondary);
 }
-.ds-status-badge--dot:empty {
-  padding: var(--space-1);
+.ds-badge--tone-aurora-plum {
+  background: rgba(var(--brand-pink-rgb, 221, 56, 84), 0.1);
+  color: var(--aurora-tertiary);
 }
-.ds-status-badge--dot:empty .ds-status-badge__dot {
-  width: 8px;
-  height: 8px;
+.ds-badge--tone-status-success {
+  background: rgba(var(--status-success-rgb, 34, 197, 94), 0.15);
+  color: var(--status-success, #22c55e);
 }
-@media (prefers-contrast: more) {
-  .ds-status-badge {
-    border: 1px solid currentColor;
-  }
-  .ds-status-badge--default {
-    border-color: var(--hc-border-strong);
-  }
+.ds-badge--tone-status-warning {
+  background: rgba(var(--status-warning-rgb, 234, 179, 8), 0.15);
+  color: var(--status-warning, #eab308);
 }
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-status-badge {
-    background: var(--fallback-surface);
-  }
-  .ds-status-badge--success {
-    background: var(--fallback-surface);
-  }
-  .ds-status-badge--warning {
-    background: var(--fallback-surface);
-  }
-  .ds-status-badge--error {
-    background: var(--fallback-surface);
-  }
-  .ds-status-badge--info {
-    background: var(--fallback-surface);
-  }
+.ds-badge--tone-status-error {
+  background: rgba(var(--status-error-rgb, 239, 68, 68), 0.15);
+  color: var(--status-error, #ef4444);
 }
 
-/* src/components/Alert/Alert.css */
-.ds-alert {
-  display: flex;
-  align-items: flex-start;
-  gap: var(--space-4);
-  padding: var(--space-4);
-  border-radius: var(--radius-card);
-  font-family: var(--font-family);
-  color: var(--text-primary);
-  width: 100%;
+/* src/components/Card/Card.css */
+.ds-card {
   position: relative;
-  overflow: hidden;
   background: var(--glass-base);
   backdrop-filter: var(--glass-backdrop);
   -webkit-backdrop-filter: var(--glass-backdrop);
-  box-shadow: var(--glass-shadow-inner), var(--glass-shadow-outer);
-  border: 1px solid var(--rim-light-bottom);
-  border-top-color: var(--rim-light-top);
-  transition: all var(--transition-base);
+  border-radius: var(--radius-card);
+  border: 1px solid transparent;
+  background-clip: padding-box;
+  overflow: clip;
+  box-shadow: var(--shadow-md), var(--glass-shadow-inner);
 }
-.ds-alert__icon {
-  flex-shrink: 0;
-  width: 20px;
-  height: 20px;
-  margin-top: var(--space-0-5);
-  display: flex;
-  align-items: center;
-  justify-content: center;
+.ds-card::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  padding: var(--space-px);
+  background:
+    linear-gradient(
+      180deg,
+      var(--rim-light-hover-top) 0%,
+      var(--rim-light-top) 100%);
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask-composite: exclude;
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask-composite: xor;
+  pointer-events: none;
 }
-.ds-alert__content {
-  flex: 1;
+.ds-card__header {
   display: flex;
   flex-direction: column;
-  gap: var(--space-1);
+  gap: var(--space-2);
+  padding: var(--space-6) var(--space-6) 0;
 }
-.ds-alert__title {
+.ds-card__title {
+  margin: 0;
+  font-family: var(--font-family);
+  font-size: var(--font-size-lg);
   font-weight: var(--font-weight-semibold);
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-tight);
   color: var(--text-primary);
+  line-height: var(--line-height-tight);
 }
-.ds-alert__description {
+.ds-card__description {
+  margin: 0;
+  font-family: var(--font-family);
   font-size: var(--font-size-sm);
   color: var(--text-secondary);
   line-height: var(--line-height-normal);
 }
-.ds-alert--info {
-  background: rgba(var(--status-info-rgb), 0.05);
-  border-left: 4px solid var(--status-info);
-}
-.ds-alert--info .ds-alert__icon {
-  color: var(--status-info);
-}
-.ds-alert--success {
-  background: rgba(var(--status-success-rgb), 0.05);
-  border-left: 4px solid var(--status-success);
-}
-.ds-alert--success .ds-alert__icon {
-  color: var(--status-success);
-}
-.ds-alert--warning {
-  background: rgba(var(--status-warning-rgb), 0.05);
-  border-left: 4px solid var(--status-warning);
-}
-.ds-alert--warning .ds-alert__icon {
-  color: var(--status-warning);
-}
-.ds-alert--error {
-  background: rgba(var(--status-error-rgb), 0.05);
-  border-left: 4px solid var(--status-error);
-}
-.ds-alert--error .ds-alert__icon {
-  color: var(--status-error);
-}
-@media (prefers-contrast: more) {
-  .ds-alert {
-    border: 2px solid currentColor;
-    background: transparent;
-  }
-}
-
-/* src/components/Toast/Toast.css */
-.ds-toast-viewport {
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  display: flex;
-  flex-direction: column;
-  padding: var(--space-6);
-  gap: var(--space-3);
-  width: 390px;
-  max-width: 100vw;
-  margin: 0;
-  list-style: none;
-  z-index: var(--z-modal);
-  pointer-events: none;
-}
-.ds-toast-root {
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop-heavy);
-  -webkit-backdrop-filter: var(--glass-backdrop-heavy);
-  border: 1px solid var(--rim-light-bottom);
-  border-top-color: var(--rim-light-top);
-  border-radius: var(--radius-card);
-  box-shadow: var(--glass-shadow-elevated);
-  padding: var(--space-4);
-  display: grid;
-  grid-template-areas: "title action" "description action";
-  grid-template-columns: auto max-content;
-  column-gap: var(--space-4);
-  align-items: center;
-  pointer-events: auto;
-  transition: all var(--transition-base);
-}
-.ds-toast-root[data-state=open] {
-  animation: slide-in 150ms cubic-bezier(0.16, 1, 0.3, 1);
-}
-.ds-toast-root[data-state=closed] {
-  animation: hide 100ms ease-in;
-}
-.ds-toast-root[data-swipe=move] {
-  transform: translateX(var(--radix-toast-swipe-move-x));
-}
-.ds-toast-root[data-swipe=cancel] {
-  transform: translateX(0);
-  transition: transform 200ms ease-out;
-}
-.ds-toast-root[data-swipe=end] {
-  animation: swipe-out 100ms ease-out;
-}
-.ds-toast-title {
-  grid-area: title;
-  font-weight: var(--font-weight-medium);
-  font-size: var(--font-size-sm);
-  color: var(--text-primary);
-}
-.ds-toast-description {
-  grid-area: description;
-  font-size: var(--font-size-xs);
-  color: var(--text-secondary);
-  margin: 0;
-}
-.ds-toast-action {
-  grid-area: action;
-}
-.ds-toast--success {
-  border-left: 3px solid var(--status-success);
-}
-.ds-toast--error {
-  border-left: 3px solid var(--status-error);
-}
-.ds-toast--warning {
-  border-left: 3px solid var(--status-warning);
-}
-.ds-toast--info {
-  border-left: 3px solid var(--status-info);
-}
-@keyframes slide-in {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-@keyframes hide {
-  from {
-    opacity: 1;
-  }
-  to {
-    opacity: 0;
-  }
-}
-@keyframes swipe-out {
-  from {
-    transform: translateX(var(--radix-toast-swipe-end-x));
-  }
-  to {
-    transform: translateX(100%);
-  }
-}
-
-/* src/components/DropdownMenu/DropdownMenu.css */
-.ds-dropdown-menu__trigger {
-  all: unset;
-  display: inline-flex;
-}
-.ds-dropdown-menu__content {
-  min-width: 220px;
-  padding: var(--space-1);
-  background: var(--glass-base-active);
-  backdrop-filter: var(--glass-backdrop-heavy);
-  -webkit-backdrop-filter: var(--glass-backdrop-heavy);
-  border-radius: var(--radius-button);
-  border: 1px solid var(--rim-light-bottom);
-  box-shadow: var(--glass-shadow-elevated);
-  outline: none;
-  transform-origin: var(--transform-origin);
-  animation: ds-dropdown-scale-in 200ms cubic-bezier(0.16, 1, 0.3, 1);
-  z-index: var(--z-dropdown);
-}
-@keyframes ds-dropdown-scale-in {
-  from {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-.ds-dropdown-menu__item {
-  display: flex;
-  align-items: center;
-  padding: var(--space-2) var(--space-3);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  color: var(--text-secondary);
-  border-radius: calc(var(--radius-button) - 4px);
-  cursor: pointer;
-  outline: none;
-  user-select: none;
-  transition: background var(--transition-fast), color var(--transition-fast);
-}
-.ds-dropdown-menu__item[data-highlighted] {
-  background: var(--glass-base-hover);
-  color: var(--text-primary);
-}
-.ds-dropdown-menu__item[data-disabled] {
-  opacity: 0.5;
-  cursor: not-allowed;
-  color: var(--text-disabled);
-}
-.ds-dropdown-menu__separator {
-  height: 1px;
-  background: var(--rim-light-bottom);
-  margin: var(--space-1) 0;
-}
-.ds-dropdown-menu__label {
-  padding: var(--space-2) var(--space-3);
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-bold);
-  color: var(--text-tertiary);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-}
-
-/* src/components/EmptyState/EmptyState.css */
-.ds-empty-state {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  text-align: center;
-  padding: var(--space-12) var(--space-6);
-  background: var(--glass-base);
-  border-radius: var(--radius-card);
-  border: 1px dashed var(--rim-light-bottom);
-  color: var(--text-primary);
-}
-.ds-empty-state__icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 64px;
-  height: 64px;
-  margin-bottom: var(--space-6);
-  color: var(--text-tertiary);
-  background: var(--glass-base-hover);
-  border-radius: 50%;
-  & svg {
-    width: 32px;
-    height: 32px;
-  }
-}
-.ds-empty-state__title {
-  margin: 0 0 var(--space-2);
-  font-family: var(--font-family);
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-primary);
-}
-.ds-empty-state__description {
-  margin: 0 0 var(--space-6);
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  color: var(--text-secondary);
-  max-width: 400px;
-  line-height: var(--line-height-relaxed);
-}
-.ds-empty-state__action {
-  display: flex;
-  gap: var(--space-3);
-}
-
-/* src/components/Card/Card.css */
-.ds-card {
-  position: relative;
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  border-radius: var(--radius-card);
-  border: 1px solid transparent;
-  background-clip: padding-box;
-  overflow: clip;
-  box-shadow: var(--shadow-md), var(--glass-shadow-inner);
-}
-.ds-card::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-top) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-.ds-card__header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  padding: var(--space-6) var(--space-6) 0;
-}
-.ds-card__title {
-  margin: 0;
-  font-family: var(--font-family);
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-primary);
-  line-height: var(--line-height-tight);
-}
-.ds-card__description {
-  margin: 0;
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  color: var(--text-secondary);
-  line-height: var(--line-height-normal);
-}
-.ds-card__content {
-  padding: var(--space-6);
+.ds-card__content {
+  padding: var(--space-6);
 }
 .ds-card__footer {
   display: flex;
@@ -2453,91 +1306,29 @@
     background: var(--fallback-surface);
   }
 }
-
-/* src/components/Accordion/Accordion.css */
-.ds-accordion {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  font-family: var(--font-family);
-}
-.ds-accordion__item {
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  border-bottom: 1px solid var(--rim-light-bottom);
-  transition: background var(--transition-glass);
-}
-.ds-accordion__item:first-child {
-  border-top-left-radius: var(--radius-card);
-  border-top-right-radius: var(--radius-card);
-}
-.ds-accordion__item:last-child {
-  border-bottom-left-radius: var(--radius-card);
-  border-bottom-right-radius: var(--radius-card);
-  border-bottom: none;
-}
-.ds-accordion__trigger {
-  all: unset;
-  box-sizing: border-box;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  width: 100%;
-  padding: var(--space-4);
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-primary);
-  cursor: pointer;
-  transition: color var(--transition-fast), background var(--transition-fast);
-}
-.ds-accordion__trigger:hover {
-  background: var(--glass-base-hover);
-}
-.ds-accordion__trigger:focus-visible {
-  box-shadow: var(--focus-ring);
-  z-index: 2;
-  position: relative;
-}
-.ds-accordion__trigger-text {
-  flex: 1;
-  text-align: left;
-}
-.ds-accordion__chevron {
-  flex-shrink: 0;
-  color: var(--text-secondary);
-  transition: transform var(--transition-fast);
+.ds-card--tier-1 {
+  box-shadow: var(--shadow-md), var(--glass-shadow-inner);
 }
-.ds-accordion__item[data-state=open] .ds-accordion__chevron {
-  transform: rotate(180deg);
+.ds-card--tier-2 {
+  box-shadow: var(--glass-shadow-elevated), var(--glass-shadow-inner);
 }
-.ds-accordion__content {
-  overflow: hidden;
-  transition: height 200ms ease;
+.ds-card--tier-3 {
+  box-shadow:
+    var(--glass-shadow-elevated),
+    var(--glass-shadow-inner),
+    var(--shadow-xl);
 }
-.ds-accordion__content-inner {
-  padding: 0 var(--space-4) var(--space-4);
-  font-size: var(--font-size-sm);
-  color: var(--text-secondary);
-  line-height: var(--line-height-normal);
+.ds-card--radius-panel {
+  border-radius: var(--radius-panel);
 }
-@media (prefers-reduced-motion: reduce) {
-  .ds-accordion__content {
-    transition: none;
-  }
-  .ds-accordion__chevron {
-    transition: none;
-  }
+.ds-card--radius-pill {
+  border-radius: var(--radius-pill);
 }
-@media (prefers-contrast: more) {
-  .ds-accordion__item {
-    border-bottom: 2px solid currentColor;
-    background: transparent;
-  }
-  .ds-accordion__trigger:focus-visible {
-    outline: 2px solid currentColor;
-  }
+.ds-card--aurora {
+  box-shadow:
+    var(--shadow-md),
+    var(--glass-shadow-inner),
+    inset 0 0 40px -10px var(--aurora-pink-low);
 }
 
 /* src/components/Label/Label.css */
@@ -2613,177 +1404,6 @@
   }
 }
 
-/* src/components/Sheet/Sheet.css */
-.ds-sheet__backdrop {
-  position: fixed;
-  inset: 0;
-  background: var(--overlay-backdrop);
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
-  z-index: var(--z-modal-backdrop);
-  animation: ds-sheet-backdrop-fade-in 0.2s ease-out;
-}
-.ds-sheet__content {
-  position: fixed;
-  z-index: var(--z-modal);
-  outline: none;
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  box-shadow: var(--shadow-xl), var(--glass-shadow-inner);
-  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-}
-.ds-sheet__content::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-top) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-.ds-sheet__content--right {
-  top: 0;
-  right: 0;
-  height: 100%;
-  width: 100%;
-  max-width: 360px;
-  border-radius: var(--radius-panel) 0 0 var(--radius-panel);
-  animation: ds-sheet-slide-in-right 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-}
-.ds-sheet__content--left {
-  top: 0;
-  left: 0;
-  height: 100%;
-  width: 100%;
-  max-width: 360px;
-  border-radius: 0 var(--radius-panel) var(--radius-panel) 0;
-  animation: ds-sheet-slide-in-left 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-}
-.ds-sheet__content--top {
-  top: 0;
-  left: 0;
-  width: 100%;
-  max-height: 360px;
-  border-radius: 0 0 var(--radius-panel) var(--radius-panel);
-  animation: ds-sheet-slide-in-top 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-}
-.ds-sheet__content--bottom {
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  max-height: 360px;
-  border-radius: var(--radius-panel) var(--radius-panel) 0 0;
-  animation: ds-sheet-slide-in-bottom 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-}
-.ds-sheet__header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  padding: var(--space-6);
-}
-.ds-sheet__title {
-  margin: 0;
-  font-family: var(--font-family);
-  font-size: var(--font-size-xl);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-primary);
-  line-height: var(--line-height-tight);
-}
-.ds-sheet__description {
-  margin: 0;
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  color: var(--text-secondary);
-  line-height: var(--line-height-normal);
-}
-.ds-sheet__footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--space-3);
-  padding: var(--space-6);
-}
-@keyframes ds-sheet-backdrop-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes ds-sheet-slide-in-right {
-  from {
-    transform: translateX(100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-@keyframes ds-sheet-slide-in-left {
-  from {
-    transform: translateX(-100%);
-  }
-  to {
-    transform: translateX(0);
-  }
-}
-@keyframes ds-sheet-slide-in-top {
-  from {
-    transform: translateY(-100%);
-  }
-  to {
-    transform: translateY(0);
-  }
-}
-@keyframes ds-sheet-slide-in-bottom {
-  from {
-    transform: translateY(100%);
-  }
-  to {
-    transform: translateY(0);
-  }
-}
-@media (prefers-contrast: more) {
-  .ds-sheet__backdrop {
-    background: var(--overlay-backdrop-heavy);
-    backdrop-filter: none;
-  }
-  .ds-sheet__content {
-    background: var(--hc-surface);
-    border: 1px solid var(--hc-border);
-  }
-  .ds-sheet__content::before {
-    display: none;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-sheet__backdrop,
-  .ds-sheet__content,
-  .ds-sheet__content--right,
-  .ds-sheet__content--left,
-  .ds-sheet__content--top,
-  .ds-sheet__content--bottom {
-    animation: none;
-    transition: none;
-  }
-}
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-sheet__backdrop {
-    background: var(--fallback-backdrop);
-  }
-  .ds-sheet__content {
-    background: var(--fallback-surface);
-  }
-}
-
 /* src/components/Avatar/Avatar.css */
 .ds-avatar {
   position: relative;
@@ -2842,260 +1462,6 @@
   }
 }
 
-/* src/components/Popover/Popover.css */
-.ds-popover {
-  position: relative;
-  display: inline-block;
-}
-.ds-popover__trigger {
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  font: inherit;
-  color: inherit;
-}
-.ds-popover__content {
-  position: absolute;
-  z-index: var(--z-popover);
-  min-width: 200px;
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  border-radius: var(--radius-card);
-  padding: var(--space-4);
-  box-shadow: var(--shadow-lg), var(--glass-shadow-inner);
-  animation: ds-popover-scale-in 0.15s ease-out;
-}
-.ds-popover__content::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-top) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-.ds-popover__content--bottom {
-  top: 100%;
-  margin-top: var(--space-2);
-}
-.ds-popover__content--top {
-  bottom: 100%;
-  margin-bottom: var(--space-2);
-}
-.ds-popover__content--right {
-  left: 100%;
-  top: 0;
-  margin-left: var(--space-2);
-}
-.ds-popover__content--left {
-  right: 100%;
-  top: 0;
-  margin-right: var(--space-2);
-}
-.ds-popover__content--align-start {
-  left: 0;
-}
-.ds-popover__content--bottom.ds-popover__content--align-center,
-.ds-popover__content--top.ds-popover__content--align-center {
-  left: 50%;
-  transform: translateX(-50%);
-}
-.ds-popover__content--right.ds-popover__content--align-center,
-.ds-popover__content--left.ds-popover__content--align-center {
-  top: 50%;
-  transform: translateY(-50%);
-}
-.ds-popover__content--align-end {
-  right: 0;
-}
-.ds-popover__content--right.ds-popover__content--align-end,
-.ds-popover__content--left.ds-popover__content--align-end {
-  top: auto;
-  bottom: 0;
-}
-.ds-popover__close {
-  background: none;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  font: inherit;
-  color: var(--text-secondary);
-  transition: color var(--transition-glass);
-}
-.ds-popover__close:hover {
-  color: var(--text-primary);
-}
-.ds-popover__close:focus-visible {
-  box-shadow: var(--focus-ring);
-  outline: none;
-  border-radius: var(--radius-badge);
-}
-@keyframes ds-popover-scale-in {
-  from {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-.ds-popover__content--bottom.ds-popover__content--align-center,
-.ds-popover__content--top.ds-popover__content--align-center {
-  animation: ds-popover-scale-in-center-x 0.15s ease-out;
-}
-.ds-popover__content--right.ds-popover__content--align-center,
-.ds-popover__content--left.ds-popover__content--align-center {
-  animation: ds-popover-scale-in-center-y 0.15s ease-out;
-}
-@keyframes ds-popover-scale-in-center-x {
-  from {
-    opacity: 0;
-    transform: translateX(-50%) scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(-50%) scale(1);
-  }
-}
-@keyframes ds-popover-scale-in-center-y {
-  from {
-    opacity: 0;
-    transform: translateY(-50%) scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(-50%) scale(1);
-  }
-}
-@media (prefers-contrast: more) {
-  .ds-popover__content {
-    background: var(--hc-surface);
-    border: 1px solid var(--hc-border-strong);
-    backdrop-filter: none;
-  }
-  .ds-popover__content::before {
-    display: none;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-popover__content {
-    animation: none;
-  }
-  .ds-popover__content--bottom.ds-popover__content--align-center,
-  .ds-popover__content--top.ds-popover__content--align-center,
-  .ds-popover__content--right.ds-popover__content--align-center,
-  .ds-popover__content--left.ds-popover__content--align-center {
-    animation: none;
-  }
-}
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-popover__content {
-    background: var(--fallback-surface);
-  }
-}
-
-/* src/components/Progress/Progress.css */
-.ds-progress {
-  position: relative;
-  height: 8px;
-  width: 100%;
-  overflow: hidden;
-  border-radius: var(--radius-badge);
-  background: var(--glass-base);
-}
-.ds-progress__indicator {
-  height: 100%;
-  border-radius: inherit;
-  background: var(--brand-pink);
-  transition: width 0.3s cubic-bezier(0.65, 0, 0.35, 1);
-}
-@media (prefers-contrast: more) {
-  .ds-progress {
-    background: var(--hc-surface);
-    border: 1px solid var(--hc-border-strong);
-  }
-  .ds-progress__indicator {
-    border: 1px solid var(--hc-border-strong);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-progress__indicator {
-    transition: none;
-  }
-}
-
-/* src/components/ScrollArea/ScrollArea.css */
-.ds-scroll-area {
-  position: relative;
-  overflow: hidden;
-}
-.ds-scroll-area__viewport {
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  scrollbar-width: thin;
-  scrollbar-color: var(--glass-base-hover) transparent;
-}
-.ds-scroll-area__viewport::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-  background: transparent;
-}
-.ds-scroll-area__viewport::-webkit-scrollbar-track {
-  background: transparent;
-}
-.ds-scroll-area__viewport::-webkit-scrollbar-thumb {
-  background: var(--glass-base-hover);
-  border-radius: 3px;
-}
-.ds-scroll-area__viewport::-webkit-scrollbar-thumb:hover {
-  background: var(--glass-base-active);
-}
-.ds-scroll-area__viewport::-webkit-scrollbar-corner {
-  background: transparent;
-}
-.ds-scroll-area__scrollbar {
-  position: absolute;
-  background: var(--glass-base-hover);
-  border-radius: 3px;
-  opacity: 0.5;
-  transition: opacity var(--transition-glass);
-}
-.ds-scroll-area__scrollbar:hover {
-  opacity: 0.8;
-}
-.ds-scroll-area__scrollbar--vertical {
-  top: 0;
-  right: 0;
-  width: 6px;
-  height: 100%;
-}
-.ds-scroll-area__scrollbar--horizontal {
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 6px;
-}
-@media (prefers-contrast: more) {
-  .ds-scroll-area__viewport::-webkit-scrollbar-thumb {
-    border: 1px solid currentColor;
-  }
-  .ds-scroll-area__viewport {
-    scrollbar-color: currentColor transparent;
-  }
-}
-
 /* src/components/Breadcrumb/Breadcrumb.css */
 .ds-breadcrumb {
 }
@@ -3141,313 +1507,6 @@
   }
 }
 
-/* src/components/Toggle/Toggle.css */
-.ds-toggle {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: var(--space-2);
-  border: none;
-  cursor: pointer;
-  font-family: var(--font-family);
-  font-weight: var(--font-weight-medium);
-  border-radius: var(--radius-button);
-  color: var(--text-secondary);
-  outline: none;
-  background: transparent;
-  backdrop-filter: none;
-  -webkit-backdrop-filter: none;
-  transition:
-    background var(--transition-glass),
-    color var(--transition-glass),
-    box-shadow var(--transition-glass);
-}
-.ds-toggle--default:hover:not(:disabled) {
-  background: var(--glass-base);
-  color: var(--text-primary);
-}
-.ds-toggle--default[data-state=on] {
-  background: var(--glass-base-hover);
-  color: var(--text-primary);
-}
-.ds-toggle--default[data-state=on]:hover:not(:disabled) {
-  background: var(--glass-base-active);
-}
-.ds-toggle--outline {
-  background: transparent;
-}
-.ds-toggle--outline::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-top) 0%,
-      var(--rim-light-bottom) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-  transition: background var(--transition-glass);
-}
-.ds-toggle--outline:hover:not(:disabled) {
-  background: var(--glass-base);
-  color: var(--text-primary);
-}
-.ds-toggle--outline:hover:not(:disabled)::before {
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-hover-bottom) 100%);
-}
-.ds-toggle--outline[data-state=on] {
-  background: var(--glass-base-hover);
-  color: var(--text-primary);
-}
-.ds-toggle--outline[data-state=on]::before {
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-hover-bottom) 100%);
-}
-.ds-toggle--outline[data-state=on]:hover:not(:disabled) {
-  background: var(--glass-base-active);
-}
-.ds-toggle--sm {
-  font-size: var(--font-size-sm);
-  padding: var(--space-2) var(--space-4);
-  height: 2rem;
-}
-.ds-toggle--md {
-  font-size: var(--font-size-base);
-  padding: var(--space-2) var(--space-5);
-  height: 2.5rem;
-}
-.ds-toggle--lg {
-  font-size: var(--font-size-lg);
-  padding: var(--space-3) var(--space-6);
-  height: 3rem;
-}
-.ds-toggle:focus-visible {
-  box-shadow: var(--focus-ring);
-}
-.ds-toggle:disabled {
-  opacity: 0.4;
-  cursor: not-allowed;
-}
-@media (prefers-contrast: more) {
-  .ds-toggle[data-state=on] {
-    background: var(--hc-surface-subtle);
-    border: 1px solid var(--hc-border-strong);
-  }
-  .ds-toggle--outline::before {
-    display: none;
-  }
-  .ds-toggle--outline {
-    border: 1px solid var(--hc-border);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-toggle {
-    transition: none;
-  }
-}
-
-/* src/components/ToggleGroup/ToggleGroup.css */
-.ds-toggle-group {
-  display: inline-flex;
-  gap: 0;
-}
-.ds-toggle-group__item {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 2.5rem;
-  height: 2.5rem;
-  padding: 0 var(--space-3);
-  border: 1px solid var(--rim-light-top);
-  background: transparent;
-  color: var(--text-primary);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  cursor: pointer;
-  transition:
-    background var(--transition-glass),
-    color var(--transition-glass),
-    border-color var(--transition-glass);
-}
-.ds-toggle-group__item:first-child {
-  border-top-left-radius: var(--radius-button);
-  border-bottom-left-radius: var(--radius-button);
-}
-.ds-toggle-group__item:last-child {
-  border-top-right-radius: var(--radius-button);
-  border-bottom-right-radius: var(--radius-button);
-}
-.ds-toggle-group__item:not(:first-child) {
-  border-left: none;
-}
-.ds-toggle-group__item:hover {
-  background: var(--glass-base);
-}
-.ds-toggle-group__item:focus-visible {
-  outline: 2px solid var(--brand-pink);
-  outline-offset: 2px;
-  z-index: 1;
-}
-.ds-toggle-group__item--pressed {
-  background: var(--glass-base);
-  color: var(--text-primary);
-  border-color: var(--brand-pink);
-}
-.ds-toggle-group__item--pressed:hover {
-  background: rgba(var(--brand-pink-rgb), 0.15);
-}
-@media (prefers-contrast: more) {
-  .ds-toggle-group__item {
-    border-color: var(--hc-border-strong);
-  }
-  .ds-toggle-group__item--pressed {
-    background: rgba(var(--brand-pink-rgb), 0.3);
-    border-color: var(--brand-pink);
-  }
-}
-
-/* src/components/Slider/Slider.css */
-.ds-slider {
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  height: 16px;
-  touch-action: none;
-  user-select: none;
-}
-.ds-slider__track {
-  position: absolute;
-  left: 0;
-  right: 0;
-  height: 6px;
-  border-radius: var(--radius-pill);
-  background: var(--glass-base);
-  overflow: hidden;
-  pointer-events: none;
-}
-.ds-slider__range {
-  height: 100%;
-  border-radius: var(--radius-pill);
-  background: var(--btn-primary-bg);
-  box-shadow: 0 0 12px rgba(var(--brand-pink-rgb), 0.25);
-  transition: width 0.05s linear;
-}
-.ds-slider__thumb {
-  position: absolute;
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  -webkit-appearance: none;
-  appearance: none;
-}
-.ds-slider__thumb::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background:
-    linear-gradient(
-      180deg,
-      var(--glass-knob-start) 0%,
-      var(--glass-knob-end) 100%);
-  border: none;
-  cursor: pointer;
-  box-shadow: var(--shadow-sm), var(--shadow-xs);
-  transition: box-shadow var(--transition-glass), transform var(--transition-glass);
-}
-.ds-slider__thumb::-webkit-slider-thumb:hover {
-  box-shadow: var(--shadow-md), 0 0 8px rgba(var(--brand-pink-rgb), 0.3);
-  transform: scale(1.1);
-}
-.ds-slider__thumb::-moz-range-thumb {
-  width: 16px;
-  height: 16px;
-  border-radius: 50%;
-  background:
-    linear-gradient(
-      180deg,
-      var(--glass-knob-start) 0%,
-      var(--glass-knob-end) 100%);
-  border: none;
-  cursor: pointer;
-  box-shadow: var(--shadow-sm), var(--shadow-xs);
-  transition: box-shadow var(--transition-glass), transform var(--transition-glass);
-}
-.ds-slider__thumb::-moz-range-thumb:hover {
-  box-shadow: var(--shadow-md), 0 0 8px rgba(var(--brand-pink-rgb), 0.3);
-  transform: scale(1.1);
-}
-.ds-slider__thumb::-moz-range-track {
-  background: transparent;
-  border: none;
-  height: 6px;
-}
-.ds-slider__thumb:focus-visible {
-  outline: none;
-}
-.ds-slider__thumb:focus-visible::-webkit-slider-thumb {
-  box-shadow: var(--shadow-sm), var(--focus-ring);
-}
-.ds-slider__thumb:focus-visible::-moz-range-thumb {
-  box-shadow: var(--shadow-sm), var(--focus-ring);
-}
-.ds-slider--disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-.ds-slider--disabled .ds-slider__thumb {
-  cursor: not-allowed;
-}
-@media (prefers-contrast: more) {
-  .ds-slider__track {
-    background: var(--hc-surface-input);
-    border: 1px solid var(--hc-border-strong);
-  }
-  .ds-slider__range {
-    background: rgba(var(--brand-pink-rgb), 0.8);
-  }
-  .ds-slider__thumb::-webkit-slider-thumb {
-    background: var(--hc-control-knob);
-  }
-  .ds-slider__thumb::-moz-range-thumb {
-    background: var(--hc-control-knob);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-slider__range {
-    transition: none;
-  }
-  .ds-slider__thumb::-webkit-slider-thumb {
-    transition: none;
-  }
-  .ds-slider__thumb::-moz-range-thumb {
-    transition: none;
-  }
-}
-
 /* src/components/Collapsible/Collapsible.css */
 .ds-collapsible {
   width: 100%;
@@ -3482,1452 +1541,4 @@
     transition: none;
   }
 }
-
-/* src/components/HoverCard/HoverCard.css */
-.ds-hover-card {
-  position: relative;
-  display: inline-block;
-}
-.ds-hover-card__trigger {
-  cursor: pointer;
-}
-.ds-hover-card__content {
-  position: absolute;
-  z-index: var(--z-popover);
-  min-width: 200px;
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  border-radius: var(--radius-card);
-  padding: var(--space-4);
-  box-shadow: var(--shadow-lg), var(--glass-shadow-inner);
-  animation: ds-hover-card-scale-in 0.15s ease-out;
-}
-.ds-hover-card__content::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-top) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-.ds-hover-card__content--bottom {
-  top: 100%;
-  margin-top: var(--space-2);
-}
-.ds-hover-card__content--top {
-  bottom: 100%;
-  margin-bottom: var(--space-2);
-}
-.ds-hover-card__content--right {
-  left: 100%;
-  top: 0;
-  margin-left: var(--space-2);
-}
-.ds-hover-card__content--left {
-  right: 100%;
-  top: 0;
-  margin-right: var(--space-2);
-}
-.ds-hover-card__content--align-start {
-  left: 0;
-}
-.ds-hover-card__content--bottom.ds-hover-card__content--align-center,
-.ds-hover-card__content--top.ds-hover-card__content--align-center {
-  left: 50%;
-  transform: translateX(-50%);
-}
-.ds-hover-card__content--right.ds-hover-card__content--align-center,
-.ds-hover-card__content--left.ds-hover-card__content--align-center {
-  top: 50%;
-  transform: translateY(-50%);
-}
-.ds-hover-card__content--align-end {
-  right: 0;
-}
-.ds-hover-card__content--right.ds-hover-card__content--align-end,
-.ds-hover-card__content--left.ds-hover-card__content--align-end {
-  top: auto;
-  bottom: 0;
-}
-@keyframes ds-hover-card-scale-in {
-  from {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-.ds-hover-card__content--bottom.ds-hover-card__content--align-center,
-.ds-hover-card__content--top.ds-hover-card__content--align-center {
-  animation: ds-hover-card-scale-in-center-x 0.15s ease-out;
-}
-.ds-hover-card__content--right.ds-hover-card__content--align-center,
-.ds-hover-card__content--left.ds-hover-card__content--align-center {
-  animation: ds-hover-card-scale-in-center-y 0.15s ease-out;
-}
-@keyframes ds-hover-card-scale-in-center-x {
-  from {
-    opacity: 0;
-    transform: translateX(-50%) scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: translateX(-50%) scale(1);
-  }
-}
-@keyframes ds-hover-card-scale-in-center-y {
-  from {
-    opacity: 0;
-    transform: translateY(-50%) scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(-50%) scale(1);
-  }
-}
-@media (prefers-contrast: more) {
-  .ds-hover-card__content {
-    background: var(--hc-surface);
-    border: 1px solid var(--hc-border-strong);
-    backdrop-filter: none;
-  }
-  .ds-hover-card__content::before {
-    display: none;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-hover-card__content {
-    animation: none;
-  }
-  .ds-hover-card__content--bottom.ds-hover-card__content--align-center,
-  .ds-hover-card__content--top.ds-hover-card__content--align-center,
-  .ds-hover-card__content--right.ds-hover-card__content--align-center,
-  .ds-hover-card__content--left.ds-hover-card__content--align-center {
-    animation: none;
-  }
-}
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-hover-card__content {
-    background: var(--fallback-surface);
-  }
-}
-
-/* src/components/AspectRatio/AspectRatio.css */
-.ds-aspect-ratio {
-  position: relative;
-  width: 100%;
-}
-.ds-aspect-ratio > * {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
-}
-
-/* src/components/Pagination/Pagination.css */
-.ds-pagination {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-}
-.ds-pagination__content {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: var(--space-1);
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.ds-pagination__item {
-  display: flex;
-  align-items: center;
-}
-.ds-pagination__link {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 2.5rem;
-  height: 2.5rem;
-  padding: 0 var(--space-2);
-  border: none;
-  border-radius: var(--radius-button);
-  background: transparent;
-  color: var(--text-primary);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  cursor: pointer;
-  transition: background var(--transition-glass), color var(--transition-glass);
-  text-decoration: none;
-}
-.ds-pagination__link:hover {
-  background: var(--glass-base);
-}
-.ds-pagination__link:focus-visible {
-  outline: 2px solid var(--brand-pink);
-  outline-offset: 2px;
-}
-.ds-pagination__link--sm {
-  min-width: 2rem;
-  height: 2rem;
-  font-size: var(--font-size-xs);
-}
-.ds-pagination__link--active {
-  background: var(--brand-pink);
-  color: var(--text-primary);
-}
-.ds-pagination__link--active:hover {
-  background: var(--brand-pink);
-  opacity: 0.9;
-}
-.ds-pagination__prev,
-.ds-pagination__next {
-  gap: var(--space-2);
-}
-.ds-pagination__ellipsis {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-width: 2.5rem;
-  height: 2.5rem;
-  color: var(--text-secondary);
-  font-size: var(--font-size-sm);
-  letter-spacing: var(--letter-spacing-widest);
-}
-@media (prefers-contrast: more) {
-  .ds-pagination__link:hover {
-    background: var(--hc-surface-subtle);
-  }
-  .ds-pagination__link--active {
-    outline: 2px solid var(--brand-pink);
-  }
-}
-
-/* src/components/Typography/Typography.css */
-.ds-heading {
-  margin: 0;
-  font-family: var(--font-family);
-  color: var(--text-primary);
-}
-.ds-heading--display {
-  font-size: var(--font-size-3xl);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-tight);
-  letter-spacing: var(--letter-spacing-tight);
-}
-.ds-heading--h1 {
-  font-size: var(--font-size-2xl);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-tight);
-  letter-spacing: var(--letter-spacing-tight);
-}
-.ds-heading--h2 {
-  font-size: var(--font-size-xl);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-tight);
-  letter-spacing: var(--letter-spacing-slightly-tight);
-}
-.ds-heading--h3 {
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-snug);
-}
-.ds-heading--h4 {
-  font-size: var(--font-size-base);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-normal);
-}
-.ds-heading--h5 {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-normal);
-}
-.ds-heading--h6 {
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-normal);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-}
-.ds-text {
-  margin: 0;
-  font-family: var(--font-family);
-}
-.ds-text--lead {
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-normal);
-  line-height: var(--line-height-relaxed);
-  color: var(--text-secondary);
-}
-.ds-text--body {
-  font-size: var(--font-size-base);
-  font-weight: var(--font-weight-normal);
-  line-height: var(--line-height-normal);
-  color: var(--text-primary);
-}
-.ds-text--small {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-normal);
-  line-height: var(--line-height-normal);
-  color: var(--text-secondary);
-}
-.ds-text--muted {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-normal);
-  line-height: var(--line-height-normal);
-  color: var(--text-secondary);
-  opacity: 0.7;
-}
-.ds-prose {
-  max-width: var(--content-width-prose, 42.5rem);
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  line-height: var(--line-height-relaxed);
-  color: var(--text-primary);
-}
-@media (min-width: 768px) {
-  .ds-prose {
-    font-size: var(--font-size-lg);
-  }
-}
-.ds-prose h1 {
-  font-size: var(--font-size-2xl);
-  font-weight: var(--font-weight-bold);
-  line-height: var(--line-height-tight);
-  letter-spacing: var(--letter-spacing-tight);
-  margin-top: 0;
-  margin-bottom: var(--spacing-content-block-large, 3rem);
-  color: var(--text-primary);
-}
-.ds-prose h2 {
-  font-size: var(--font-size-xl);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-tight);
-  letter-spacing: var(--letter-spacing-slightly-tight);
-  margin-top: var(--spacing-content-heading-before, 2rem);
-  margin-bottom: var(--spacing-content-heading-after, 1.5rem);
-  color: var(--text-primary);
-}
-.ds-prose h3 {
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-snug);
-  margin-top: var(--spacing-content-heading-before, 2rem);
-  margin-bottom: var(--spacing-content-block-small, 1.5rem);
-  color: var(--text-primary);
-}
-.ds-prose h4 {
-  font-size: var(--font-size-base);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-normal);
-  margin-top: var(--spacing-content-block-medium, 2rem);
-  margin-bottom: var(--spacing-content-block-small, 1.5rem);
-  color: var(--text-primary);
-}
-.ds-prose h5,
-.ds-prose h6 {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  line-height: var(--line-height-normal);
-  margin-top: var(--spacing-content-block-medium, 2rem);
-  margin-bottom: var(--spacing-content-block-small, 1.5rem);
-  color: var(--text-primary);
-}
-.ds-prose :first-child {
-  margin-top: 0;
-}
-.ds-prose p {
-  margin-top: 0;
-  margin-bottom: var(--spacing-content-paragraph, 1rem);
-}
-.ds-prose p:last-child {
-  margin-bottom: 0;
-}
-.ds-prose a {
-  color: rgb(var(--accent-rgb));
-  text-decoration: underline;
-  text-underline-offset: 4px;
-  text-decoration-thickness: 1px;
-  transition: color var(--transition-glass), text-decoration-color var(--transition-glass);
-}
-.ds-prose a:hover {
-  text-decoration-color: transparent;
-}
-.ds-prose ul,
-.ds-prose ol {
-  margin-top: 0;
-  margin-bottom: var(--spacing-content-paragraph, 1rem);
-  padding-left: 1.5em;
-}
-.ds-prose li {
-  margin-bottom: var(--spacing-content-list, 0.5rem);
-}
-.ds-prose li:last-child {
-  margin-bottom: 0;
-}
-.ds-prose ul {
-  list-style-type: disc;
-}
-.ds-prose ol {
-  list-style-type: decimal;
-}
-.ds-prose blockquote {
-  margin-top: var(--spacing-content-block-medium, 2rem);
-  margin-bottom: var(--spacing-content-block-medium, 2rem);
-  padding: var(--space-4) var(--space-6);
-  border-left: 4px solid rgb(var(--accent-rgb));
-  background: var(--glass-base);
-  border-radius: 0 var(--radius-card) var(--radius-card) 0;
-  color: var(--text-secondary);
-  font-style: italic;
-  font-size: var(--font-size-lg);
-}
-.ds-prose blockquote p {
-  margin-bottom: 0;
-}
-.ds-prose code {
-  font-family: var(--font-family-mono, monospace);
-  font-size: var(--font-size-code-inline);
-  background: var(--glass-base);
-  padding: 0.15em 0.35em;
-  border-radius: var(--radius-badge);
-  color: var(--text-primary);
-}
-.ds-prose pre {
-  margin: 1.5em 0;
-  padding: var(--space-4);
-  background: var(--glass-base);
-  border-radius: var(--radius-card);
-  overflow-x: auto;
-}
-.ds-prose pre code {
-  background: none;
-  padding: 0;
-  border-radius: 0;
-  font-size: var(--font-size-sm);
-}
-.ds-prose hr {
-  border: none;
-  border-top: 1px solid var(--rim-light-top);
-  margin: 2em 0;
-}
-.ds-prose img {
-  max-width: 100%;
-  height: auto;
-  border-radius: var(--radius-card);
-  margin: 1.5em 0;
-}
-.ds-prose table {
-  width: 100%;
-  border-collapse: collapse;
-  margin: 1.5em 0;
-  font-size: var(--font-size-sm);
-}
-.ds-prose th,
-.ds-prose td {
-  padding: var(--space-2) var(--space-3);
-  border-bottom: 1px solid var(--rim-light-top);
-  text-align: left;
-}
-.ds-prose th {
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-primary);
-}
-.ds-prose td {
-  color: var(--text-secondary);
-}
-
-/* src/components/Carousel/Carousel.css */
-.ds-carousel {
-  position: relative;
-  width: 100%;
-}
-.ds-carousel__content {
-  display: flex;
-  overflow-x: auto;
-  scroll-snap-type: x mandatory;
-  scroll-behavior: smooth;
-  gap: var(--space-4);
-  scrollbar-width: none;
-  -ms-overflow-style: none;
-}
-.ds-carousel__content::-webkit-scrollbar {
-  display: none;
-}
-.ds-carousel__item {
-  flex-shrink: 0;
-  scroll-snap-align: start;
-}
-.ds-carousel__prev,
-.ds-carousel__next {
-  position: absolute;
-  top: 50%;
-  transform: translateY(-50%);
-  z-index: 1;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  border: none;
-  padding: 0;
-  cursor: pointer;
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  color: var(--text-primary);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-shadow: var(--shadow-lg), var(--glass-shadow-inner);
-  transition:
-    background var(--transition-glass),
-    color var(--transition-glass),
-    box-shadow var(--transition-glass);
-}
-.ds-carousel__prev {
-  left: var(--space-2);
-}
-.ds-carousel__next {
-  right: var(--space-2);
-}
-.ds-carousel__prev:hover,
-.ds-carousel__next:hover {
-  background: var(--glass-base-hover);
-}
-.ds-carousel__prev:focus-visible,
-.ds-carousel__next:focus-visible {
-  outline: none;
-  box-shadow: var(--focus-ring);
-}
-.ds-carousel__prev::before,
-.ds-carousel__next::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-top) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-@media (prefers-contrast: more) {
-  .ds-carousel__prev,
-  .ds-carousel__next {
-    background: var(--hc-surface);
-    border: 1px solid var(--hc-border);
-    backdrop-filter: none;
-  }
-  .ds-carousel__prev::before,
-  .ds-carousel__next::before {
-    display: none;
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-carousel__content {
-    scroll-behavior: auto;
-  }
-  .ds-carousel__prev,
-  .ds-carousel__next {
-    transition: none;
-  }
-}
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-carousel__prev,
-  .ds-carousel__next {
-    background: var(--fallback-surface);
-  }
-}
-
-/* src/components/Command/Command.css */
-.ds-command {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  overflow: hidden;
-  border-radius: var(--radius-panel);
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  box-shadow: var(--shadow-xl), var(--glass-shadow-inner);
-}
-.ds-command::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-top) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-.ds-command__input-wrapper {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-  padding: var(--space-3) var(--space-4);
-  border-bottom: 1px solid var(--rim-light-top);
-}
-.ds-command__input-icon {
-  flex-shrink: 0;
-  color: var(--text-secondary);
-}
-.ds-command__input {
-  flex: 1;
-  min-width: 0;
-  border: none;
-  outline: none;
-  background: transparent;
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  color: var(--text-primary);
-  line-height: var(--line-height-normal);
-}
-.ds-command__input:focus,
-.ds-command__input:focus-visible {
-  outline: none;
-  box-shadow: none;
-}
-.ds-command__input::placeholder {
-  color: var(--text-secondary);
-}
-.ds-command__list {
-  max-height: 320px;
-  overflow-y: auto;
-  padding: var(--space-2) 0;
-  overscroll-behavior: contain;
-}
-.ds-command__empty {
-  padding: var(--space-6) var(--space-4);
-  text-align: center;
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  color: var(--text-secondary);
-}
-.ds-command__group {
-  padding: var(--space-1) 0;
-}
-.ds-command__group-heading {
-  padding: var(--space-2) var(--space-4);
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-secondary);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-}
-.ds-command__item {
-  display: flex;
-  align-items: center;
-  gap: var(--space-2);
-  padding: var(--space-2) var(--space-4);
-  cursor: pointer;
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  color: var(--text-primary);
-  line-height: var(--line-height-normal);
-  outline: none;
-  border-radius: 0;
-  transition: background var(--transition-glass), color var(--transition-glass);
-}
-.ds-command__item:hover {
-  background: var(--glass-base-hover);
-}
-.ds-command__item[data-active] {
-  background: var(--glass-base-hover);
-}
-.ds-command__item:focus-visible {
-  background: var(--glass-base-hover);
-  box-shadow: var(--focus-ring);
-}
-.ds-command__separator {
-  height: 1px;
-  margin: var(--space-1) 0;
-  background: var(--rim-light-top);
-}
-.ds-command-dialog {
-  padding: 0;
-  overflow: hidden;
-}
-.ds-command-dialog .ds-command {
-  border-radius: 0;
-  box-shadow: none;
-  backdrop-filter: none;
-  -webkit-backdrop-filter: none;
-  background: transparent;
-}
-.ds-command-dialog .ds-command::before {
-  display: none;
-}
-.ds-command-dialog .ds-command__list {
-  max-height: min(400px, calc(60vh - 100px));
-}
-.ds-command-dialog__sr-title {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border-width: 0;
-}
-@media (prefers-contrast: more) {
-  .ds-command {
-    background: var(--hc-surface);
-    border: 1px solid var(--hc-border);
-    backdrop-filter: none;
-  }
-  .ds-command::before {
-    display: none;
-  }
-  .ds-command__item:hover,
-  .ds-command__item[data-active],
-  .ds-command__item:focus-visible {
-    background: var(--hc-surface-input);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-command__item {
-    transition: none;
-  }
-}
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-command {
-    background: var(--fallback-surface);
-  }
-}
-
-/* src/components/Drawer/Drawer.css */
-.ds-drawer__backdrop {
-  position: fixed;
-  inset: 0;
-  background: var(--overlay-backdrop);
-  backdrop-filter: blur(4px);
-  -webkit-backdrop-filter: blur(4px);
-  z-index: var(--z-modal-backdrop);
-  animation: ds-drawer-backdrop-fade-in 0.2s ease-out;
-}
-.ds-drawer__content {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  z-index: var(--z-modal);
-  outline: none;
-  max-height: 85vh;
-  overflow-y: auto;
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  -webkit-backdrop-filter: var(--glass-backdrop);
-  border-radius: var(--radius-panel) var(--radius-panel) 0 0;
-  box-shadow: 0 -16px 48px var(--overlay-backdrop), var(--glass-shadow-inner);
-  animation: ds-drawer-slide-up 0.3s cubic-bezier(0.16, 1, 0.3, 1);
-}
-.ds-drawer__content::before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  border-radius: inherit;
-  padding: var(--space-px);
-  background:
-    linear-gradient(
-      180deg,
-      var(--rim-light-hover-top) 0%,
-      var(--rim-light-top) 100%);
-  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  mask-composite: exclude;
-  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-  -webkit-mask-composite: xor;
-  pointer-events: none;
-}
-.ds-drawer__handle {
-  display: flex;
-  justify-content: center;
-  padding: var(--space-3) 0 var(--space-1);
-}
-.ds-drawer__handle-bar {
-  width: 48px;
-  height: 4px;
-  border-radius: 9999px;
-  background: var(--glass-base-hover);
-}
-.ds-drawer__header {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-  padding: var(--space-4) var(--space-6) var(--space-2);
-}
-.ds-drawer__title {
-  margin: 0;
-  font-family: var(--font-family);
-  font-size: var(--font-size-xl);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-primary);
-  line-height: var(--line-height-tight);
-}
-.ds-drawer__description {
-  margin: 0;
-  font-family: var(--font-family);
-  font-size: var(--font-size-base);
-  color: var(--text-secondary);
-  line-height: var(--line-height-normal);
-}
-.ds-drawer__footer {
-  display: flex;
-  justify-content: flex-end;
-  gap: var(--space-3);
-  padding: var(--space-4) var(--space-6) var(--space-6);
-}
-@keyframes ds-drawer-backdrop-fade-in {
-  from {
-    opacity: 0;
-  }
-  to {
-    opacity: 1;
-  }
-}
-@keyframes ds-drawer-slide-up {
-  from {
-    transform: translateY(100%);
-  }
-  to {
-    transform: translateY(0);
-  }
-}
-@media (prefers-contrast: more) {
-  .ds-drawer__backdrop {
-    background: var(--overlay-backdrop-heavy);
-    backdrop-filter: none;
-  }
-  .ds-drawer__content {
-    background: var(--hc-surface);
-    border: 1px solid var(--hc-border);
-    backdrop-filter: none;
-  }
-  .ds-drawer__content::before {
-    display: none;
-  }
-  .ds-drawer__handle-bar {
-    background: var(--hc-border);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-drawer__backdrop,
-  .ds-drawer__content {
-    animation: none;
-  }
-}
-@supports not (backdrop-filter: blur(1px)) {
-  .ds-drawer__backdrop {
-    background: var(--fallback-backdrop);
-  }
-  .ds-drawer__content {
-    background: var(--fallback-surface);
-  }
-}
-
-/* src/components/Calendar/Calendar.css */
-.ds-calendar {
-  display: inline-flex;
-  flex-direction: column;
-  padding: var(--space-3);
-  background: var(--glass-base);
-  border-radius: var(--radius-button);
-  border: 1px solid var(--rim-light-bottom);
-  font-family: var(--font-family);
-}
-.ds-calendar__header {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding-bottom: var(--space-2);
-}
-.ds-calendar__title {
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-primary);
-  user-select: none;
-}
-.ds-calendar__nav-button {
-  all: unset;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border-radius: var(--radius-button);
-  color: var(--text-secondary);
-  cursor: pointer;
-  transition: background var(--transition-fast), color var(--transition-fast);
-}
-.ds-calendar__nav-button:hover {
-  background: var(--glass-base-hover);
-  color: var(--text-primary);
-}
-.ds-calendar__nav-button:focus-visible {
-  outline: 2px solid var(--brand-pink);
-  outline-offset: -2px;
-}
-.ds-calendar__grid {
-  display: flex;
-  flex-direction: column;
-}
-.ds-calendar__head-row,
-.ds-calendar__row {
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-}
-.ds-calendar__head-cell {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 36px;
-  height: 36px;
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-tertiary);
-  user-select: none;
-}
-.ds-calendar__cell {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.ds-calendar__day {
-  all: unset;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 36px;
-  height: 36px;
-  border-radius: var(--radius-button);
-  font-size: var(--font-size-sm);
-  color: var(--text-primary);
-  cursor: pointer;
-  user-select: none;
-  transition: background var(--transition-fast), color var(--transition-fast);
-}
-.ds-calendar__day:hover {
-  background: var(--glass-base-hover);
-}
-.ds-calendar__day:focus-visible {
-  outline: 2px solid var(--brand-pink);
-  outline-offset: -2px;
-}
-.ds-calendar__day--selected {
-  background: var(--brand-pink);
-  color: var(--text-primary);
-  font-weight: var(--font-weight-semibold);
-}
-.ds-calendar__day--selected:hover {
-  background: var(--brand-pink);
-  opacity: 0.9;
-}
-.ds-calendar__day--today:not(.ds-calendar__day--selected) {
-  box-shadow: inset 0 0 0 1px var(--rim-light-top);
-}
-.ds-calendar__day--outside {
-  color: var(--text-disabled);
-}
-.ds-calendar__day--outside:hover {
-  background: var(--glass-base);
-}
-@media (prefers-contrast: more) {
-  .ds-calendar {
-    border-color: var(--hc-border-strong);
-  }
-  .ds-calendar__day--selected {
-    outline: 2px solid var(--brand-pink);
-  }
-  .ds-calendar__day--today:not(.ds-calendar__day--selected) {
-    box-shadow: inset 0 0 0 2px var(--hc-border-strong);
-  }
-}
-
-/* src/components/InputOTP/InputOTP.css */
-.ds-input-otp {
-  display: inline-flex;
-  align-items: center;
-  position: relative;
-  cursor: text;
-}
-.ds-input-otp__hidden-input {
-  position: absolute;
-  inset: 0;
-  width: 100%;
-  height: 100%;
-  opacity: 0;
-  pointer-events: none;
-}
-.ds-input-otp__group {
-  display: inline-flex;
-  align-items: center;
-  gap: var(--space-2);
-}
-.ds-input-otp__slot {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 40px;
-  height: 40px;
-  background: var(--glass-base);
-  border-radius: var(--radius-button);
-  border: 1px solid var(--rim-light-bottom);
-  font-family: var(--font-family);
-  font-size: var(--font-size-lg);
-  font-weight: var(--font-weight-semibold);
-  color: var(--text-secondary);
-  transition:
-    background var(--transition-fast),
-    border-color var(--transition-fast),
-    color var(--transition-fast),
-    box-shadow var(--transition-fast);
-}
-.ds-input-otp__slot--active {
-  border-color: var(--brand-pink);
-  box-shadow: 0 0 0 1px var(--brand-pink);
-}
-.ds-input-otp__slot--filled {
-  color: var(--text-primary);
-}
-.ds-input-otp__separator {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  margin: 0 var(--space-2);
-  color: var(--text-tertiary);
-}
-@media (prefers-contrast: more) {
-  .ds-input-otp__slot {
-    border-color: var(--hc-border-strong);
-  }
-  .ds-input-otp__slot--active {
-    border-color: var(--brand-pink);
-    box-shadow: 0 0 0 2px var(--brand-pink);
-  }
-}
-
-/* src/components/ContextMenu/ContextMenu.css */
-.ds-context-menu__trigger {
-  display: contents;
-}
-.ds-context-menu__content {
-  position: fixed;
-  min-width: 160px;
-  padding: var(--space-1);
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop);
-  border-radius: var(--radius-button);
-  border: 1px solid var(--rim-light-bottom);
-  box-shadow: var(--glass-shadow-elevated);
-  outline: none;
-  z-index: var(--z-popover);
-  animation: ds-context-menu-scale-in 150ms cubic-bezier(0.16, 1, 0.3, 1);
-}
-@keyframes ds-context-menu-scale-in {
-  from {
-    opacity: 0;
-    transform: scale(0.96);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1);
-  }
-}
-.ds-context-menu__item {
-  display: flex;
-  align-items: center;
-  padding: var(--space-2) var(--space-3);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  color: var(--text-secondary);
-  border-radius: calc(var(--radius-button) - 4px);
-  cursor: pointer;
-  outline: none;
-  user-select: none;
-  transition: background var(--transition-fast), color var(--transition-fast);
-}
-.ds-context-menu__item:hover {
-  background: var(--glass-base-hover);
-  color: var(--text-primary);
-}
-.ds-context-menu__separator {
-  height: 1px;
-  background: var(--rim-light-bottom);
-  margin: var(--space-1) 0;
-}
-.ds-context-menu__label {
-  padding: var(--space-2) var(--space-3);
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  font-weight: var(--font-weight-bold);
-  color: var(--text-tertiary);
-  text-transform: uppercase;
-  letter-spacing: var(--letter-spacing-wide);
-}
-@media (prefers-contrast: more) {
-  .ds-context-menu__content {
-    border-color: var(--hc-border-strong);
-  }
-  .ds-context-menu__item:hover {
-    background: var(--hc-surface-subtle);
-  }
-}
-@media (prefers-reduced-motion: reduce) {
-  .ds-context-menu__content {
-    animation: none;
-  }
-}
-
-/* src/components/Form/Form.css */
-.ds-form__item {
-  display: flex;
-  flex-direction: column;
-  gap: var(--space-2);
-}
-.ds-form__label {
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-primary);
-  line-height: var(--line-height-tight);
-}
-.ds-form__label--error {
-  color: var(--status-error, #ef4444);
-}
-.ds-form__control {
-  display: block;
-  width: 100%;
-}
-.ds-form__description {
-  margin: 0;
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  color: var(--text-secondary);
-  line-height: var(--line-height-normal);
-}
-.ds-form__message {
-  margin: 0;
-  font-family: var(--font-family);
-  font-size: var(--font-size-xs);
-  color: var(--status-error, #ef4444);
-  line-height: var(--line-height-normal);
-}
-@media (prefers-contrast: more) {
-  .ds-form__label--error {
-    text-decoration: underline;
-  }
-  .ds-form__message {
-    font-weight: var(--font-weight-semibold);
-  }
-}
-
-/* src/components/LayoutPrimitives/LayoutPrimitives.css */
-.ds-box {
-  display: block;
-  box-sizing: border-box;
-  min-width: 0;
-}
-.ds-stack {
-  display: flex;
-  flex-direction: column;
-}
-.ds-stack--horizontal {
-  flex-direction: row;
-}
-.ds-grid {
-  display: grid;
-}
-.ds-grid--cols-1 {
-  grid-template-columns: repeat(1, 1fr);
-}
-.ds-grid--cols-2 {
-  grid-template-columns: repeat(1, 1fr);
-}
-@media (min-width: 640px) {
-  .ds-grid--cols-2 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-.ds-grid--cols-3 {
-  grid-template-columns: repeat(1, 1fr);
-}
-@media (min-width: 640px) {
-  .ds-grid--cols-3 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media (min-width: 1024px) {
-  .ds-grid--cols-3 {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-.ds-grid--cols-4 {
-  grid-template-columns: repeat(1, 1fr);
-}
-@media (min-width: 640px) {
-  .ds-grid--cols-4 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media (min-width: 1024px) {
-  .ds-grid--cols-4 {
-    grid-template-columns: repeat(4, 1fr);
-  }
-}
-.ds-grid--cols-5 {
-  grid-template-columns: repeat(1, 1fr);
-}
-@media (min-width: 640px) {
-  .ds-grid--cols-5 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media (min-width: 768px) {
-  .ds-grid--cols-5 {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-@media (min-width: 1280px) {
-  .ds-grid--cols-5 {
-    grid-template-columns: repeat(5, 1fr);
-  }
-}
-.ds-grid--cols-6 {
-  grid-template-columns: repeat(1, 1fr);
-}
-@media (min-width: 640px) {
-  .ds-grid--cols-6 {
-    grid-template-columns: repeat(2, 1fr);
-  }
-}
-@media (min-width: 768px) {
-  .ds-grid--cols-6 {
-    grid-template-columns: repeat(3, 1fr);
-  }
-}
-@media (min-width: 1280px) {
-  .ds-grid--cols-6 {
-    grid-template-columns: repeat(6, 1fr);
-  }
-}
-@media (min-width: 1920px) {
-  .ds-grid--cols-3:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(4, 1fr);
-  }
-}
-@media (min-width: 2560px) {
-  .ds-grid--cols-2:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .ds-grid--cols-3:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(4, 1fr);
-  }
-  .ds-grid--cols-4:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(5, 1fr);
-  }
-  .ds-grid--cols-5:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(6, 1fr);
-  }
-  .ds-grid--cols-6:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(8, 1fr);
-  }
-}
-@media (min-width: 3840px) {
-  .ds-grid--cols-2:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(3, 1fr);
-  }
-  .ds-grid--cols-3:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(5, 1fr);
-  }
-  .ds-grid--cols-4:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(6, 1fr);
-  }
-  .ds-grid--cols-5:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(8, 1fr);
-  }
-  .ds-grid--cols-6:not(.ds-grid--fixed) {
-    grid-template-columns: repeat(10, 1fr);
-  }
-}
-:root {
-  --container-default-max: 1200px;
-}
-@media (min-width: 1537px) {
-  :root {
-    --container-default-max: 1400px;
-  }
-}
-@media (min-width: 1921px) {
-  :root {
-    --container-default-max: 1600px;
-  }
-}
-@media (min-width: 2561px) {
-  :root {
-    --container-default-max: 1920px;
-  }
-}
-.ds-container {
-  width: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  padding-left: var(--container-padding-x, var(--space-4));
-  padding-right: var(--container-padding-x, var(--space-4));
-}
-@media (min-width: 1537px) {
-  .ds-container {
-    --container-padding-x: var(--space-6);
-  }
-}
-@media (min-width: 2561px) {
-  .ds-container {
-    --container-padding-x: var(--space-8);
-  }
-}
-.ds-section-block {
-  position: relative;
-}
-.ds-section-block--none {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-.ds-section-block--sm {
-  padding-top: var(--space-8, 2rem);
-  padding-bottom: var(--space-8, 2rem);
-}
-.ds-section-block--md {
-  padding-top: var(--space-16, 4rem);
-  padding-bottom: var(--space-16, 4rem);
-}
-@media (min-width: 768px) {
-  .ds-section-block--md {
-    padding-top: var(--space-24, 6rem);
-    padding-bottom: var(--space-24, 6rem);
-  }
-}
-.ds-section-block--lg {
-  padding-top: var(--space-24, 6rem);
-  padding-bottom: var(--space-24, 6rem);
-}
-@media (min-width: 768px) {
-  .ds-section-block--lg {
-    padding-top: var(--space-32, 8rem);
-    padding-bottom: var(--space-32, 8rem);
-  }
-}
-.ds-visually-hidden {
-  position: absolute;
-  width: 1px;
-  height: 1px;
-  padding: 0;
-  margin: -1px;
-  overflow: hidden;
-  clip-path: inset(50%);
-  white-space: nowrap;
-  border-width: 0;
-}
-
-/* src/components/Tabs/Tabs.css */
-.ds-tabs {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-}
-.ds-tabs--vertical {
-  flex-direction: row;
-}
-.ds-tabs__list {
-  display: flex;
-  flex-shrink: 0;
-  gap: var(--space-1);
-  padding: var(--space-1);
-  background: var(--glass-base);
-  backdrop-filter: var(--glass-backdrop-light);
-  border-radius: var(--radius-button);
-  border: 1px solid var(--rim-light-bottom);
-  box-shadow: var(--glass-shadow-inner);
-}
-.ds-tabs--vertical .ds-tabs__list {
-  flex-direction: column;
-  width: auto;
-  min-width: 160px;
-}
-.ds-tabs__trigger {
-  all: unset;
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: var(--space-2) var(--space-4);
-  font-family: var(--font-family);
-  font-size: var(--font-size-sm);
-  font-weight: var(--font-weight-medium);
-  color: var(--text-secondary);
-  border-radius: calc(var(--radius-button) - 4px);
-  cursor: pointer;
-  transition:
-    color var(--transition-fast),
-    background var(--transition-fast),
-    box-shadow var(--transition-fast);
-  outline: none;
-}
-.ds-tabs__trigger:hover {
-  color: var(--text-primary);
-  background: var(--glass-base-hover);
-}
-.ds-tabs__trigger:focus-visible {
-  box-shadow: var(--focus-ring);
-  z-index: 2;
-}
-.ds-tabs__trigger[data-state=active] {
-  background: var(--glass-base-active);
-  color: var(--text-primary);
-  box-shadow: var(--shadow-sm), var(--glass-shadow-inner);
-}
-.ds-tabs__trigger[data-disabled] {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.ds-tabs--vertical .ds-tabs__trigger {
-  justify-content: flex-start;
-}
-.ds-tabs__content {
-  flex-grow: 1;
-  padding: var(--space-4);
-  outline: none;
-}
-.ds-tabs__content:focus-visible {
-  box-shadow: var(--focus-ring);
-  border-radius: var(--radius-card);
-}
 /*# sourceMappingURL=index.css.map */