@usememos/ui 26.10.0

package/dist/theme.css

@@ -0,0 +1,1097 @@
+@layer mui.reset, mui.tokens, mui.components, mui.utilities;
+
+@layer mui.reset {
+  *, *::before, *::after {
+    box-sizing: border-box;
+  }
+
+  :where(button, input, textarea, select) {
+    font: inherit;
+  }
+}
+
+@layer mui.tokens {
+  :root,
+  [data-mui-theme="light"] {
+    color-scheme: light;
+    --mui-font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
+    --mui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+    --mui-radius-sm: 0.125rem;
+    --mui-radius-md: 0.25rem;
+    --mui-radius-lg: 0.375rem;
+    --mui-radius-xl: 0.5rem;
+    --mui-space-1: 0.25rem;
+    --mui-space-2: 0.5rem;
+    --mui-space-3: 0.75rem;
+    --mui-space-4: 1rem;
+    --mui-space-5: 1.25rem;
+    --mui-space-6: 1.5rem;
+    --mui-space-8: 2rem;
+    --mui-space-12: 3rem;
+    --mui-text-xs: 0.75rem;
+    --mui-text-sm: 0.875rem;
+    --mui-text-base: 0.9375rem;
+    --mui-text-lg: 1.125rem;
+    --mui-text-xl: 1.25rem;
+    --mui-text-2xl: 1.5rem;
+    --mui-control-height-xs: 1.25rem;
+    --mui-control-height-sm: 1.625rem;
+    --mui-control-height-md: 2.25rem;
+    --mui-control-height-lg: 2.5rem;
+    --mui-control-padding-x-xs: 0.375rem;
+    --mui-control-padding-x-sm: 0.5rem;
+    --mui-control-padding-x-md: 0.75rem;
+    --mui-control-padding-x-lg: 1rem;
+    --mui-control-gap-sm: 0.25rem;
+    --mui-control-gap-md: 0.375rem;
+    --mui-control-gap-lg: 0.5rem;
+    --mui-control-icon-size-xs: 0.875rem;
+    --mui-control-icon-size-sm: 0.875rem;
+    --mui-control-icon-size-md: 1rem;
+    --mui-control-icon-size-lg: 1.125rem;
+    --mui-control-font-size-xs: var(--mui-text-xs);
+    --mui-control-font-size-sm: var(--mui-text-xs);
+    --mui-control-font-size-md: 1rem;
+    --mui-control-font-size-lg: 1rem;
+    --mui-choice-size-xs: 0.75rem;
+    --mui-choice-size-sm: 0.875rem;
+    --mui-choice-size-md: 1rem;
+    --mui-choice-size-lg: 1.125rem;
+    --mui-switch-width-xs: 1.75rem;
+    --mui-switch-width-sm: 2rem;
+    --mui-switch-width-md: 2.25rem;
+    --mui-switch-width-lg: 2.75rem;
+    --mui-switch-height-xs: 1rem;
+    --mui-switch-height-sm: 1.125rem;
+    --mui-switch-height-md: 1.25rem;
+    --mui-switch-height-lg: 1.5rem;
+    --mui-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.05);
+    --mui-shadow-floating: 0 10px 28px rgb(0 0 0 / 0.12), 0 2px 8px rgb(0 0 0 / 0.06);
+    --mui-shadow-modal: 0 24px 72px rgb(0 0 0 / 0.18), 0 6px 18px rgb(0 0 0 / 0.08);
+    --mui-z-index-dropdown: 1000;
+    --mui-z-index-sticky: 1100;
+    --mui-z-index-overlay: 1300;
+    --mui-z-index-modal: 1400;
+    --mui-z-index-modal-popover: 1500;
+    --mui-z-index-popover: 1200;
+    --mui-z-index-tooltip: 1200;
+    --mui-color-background: oklch(0.985 0.0015 260);
+    --mui-color-foreground: oklch(0.205 0.004 260);
+    --mui-color-card: oklch(1 0 0);
+    --mui-color-card-foreground: oklch(0.205 0.004 260);
+    --mui-color-popover: oklch(1 0 0);
+    --mui-color-popover-foreground: oklch(0.205 0.004 260);
+    --mui-color-primary: oklch(0.245 0.006 260);
+    --mui-color-primary-foreground: oklch(0.99 0 0);
+    --mui-color-secondary: oklch(0.952 0.002 260);
+    --mui-color-secondary-foreground: oklch(0.265 0.005 260);
+    --mui-color-muted: oklch(0.943 0.002 260);
+    --mui-color-muted-foreground: oklch(0.49 0.004 260);
+    --mui-color-accent: oklch(0.93 0.003 260);
+    --mui-color-accent-foreground: oklch(0.225 0.005 260);
+    --mui-color-destructive: oklch(0.56 0.18 25);
+    --mui-color-destructive-foreground: oklch(1 0 0);
+    --mui-color-border: oklch(0.895 0.003 260);
+    --mui-color-input: oklch(0.84 0.003 260);
+    --mui-color-ring: oklch(0.52 0.085 155);
+    --mui-color-sidebar: oklch(0.965 0.002 260);
+    --mui-color-sidebar-foreground: oklch(0.41 0.004 260);
+    --mui-color-sidebar-accent: oklch(0.925 0.003 260);
+    --mui-color-sidebar-accent-foreground: oklch(0.225 0.005 260);
+    --mui-color-sidebar-border: oklch(0.88 0.003 260);
+    --mui-color-surface-hover: oklch(0.958 0.002 260);
+    --mui-color-surface-pressed: oklch(0.925 0.003 260);
+    --mui-color-border-subtle: oklch(0.925 0.0025 260);
+    --mui-color-text-subtle: oklch(0.42 0.004 260);
+    --mui-color-text-faint: oklch(0.63 0.004 260);
+    --mui-color-brand-accent: oklch(0.56 0.105 155);
+    --mui-color-overlay: oklch(0.205 0.004 260 / 0.42);
+    --mui-color-surface: var(--mui-color-card);
+    --mui-color-success: var(--mui-color-brand-accent);
+    --mui-shadow-md: var(--mui-shadow-floating);
+    --mui-font-size-3xs: 0.625rem;
+    --mui-font-size-2xs: 0.6875rem;
+    --mui-font-size-xs: var(--mui-text-xs);
+    --mui-font-size-sm: var(--mui-text-sm);
+    --mui-font-size-md: var(--mui-text-base);
+  }
+
+  .dark,
+  [data-mui-theme="dark"] {
+    color-scheme: dark;
+    --mui-color-background: oklch(0.18 0.003 260);
+    --mui-color-foreground: oklch(0.965 0.002 260);
+    --mui-color-card: oklch(0.225 0.004 260);
+    --mui-color-card-foreground: oklch(0.965 0.002 260);
+    --mui-color-popover: oklch(0.245 0.004 260);
+    --mui-color-popover-foreground: oklch(0.965 0.002 260);
+    --mui-color-primary: oklch(0.94 0.002 260);
+    --mui-color-primary-foreground: oklch(0.19 0.004 260);
+    --mui-color-secondary: oklch(0.285 0.004 260);
+    --mui-color-secondary-foreground: oklch(0.94 0.002 260);
+    --mui-color-muted: oklch(0.265 0.004 260);
+    --mui-color-muted-foreground: oklch(0.74 0.004 260);
+    --mui-color-accent: oklch(0.315 0.004 260);
+    --mui-color-accent-foreground: oklch(0.965 0.002 260);
+    --mui-color-destructive: oklch(0.62 0.17 25);
+    --mui-color-destructive-foreground: oklch(1 0 0);
+    --mui-color-border: oklch(0.36 0.004 260);
+    --mui-color-input: oklch(0.43 0.004 260);
+    --mui-color-ring: oklch(0.66 0.095 155);
+    --mui-color-sidebar: oklch(0.205 0.004 260);
+    --mui-color-sidebar-foreground: oklch(0.78 0.004 260);
+    --mui-color-sidebar-accent: oklch(0.295 0.004 260);
+    --mui-color-sidebar-accent-foreground: oklch(0.965 0.002 260);
+    --mui-color-sidebar-border: oklch(0.33 0.004 260);
+    --mui-color-surface-hover: oklch(0.285 0.004 260);
+    --mui-color-surface-pressed: oklch(0.34 0.004 260);
+    --mui-color-border-subtle: oklch(0.31 0.004 260);
+    --mui-color-text-subtle: oklch(0.78 0.004 260);
+    --mui-color-text-faint: oklch(0.64 0.004 260);
+    --mui-color-brand-accent: oklch(0.68 0.105 155);
+    --mui-color-overlay: oklch(0.12 0.003 260 / 0.72);
+  }
+
+  [data-mui-theme] {
+    font-family: var(--mui-font-sans);
+    color: var(--mui-color-foreground);
+    background: var(--mui-color-background);
+  }
+}
+
+@layer mui.components {
+  .mui-button,
+  .mui-input,
+  .mui-textarea,
+  .mui-badge,
+  .mui-checkbox,
+  .mui-switch,
+  .mui-switch__thumb,
+  .mui-radio-group__item,
+  .mui-select__trigger,
+  .mui-dialog__content,
+  .mui-popover__content,
+  .mui-select__content,
+  .mui-tooltip__content,
+  .mui-dropdown-menu__content,
+  .mui-sheet__content {
+    transition: background-color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, color 140ms ease, opacity 140ms ease, transform 140ms ease;
+  }
+
+  .mui-button {
+    all: unset;
+    appearance: none;
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--mui-control-gap-md);
+    min-width: 0;
+    border: 1px solid transparent;
+    border-radius: var(--mui-radius-lg);
+    font-size: var(--mui-control-font-size-md);
+    font-weight: 500;
+    letter-spacing: 0;
+    line-height: 1.25;
+    cursor: pointer;
+    text-decoration: none;
+    outline: none;
+    white-space: nowrap;
+  }
+
+  .mui-button > svg {
+    width: var(--mui-control-icon-size-md);
+    height: var(--mui-control-icon-size-md);
+    flex: 0 0 auto;
+  }
+
+  .mui-button:focus-visible {
+    border-color: var(--mui-color-ring);
+  }
+
+  .mui-input:focus-visible,
+  .mui-textarea:focus-visible,
+  .mui-checkbox:focus-visible,
+  .mui-switch:focus-visible,
+  .mui-radio-group__item:focus-visible,
+  .mui-select__trigger:focus-visible {
+    border-color: var(--mui-color-ring);
+  }
+
+  .mui-button[data-size="xs"] {
+    min-height: var(--mui-control-height-xs);
+    padding: 0 var(--mui-control-padding-x-xs);
+    gap: var(--mui-control-gap-sm);
+    border-radius: var(--mui-radius-md);
+    font-size: var(--mui-control-font-size-xs);
+  }
+
+  .mui-button[data-size="sm"] {
+    min-height: var(--mui-control-height-sm);
+    padding: 0 var(--mui-control-padding-x-sm);
+    gap: var(--mui-control-gap-sm);
+    border-radius: var(--mui-radius-md);
+    font-size: var(--mui-control-font-size-sm);
+  }
+
+  .mui-button[data-size="md"] {
+    min-height: var(--mui-control-height-md);
+    padding: 0 var(--mui-control-padding-x-md);
+    border-radius: var(--mui-radius-xl);
+    font-size: var(--mui-control-font-size-md);
+  }
+
+  .mui-button[data-size="lg"] {
+    min-height: var(--mui-control-height-lg);
+    padding: 0 var(--mui-control-padding-x-lg);
+    gap: var(--mui-control-gap-lg);
+    border-radius: var(--mui-radius-xl);
+    font-size: var(--mui-control-font-size-lg);
+  }
+
+  .mui-button[data-size="icon"] {
+    width: var(--mui-control-height-xs);
+    height: var(--mui-control-height-xs);
+    min-height: var(--mui-control-height-xs);
+    padding: 0;
+    gap: 0;
+  }
+
+  .mui-button[data-size="xs"] > svg {
+    width: var(--mui-control-icon-size-xs);
+    height: var(--mui-control-icon-size-xs);
+  }
+
+  .mui-button[data-size="sm"] > svg {
+    width: var(--mui-control-icon-size-sm);
+    height: var(--mui-control-icon-size-sm);
+  }
+
+  .mui-button[data-size="lg"] > svg {
+    width: var(--mui-control-icon-size-lg);
+    height: var(--mui-control-icon-size-lg);
+  }
+
+  .mui-button[data-variant="default"] {
+    background: var(--mui-color-primary);
+    color: var(--mui-color-primary-foreground);
+  }
+
+  .mui-button[data-variant="secondary"] {
+    background: var(--mui-color-secondary);
+    color: var(--mui-color-secondary-foreground);
+  }
+
+  .mui-button[data-variant="outline"] {
+    background: var(--mui-color-card);
+    color: var(--mui-color-foreground);
+    border-color: var(--mui-color-input);
+  }
+
+  .mui-button[data-variant="ghost"] {
+    background: transparent;
+    color: var(--mui-color-foreground);
+  }
+
+  .mui-button[data-variant="destructive"] {
+    background: var(--mui-color-destructive);
+    color: var(--mui-color-destructive-foreground);
+  }
+
+  .mui-button[data-variant="link"] {
+    background: transparent;
+    color: var(--mui-color-primary);
+    border-color: transparent;
+    text-decoration-line: underline;
+    text-underline-offset: 3px;
+  }
+
+  .mui-button:is(:hover, [data-hovered]):not(:disabled, [data-disabled]) {
+    background: var(--mui-color-surface-hover);
+  }
+
+  .mui-button[data-variant="default"]:is(:hover, [data-hovered]):not(:disabled, [data-disabled]) {
+    background: color-mix(in oklch, var(--mui-color-primary) 92%, var(--mui-color-background));
+  }
+
+  .mui-button[data-variant="destructive"]:is(:hover, [data-hovered]):not(:disabled, [data-disabled]) {
+    background: color-mix(in oklch, var(--mui-color-destructive) 92%, var(--mui-color-background));
+  }
+
+  .mui-button:is(:active, [data-pressed]):not(:disabled, [data-disabled]) {
+    background: var(--mui-color-surface-pressed);
+  }
+
+  .mui-button[data-variant="default"]:is(:active, [data-pressed]):not(:disabled, [data-disabled]) {
+    background: color-mix(in oklch, var(--mui-color-primary) 86%, var(--mui-color-background));
+  }
+
+  .mui-button[data-variant="destructive"]:is(:active, [data-pressed]):not(:disabled, [data-disabled]) {
+    background: color-mix(in oklch, var(--mui-color-destructive) 86%, var(--mui-color-background));
+  }
+
+  .mui-button:disabled,
+  .mui-button[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+
+  .mui-input,
+  .mui-textarea,
+  .mui-select__trigger {
+    appearance: none;
+    width: 100%;
+    border: 1px solid var(--mui-color-input);
+    border-radius: var(--mui-radius-xl);
+    background: var(--mui-color-card);
+    color: var(--mui-color-foreground);
+    font-size: var(--mui-control-font-size-md);
+    line-height: 1.4;
+    outline: none;
+  }
+
+  .mui-input {
+    min-height: var(--mui-control-height-md);
+    padding: 0 var(--mui-control-padding-x-md);
+  }
+
+  .mui-input[data-size="xs"],
+  .mui-select__trigger[data-size="xs"] {
+    min-height: var(--mui-control-height-xs);
+    padding: 0 var(--mui-control-padding-x-xs);
+    border-radius: var(--mui-radius-md);
+    font-size: var(--mui-control-font-size-xs);
+  }
+
+  .mui-input[data-size="sm"],
+  .mui-select__trigger[data-size="sm"] {
+    min-height: var(--mui-control-height-sm);
+    padding: 0 var(--mui-control-padding-x-sm);
+    border-radius: var(--mui-radius-md);
+    font-size: var(--mui-control-font-size-sm);
+  }
+
+  .mui-input[data-size="md"],
+  .mui-select__trigger[data-size="md"] {
+    min-height: var(--mui-control-height-md);
+    padding: 0 var(--mui-control-padding-x-md);
+    border-radius: var(--mui-radius-xl);
+    font-size: var(--mui-control-font-size-md);
+  }
+
+  .mui-input[data-size="lg"],
+  .mui-select__trigger[data-size="lg"] {
+    min-height: var(--mui-control-height-lg);
+    padding: 0 var(--mui-control-padding-x-lg);
+    border-radius: var(--mui-radius-xl);
+    font-size: var(--mui-control-font-size-lg);
+  }
+
+  .mui-textarea {
+    min-height: 5rem;
+    resize: vertical;
+    padding: var(--mui-space-2) var(--mui-control-padding-x-md);
+  }
+
+  .mui-textarea[data-size="xs"] {
+    min-height: calc(var(--mui-control-height-xs) * 3);
+    padding: var(--mui-space-1) var(--mui-control-padding-x-xs);
+    border-radius: var(--mui-radius-md);
+    font-size: var(--mui-control-font-size-xs);
+  }
+
+  .mui-textarea[data-size="sm"] {
+    min-height: calc(var(--mui-control-height-sm) * 3);
+    padding: var(--mui-space-1) var(--mui-control-padding-x-sm);
+    border-radius: var(--mui-radius-md);
+    font-size: var(--mui-control-font-size-sm);
+  }
+
+  .mui-textarea[data-size="md"] {
+    min-height: 5rem;
+    padding: var(--mui-space-2) var(--mui-control-padding-x-md);
+    border-radius: var(--mui-radius-xl);
+    font-size: var(--mui-control-font-size-md);
+  }
+
+  .mui-textarea[data-size="lg"] {
+    min-height: 6rem;
+    padding: var(--mui-space-2) var(--mui-control-padding-x-lg);
+    border-radius: var(--mui-radius-xl);
+    font-size: var(--mui-control-font-size-lg);
+  }
+
+  .mui-input:not([data-size]),
+  .mui-textarea:not([data-size]),
+  .mui-select__trigger:not([data-size]) {
+    border-radius: var(--mui-radius-xl);
+  }
+
+  .mui-input::placeholder,
+  .mui-textarea::placeholder {
+    color: var(--mui-color-text-faint);
+  }
+
+  .mui-input:disabled,
+  .mui-input[data-disabled],
+  .mui-textarea:disabled,
+  .mui-select__trigger[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+
+  .mui-badge {
+    display: inline-flex;
+    align-items: center;
+    gap: var(--mui-space-1);
+    min-height: 1.25rem;
+    padding: 0 var(--mui-space-2);
+    border-radius: 999px;
+    font-size: var(--mui-font-size-xs);
+    font-weight: 500;
+    letter-spacing: 0;
+    border: 1px solid transparent;
+    line-height: 1;
+  }
+
+  .mui-badge[data-variant="solid"] {
+    background: var(--mui-color-primary);
+    color: var(--mui-color-primary-foreground);
+  }
+
+  .mui-badge[data-variant="subtle"] {
+    background: var(--mui-color-secondary);
+    color: var(--mui-color-secondary-foreground);
+  }
+
+  .mui-badge[data-variant="outline"] {
+    background: var(--mui-color-card);
+    border-color: var(--mui-color-input);
+    color: var(--mui-color-foreground);
+  }
+
+  .mui-separator[data-orientation="horizontal"] {
+    width: 100%;
+    height: 1px;
+    background: var(--mui-color-border-subtle);
+  }
+
+  .mui-separator[data-orientation="vertical"] {
+    width: 1px;
+    height: 100%;
+    background: var(--mui-color-border-subtle);
+  }
+
+  .mui-checkbox,
+  .mui-radio-group__item {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: var(--mui-choice-size-md);
+    height: var(--mui-choice-size-md);
+    flex: 0 0 var(--mui-choice-size-md);
+    border: 1px solid var(--mui-color-input);
+    background: var(--mui-color-card);
+    color: var(--mui-color-primary-foreground);
+    outline: none;
+  }
+
+  .mui-checkbox {
+    border-radius: var(--mui-radius-md);
+  }
+
+  .mui-checkbox[data-size="xs"],
+  .mui-radio-group__item[data-size="xs"] {
+    width: var(--mui-choice-size-xs);
+    height: var(--mui-choice-size-xs);
+    flex-basis: var(--mui-choice-size-xs);
+  }
+
+  .mui-checkbox[data-size="sm"],
+  .mui-radio-group__item[data-size="sm"] {
+    width: var(--mui-choice-size-sm);
+    height: var(--mui-choice-size-sm);
+    flex-basis: var(--mui-choice-size-sm);
+  }
+
+  .mui-checkbox[data-size="md"],
+  .mui-radio-group__item[data-size="md"] {
+    width: var(--mui-choice-size-md);
+    height: var(--mui-choice-size-md);
+    flex-basis: var(--mui-choice-size-md);
+  }
+
+  .mui-checkbox[data-size="lg"],
+  .mui-radio-group__item[data-size="lg"] {
+    width: var(--mui-choice-size-lg);
+    height: var(--mui-choice-size-lg);
+    flex-basis: var(--mui-choice-size-lg);
+  }
+
+  .mui-checkbox:is(:hover, [data-hovered]):not([data-disabled]),
+  .mui-radio-group__item:is(:hover, [data-hovered]):not([data-disabled]) {
+    background: var(--mui-color-surface-hover);
+  }
+
+  .mui-checkbox[data-checked],
+  .mui-radio-group__item[data-checked] {
+    background: var(--mui-color-primary);
+    border-color: var(--mui-color-primary);
+  }
+
+  .mui-checkbox[data-disabled],
+  .mui-radio-group__item[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+
+  .mui-checkbox__indicator,
+  .mui-radio-group__indicator {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    height: 100%;
+  }
+
+  .mui-checkbox__indicator > svg {
+    width: 70%;
+    height: 70%;
+  }
+
+  .mui-switch {
+    display: inline-flex;
+    align-items: center;
+    width: var(--mui-switch-width-md);
+    height: var(--mui-switch-height-md);
+    border-radius: 999px;
+    border: 1px solid var(--mui-color-input);
+    background: var(--mui-color-muted);
+    padding: 1px;
+    outline: none;
+  }
+
+  .mui-switch[data-size="xs"] {
+    width: var(--mui-switch-width-xs);
+    height: var(--mui-switch-height-xs);
+  }
+
+  .mui-switch[data-size="sm"] {
+    width: var(--mui-switch-width-sm);
+    height: var(--mui-switch-height-sm);
+  }
+
+  .mui-switch[data-size="md"] {
+    width: var(--mui-switch-width-md);
+    height: var(--mui-switch-height-md);
+  }
+
+  .mui-switch[data-size="lg"] {
+    width: var(--mui-switch-width-lg);
+    height: var(--mui-switch-height-lg);
+  }
+
+  .mui-switch:is(:hover, [data-hovered]):not([data-disabled]) {
+    background: var(--mui-color-surface-hover);
+  }
+
+  .mui-switch[data-checked] {
+    background: var(--mui-color-primary);
+    border-color: var(--mui-color-primary);
+  }
+
+  .mui-switch[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+
+  .mui-switch__thumb {
+    display: block;
+    width: calc(var(--mui-switch-height-md) - 0.25rem);
+    height: calc(var(--mui-switch-height-md) - 0.25rem);
+    border-radius: 999px;
+    background: var(--mui-color-card);
+    box-shadow: var(--mui-shadow-sm);
+    transform: translateX(0);
+  }
+
+  .mui-switch[data-checked] .mui-switch__thumb {
+    transform: translateX(calc(var(--mui-switch-width-md) - var(--mui-switch-height-md)));
+  }
+
+  .mui-switch[data-size="xs"] .mui-switch__thumb {
+    width: calc(var(--mui-switch-height-xs) - 0.25rem);
+    height: calc(var(--mui-switch-height-xs) - 0.25rem);
+  }
+
+  .mui-switch[data-size="sm"] .mui-switch__thumb {
+    width: calc(var(--mui-switch-height-sm) - 0.25rem);
+    height: calc(var(--mui-switch-height-sm) - 0.25rem);
+  }
+
+  .mui-switch[data-size="lg"] .mui-switch__thumb {
+    width: calc(var(--mui-switch-height-lg) - 0.25rem);
+    height: calc(var(--mui-switch-height-lg) - 0.25rem);
+  }
+
+  .mui-switch[data-size="xs"][data-checked] .mui-switch__thumb {
+    transform: translateX(calc(var(--mui-switch-width-xs) - var(--mui-switch-height-xs)));
+  }
+
+  .mui-switch[data-size="sm"][data-checked] .mui-switch__thumb {
+    transform: translateX(calc(var(--mui-switch-width-sm) - var(--mui-switch-height-sm)));
+  }
+
+  .mui-switch[data-size="lg"][data-checked] .mui-switch__thumb {
+    transform: translateX(calc(var(--mui-switch-width-lg) - var(--mui-switch-height-lg)));
+  }
+
+  .mui-radio-group {
+    display: grid;
+    gap: var(--mui-space-2);
+  }
+
+  .mui-radio-group__item {
+    border-radius: 999px;
+  }
+
+  .mui-radio-group__indicator::after {
+    content: "";
+    width: 45%;
+    height: 45%;
+    border-radius: 999px;
+    background: currentColor;
+    display: block;
+  }
+
+  .mui-dialog__overlay,
+  .mui-sheet__overlay {
+    position: fixed;
+    inset: 0;
+    z-index: var(--mui-z-index-overlay);
+    background: var(--mui-color-overlay);
+    animation: mui-fade-in 140ms ease;
+  }
+
+  [data-scope="dropdown-menu"][data-part="positioner"],
+  [data-scope="dropdown-menu"][data-part="sub-positioner"],
+  [data-scope="select"][data-part="positioner"] {
+    z-index: var(--mui-z-index-dropdown);
+  }
+
+  [data-scope="popover"][data-part="positioner"] {
+    z-index: var(--mui-z-index-popover);
+  }
+
+  [data-scope="tooltip"][data-part="positioner"] {
+    z-index: var(--mui-z-index-tooltip);
+  }
+
+  [data-mui-layer="modal"][data-part="positioner"],
+  [data-mui-layer="modal"][data-part="sub-positioner"] {
+    z-index: var(--mui-z-index-modal-popover);
+  }
+
+  .mui-dialog__content,
+  .mui-sheet__content,
+  .mui-popover__content,
+  .mui-select__content,
+  .mui-tooltip__content,
+  .mui-dropdown-menu__content,
+  .mui-calendar {
+    background: var(--mui-color-popover);
+    border: 1px solid var(--mui-color-border-subtle);
+    box-shadow: var(--mui-shadow-floating);
+    color: var(--mui-color-popover-foreground);
+  }
+
+  .mui-popover__content,
+  .mui-select__content,
+  .mui-tooltip__content,
+  .mui-dropdown-menu__content {
+    border-radius: var(--mui-radius-lg);
+  }
+
+  .mui-dialog__content,
+  .mui-sheet__content,
+  .mui-calendar {
+    border-radius: var(--mui-radius-xl);
+  }
+
+  .mui-dialog__content {
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    z-index: var(--mui-z-index-modal);
+    width: min(28rem, calc(100vw - 2rem));
+    max-height: calc(100vh - 2rem);
+    transform: translate(-50%, -50%);
+    padding: var(--mui-space-4);
+    display: grid;
+    gap: var(--mui-space-3);
+    overflow: auto;
+    box-shadow: var(--mui-shadow-modal);
+    animation: mui-dialog-in 160ms ease;
+  }
+
+  .mui-dialog__header,
+  .mui-dialog__footer {
+    display: flex;
+    gap: var(--mui-space-2);
+  }
+
+  .mui-dialog__header {
+    flex-direction: column;
+    padding-right: var(--mui-space-6);
+  }
+
+  .mui-dialog__footer {
+    justify-content: flex-end;
+    flex-wrap: wrap;
+  }
+
+  .mui-dialog__title {
+    font-size: var(--mui-text-lg);
+    font-weight: 600;
+    letter-spacing: 0;
+    line-height: 1.35;
+  }
+
+  .mui-dialog__description {
+    font-size: var(--mui-text-sm);
+    color: var(--mui-color-muted-foreground);
+    line-height: 1.5;
+  }
+
+  .mui-dialog__close,
+  .mui-sheet__close {
+    position: absolute;
+    top: var(--mui-space-3);
+    right: var(--mui-space-3);
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 2rem;
+    height: 2rem;
+    border: 0;
+    border-radius: var(--mui-radius-lg);
+    background: transparent;
+    color: var(--mui-color-muted-foreground);
+    cursor: pointer;
+    outline: none;
+  }
+
+  .mui-dialog__close:hover,
+  .mui-sheet__close:hover {
+    background: var(--mui-color-surface-hover);
+    color: var(--mui-color-foreground);
+  }
+
+  .mui-dialog__close:focus-visible,
+  .mui-sheet__close:focus-visible {
+    color: var(--mui-color-ring);
+  }
+
+  .mui-popover__content,
+  .mui-select__content,
+  .mui-dropdown-menu__content {
+    padding: var(--mui-space-1);
+    min-width: 10rem;
+    max-height: min(22rem, var(--available-height, calc(100vh - 1rem)));
+    overflow: auto;
+    font-size: var(--mui-text-sm);
+    line-height: 1.4;
+    animation: mui-surface-in 140ms ease;
+  }
+
+  .mui-popover__content {
+    padding: var(--mui-space-3);
+  }
+
+  .mui-select__content {
+    min-width: max(10rem, var(--anchor-width, 0px));
+  }
+
+  .mui-tooltip__content {
+    padding: var(--mui-space-1) var(--mui-space-2);
+    font-size: var(--mui-text-xs);
+    line-height: 1.35;
+    max-width: 16rem;
+    background: var(--mui-color-primary);
+    border-color: transparent;
+    color: var(--mui-color-primary-foreground);
+    box-shadow: var(--mui-shadow-floating);
+    animation: mui-surface-in 120ms ease;
+  }
+
+  .mui-dropdown-menu__item,
+  .mui-select__item,
+  .mui-dropdown-menu__sub-trigger {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    gap: var(--mui-space-2);
+    width: 100%;
+    min-height: 2rem;
+    padding: 0 var(--mui-space-2);
+    border-radius: var(--mui-radius-md);
+    color: var(--mui-color-popover-foreground);
+    cursor: pointer;
+    outline: none;
+    font-size: var(--mui-text-sm);
+    line-height: 1.4;
+  }
+
+  .mui-dropdown-menu__item[data-highlighted],
+  .mui-select__item[data-highlighted],
+  .mui-dropdown-menu__sub-trigger[data-highlighted] {
+    background: var(--mui-color-accent);
+    color: var(--mui-color-accent-foreground);
+  }
+
+  .mui-dropdown-menu__item[data-disabled],
+  .mui-select__item[data-disabled],
+  .mui-dropdown-menu__sub-trigger[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.55;
+  }
+
+  .mui-dropdown-menu__item[data-variant="destructive"],
+  .mui-dropdown-menu__item[data-destructive],
+  .mui-select__item[data-variant="destructive"],
+  .mui-select__item[data-destructive] {
+    color: var(--mui-color-destructive);
+  }
+
+  .mui-dropdown-menu__item[data-variant="destructive"][data-highlighted],
+  .mui-dropdown-menu__item[data-destructive][data-highlighted],
+  .mui-select__item[data-variant="destructive"][data-highlighted],
+  .mui-select__item[data-destructive][data-highlighted] {
+    background: color-mix(in oklch, var(--mui-color-destructive) 14%, var(--mui-color-popover));
+    color: var(--mui-color-destructive);
+  }
+
+  .mui-dropdown-menu__label,
+  .mui-select__label {
+    padding: var(--mui-space-1) var(--mui-space-2);
+    font-size: var(--mui-text-xs);
+    font-weight: 500;
+    color: var(--mui-color-muted-foreground);
+    letter-spacing: 0;
+    line-height: 1.35;
+  }
+
+  .mui-dropdown-menu__separator,
+  .mui-select__separator {
+    height: 1px;
+    background: var(--mui-color-border-subtle);
+    margin: var(--mui-space-1);
+  }
+
+  .mui-select__trigger {
+    all: unset;
+    appearance: none;
+    box-sizing: border-box;
+    width: 100%;
+    border: 1px solid var(--mui-color-input);
+    border-radius: var(--mui-radius-xl);
+    background: var(--mui-color-card);
+    color: var(--mui-color-foreground);
+    font-size: var(--mui-control-font-size-md);
+    line-height: 1.4;
+    outline: none;
+    min-height: var(--mui-control-height-md);
+    padding: 0 var(--mui-control-padding-x-md);
+    display: inline-flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--mui-control-gap-md);
+  }
+
+  .mui-select__trigger:is(:hover, [data-hovered]):not([data-disabled]) {
+    background: var(--mui-color-surface-hover);
+  }
+
+  .mui-select__value-slot {
+    display: inline-flex;
+    align-items: center;
+    flex: 1 1 auto;
+    min-width: 0;
+  }
+
+  .mui-select__value {
+    color: var(--mui-color-foreground);
+  }
+
+  .mui-select__value[data-placeholder] {
+    color: var(--mui-color-text-faint);
+  }
+
+  .mui-select__icon-slot {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    flex: 0 0 auto;
+  }
+
+  .mui-select__icon {
+    color: var(--mui-color-muted-foreground);
+  }
+
+  .mui-select__viewport {
+    display: grid;
+    gap: 2px;
+  }
+
+  .mui-select__scroll-button {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 1.5rem;
+    color: var(--mui-color-muted-foreground);
+  }
+
+  .mui-select__item-leading,
+  .mui-dropdown-menu__item-leading,
+  .mui-dropdown-menu__item-trailing {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1rem;
+    flex: 0 0 1rem;
+    color: var(--mui-color-muted-foreground);
+  }
+
+  .mui-select__item-text,
+  .mui-dropdown-menu__item-text {
+    flex: 1 1 auto;
+    min-width: 0;
+    line-height: 1.4;
+  }
+
+  .mui-select__item-indicator,
+  .mui-dropdown-menu__item-indicator {
+    color: var(--mui-color-foreground);
+  }
+
+  .mui-dropdown-menu__shortcut {
+    display: inline-flex;
+    align-items: center;
+    margin-left: auto;
+    color: var(--mui-color-muted-foreground);
+    font-size: var(--mui-text-xs);
+    font-family: var(--mui-font-mono);
+    letter-spacing: 0;
+  }
+
+  .mui-sheet__content {
+    position: fixed;
+    top: 0;
+    bottom: 0;
+    z-index: var(--mui-z-index-modal);
+    width: min(22rem, calc(100vw - 1rem));
+    padding: var(--mui-space-4);
+    display: grid;
+    gap: var(--mui-space-3);
+    overflow: auto;
+    animation: mui-slide-in-right 180ms ease;
+  }
+
+  .mui-sheet__content[data-side="left"] {
+    left: 0;
+    animation-name: mui-slide-in-left;
+  }
+
+  .mui-sheet__content[data-side="right"] {
+    right: 0;
+  }
+
+  .mui-calendar {
+    padding: var(--mui-space-4);
+  }
+
+  .mui-calendar .rdp {
+    --rdp-cell-size: 2.25rem;
+    margin: 0;
+  }
+
+  .mui-calendar .rdp-caption_label {
+    font-weight: 600;
+  }
+
+  .mui-calendar .rdp-button_reset,
+  .mui-calendar .rdp-day_button {
+    border-radius: 999px;
+  }
+
+  .mui-calendar .rdp-day_button:hover {
+    background: var(--mui-color-accent);
+  }
+
+  .mui-calendar .rdp-selected .rdp-day_button {
+    background: var(--mui-color-primary);
+    color: var(--mui-color-primary-foreground);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .mui-button,
+    .mui-input,
+    .mui-textarea,
+    .mui-badge,
+    .mui-checkbox,
+    .mui-switch,
+    .mui-switch__thumb,
+    .mui-radio-group__item,
+    .mui-select__trigger,
+    .mui-dialog__overlay,
+    .mui-sheet__overlay,
+    .mui-dialog__content,
+    .mui-popover__content,
+    .mui-select__content,
+    .mui-tooltip__content,
+    .mui-dropdown-menu__content,
+    .mui-sheet__content {
+      animation: none;
+      transition: none;
+    }
+  }
+}
+
+@layer mui.utilities {
+  .sr-only {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    padding: 0;
+    margin: -1px;
+    overflow: hidden;
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+  }
+
+  @keyframes mui-fade-in {
+    from { opacity: 0; }
+    to { opacity: 1; }
+  }
+
+  @keyframes mui-dialog-in {
+    from { opacity: 0; transform: translate(-50%, -48%) scale(0.98); }
+    to { opacity: 1; transform: translate(-50%, -50%) scale(1); }
+  }
+
+  @keyframes mui-surface-in {
+    from { opacity: 0; transform: translateY(4px); }
+    to { opacity: 1; transform: translateY(0); }
+  }
+
+  @keyframes mui-slide-in-right {
+    from { opacity: 0; transform: translateX(16px); }
+    to { opacity: 1; transform: translateX(0); }
+  }
+
+  @keyframes mui-slide-in-left {
+    from { opacity: 0; transform: translateX(-16px); }
+    to { opacity: 1; transform: translateX(0); }
+  }
+}