:root{--palette-white: #ffffff;--palette-stone-50: #f6f7f4;--palette-stone-100: #ebeee7;--palette-ink-400: #7f8a7b;--palette-ink-500: #6f7a6b;--palette-ink-600: #55604f;--palette-ink-900: #171b14;--palette-rind-100: #dcebe0;--palette-rind-600: #2c6b45;--palette-rind-800: #16512f;--palette-rind-900: #11412a;--palette-flesh-100: #fbe3e9;--palette-flesh-600: #b11f47;--palette-flesh-700: #97173a;--palette-flesh-800: #7d0f2e;--palette-slate-800: #2c3129;--palette-cooler-100: #dde9f0;--palette-cooler-800: #1d4a5f;--palette-amber-100: #f9ecd0;--palette-amber-800: #5f4506;--palette-shadow-soft: rgba(23, 27, 20, .08);--palette-shadow-firm: rgba(23, 27, 20, .14);--palette-shadow-scrim: rgba(23, 27, 20, .45)}:root{--type-family-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--type-family-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--type-size-min: 13px;--type-size-table: 13px;--type-size-label: 13px;--type-size-body: 14px;--type-size-subhead: 16px;--type-size-title: 20px;--type-size-display: 28px;--type-line-table: 20px;--type-line-label: 16px;--type-line-body: 20px;--type-line-subhead: 24px;--type-line-title: 28px;--type-line-display: 36px;--type-weight-regular: 400;--type-weight-medium: 500;--type-weight-semibold: 600;--type-tracking-tight: -.01em;--type-tracking-normal: 0;--type-tracking-wide: .04em;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-pill: 999px;--size-2xs: 12px;--size-xs: 16px;--size-sm: 20px;--size-md: 24px;--size-lg: 28px;--size-xl: 32px;--size-2xl: 36px;--size-3xl: 48px;--elevation-flat: none;--elevation-raised: 0 1px 2px var(--color-shadow-soft);--elevation-overlay: 0 4px 12px var(--color-shadow-firm);--elevation-popover: 0 12px 32px var(--color-shadow-firm);--border-width-hairline: 1px;--border-width-thick: 2px;--focus-ring-width: 2px;--focus-ring-offset: 2px;--motion-duration-max: .2s;--motion-duration-instant: 80ms;--motion-duration-quick: .12s;--motion-duration-settle: .2s;--motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--motion-ease-enter: cubic-bezier(0, 0, 0, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1)}:root,[data-theme=day]{--color-surface-page: var(--palette-stone-50);--color-surface-raised: var(--palette-white);--color-surface-sunken: var(--palette-stone-100);--color-surface-quiet: var(--palette-rind-100);--color-surface-primary: var(--palette-rind-900);--color-surface-destructive-reversible: var(--palette-flesh-600);--color-surface-destructive-soft: var(--palette-flesh-100);--color-surface-destructive-permanent: var(--palette-slate-800);--color-surface-inverse: var(--palette-ink-900);--color-surface-primary-hover: var(--palette-rind-800);--color-surface-primary-active: var(--palette-rind-600);--color-surface-raised-hover: var(--palette-stone-50);--color-surface-raised-active: var(--palette-stone-100);--color-surface-destructive-reversible-hover: var(--palette-flesh-700);--color-surface-destructive-reversible-active: var(--palette-flesh-800);--color-surface-disabled: var(--palette-stone-100);--color-surface-progress: var(--palette-cooler-100);--color-surface-warning: var(--palette-amber-100);--color-scrim: var(--palette-shadow-scrim);--color-text-body-on-page: var(--palette-ink-900);--color-text-heading-on-page: var(--palette-ink-900);--color-text-muted-on-page: var(--palette-ink-600);--color-text-primary-on-page: var(--palette-rind-900);--color-text-body-on-raised: var(--palette-ink-900);--color-text-muted-on-raised: var(--palette-ink-600);--color-text-body-on-sunken: var(--palette-ink-900);--color-text-muted-on-sunken: var(--palette-ink-600);--color-text-body-on-quiet: var(--palette-rind-800);--color-text-inverse-on-primary: var(--palette-white);--color-text-destructive-reversible-on-page: var(--palette-flesh-700);--color-text-inverse-on-destructive-reversible: var(--palette-white);--color-text-destructive-reversible-on-destructive-soft: var(--palette-flesh-700);--color-text-destructive-permanent-on-page: var(--palette-slate-800);--color-text-inverse-on-destructive-permanent: var(--palette-white);--color-text-destructive-reversible-on-raised: var(--palette-flesh-700);--color-text-inverse-on-inverse: var(--palette-white);--color-text-progress-on-progress: var(--palette-cooler-800);--color-text-warning-on-warning: var(--palette-amber-800);--color-text-disabled-on-disabled: var(--palette-ink-600);--color-stripe-draft: var(--palette-flesh-600);--color-shadow-soft: var(--palette-shadow-soft);--color-shadow-firm: var(--palette-shadow-firm);--border-line-on-page: var(--palette-ink-400);--border-line-on-raised: var(--palette-ink-400);--border-strong-on-page: var(--palette-ink-600);--border-divider-on-page: var(--palette-ink-500);--border-divider-on-raised: var(--palette-ink-500);--border-invalid-on-raised: var(--palette-flesh-600);--border-selected-on-page: var(--palette-rind-900);--focus-ring-on-page: var(--palette-rind-600);--focus-ring-on-raised: var(--palette-rind-600)}body{margin:0}.ds-page{box-sizing:border-box;min-height:100vh;margin:0;padding:var(--space-3xl) var(--space-xl);font-family:var(--type-family-sans);font-size:var(--type-size-body);line-height:var(--type-line-body);color:var(--color-text-body-on-page);background-color:var(--color-surface-page)}.ds-page h1{margin:0 0 var(--space-sm);font-size:var(--type-size-display);line-height:var(--type-line-display);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-tight);color:var(--color-text-heading-on-page)}.ds-page p{margin:0;max-width:60ch;color:var(--color-text-muted-on-page)}.ds-page :focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-on-page);outline-offset:var(--focus-ring-offset)}.ds-button:focus-visible,.ds-input:focus-visible,.ds-choice__input:focus-visible+.ds-choice__box,.ds-switch:focus-visible,.ds-tabs__tab:focus-visible,.ds-tabs__panel:focus-visible,.ds-menu__item:focus-visible,.ds-table__row:focus-visible,.ds-dialog:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-on-page);outline-offset:var(--focus-ring-offset)}.ds-visually-hidden{position:absolute;inline-size:var(--border-width-hairline);block-size:var(--border-width-hairline);margin:calc(var(--border-width-hairline) * -1);padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ds-icon{display:block;flex:none;width:var(--size-xs);height:var(--size-xs)}.ds-button{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;gap:var(--space-2xs);min-height:var(--size-xl);padding:0 var(--space-md);border:var(--border-width-hairline) solid transparent;border-radius:var(--radius-md);font-family:var(--type-family-sans);font-size:var(--type-size-body);line-height:var(--type-line-body);font-weight:var(--type-weight-medium);text-align:center;white-space:nowrap;cursor:pointer;transition:background-color var(--motion-duration-quick) var(--motion-ease-standard),border-color var(--motion-duration-quick) var(--motion-ease-standard),color var(--motion-duration-quick) var(--motion-ease-standard)}.ds-button--sm{min-height:var(--size-md);padding:0 var(--space-sm);font-size:var(--type-size-label);line-height:var(--type-line-label)}.ds-button--primary{background-color:var(--color-surface-primary);color:var(--color-text-inverse-on-primary)}.ds-button--primary:hover:not(:disabled){background-color:var(--color-surface-primary-hover)}.ds-button--primary:active:not(:disabled){background-color:var(--color-surface-primary-active)}.ds-button--secondary{background-color:var(--color-surface-raised);border-color:var(--border-line-on-raised);color:var(--color-text-body-on-raised)}.ds-button--secondary:hover:not(:disabled){background-color:var(--color-surface-raised-hover)}.ds-button--secondary:active:not(:disabled){background-color:var(--color-surface-raised-active)}.ds-button--quiet{background-color:transparent;color:var(--color-text-primary-on-page)}.ds-button--quiet:hover:not(:disabled){background-color:var(--color-surface-quiet)}.ds-button--quiet:active:not(:disabled){background-color:var(--color-surface-raised-active)}.ds-button--danger{background-color:var(--color-surface-destructive-reversible);color:var(--color-text-inverse-on-destructive-reversible)}.ds-button--danger:hover:not(:disabled){background-color:var(--color-surface-destructive-reversible-hover)}.ds-button--danger:active:not(:disabled){background-color:var(--color-surface-destructive-reversible-active)}.ds-button:disabled:not([aria-busy=true]){background-color:var(--color-surface-disabled);border-color:var(--border-line-on-page);color:var(--color-text-disabled-on-disabled);cursor:not-allowed}.ds-button--quiet:disabled:not([aria-busy=true]){background-color:transparent;border-color:transparent}.ds-button[aria-busy=true]{cursor:progress}.ds-button.ds-icon-button{min-width:var(--size-xl);padding:0}.ds-button.ds-icon-button.ds-button--sm{min-width:var(--size-md)}.ds-spinner{display:inline-flex;flex:none}.ds-spinner--sm{width:var(--size-xs);height:var(--size-xs)}.ds-spinner--md{width:var(--size-md);height:var(--size-md)}.ds-spinner__disc{display:block;box-sizing:border-box;width:100%;height:100%;border:var(--border-width-thick) solid var(--color-surface-sunken);border-top-color:var(--color-surface-primary);border-radius:var(--radius-pill);animation-name:ds-spin;animation-duration:calc(var(--motion-duration-settle) * 4);animation-timing-function:linear;animation-iteration-count:infinite}.ds-button .ds-spinner__disc{border-color:transparent;border-top-color:currentColor}@keyframes ds-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.ds-skeleton{display:block;background-color:var(--color-surface-sunken);border-radius:var(--radius-sm);animation-name:ds-skeleton-breathe;animation-duration:calc(var(--motion-duration-settle) * 6);animation-timing-function:var(--motion-ease-standard);animation-iteration-count:infinite;animation-direction:alternate}.ds-skeleton--line{height:var(--size-2xs)}.ds-skeleton--block{height:var(--size-3xl)}.ds-skeleton--full{width:100%}.ds-skeleton--half{width:50%}.ds-skeleton--third{width:33%}@keyframes ds-skeleton-breathe{0%{opacity:1}to{opacity:.55}}.ds-field{display:flex;flex-direction:column;gap:var(--space-2xs)}.ds-field__label{font-size:var(--type-size-label);line-height:var(--type-line-label);font-weight:var(--type-weight-medium);color:var(--color-text-body-on-page)}.ds-field__required{margin-left:var(--space-3xs);color:var(--color-text-destructive-reversible-on-page)}.ds-field__help,.ds-field__error{margin:0;font-size:var(--type-size-label);line-height:var(--type-line-label)}.ds-field__help{color:var(--color-text-muted-on-page)}.ds-field__error{display:flex;align-items:center;gap:var(--space-2xs);color:var(--color-text-destructive-reversible-on-page)}.ds-field--disabled .ds-field__label{color:var(--color-text-disabled-on-disabled)}.ds-input{box-sizing:border-box;width:100%;min-height:var(--size-xl);padding:0 var(--space-sm);background-color:var(--color-surface-raised);border:var(--border-width-hairline) solid var(--border-line-on-raised);border-radius:var(--radius-md);font-family:var(--type-family-sans);font-size:var(--type-size-body);line-height:var(--type-line-body);color:var(--color-text-body-on-raised);transition:border-color var(--motion-duration-quick) var(--motion-ease-standard),background-color var(--motion-duration-quick) var(--motion-ease-standard)}.ds-input::placeholder{color:var(--color-text-muted-on-raised)}.ds-input:hover:not(:disabled){border-color:var(--border-strong-on-page)}.ds-input:disabled{background-color:var(--color-surface-disabled);color:var(--color-text-disabled-on-disabled);cursor:not-allowed}.ds-input[aria-invalid=true]{border-color:var(--border-invalid-on-raised);box-shadow:inset 0 0 0 var(--border-width-hairline) var(--border-invalid-on-raised)}.ds-input--multiline{min-height:auto;padding:var(--space-xs) var(--space-sm);resize:vertical}.ds-select{position:relative;display:block}.ds-select__control{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--space-2xl);cursor:pointer}.ds-select__chevron{position:absolute;top:50%;right:var(--space-sm);transform:translateY(-50%);color:var(--color-text-muted-on-raised);pointer-events:none}.ds-select__control:disabled+.ds-select__chevron{color:var(--color-text-disabled-on-disabled)}.ds-choice{display:inline-flex;align-items:center;gap:var(--space-sm);font-size:var(--type-size-body);line-height:var(--type-line-body);color:var(--color-text-body-on-page);cursor:pointer}.ds-choice__input{position:absolute;inline-size:var(--border-width-hairline);block-size:var(--border-width-hairline);margin:calc(var(--border-width-hairline) * -1);padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.ds-choice__box{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;flex:none;width:var(--size-xs);height:var(--size-xs);background-color:var(--color-surface-raised);border:var(--border-width-hairline) solid var(--border-strong-on-page);border-radius:var(--radius-xs);color:var(--color-text-inverse-on-primary);transition:background-color var(--motion-duration-instant) var(--motion-ease-standard),border-color var(--motion-duration-instant) var(--motion-ease-standard)}.ds-choice--radio .ds-choice__box{border-radius:var(--radius-pill)}.ds-choice__box>*{opacity:0}.ds-choice__input:checked+.ds-choice__box,.ds-choice__input:indeterminate+.ds-choice__box{background-color:var(--color-surface-primary);border-color:var(--color-surface-primary)}.ds-choice__input:checked+.ds-choice__box>*,.ds-choice__input:indeterminate+.ds-choice__box>*{opacity:1}.ds-choice__dash{display:block;width:var(--space-sm);height:var(--border-width-thick);background-color:currentColor;border-radius:var(--radius-pill)}.ds-choice__dot{display:block;width:var(--space-xs);height:var(--space-xs);background-color:currentColor;border-radius:var(--radius-pill)}.ds-choice--disabled{color:var(--color-text-disabled-on-disabled);cursor:not-allowed}.ds-choice__input:disabled+.ds-choice__box{background-color:var(--color-surface-disabled);border-color:var(--border-line-on-page)}.ds-choice__input:checked:disabled+.ds-choice__box{background-color:var(--color-surface-disabled);color:var(--color-text-disabled-on-disabled)}.ds-switch{display:inline-flex;align-items:center;gap:var(--space-sm);padding:0;background:none;border:0;font-family:var(--type-family-sans);font-size:var(--type-size-body);line-height:var(--type-line-body);color:var(--color-text-body-on-page);cursor:pointer}.ds-switch__track{display:inline-flex;align-items:center;box-sizing:border-box;flex:none;width:var(--size-2xl);height:var(--size-sm);padding:var(--space-3xs);background-color:var(--color-surface-sunken);border:var(--border-width-hairline) solid var(--border-strong-on-page);border-radius:var(--radius-pill);transition:background-color var(--motion-duration-quick) var(--motion-ease-standard)}.ds-switch__thumb{display:block;width:var(--space-md);height:var(--space-md);background-color:var(--color-surface-raised);border-radius:var(--radius-pill);box-shadow:var(--elevation-raised);transition:transform var(--motion-duration-quick) var(--motion-ease-standard)}.ds-switch--on .ds-switch__track{background-color:var(--color-surface-primary);border-color:var(--color-surface-primary)}.ds-switch--on .ds-switch__thumb{transform:translate(100%)}.ds-switch:disabled{color:var(--color-text-disabled-on-disabled);cursor:not-allowed}.ds-switch:disabled .ds-switch__track{background-color:var(--color-surface-disabled);border-color:var(--border-line-on-page)}.ds-badge{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-3xs) var(--space-sm) var(--space-3xs) var(--space-2xs);border-radius:var(--radius-pill);font-size:var(--type-size-label);line-height:var(--type-line-label);font-weight:var(--type-weight-medium);white-space:nowrap}.ds-badge__dot{flex:none}.ds-badge--neutral{background-color:var(--color-surface-sunken);color:var(--color-text-muted-on-sunken)}.ds-badge--progress{background-color:var(--color-surface-progress);color:var(--color-text-progress-on-progress)}.ds-badge--done{background-color:var(--color-surface-quiet);color:var(--color-text-body-on-quiet)}.ds-badge--warning{background-color:var(--color-surface-warning);color:var(--color-text-warning-on-warning)}.ds-badge--danger{background-color:var(--color-surface-destructive-soft);color:var(--color-text-destructive-reversible-on-destructive-soft)}.ds-card{display:flex;flex-direction:column;box-sizing:border-box;background-color:var(--color-surface-raised);border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-lg);box-shadow:var(--elevation-raised);color:var(--color-text-body-on-raised);overflow:hidden}.ds-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width-hairline) solid var(--border-divider-on-raised)}.ds-card__title{margin:0;font-size:var(--type-size-subhead);line-height:var(--type-line-subhead);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-tight);color:var(--color-text-body-on-raised)}.ds-card__action{display:flex;flex:none;gap:var(--space-sm)}.ds-card__body{padding:var(--space-lg)}.ds-card__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface-page);border-top:var(--border-width-hairline) solid var(--border-divider-on-raised)}.ds-table{width:100%;border-collapse:collapse;background-color:var(--color-surface-raised);font-size:var(--type-size-table);line-height:var(--type-line-table);color:var(--color-text-body-on-raised)}.ds-table__cell{padding:0 var(--space-md);text-align:left;vertical-align:middle}.ds-table__cell:first-child{position:relative;padding-left:var(--space-xl)}.ds-table__head{background-color:var(--color-surface-sunken);border-bottom:var(--border-width-hairline) solid var(--border-line-on-page);font-size:var(--type-size-label);line-height:var(--type-line-label);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-wide);text-transform:uppercase;color:var(--color-text-muted-on-sunken);white-space:nowrap}.ds-table__cell--numeric{text-align:right;font-variant-numeric:tabular-nums}.ds-table__row{height:var(--size-2xl);border-top:var(--border-width-hairline) solid var(--border-divider-on-raised);transition:background-color var(--motion-duration-instant) var(--motion-ease-standard)}.ds-table--dense .ds-table__row{height:var(--size-lg)}.ds-table tbody .ds-table__row:hover{background-color:var(--color-surface-raised-hover)}.ds-table__row--selected,.ds-table tbody .ds-table__row--selected:hover{background-color:var(--color-surface-quiet);color:var(--color-text-body-on-quiet)}.ds-table__row--selected .ds-table__cell:first-child:before{content:"";position:absolute;top:50%;left:var(--space-sm);width:var(--space-xs);height:var(--space-sm);margin-top:calc(var(--space-sm) / -2);background-color:var(--color-surface-primary);border-radius:var(--radius-pill);transform:rotate(-22deg)}.ds-table__row--empty:hover{background-color:transparent}.ds-table__empty{padding:var(--space-xl) var(--space-md);text-align:center;color:var(--color-text-muted-on-raised)}.ds-tabs{display:flex;flex-direction:column}.ds-tabs__strip{display:flex;gap:var(--space-lg);border-bottom:var(--border-width-hairline) solid var(--border-divider-on-page)}.ds-tabs__tab{padding:var(--space-sm) 0;background:none;border:0;border-bottom:var(--border-width-thick) solid transparent;font-family:var(--type-family-sans);font-size:var(--type-size-body);line-height:var(--type-line-body);font-weight:var(--type-weight-medium);color:var(--color-text-muted-on-page);cursor:pointer;transition:color var(--motion-duration-quick) var(--motion-ease-standard),border-color var(--motion-duration-quick) var(--motion-ease-standard)}.ds-tabs__tab:hover:not(:disabled){color:var(--color-text-body-on-page);border-bottom-color:var(--border-divider-on-page)}.ds-tabs__tab--selected{color:var(--color-text-primary-on-page);border-bottom-color:var(--border-selected-on-page)}.ds-tabs__tab:disabled{color:var(--color-text-disabled-on-disabled);cursor:not-allowed}.ds-tabs__panel{padding-top:var(--space-lg)}.ds-menu{position:relative;display:inline-block}.ds-menu__surface{position:absolute;z-index:1;top:100%;left:0;min-width:100%;margin-top:var(--space-2xs);padding:var(--space-2xs);background-color:var(--color-surface-raised);border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-md);box-shadow:var(--elevation-popover)}.ds-menu__item{display:flex;align-items:center;width:100%;gap:var(--space-sm);padding:var(--space-xs) var(--space-md);background:none;border:0;border-radius:var(--radius-sm);font-family:var(--type-family-sans);font-size:var(--type-size-body);line-height:var(--type-line-body);text-align:left;white-space:nowrap;color:var(--color-text-body-on-raised);cursor:pointer;transition:background-color var(--motion-duration-instant) var(--motion-ease-standard)}.ds-menu__item:hover:not(:disabled){background-color:var(--color-surface-raised-hover)}.ds-menu__item--destructive{color:var(--color-text-destructive-reversible-on-raised)}.ds-menu__item--destructive:hover:not(:disabled){background-color:var(--color-surface-destructive-soft)}.ds-menu__item:disabled{color:var(--color-text-disabled-on-disabled);cursor:not-allowed}.ds-menu__separator{height:var(--border-width-hairline);margin:var(--space-2xs) 0;background-color:var(--border-divider-on-raised)}.ds-dialog__scrim{position:fixed;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background-color:var(--color-scrim)}.ds-dialog{display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:48ch;max-height:100%;background-color:var(--color-surface-raised);border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-lg);box-shadow:var(--elevation-popover);color:var(--color-text-body-on-raised);overflow:hidden}.ds-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg) var(--space-lg) var(--space-sm)}.ds-dialog__title{margin:0;font-size:var(--type-size-title);line-height:var(--type-line-title);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-tight);color:var(--color-text-body-on-raised)}.ds-dialog__body{padding:0 var(--space-lg) var(--space-lg);overflow-y:auto;color:var(--color-text-muted-on-raised)}.ds-dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background-color:var(--color-surface-page);border-top:var(--border-width-hairline) solid var(--border-divider-on-raised)}.ds-toast{display:flex;align-items:center;gap:var(--space-sm);box-sizing:border-box;padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-md);border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-md);box-shadow:var(--elevation-overlay);font-size:var(--type-size-body);line-height:var(--type-line-body)}.ds-toast__mark{flex:none}.ds-toast__message{flex:1}.ds-toast--neutral{background-color:var(--color-surface-raised);color:var(--color-text-body-on-raised)}.ds-toast--success{background-color:var(--color-surface-quiet);color:var(--color-text-body-on-quiet)}.ds-toast--warning{background-color:var(--color-surface-warning);color:var(--color-text-warning-on-warning)}.ds-toast--danger{background-color:var(--color-surface-destructive-soft);color:var(--color-text-destructive-reversible-on-destructive-soft)}.ds-toast .ds-button--quiet{color:currentColor}.ds-tooltip{position:relative;display:inline-flex}.ds-tooltip__bubble{position:absolute;z-index:1;bottom:100%;left:0;width:max-content;max-width:32ch;margin-bottom:var(--space-2xs);padding:var(--space-3xs) var(--space-sm);background-color:var(--color-surface-inverse);border-radius:var(--radius-sm);box-shadow:var(--elevation-overlay);font-size:var(--type-size-label);line-height:var(--type-line-label);color:var(--color-text-inverse-on-inverse);pointer-events:none}.ds-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);padding:var(--space-3xl) var(--space-xl);text-align:center}.ds-empty__mark{display:inline-flex;align-items:center;justify-content:center;width:var(--size-3xl);height:var(--size-3xl);margin-bottom:var(--space-2xs);background-color:var(--color-surface-quiet);border-radius:var(--radius-pill);color:var(--color-text-body-on-quiet)}.ds-empty__title{margin:0;font-size:var(--type-size-subhead);line-height:var(--type-line-subhead);font-weight:var(--type-weight-semibold);color:var(--color-text-heading-on-page)}.ds-empty__description{margin:0;max-width:46ch;font-size:var(--type-size-body);line-height:var(--type-line-body);color:var(--color-text-muted-on-page)}.ds-empty__action{margin-top:var(--space-md)}@media(prefers-reduced-motion:reduce){.ds-button,.ds-input,.ds-choice__box,.ds-switch__track,.ds-switch__thumb,.ds-tabs__tab,.ds-table__row,.ds-menu__item,.ds-spinner__disc,.ds-skeleton{animation:none;transition:none}}.showroom{max-width:72rem;margin:0 auto;padding-bottom:var(--space-3xl)}.showroom-header{padding-bottom:var(--space-xl)}.showroom .showroom-lede{max-width:68ch;margin-top:var(--space-md);font-size:var(--type-size-subhead);line-height:var(--type-line-subhead);color:var(--color-text-muted-on-page)}.showroom-contents{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--space-xl);padding:var(--space-lg);background-color:var(--color-surface-raised);border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-lg);box-shadow:var(--elevation-raised)}.showroom-contents-title{display:block;margin-bottom:var(--space-sm);font-size:var(--type-size-label);line-height:var(--type-line-label);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-wide);text-transform:uppercase;color:var(--color-text-muted-on-raised)}.showroom-contents ul{display:flex;flex-wrap:wrap;gap:var(--space-2xs) var(--space-md);margin:0;padding:0;list-style:none}.showroom-contents a{font-size:var(--type-size-label);line-height:var(--type-line-label);color:var(--color-text-primary-on-page);text-decoration:none;border-bottom:var(--border-width-hairline) solid transparent}.showroom-contents a:hover{border-bottom-color:var(--border-selected-on-page)}.showroom-section{margin-top:var(--space-3xl);scroll-margin-top:var(--space-xl)}.showroom-section-head{margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:var(--border-width-hairline) solid var(--border-divider-on-page)}.showroom-section h2{margin:0;font-size:var(--type-size-title);line-height:var(--type-line-title);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-tight);color:var(--color-text-heading-on-page)}.showroom .showroom-blurb{max-width:76ch;margin-top:var(--space-3xs);color:var(--color-text-muted-on-page)}.showroom-stage{display:flex;flex-direction:column;gap:var(--space-xl)}.showroom-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-lg) var(--space-xl)}.showroom-row--tall{min-height:5.5rem;align-items:flex-end}.showroom-row--opens-down{min-height:14rem;align-items:flex-start}.showroom-row--opens-down .showroom-specimen{flex-direction:column-reverse}.showroom-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:var(--space-lg) var(--space-xl);align-items:start}.showroom-stack{display:flex;flex-direction:column;gap:var(--space-sm);align-items:flex-start}.showroom-stack--roomy{gap:var(--space-xl);align-items:stretch}.showroom-specimen{display:flex;flex-direction:column;gap:var(--space-2xs);align-items:flex-start;min-width:0}.showroom-specimen--wide{flex:1;align-self:stretch;align-items:stretch}.showroom-specimen-label{font-family:var(--type-family-mono);font-size:var(--type-size-table);line-height:var(--type-line-table);color:var(--color-text-muted-on-page)}.showroom-specimen-body{display:flex;align-items:center;min-width:0}.showroom-specimen--wide .showroom-specimen-body{display:block;border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-md);overflow:hidden}.showroom-skeleton{width:18rem}.showroom .showroom-note{margin:0;color:var(--color-text-muted-on-raised)}.showroom-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:var(--space-md)}.showroom-icon{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);padding:var(--space-md) var(--space-sm);background-color:var(--color-surface-raised);border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-md);color:var(--color-text-body-on-raised)}.showroom-dialog-stage{position:relative;padding:var(--space-lg);background-color:var(--color-surface-sunken);border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-lg);overflow:hidden}.showroom-dialog-stage--open{min-height:21rem}.showroom-dialog-stage .ds-dialog__scrim{position:absolute}.showroom-foundation-groups{display:flex;flex-direction:column;gap:var(--space-xl)}.showroom-foundation-group-title{margin:0 0 var(--space-sm);font-size:var(--type-size-subhead);line-height:var(--type-line-subhead);font-weight:var(--type-weight-semibold);color:var(--color-text-heading-on-page)}.showroom-foundation{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));gap:var(--space-md);margin:0;padding:0;list-style:none}.showroom-foundation--color{grid-template-columns:repeat(auto-fill,minmax(18rem,1fr))}.showroom-foundation--type{grid-template-columns:1fr}.showroom-foundation--motion,.showroom-foundation--elevation{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.showroom-foundation-entry{display:flex;flex-direction:column;gap:var(--space-2xs);align-items:flex-start;min-width:0;padding:var(--space-md);background-color:var(--color-surface-raised);border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-md)}.showroom-foundation-sample{display:flex;align-items:center;width:100%;min-width:0;overflow:hidden}.showroom-foundation-entry .gallery-swatch,.showroom-foundation-entry .gallery-text-pair,.showroom-foundation-entry .gallery-elevation{box-sizing:border-box;width:100%}.gallery-tokens{width:100%;border-collapse:collapse;background-color:var(--color-surface-raised);border:var(--border-width-hairline) solid var(--border-line-on-page);border-radius:var(--radius-md);overflow:hidden}.gallery-tokens th{padding:var(--space-xs) var(--space-md);background-color:var(--color-surface-sunken);border-bottom:var(--border-width-hairline) solid var(--border-line-on-page);font-size:var(--type-size-label);line-height:var(--type-line-label);font-weight:var(--type-weight-semibold);letter-spacing:var(--type-tracking-wide);text-transform:uppercase;text-align:left;color:var(--color-text-muted-on-sunken)}.gallery-tokens td{padding:var(--space-xs) var(--space-md);vertical-align:middle}.gallery-token{border-top:var(--border-width-hairline) solid var(--border-divider-on-raised)}.gallery-token:first-child{border-top:0}.gallery-token-name,.gallery-token-value{font-family:var(--type-family-mono);font-size:var(--type-size-table);line-height:var(--type-line-table);overflow-wrap:anywhere}.gallery-token-name{color:var(--color-text-body-on-raised);font-weight:var(--type-weight-medium)}.gallery-token-value{color:var(--color-text-muted-on-raised)}.gallery-token-sample{display:flex;align-items:center;min-width:0}.gallery-swatch{display:block;width:6rem;height:var(--space-2xl);border:var(--border-width-hairline) solid var(--border-line-on-raised);border-radius:var(--radius-sm)}.gallery-text-pair{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);border:var(--border-width-hairline) solid var(--border-line-on-raised);border-radius:var(--radius-sm);font-size:var(--type-size-body);line-height:var(--type-line-body);white-space:nowrap}.gallery-line-pair{display:inline-flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-text-body-on-page)}.gallery-line{display:block;width:var(--space-3xl);border-top:var(--border-width-hairline) solid var(--border-line-on-raised)}.gallery-boxed{padding:var(--space-3xs) var(--space-xs);border:var(--border-width-hairline) solid var(--border-line-on-raised);border-radius:var(--radius-sm);font-size:var(--type-size-table);line-height:var(--type-line-table);white-space:nowrap}.gallery-ringed{padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-sm);background:var(--color-surface-raised);color:var(--color-text-body-on-raised);font-size:var(--type-size-table);line-height:var(--type-line-table);outline:var(--focus-ring-width) solid var(--focus-ring-on-raised);outline-offset:var(--focus-ring-offset)}.gallery-type{display:block;max-width:min(42ch,100%);color:var(--color-text-body-on-raised)}.gallery-gap{display:inline-flex;padding:var(--space-3xs);background:var(--color-surface-sunken);border-radius:var(--radius-xs)}.gallery-gap-block{display:block;width:var(--space-xl);height:var(--space-xl);background:var(--color-surface-primary);border-radius:var(--radius-xs)}.gallery-size{display:block;flex:none;background:var(--color-surface-primary);border-radius:var(--radius-xs)}.gallery-radius{display:block;width:var(--space-3xl);height:var(--space-3xl);background:var(--color-surface-quiet);border:var(--border-width-thick) solid var(--border-strong-on-page)}.gallery-elevation-stage{display:inline-flex;padding:var(--space-md) var(--space-xl);background:var(--color-surface-page);border-radius:var(--radius-sm)}.gallery-elevation{display:block;width:7rem;height:var(--space-2xl);background:var(--color-surface-raised);border-radius:var(--radius-md)}.gallery-track{display:block;width:12rem;padding:var(--space-3xs);background:var(--color-surface-sunken);border-radius:var(--radius-pill)}.gallery-mover{display:block;width:var(--space-lg);height:var(--space-lg);background:var(--color-surface-primary);border-radius:var(--radius-pill);animation-name:gallery-travel;animation-duration:var(--motion-duration-settle);animation-timing-function:var(--motion-ease-standard);animation-iteration-count:infinite;animation-direction:alternate}@keyframes gallery-travel{0%{transform:translate(0)}to{transform:translate(10.5rem)}}@media(prefers-reduced-motion:reduce){.gallery-mover{animation:none}}@media(max-width:52rem){.showroom-contents{grid-template-columns:1fr;gap:var(--space-lg)}.showroom-row{gap:var(--space-md) var(--space-lg)}.showroom-grid,.showroom-foundation,.showroom-foundation--color,.showroom-foundation--motion,.showroom-foundation--elevation{grid-template-columns:1fr}.showroom-specimen--wide .showroom-specimen-body{overflow-x:auto}.gallery-tokens,.gallery-tokens tbody,.gallery-tokens tr{display:block}.gallery-tokens thead{display:none}.gallery-tokens td{display:block;padding:var(--space-3xs) var(--space-md)}.gallery-token{padding:var(--space-sm) 0}}