@layer reset,tokens,base,components,utilities,overrides;@layer tokens{:root,.sardrobe-light,.sardrobe-dark,[data-theme=light],[data-theme=dark]{--sardrobe-primary-seed: #4a97f4;--sardrobe-neutral-seed: #8b8c93;--sardrobe-success-seed: #5dbb55;--sardrobe-warning-seed: #e89a26;--sardrobe-destructive-seed: #ef5655}}@layer tokens{:root,.sardrobe-light,.sardrobe-dark,[data-theme=light],[data-theme=dark]{--sardrobe-primary-50: color-mix(in oklab, var(--sardrobe-primary-seed), white 95%);--sardrobe-primary-100: color-mix(in oklab, var(--sardrobe-primary-seed), white 87%);--sardrobe-primary-200: color-mix(in oklab, var(--sardrobe-primary-seed), white 70%);--sardrobe-primary-300: color-mix(in oklab, var(--sardrobe-primary-seed), white 47%);--sardrobe-primary-400: color-mix(in oklab, var(--sardrobe-primary-seed), white 23%);--sardrobe-primary-500: var(--sardrobe-primary-seed);--sardrobe-primary-600: color-mix(in oklab, var(--sardrobe-primary-seed), black 15.5%);--sardrobe-primary-700: color-mix(in oklab, var(--sardrobe-primary-seed), black 28.25%);--sardrobe-primary-800: color-mix(in oklab, var(--sardrobe-primary-seed), black 43.5%);--sardrobe-primary-900: color-mix(in oklab, var(--sardrobe-primary-seed), black 58.5%);--sardrobe-primary-950: color-mix(in oklab, var(--sardrobe-primary-seed), black 73.75%);--sardrobe-neutral-50: color-mix(in oklab, var(--sardrobe-neutral-seed), white 95%);--sardrobe-neutral-100: color-mix(in oklab, var(--sardrobe-neutral-seed), white 87%);--sardrobe-neutral-200: color-mix(in oklab, var(--sardrobe-neutral-seed), white 70%);--sardrobe-neutral-300: color-mix(in oklab, var(--sardrobe-neutral-seed), white 47%);--sardrobe-neutral-400: color-mix(in oklab, var(--sardrobe-neutral-seed), white 23%);--sardrobe-neutral-500: var(--sardrobe-neutral-seed);--sardrobe-neutral-600: color-mix(in oklab, var(--sardrobe-neutral-seed), black 15.5%);--sardrobe-neutral-700: color-mix(in oklab, var(--sardrobe-neutral-seed), black 28.25%);--sardrobe-neutral-800: color-mix(in oklab, var(--sardrobe-neutral-seed), black 43.5%);--sardrobe-neutral-900: color-mix(in oklab, var(--sardrobe-neutral-seed), black 58.5%);--sardrobe-neutral-950: color-mix(in oklab, var(--sardrobe-neutral-seed), black 73.75%);--sardrobe-success-50: color-mix(in oklab, var(--sardrobe-success-seed), white 95%);--sardrobe-success-100: color-mix(in oklab, var(--sardrobe-success-seed), white 87%);--sardrobe-success-200: color-mix(in oklab, var(--sardrobe-success-seed), white 70%);--sardrobe-success-300: color-mix(in oklab, var(--sardrobe-success-seed), white 47%);--sardrobe-success-400: color-mix(in oklab, var(--sardrobe-success-seed), white 23%);--sardrobe-success-500: var(--sardrobe-success-seed);--sardrobe-success-600: color-mix(in oklab, var(--sardrobe-success-seed), black 15.5%);--sardrobe-success-700: color-mix(in oklab, var(--sardrobe-success-seed), black 28.25%);--sardrobe-success-800: color-mix(in oklab, var(--sardrobe-success-seed), black 43.5%);--sardrobe-success-900: color-mix(in oklab, var(--sardrobe-success-seed), black 58.5%);--sardrobe-success-950: color-mix(in oklab, var(--sardrobe-success-seed), black 73.75%);--sardrobe-warning-50: color-mix(in oklab, var(--sardrobe-warning-seed), white 95%);--sardrobe-warning-100: color-mix(in oklab, var(--sardrobe-warning-seed), white 87%);--sardrobe-warning-200: color-mix(in oklab, var(--sardrobe-warning-seed), white 70%);--sardrobe-warning-300: color-mix(in oklab, var(--sardrobe-warning-seed), white 47%);--sardrobe-warning-400: color-mix(in oklab, var(--sardrobe-warning-seed), white 23%);--sardrobe-warning-500: var(--sardrobe-warning-seed);--sardrobe-warning-600: color-mix(in oklab, var(--sardrobe-warning-seed), black 15.5%);--sardrobe-warning-700: color-mix(in oklab, var(--sardrobe-warning-seed), black 28.25%);--sardrobe-warning-800: color-mix(in oklab, var(--sardrobe-warning-seed), black 43.5%);--sardrobe-warning-900: color-mix(in oklab, var(--sardrobe-warning-seed), black 58.5%);--sardrobe-warning-950: color-mix(in oklab, var(--sardrobe-warning-seed), black 73.75%);--sardrobe-destructive-50: color-mix(in oklab, var(--sardrobe-destructive-seed), white 95%);--sardrobe-destructive-100: color-mix(in oklab, var(--sardrobe-destructive-seed), white 87%);--sardrobe-destructive-200: color-mix(in oklab, var(--sardrobe-destructive-seed), white 70%);--sardrobe-destructive-300: color-mix(in oklab, var(--sardrobe-destructive-seed), white 47%);--sardrobe-destructive-400: color-mix(in oklab, var(--sardrobe-destructive-seed), white 23%);--sardrobe-destructive-500: var(--sardrobe-destructive-seed);--sardrobe-destructive-600: color-mix(in oklab, var(--sardrobe-destructive-seed), black 15.5%);--sardrobe-destructive-700: color-mix(in oklab, var(--sardrobe-destructive-seed), black 28.25%);--sardrobe-destructive-800: color-mix(in oklab, var(--sardrobe-destructive-seed), black 43.5%);--sardrobe-destructive-900: color-mix(in oklab, var(--sardrobe-destructive-seed), black 58.5%);--sardrobe-destructive-950: color-mix(in oklab, var(--sardrobe-destructive-seed), black 73.75%)}}@layer tokens{:root,.sardrobe-light,.sardrobe-dark,[data-theme=light],[data-theme=dark]{--sardrobe-font-family: system-ui, sans-serif;--sardrobe-font-family-heading: var(--sardrobe-font-family);--sardrobe-font-family-code: SFMono-Regular, Consolas, Menlo, Monaco, "liberation mono", "Courier New", monospace;--sardrobe-font-size: 16px;--sardrobe-font-size-xs: .75rem;--sardrobe-font-size-sm: .875rem;--sardrobe-font-size-md: 1rem;--sardrobe-font-size-lg: 1.125rem;--sardrobe-font-size-xl: 1.25rem;--sardrobe-font-size-2xl: 1.5rem;--sardrobe-font-size-3xl: 1.875rem;--sardrobe-font-size-4xl: 2.25rem;--sardrobe-font-size-5xl: 3rem;--sardrobe-font-size-fluid-sm: clamp(.8125rem, .75rem + .2vw, .875rem);--sardrobe-font-size-fluid-md: clamp(.9375rem, .875rem + .2vw, 1rem);--sardrobe-font-size-fluid-lg: clamp(1.0625rem, .95rem + .35vw, 1.25rem);--sardrobe-font-size-fluid-xl: clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--sardrobe-font-size-fluid-2xl: clamp(1.5rem, 1.25rem + .75vw, 2rem);--sardrobe-font-size-fluid-3xl: clamp(1.875rem, 1.5rem + 1.2vw, 2.75rem);--sardrobe-font-weight-normal: 400;--sardrobe-font-weight-semibold: 500;--sardrobe-font-weight-bold: 700;--sardrobe-line-height: 1.6;--sardrobe-line-height-tight: 1.2;--sardrobe-line-height-snug: 1.375;--sardrobe-line-height-normal: 1.5;--sardrobe-line-height-relaxed: 1.625;--sardrobe-line-height-loose: 2;--sardrobe-letter-spacing-tight: -.025em;--sardrobe-letter-spacing-normal: 0;--sardrobe-letter-spacing-wide: .025em;--sardrobe-letter-spacing-wider: .05em}}@layer tokens{:root,.sardrobe-light,.sardrobe-dark,[data-theme=light],[data-theme=dark]{--sardrobe-border-style: solid;--sardrobe-border-width: 1px;--sardrobe-border-radius-xs: .1875rem;--sardrobe-border-radius-sm: .25rem;--sardrobe-border-radius-md: .375rem;--sardrobe-border-radius-lg: .5625rem;--sardrobe-border-radius-xl: .75rem;--sardrobe-border-radius-pill: 9999px;--sardrobe-border-radius-circle: 50%}}@layer tokens{:root,.sardrobe-light,.sardrobe-dark,[data-theme=light],[data-theme=dark]{--sardrobe-focus-width: 3px;--sardrobe-focus-offset: 1px;--sardrobe-backdrop-filter: blur(6px)}}@layer tokens{:root,.sardrobe-light,.sardrobe-dark,[data-theme=light],[data-theme=dark]{--sardrobe-space-xs: .25rem;--sardrobe-space-sm: .5rem;--sardrobe-space-md: 1rem;--sardrobe-space-lg: 1.5rem;--sardrobe-space-xl: 2rem;--sardrobe-space-2xl: 3rem;--sardrobe-content-spacing: 1.75rem;--sardrobe-form-control-height-xs: 1.75rem;--sardrobe-form-control-height-sm: 2.25rem;--sardrobe-form-control-height-md: 2.75rem;--sardrobe-form-control-height-lg: 3.25rem;--sardrobe-form-control-height-xl: 3.75rem;--sardrobe-form-control-font-size-xs: .75rem;--sardrobe-form-control-font-size-sm: .875rem;--sardrobe-form-control-font-size-md: 1rem;--sardrobe-form-control-font-size-lg: 1.25rem;--sardrobe-form-control-font-size-xl: 1.5rem;--sardrobe-form-control-required-content: "*";--sardrobe-form-control-placeholder-color: color-mix( in oklab, var(--sardrobe-text-muted), transparent 25% );--sardrobe-button-active-offset: 1.5px}}@layer tokens{:root,.sardrobe-light,[data-theme=light]{color-scheme:light;--sardrobe-silent: white;--sardrobe-strident: black;--sardrobe-background-color: white;--sardrobe-paper-color: white;--sardrobe-text-body: var(--sardrobe-neutral-900);--sardrobe-text-muted: var(--sardrobe-neutral-700);--sardrobe-focus-color: var(--sardrobe-primary-fill-mid);--sardrobe-focus-ring: var(--sardrobe-border-style) var(--sardrobe-focus-width) var(--sardrobe-focus-color);--sardrobe-backdrop-color: rgb(0 0 0 / .5);--sardrobe-selection-background-color: var(--sardrobe-primary-300);--sardrobe-selection-color: var(--sardrobe-text-body);--sardrobe-shadow-color: black;--sardrobe-shadow-softer: 0 .0625rem .0625rem color-mix(in oklab, transparent, var(--sardrobe-shadow-color) 4%);--sardrobe-shadow-soft: 0 .125rem .1875rem color-mix(in oklab, transparent, var(--sardrobe-shadow-color) 8%);--sardrobe-shadow-mid: 0 .1875rem .375rem color-mix(in oklab, transparent, var(--sardrobe-shadow-color) 10%);--sardrobe-shadow-loud: 0 .375rem .75rem color-mix(in oklab, transparent, var(--sardrobe-shadow-color) 12%);--sardrobe-shadow-louder: 0 .5rem 1rem color-mix(in oklab, transparent, var(--sardrobe-shadow-color) 14%);--sardrobe-inset-shadow-softer: inset 0 .125rem .125rem -.125rem color-mix(in oklab, black, transparent 94%);--sardrobe-inset-shadow-soft: inset 0 .25rem .25rem -.25rem color-mix(in oklab, black, transparent 90%);--sardrobe-inset-shadow-mid: inset 0 .5rem .5rem -.5rem color-mix(in oklab, black, transparent 88%);--sardrobe-inset-shadow-loud: inset 0 1rem 1rem -1rem color-mix(in oklab, black, transparent 85%);--sardrobe-inset-shadow-louder: inset 0 1.5rem 1.5rem -1.5rem color-mix(in oklab, black, transparent 82%);--sardrobe-primary-fill-softer: var(--sardrobe-primary-100);--sardrobe-primary-fill-soft: var(--sardrobe-primary-200);--sardrobe-primary-fill-mid: color-mix(in oklab, var(--sardrobe-primary-600), black 2.5%);--sardrobe-primary-fill-loud: var(--sardrobe-primary-800);--sardrobe-primary-fill-louder: var(--sardrobe-primary-900);--sardrobe-primary-text-on-soft: var(--sardrobe-primary-900);--sardrobe-primary-text-on-mid: white;--sardrobe-primary-text-on-loud: white;--sardrobe-primary-text-colorful: color-mix(in oklab, var(--sardrobe-primary-600), black 12.5%);--sardrobe-primary-stroke-softer: color-mix(in oklab, var(--sardrobe-primary-100), black 3%);--sardrobe-primary-stroke-soft: var(--sardrobe-primary-300);--sardrobe-primary-stroke-mid: var(--sardrobe-primary-500);--sardrobe-neutral-fill-softer: var(--sardrobe-neutral-100);--sardrobe-neutral-fill-soft: var(--sardrobe-neutral-200);--sardrobe-neutral-fill-mid: color-mix(in oklab, var(--sardrobe-neutral-600), black 2.5%);--sardrobe-neutral-fill-loud: var(--sardrobe-neutral-800);--sardrobe-neutral-fill-louder: var(--sardrobe-neutral-900);--sardrobe-neutral-text-on-soft: var(--sardrobe-neutral-900);--sardrobe-neutral-text-on-mid: white;--sardrobe-neutral-text-on-loud: white;--sardrobe-neutral-text-colorful: color-mix(in oklab, var(--sardrobe-neutral-600), black 12.5%);--sardrobe-neutral-stroke-softer: color-mix(in oklab, var(--sardrobe-neutral-100), black 3%);--sardrobe-neutral-stroke-soft: var(--sardrobe-neutral-300);--sardrobe-neutral-stroke-mid: var(--sardrobe-neutral-500);--sardrobe-success-fill-softer: var(--sardrobe-success-100);--sardrobe-success-fill-soft: var(--sardrobe-success-200);--sardrobe-success-fill-mid: color-mix(in oklab, var(--sardrobe-success-600), black 12%);--sardrobe-success-fill-loud: var(--sardrobe-success-800);--sardrobe-success-fill-louder: var(--sardrobe-success-900);--sardrobe-success-text-on-soft: var(--sardrobe-success-900);--sardrobe-success-text-on-mid: white;--sardrobe-success-text-on-loud: white;--sardrobe-success-text-colorful: color-mix(in oklab, var(--sardrobe-success-600), black 12.5%);--sardrobe-success-stroke-softer: color-mix(in oklab, var(--sardrobe-success-100), black 3%);--sardrobe-success-stroke-soft: var(--sardrobe-success-300);--sardrobe-success-stroke-mid: var(--sardrobe-success-500);--sardrobe-warning-fill-softer: var(--sardrobe-warning-100);--sardrobe-warning-fill-soft: var(--sardrobe-warning-200);--sardrobe-warning-fill-mid: color-mix(in oklab, var(--sardrobe-warning-600), black 15%);--sardrobe-warning-fill-loud: var(--sardrobe-warning-800);--sardrobe-warning-fill-louder: var(--sardrobe-warning-900);--sardrobe-warning-text-on-soft: var(--sardrobe-warning-900);--sardrobe-warning-text-on-mid: white;--sardrobe-warning-text-on-loud: white;--sardrobe-warning-text-colorful: color-mix(in oklab, var(--sardrobe-warning-600), black 12.5%);--sardrobe-warning-stroke-softer: color-mix(in oklab, var(--sardrobe-warning-100), black 3%);--sardrobe-warning-stroke-soft: var(--sardrobe-warning-300);--sardrobe-warning-stroke-mid: var(--sardrobe-warning-500);--sardrobe-destructive-fill-softer: var(--sardrobe-destructive-100);--sardrobe-destructive-fill-soft: var(--sardrobe-destructive-200);--sardrobe-destructive-fill-mid: color-mix(in oklab, var(--sardrobe-destructive-600), black 2.5%);--sardrobe-destructive-fill-loud: var(--sardrobe-destructive-800);--sardrobe-destructive-fill-louder: var(--sardrobe-destructive-900);--sardrobe-destructive-text-on-soft: var(--sardrobe-destructive-900);--sardrobe-destructive-text-on-mid: white;--sardrobe-destructive-text-on-loud: white;--sardrobe-destructive-text-colorful: color-mix( in oklab, var(--sardrobe-destructive-600), black 12.5% );--sardrobe-destructive-stroke-softer: color-mix( in oklab, var(--sardrobe-destructive-100), black 3% );--sardrobe-destructive-stroke-soft: var(--sardrobe-destructive-300);--sardrobe-destructive-stroke-mid: var(--sardrobe-destructive-500)}}@layer tokens{.sardrobe-dark,[data-theme=dark]{color-scheme:dark;--sardrobe-silent: black;--sardrobe-strident: white;--sardrobe-background-color: var(--sardrobe-neutral-950);--sardrobe-paper-color: color-mix(in oklab, var(--sardrobe-neutral-950), white 2.5%);--sardrobe-text-body: var(--sardrobe-neutral-200);--sardrobe-text-muted: var(--sardrobe-neutral-500);--sardrobe-focus-color: var(--sardrobe-primary-fill-mid);--sardrobe-focus-ring: var(--sardrobe-border-style) var(--sardrobe-focus-width) var(--sardrobe-focus-color);--sardrobe-backdrop-color: rgb(0 0 0 / .5);--sardrobe-selection-background-color: var(--sardrobe-primary-700);--sardrobe-selection-color: var(--sardrobe-text-body);--sardrobe-shadow-color: black;--sardrobe-shadow-softer: 0 1px 2px color-mix(in oklab, transparent, var(--sardrobe-shadow-color) 8%);--sardrobe-shadow-soft: 0 2px 4px color-mix(in oklab, transparent, var(--sardrobe-shadow-color) 12%);--sardrobe-shadow-mid: 0 4px 8px color-mix(in oklab, transparent, var(--sardrobe-shadow-color) 16%);--sardrobe-shadow-loud: 0 8px 16px color-mix(in oklab, transparent, var(--sardrobe-shadow-color) 20%);--sardrobe-shadow-louder: 0 12px 20px color-mix(in oklab, transparent, var(--sardrobe-shadow-color) 24%);--sardrobe-primary-fill-softer: color-mix(in oklab, var(--sardrobe-primary-900), white 1%);--sardrobe-primary-fill-soft: var(--sardrobe-primary-800);--sardrobe-primary-fill-mid: color-mix(in oklab, var(--sardrobe-primary-600), black 7.5%);--sardrobe-primary-fill-loud: var(--sardrobe-primary-200);--sardrobe-primary-fill-louder: var(--sardrobe-primary-100);--sardrobe-primary-text-on-soft: var(--sardrobe-primary-100);--sardrobe-primary-text-on-mid: white;--sardrobe-primary-text-on-loud: black;--sardrobe-primary-text-colorful: var(--sardrobe-primary-500);--sardrobe-primary-stroke-softer: color-mix(in oklab, var(--sardrobe-primary-900), white 7.5%);--sardrobe-primary-stroke-soft: var(--sardrobe-primary-800);--sardrobe-primary-stroke-mid: var(--sardrobe-primary-600);--sardrobe-neutral-fill-softer: color-mix(in oklab, var(--sardrobe-neutral-900), white 1%);--sardrobe-neutral-fill-soft: var(--sardrobe-neutral-800);--sardrobe-neutral-fill-mid: color-mix(in oklab, var(--sardrobe-neutral-600), black 7.5%);--sardrobe-neutral-fill-loud: var(--sardrobe-neutral-200);--sardrobe-neutral-fill-louder: var(--sardrobe-neutral-100);--sardrobe-neutral-text-on-soft: var(--sardrobe-neutral-100);--sardrobe-neutral-text-on-mid: white;--sardrobe-neutral-text-on-loud: black;--sardrobe-neutral-text-colorful: var(--sardrobe-neutral-500);--sardrobe-neutral-stroke-softer: color-mix(in oklab, var(--sardrobe-neutral-900), white 7.5%);--sardrobe-neutral-stroke-soft: var(--sardrobe-neutral-800);--sardrobe-neutral-stroke-mid: var(--sardrobe-neutral-600);--sardrobe-success-fill-softer: color-mix(in oklab, var(--sardrobe-success-900), white 1%);--sardrobe-success-fill-soft: var(--sardrobe-success-800);--sardrobe-success-fill-mid: color-mix(in oklab, var(--sardrobe-success-600), black 16%);--sardrobe-success-fill-loud: var(--sardrobe-success-200);--sardrobe-success-fill-louder: var(--sardrobe-success-100);--sardrobe-success-text-on-soft: var(--sardrobe-success-100);--sardrobe-success-text-on-mid: white;--sardrobe-success-text-on-loud: black;--sardrobe-success-text-colorful: var(--sardrobe-success-500);--sardrobe-success-stroke-softer: color-mix(in oklab, var(--sardrobe-success-900), white 7.5%);--sardrobe-success-stroke-soft: var(--sardrobe-success-800);--sardrobe-success-stroke-mid: var(--sardrobe-success-600);--sardrobe-warning-fill-softer: color-mix(in oklab, var(--sardrobe-warning-900), white 1%);--sardrobe-warning-fill-soft: var(--sardrobe-warning-800);--sardrobe-warning-fill-mid: color-mix(in oklab, var(--sardrobe-warning-600), black 18%);--sardrobe-warning-fill-loud: var(--sardrobe-warning-200);--sardrobe-warning-fill-louder: var(--sardrobe-warning-100);--sardrobe-warning-text-on-soft: var(--sardrobe-warning-100);--sardrobe-warning-text-on-mid: white;--sardrobe-warning-text-on-loud: black;--sardrobe-warning-text-colorful: var(--sardrobe-warning-500);--sardrobe-warning-stroke-softer: color-mix(in oklab, var(--sardrobe-warning-900), white 7.5%);--sardrobe-warning-stroke-soft: var(--sardrobe-warning-800);--sardrobe-warning-stroke-mid: var(--sardrobe-warning-600);--sardrobe-destructive-fill-softer: color-mix(in oklab, var(--sardrobe-destructive-900), white 1%);--sardrobe-destructive-fill-soft: var(--sardrobe-destructive-800);--sardrobe-destructive-fill-mid: color-mix(in oklab, var(--sardrobe-destructive-600), black 7.5%);--sardrobe-destructive-fill-loud: var(--sardrobe-destructive-200);--sardrobe-destructive-fill-louder: var(--sardrobe-destructive-100);--sardrobe-destructive-text-on-soft: var(--sardrobe-destructive-100);--sardrobe-destructive-text-on-mid: white;--sardrobe-destructive-text-on-loud: black;--sardrobe-destructive-text-colorful: var(--sardrobe-destructive-500);--sardrobe-destructive-stroke-softer: color-mix( in oklab, var(--sardrobe-destructive-900), white 7.5% );--sardrobe-destructive-stroke-soft: var(--sardrobe-destructive-800);--sardrobe-destructive-stroke-mid: var(--sardrobe-destructive-600)}}@layer tokens{.sardrobe-light,.sardrobe-dark,[data-theme=light],[data-theme=dark]{color:var(--sardrobe-text-body)}}@layer tokens{:root,.sardrobe-light,[data-theme=light]{--primary: var(--sardrobe-primary-fill-mid);--primary-foreground: var(--sardrobe-primary-text-on-mid);--secondary: var(--sardrobe-neutral-fill-softer);--secondary-foreground: var(--sardrobe-neutral-text-on-soft);--destructive: var(--sardrobe-destructive-fill-mid);--destructive-foreground: var(--sardrobe-destructive-text-on-mid);--success: var(--sardrobe-success-fill-mid);--success-foreground: var(--sardrobe-success-text-on-mid);--warning: var(--sardrobe-warning-fill-mid);--warning-foreground: var(--sardrobe-warning-text-on-mid);--background: var(--sardrobe-background-color);--foreground: var(--sardrobe-text-body);--card: var(--sardrobe-paper-color);--card-foreground: var(--sardrobe-text-body);--popover: var(--sardrobe-paper-color);--popover-foreground: var(--sardrobe-text-body);--muted: var(--sardrobe-neutral-fill-softer);--muted-foreground: var(--sardrobe-text-muted);--accent: var(--sardrobe-neutral-fill-softer);--accent-foreground: var(--sardrobe-neutral-text-on-soft);--border: var(--sardrobe-neutral-stroke-soft);--input: var(--sardrobe-neutral-stroke-soft);--ring: var(--sardrobe-focus-color);--radius: var(--sardrobe-border-radius-md);--font-sans: var(--sardrobe-font-family);--font-heading: var(--sardrobe-font-family-heading);--font-mono: var(--sardrobe-font-family-code)}.sardrobe-dark,[data-theme=dark]{--primary: var(--sardrobe-primary-fill-mid);--primary-foreground: var(--sardrobe-primary-text-on-mid);--secondary: var(--sardrobe-neutral-fill-softer);--secondary-foreground: var(--sardrobe-neutral-text-on-soft);--destructive: var(--sardrobe-destructive-fill-mid);--destructive-foreground: var(--sardrobe-destructive-text-on-mid);--success: var(--sardrobe-success-fill-mid);--success-foreground: var(--sardrobe-success-text-on-mid);--warning: var(--sardrobe-warning-fill-mid);--warning-foreground: var(--sardrobe-warning-text-on-mid);--background: var(--sardrobe-background-color);--foreground: var(--sardrobe-text-body);--card: var(--sardrobe-paper-color);--card-foreground: var(--sardrobe-text-body);--popover: var(--sardrobe-paper-color);--popover-foreground: var(--sardrobe-text-body);--muted: var(--sardrobe-neutral-fill-softer);--muted-foreground: var(--sardrobe-text-muted);--accent: var(--sardrobe-neutral-fill-softer);--accent-foreground: var(--sardrobe-neutral-text-on-soft);--border: var(--sardrobe-neutral-stroke-soft);--input: var(--sardrobe-neutral-stroke-soft);--ring: var(--sardrobe-focus-color);--radius: var(--sardrobe-border-radius-md);--font-sans: var(--sardrobe-font-family);--font-heading: var(--sardrobe-font-family-heading);--font-mono: var(--sardrobe-font-family-code)}}@layer tokens;@layer tokens{.sardrobe-default{--sardrobe-primary-seed: #4a97f4}}@layer tokens{.sardrobe-red{--sardrobe-primary-seed: #ef5655;--sardrobe-destructive-seed: #e89a26}}@layer tokens{.sardrobe-orange{--sardrobe-primary-seed: #f08039}}@layer tokens{.sardrobe-amber{--sardrobe-primary-seed: #e89a26}}@layer tokens{.sardrobe-yellow{--sardrobe-primary-seed: #dcb31e}}@layer tokens{.sardrobe-lime{--sardrobe-primary-seed: #9abb28}}@layer tokens{.sardrobe-green{--sardrobe-primary-seed: #5dbb55}}@layer tokens{.sardrobe-emerald{--sardrobe-primary-seed: #47b873}}@layer tokens{.sardrobe-teal{--sardrobe-primary-seed: #37b995}}@layer tokens{.sardrobe-cyan{--sardrobe-primary-seed: #20b8bc}}@layer tokens{.sardrobe-sky{--sardrobe-primary-seed: #1caedd}}@layer tokens{.sardrobe-blue{--sardrobe-primary-seed: #4a97f4}}@layer tokens{.sardrobe-indigo{--sardrobe-primary-seed: #6e85f8}}@layer tokens{.sardrobe-violet{--sardrobe-primary-seed: #927cfb}}@layer tokens{.sardrobe-purple{--sardrobe-primary-seed: #ae75f6}}@layer tokens{.sardrobe-fuchsia{--sardrobe-primary-seed: #d26ae8}}@layer tokens{.sardrobe-pink{--sardrobe-primary-seed: #e468b0}}@layer tokens{.sardrobe-rose{--sardrobe-primary-seed: #ee6383;--sardrobe-destructive-seed: #e89a26}}@layer tokens{.sardrobe-slate{--sardrobe-primary-seed: #848da0}}@layer tokens{.sardrobe-zinc{--sardrobe-primary-seed: #8b8c93}}@layer tokens{.sardrobe-stone{--sardrobe-primary-seed: #918c87}}@layer tokens;@layer tokens{.sardrobe-style-clean{--sardrobe-border-radius-xs: .125rem;--sardrobe-border-radius-sm: .25rem;--sardrobe-border-radius-md: .375rem;--sardrobe-border-radius-lg: .5rem;--sardrobe-border-radius-xl: .75rem;--sardrobe-shadow-softer: 0 1px 2px rgb(0 0 0 / .04);--sardrobe-shadow-soft: 0 1px 3px rgb(0 0 0 / .08), 0 1px 2px rgb(0 0 0 / .04);--sardrobe-shadow-mid: 0 2px 8px rgb(0 0 0 / .08), 0 1px 2px rgb(0 0 0 / .04);--sardrobe-shadow-loud: 0 4px 16px rgb(0 0 0 / .12);--sardrobe-shadow-louder: 0 8px 32px rgb(0 0 0 / .16);--sardrobe-font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--sardrobe-font-weight-normal: 400;--sardrobe-font-weight-semibold: 500;--sardrobe-font-weight-bold: 700;--sardrobe-line-height: 1.5;--sardrobe-form-control-height-xs: 1.5rem;--sardrobe-form-control-height-sm: 2rem;--sardrobe-form-control-height-md: 2.5rem;--sardrobe-form-control-height-lg: 3rem;--sardrobe-form-control-height-xl: 3.5rem;--sardrobe-focus-width: 2px;--sardrobe-focus-offset: 2px;--sardrobe-button-active-offset: 0px}}@layer tokens{.sardrobe-style-material{--sardrobe-border-radius-xs: .25rem;--sardrobe-border-radius-sm: .5rem;--sardrobe-border-radius-md: .75rem;--sardrobe-border-radius-lg: 1rem;--sardrobe-border-radius-xl: 1.75rem;--sardrobe-shadow-softer: 0 1px 2px rgb(0 0 0 / .3), 0 1px 3px 1px rgb(0 0 0 / .15);--sardrobe-shadow-soft: 0 1px 2px rgb(0 0 0 / .3), 0 2px 6px 2px rgb(0 0 0 / .15);--sardrobe-shadow-mid: 0 4px 8px 3px rgb(0 0 0 / .15), 0 1px 3px rgb(0 0 0 / .3);--sardrobe-shadow-loud: 0 6px 10px 4px rgb(0 0 0 / .15), 0 2px 3px rgb(0 0 0 / .3);--sardrobe-shadow-louder: 0 8px 12px 6px rgb(0 0 0 / .15), 0 4px 4px rgb(0 0 0 / .3);--sardrobe-font-family: "Roboto", "Google Sans", system-ui, sans-serif;--sardrobe-font-weight-normal: 400;--sardrobe-font-weight-semibold: 500;--sardrobe-font-weight-bold: 700;--sardrobe-line-height: 1.5;--sardrobe-form-control-height-xs: 1.75rem;--sardrobe-form-control-height-sm: 2.25rem;--sardrobe-form-control-height-md: 2.75rem;--sardrobe-form-control-height-lg: 3.5rem;--sardrobe-form-control-height-xl: 4rem;--sardrobe-border-width: 1px;--sardrobe-focus-width: 3px;--sardrobe-focus-offset: 2px;--sardrobe-button-active-offset: 0px;--sardrobe-backdrop-filter: blur(0px)}}@layer tokens{.sardrobe-style-fluent{--sardrobe-border-radius-xs: .125rem;--sardrobe-border-radius-sm: .25rem;--sardrobe-border-radius-md: .25rem;--sardrobe-border-radius-lg: .5rem;--sardrobe-border-radius-xl: .75rem;--sardrobe-shadow-softer: 0 .8px 1.6px rgb(0 0 0 / .08);--sardrobe-shadow-soft: 0 1.6px 3.6px rgb(0 0 0 / .13), 0 .3px .9px rgb(0 0 0 / .11);--sardrobe-shadow-mid: 0 3.2px 7.2px rgb(0 0 0 / .13), 0 .6px 1.8px rgb(0 0 0 / .11);--sardrobe-shadow-loud: 0 6.4px 14.4px rgb(0 0 0 / .13), 0 1.2px 3.6px rgb(0 0 0 / .11);--sardrobe-shadow-louder: 0 12.8px 28.8px rgb(0 0 0 / .13), 0 2.4px 7.2px rgb(0 0 0 / .11);--sardrobe-font-family: "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--sardrobe-font-weight-normal: 400;--sardrobe-font-weight-semibold: 600;--sardrobe-font-weight-bold: 700;--sardrobe-line-height: 1.4;--sardrobe-form-control-height-xs: 1.5rem;--sardrobe-form-control-height-sm: 1.75rem;--sardrobe-form-control-height-md: 2rem;--sardrobe-form-control-height-lg: 2.5rem;--sardrobe-form-control-height-xl: 3rem;--sardrobe-form-control-font-size-sm: .8125rem;--sardrobe-form-control-font-size-md: .875rem;--sardrobe-form-control-font-size-lg: 1rem;--sardrobe-border-width: 1px;--sardrobe-focus-width: 2px;--sardrobe-focus-offset: 1px;--sardrobe-button-active-offset: 0px;--sardrobe-content-spacing: 1.25rem}}@layer tokens{.sardrobe-style-base{--sardrobe-border-radius-xs: 0px;--sardrobe-border-radius-sm: 0px;--sardrobe-border-radius-md: 0px;--sardrobe-border-radius-lg: 0px;--sardrobe-border-radius-xl: 0px;--sardrobe-border-radius-pill: 0px;--sardrobe-shadow-softer: none;--sardrobe-shadow-soft: none;--sardrobe-shadow-mid: none;--sardrobe-shadow-loud: none;--sardrobe-shadow-louder: none;--sardrobe-font-family: system-ui, sans-serif;--sardrobe-font-weight-normal: 400;--sardrobe-font-weight-semibold: 500;--sardrobe-font-weight-bold: 700;--sardrobe-line-height: 1.5;--sardrobe-form-control-height-xs: 1.75rem;--sardrobe-form-control-height-sm: 2.25rem;--sardrobe-form-control-height-md: 2.5rem;--sardrobe-form-control-height-lg: 3rem;--sardrobe-form-control-height-xl: 3.5rem;--sardrobe-border-width: 1px;--sardrobe-focus-width: 2px;--sardrobe-focus-offset: 2px;--sardrobe-button-active-offset: 0px;--sardrobe-backdrop-filter: none}}@layer tokens{.sardrobe-style-playful{--sardrobe-border-radius-xs: .25rem;--sardrobe-border-radius-sm: .5rem;--sardrobe-border-radius-md: .5rem;--sardrobe-border-radius-lg: 1rem;--sardrobe-border-radius-xl: 1.25rem;--sardrobe-shadow-softer: 0 1px 4px rgb(0 0 0 / .06);--sardrobe-shadow-soft: 0 4px 8px rgb(0 0 0 / .08);--sardrobe-shadow-mid: 0 6px 20px rgb(0 0 0 / .1);--sardrobe-shadow-loud: 0 10px 30px rgb(0 0 0 / .14);--sardrobe-shadow-louder: 0 15px 40px rgb(0 0 0 / .18);--sardrobe-font-family: "Figtree", "Poppins", system-ui, sans-serif;--sardrobe-font-weight-normal: 400;--sardrobe-font-weight-semibold: 600;--sardrobe-font-weight-bold: 700;--sardrobe-line-height: 1.5;--sardrobe-form-control-height-xs: 1.75rem;--sardrobe-form-control-height-sm: 2.25rem;--sardrobe-form-control-height-md: 2.75rem;--sardrobe-form-control-height-lg: 3.25rem;--sardrobe-form-control-height-xl: 4rem;--sardrobe-focus-width: 3px;--sardrobe-focus-offset: 2px;--sardrobe-button-active-offset: 1px;--sardrobe-content-spacing: 2rem}}@layer base{*,*:before,*:after{box-sizing:border-box}*{margin:0}body{font-family:var(--sardrobe-font-family);font-size:1rem;line-height:1.5;color:var(--sardrobe-text-body);background-color:var(--sardrobe-background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code,kbd,samp,pre{font-family:var(--sardrobe-font-family-code)}button,[role=button],input,select,textarea,a{touch-action:manipulation}::selection{background-color:var(--sardrobe-selection-background-color);color:var(--sardrobe-selection-color)}.tabular-nums{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--sardrobe-neutral-stroke-soft: var(--sardrobe-neutral-600);--sardrobe-neutral-stroke-softer: var(--sardrobe-neutral-500);--sardrobe-neutral-fill-softer: var(--sardrobe-neutral-200)}}@media(forced-colors:active){:focus-visible{outline:2px solid Highlight;outline-offset:2px}[data-disabled],:disabled{border-color:GrayText;color:GrayText}}}@layer components{.accordion{width:100%}.accordion__item{border-bottom:1px solid var(--sardrobe-neutral-stroke-soft)}.accordion__item:last-child{border-bottom:none}.accordion__header{margin:0}.accordion__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding-block:1rem;font-family:var(--sardrobe-font-family);font-size:.9375rem;font-weight:var(--sardrobe-font-weight-semibold);text-align:start;color:var(--sardrobe-text-body);background-color:transparent;border:none;cursor:pointer;transition:color .15s ease}.accordion__trigger:hover{color:color-mix(in oklab,var(--sardrobe-text-body),transparent 20%)}.accordion__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color);border-radius:var(--sardrobe-border-radius-md)}.accordion__trigger-text{flex:1}.accordion__icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;color:var(--sardrobe-text-muted);transition:transform .2s ease}.accordion__item[data-open] .accordion__icon{transform:rotate(180deg)}.accordion__panel{overflow:hidden;font-family:var(--sardrobe-font-family);font-size:.875rem;line-height:1.625;color:var(--sardrobe-text-muted)}.accordion__panel[data-open]{animation:accordion-expand .2s ease-out}.accordion__panel[data-ending-style]{animation:accordion-collapse .2s ease-out}.accordion__panel>*{padding-block-end:1rem}@keyframes accordion-expand{0%{height:0;opacity:0}to{height:var(--accordion-panel-height);opacity:1}}@keyframes accordion-collapse{0%{height:var(--accordion-panel-height);opacity:1}to{height:0;opacity:0}}}@layer components{.alert-dialog__trigger{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;margin:0;cursor:pointer;font:inherit;color:inherit}.alert-dialog__backdrop{position:fixed;inset:0;background-color:#00000080;z-index:50}.alert-dialog__backdrop[data-starting-style],.alert-dialog__backdrop[data-ending-style]{opacity:0}.alert-dialog__popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:calc(100% - 2rem);max-width:28rem;background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);padding:1.5rem;box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%)}.alert-dialog__popup[data-starting-style],.alert-dialog__popup[data-ending-style]{opacity:0;transform:translate(-50%,-50%) scale(.95)}.alert-dialog__popup--sm{max-width:20rem}.alert-dialog__popup--lg{max-width:36rem}.alert-dialog__title{font-family:var(--sardrobe-font-family);font-size:1.125rem;font-weight:var(--sardrobe-font-weight-bold);line-height:1.25;color:var(--sardrobe-text-body);margin:0 0 .5rem}.alert-dialog__description{font-family:var(--sardrobe-font-family);font-size:.875rem;line-height:1.5;color:var(--sardrobe-text-muted);margin:0 0 1.5rem}.alert-dialog__action{display:inline-flex;align-items:center;justify-content:center;height:2.5rem;padding:0 1rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);border:none;border-radius:var(--sardrobe-border-radius-md);cursor:pointer;transition:background-color .15s ease,color .15s ease}.alert-dialog__action:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.alert-dialog__action--primary{background-color:var(--sardrobe-primary-fill-mid);color:var(--sardrobe-primary-text-on-mid)}.alert-dialog__action--primary:hover{background-color:color-mix(in oklab,var(--sardrobe-primary-fill-mid),transparent 10%)}.alert-dialog__action--secondary{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.alert-dialog__action--secondary:hover{background-color:color-mix(in oklab,var(--sardrobe-neutral-fill-softer),transparent 20%)}.alert-dialog__action--destructive{background-color:var(--sardrobe-destructive-fill-mid);color:var(--sardrobe-destructive-text-on-mid)}.alert-dialog__action--destructive:hover{background-color:color-mix(in oklab,var(--sardrobe-destructive-fill-mid),transparent 10%)}.alert-dialog__action--outline{background-color:transparent;color:var(--sardrobe-text-body);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft)}.alert-dialog__action--outline:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.alert-dialog__action--ghost{background-color:transparent;color:var(--sardrobe-text-body)}.alert-dialog__action--ghost:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}}@layer components{.autocomplete__input{flex:1;min-width:0;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);background-color:transparent;border:none;outline:none}.autocomplete__input::placeholder{color:var(--sardrobe-text-muted)}.autocomplete__trigger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;color:var(--sardrobe-text-muted);background-color:transparent;border:none;cursor:pointer;transition:color .15s ease}.autocomplete__trigger:hover{color:var(--sardrobe-text-body)}.autocomplete__trigger:focus-visible{outline:none}.autocomplete__clear{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;color:var(--sardrobe-text-muted);background-color:transparent;border:none;border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;transition:color .15s ease,background-color .15s ease}.autocomplete__clear:hover{color:var(--sardrobe-text-body);background-color:var(--sardrobe-neutral-fill-softer)}.autocomplete__positioner{z-index:50}.autocomplete__popup{min-width:200px;max-height:300px;overflow:auto;background-color:var(--sardrobe-paper-color);color:var(--sardrobe-text-body);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%);animation:autocomplete-popup-enter .15s ease}.autocomplete__popup[data-ending-style]{animation:autocomplete-popup-exit .1s ease}@keyframes autocomplete-popup-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes autocomplete-popup-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.autocomplete__list{padding:.25rem}.autocomplete__item{display:flex;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;outline:none;transition:background-color .15s ease,color .15s ease}.autocomplete__item:hover,.autocomplete__item[data-highlighted]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.autocomplete__item[data-disabled]{opacity:.5;pointer-events:none}.autocomplete__empty{padding:1rem;text-align:center;font-size:.875rem;color:var(--sardrobe-text-muted)}.autocomplete__status{padding:.75rem;text-align:center;font-size:.75rem;color:var(--sardrobe-text-muted)}.autocomplete__group{padding-block:.25rem}.autocomplete__group+.autocomplete__group{border-block-start:1px solid var(--sardrobe-neutral-stroke-soft)}.autocomplete__group-label{padding-block:.375rem;padding-inline:.75rem;font-size:.75rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-muted)}}@layer components{.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;overflow:hidden;font-family:var(--sardrobe-font-family);background-color:var(--sardrobe-neutral-fill-softer);border-radius:var(--sardrobe-border-radius-pill);flex-shrink:0}.avatar__image{width:100%;height:100%;object-fit:cover}.avatar__fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-muted);text-transform:uppercase}}@layer components{.badge{display:inline-flex;align-items:center;justify-content:center;padding-block:.125rem;padding-inline:.5rem;font-family:var(--sardrobe-font-family);font-size:.75rem;font-weight:var(--sardrobe-font-weight-bold);line-height:1.25;text-transform:uppercase;letter-spacing:.025em;border-radius:var(--sardrobe-border-radius-pill);white-space:nowrap}.badge--sm{padding-block:.0625rem;padding-inline:.375rem;font-size:.625rem}.badge--normal.badge--primary{background-color:var(--sardrobe-primary-fill-mid);color:var(--sardrobe-primary-text-on-mid)}.badge--normal.badge--neutral{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.badge--normal.badge--success{background-color:var(--sardrobe-success-fill-mid);color:var(--sardrobe-success-text-on-mid)}.badge--normal.badge--warning{background-color:var(--sardrobe-warning-fill-mid);color:var(--sardrobe-warning-text-on-mid)}.badge--normal.badge--destructive{background-color:var(--sardrobe-destructive-fill-mid);color:var(--sardrobe-destructive-text-on-mid)}.badge--outline{background-color:transparent;color:var(--sardrobe-text-body);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft)}}@layer components{.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;border:none;cursor:pointer;font-family:var(--sardrobe-font-family);font-weight:var(--sardrobe-font-weight-semibold);line-height:1.25;text-decoration:none;border-radius:var(--sardrobe-border-radius-md);transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease}.button:focus-visible{outline:var(--sardrobe-focus-ring);outline-offset:var(--sardrobe-focus-offset)}.button[data-disabled]{pointer-events:none;opacity:.5}.button--normal.button--primary{background-color:var(--sardrobe-primary-fill-mid);color:var(--sardrobe-primary-text-on-mid)}.button--normal.button--primary:hover:not([data-disabled]){background-color:color-mix(in oklab,var(--sardrobe-primary-fill-mid),black 5%)}.button--normal.button--neutral{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.button--normal.button--neutral:hover:not([data-disabled]){background-color:color-mix(in oklab,var(--sardrobe-neutral-fill-softer),black 5%)}.button--normal.button--destructive{background-color:var(--sardrobe-destructive-fill-mid);color:var(--sardrobe-destructive-text-on-mid)}.button--normal.button--destructive:hover:not([data-disabled]){background-color:color-mix(in oklab,var(--sardrobe-destructive-fill-mid),black 5%)}.button--outline.button--neutral{background-color:transparent;color:var(--sardrobe-neutral-text-colorful);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-fill-mid)}.button--outline.button--neutral:hover:not([data-disabled]){background-color:color-mix(in oklab,transparent,var(--sardrobe-neutral-fill-mid) 7.5%)}.button--outline.button--primary{background-color:transparent;color:var(--sardrobe-primary-text-colorful);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-primary-fill-mid)}.button--outline.button--primary:hover:not([data-disabled]){background-color:color-mix(in oklab,transparent,var(--sardrobe-primary-fill-mid) 7.5%)}.button--outline.button--destructive{background-color:transparent;color:var(--sardrobe-destructive-text-colorful);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-destructive-fill-mid)}.button--outline.button--destructive:hover:not([data-disabled]){background-color:color-mix(in oklab,transparent,var(--sardrobe-destructive-fill-mid) 7.5%)}.button--ghost{background:none;color:var(--sardrobe-neutral-text-on-soft)}.button--ghost:hover:not([data-disabled]){background-color:color-mix(in oklab,transparent,var(--sardrobe-text-body) 5%)}.button--link{background-color:transparent;color:var(--sardrobe-primary-text-colorful);text-underline-offset:4px}.button--link:hover:not([data-disabled]){text-decoration:underline}.button--xs{min-height:var(--sardrobe-form-control-height-xs);padding-block:0;padding-inline:.65rem;font-size:var(--sardrobe-form-control-font-size-xs);border-radius:var(--sardrobe-border-radius-sm)}.button--sm{min-height:var(--sardrobe-form-control-height-sm);padding-block:0;padding-inline:.85rem;font-size:var(--sardrobe-form-control-font-size-sm);border-radius:var(--sardrobe-border-radius-sm)}.button--md{min-height:var(--sardrobe-form-control-height-md);padding-block:0;padding-inline:1.25rem;font-size:var(--sardrobe-form-control-font-size-md)}.button--lg{min-height:var(--sardrobe-form-control-height-lg);padding-block:0;padding-inline:1.5rem;font-size:var(--sardrobe-form-control-font-size-lg)}.button--xl{min-height:var(--sardrobe-form-control-height-xl);padding-block:0;padding-inline:1.75rem;font-size:var(--sardrobe-form-control-font-size-xl)}.button--icon{min-height:var(--sardrobe-form-control-height-md);width:var(--sardrobe-form-control-height-md);padding:0}@media(forced-colors:active){.button{border:1px solid ButtonText}.button--ghost,.button--link{border-color:transparent}.button[data-disabled]{border-color:GrayText;color:GrayText;opacity:1}}}@layer components{.card{background-color:var(--sardrobe-paper-color);color:var(--sardrobe-text-body);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);padding:1.5rem;container-type:inline-size;box-shadow:var(--sardrobe-shadow-soft);transition:box-shadow .15s ease,border-color .15s ease,transform .15s ease}.card--hover{cursor:default}.card--hover:hover{box-shadow:var(--sardrobe-shadow-mid);border-color:var(--sardrobe-focus-color);transform:translateY(-2px)}.card--hover:focus-visible{outline:none;border-color:var(--sardrobe-focus-color);box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}}@layer components{.checkbox{display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:calc(var(--sardrobe-border-radius-md) - 4px);background-color:var(--sardrobe-background-color);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.checkbox:hover:not([data-disabled]){border-color:var(--sardrobe-primary-fill-mid)}.checkbox:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.checkbox[data-checked]{background-color:var(--sardrobe-primary-fill-mid);border-color:var(--sardrobe-primary-fill-mid)}.checkbox[data-disabled]{opacity:.5;cursor:not-allowed}.checkbox__indicator{display:flex;align-items:center;justify-content:center;color:var(--sardrobe-primary-text-on-mid)}}@layer components{.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-group[data-disabled]{opacity:.5;pointer-events:none}}@layer components{.collapsible{display:flex;flex-direction:column;width:100%}.collapsible__trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding-block:.75rem;padding-inline:1rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);text-align:start;color:var(--sardrobe-text-body);background-color:transparent;border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.collapsible__trigger:hover{background-color:var(--sardrobe-neutral-fill-softer)}.collapsible__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.collapsible__trigger[data-disabled]{opacity:.5;cursor:not-allowed}.collapsible__trigger:after{content:"";width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid currentColor;transition:transform .2s ease}.collapsible__trigger[data-panel-open]:after{transform:rotate(180deg)}.collapsible__trigger[data-panel-open]{border-end-start-radius:0;border-end-end-radius:0;border-block-end-color:transparent}.collapsible__panel{overflow:hidden;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);transition:height .2s ease,opacity .2s ease}.collapsible__panel[data-closed]{height:0}.collapsible__panel[data-open]{height:var(--collapsible-panel-height)}.collapsible__panel[data-starting-style],.collapsible__panel[data-ending-style]{height:0;opacity:0}.collapsible__panel>*{padding:1rem;background-color:var(--sardrobe-paper-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-top:none;border-radius:0 0 var(--sardrobe-border-radius-md) var(--sardrobe-border-radius-md)}}@layer components{.combobox__input{flex:1;min-width:0;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);background-color:transparent;border:none;outline:none}.combobox__input::placeholder{color:var(--sardrobe-text-muted)}.combobox__trigger{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;color:var(--sardrobe-text-muted);background-color:transparent;border:none;cursor:pointer;transition:color .15s ease}.combobox__trigger:hover{color:var(--sardrobe-text-body)}.combobox__trigger:focus-visible{outline:none}.combobox__trigger[data-popup-open]{color:var(--sardrobe-text-body)}.combobox__clear{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;color:var(--sardrobe-text-muted);background-color:transparent;border:none;border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;transition:color .15s ease,background-color .15s ease}.combobox__clear:hover{color:var(--sardrobe-text-body);background-color:var(--sardrobe-neutral-fill-softer)}.combobox__positioner{z-index:50}.combobox__popup{min-width:200px;max-height:300px;overflow:auto;background-color:var(--sardrobe-paper-color);color:var(--sardrobe-text-body);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%);animation:combobox-popup-enter .15s ease}.combobox__popup[data-ending-style]{animation:combobox-popup-exit .1s ease}@keyframes combobox-popup-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes combobox-popup-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.combobox__list{padding:.25rem}.combobox__item{display:flex;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;outline:none;transition:background-color .15s ease,color .15s ease}.combobox__item:hover,.combobox__item[data-highlighted]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.combobox__item[data-selected]{font-weight:var(--sardrobe-font-weight-semibold)}.combobox__item[data-disabled]{opacity:.5;pointer-events:none}.combobox__item-indicator{display:inline-flex;align-items:center;justify-content:center;width:1rem;color:var(--sardrobe-primary-fill-mid)}.combobox__empty{padding:1rem;text-align:center;font-size:.875rem;color:var(--sardrobe-text-muted)}.combobox__group{padding-block:.25rem}.combobox__group+.combobox__group{border-block-start:1px solid var(--sardrobe-neutral-stroke-soft)}.combobox__group-label{padding-block:.375rem;padding-inline:.75rem;font-size:.75rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-muted)}}@layer components{.context-menu__trigger{display:block}.context-menu__positioner{z-index:50;outline:none}.context-menu__popup{min-width:10rem;padding:.25rem;font-family:var(--sardrobe-font-family);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%);outline:none;transform-origin:var(--transform-origin);transition:opacity .15s ease,transform .15s ease}.context-menu__popup[data-starting-style],.context-menu__popup[data-ending-style]{opacity:0;transform:scale(.95)}.context-menu__item{display:flex;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;line-height:1.25;color:var(--sardrobe-text-body);border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;user-select:none;outline:none;transition:background-color .1s ease}.context-menu__item[data-highlighted]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.context-menu__item[data-disabled]{opacity:.5;pointer-events:none}.context-menu__separator{height:1px;margin:.25rem 0;background-color:var(--sardrobe-neutral-stroke-soft)}}@layer components{.dialog__backdrop{position:fixed;inset:0;background-color:#00000080;z-index:50}.dialog__backdrop[data-starting-style],.dialog__backdrop[data-ending-style]{opacity:0}.dialog__popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:50;width:calc(100% - 2rem);max-width:32rem;max-height:calc(100vh - 4rem);overflow-y:auto;overscroll-behavior:contain;background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);padding:1.5rem;box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%)}.dialog__popup[data-starting-style],.dialog__popup[data-ending-style]{opacity:0;transform:translate(-50%,-50%) scale(.95)}.dialog__popup--sm{max-width:24rem}.dialog__popup--lg{max-width:48rem}.dialog__popup--fullscreen{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}.dialog__title{font-family:var(--sardrobe-font-family);font-size:1.125rem;font-weight:var(--sardrobe-font-weight-bold);line-height:1.25;color:var(--sardrobe-text-body);margin-block-end:.5rem}.dialog__description{font-family:var(--sardrobe-font-family);font-size:.875rem;line-height:1.5;color:var(--sardrobe-text-muted);margin-block-end:1rem}.dialog__close{display:inline-flex;align-items:center;justify-content:center;padding-block:.5rem;padding-inline:1rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-body);background-color:var(--sardrobe-neutral-fill-softer);border:none;border-radius:var(--sardrobe-border-radius-md);cursor:pointer;transition:background-color .15s ease}.dialog__close:hover{background-color:color-mix(in oklab,var(--sardrobe-neutral-fill-softer),transparent 20%)}.dialog__close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}}@layer components{.field{display:flex;flex-direction:column;gap:.375rem}.field__label{font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);line-height:1;color:var(--sardrobe-text-body)}.field__label[data-disabled]{opacity:.5;cursor:not-allowed}.field__control{display:flex;width:100%;height:2.5rem;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;line-height:1.25;color:var(--sardrobe-text-body);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);transition:border-color .15s ease,box-shadow .15s ease}.field__control::placeholder{color:var(--sardrobe-text-muted)}.field__control:focus-visible{outline:none;border-color:var(--sardrobe-focus-color);box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px color-mix(in oklab,var(--sardrobe-focus-color),transparent 80%)}.field__control:disabled{opacity:.5;cursor:not-allowed}.field__control[data-invalid]{border-color:var(--sardrobe-destructive-fill-mid)}.field__control[data-invalid]:focus-visible{border-color:var(--sardrobe-destructive-fill-mid);box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px color-mix(in oklab,var(--sardrobe-destructive-fill-mid),transparent 80%)}.field__description{font-family:var(--sardrobe-font-family);font-size:.75rem;line-height:1.4;color:var(--sardrobe-text-muted);margin:0}.field__error{font-family:var(--sardrobe-font-family);font-size:.75rem;line-height:1.4;color:var(--sardrobe-destructive-fill-mid);margin:0}}@layer components{.fieldset{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;margin:0;border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md)}.fieldset__legend{padding:0 .5rem;margin:0 -.5rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-bold);color:var(--sardrobe-text-body)}}@layer components{.form{display:flex;flex-direction:column;gap:1rem}}@layer components{.input{display:flex;width:100%;height:var(--sardrobe-form-control-height-md);padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:var(--sardrobe-form-control-font-size-md);line-height:1.25;color:var(--sardrobe-text-body);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--sardrobe-text-muted)}.input:focus-visible{outline:none;border-color:var(--sardrobe-focus-color);box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px color-mix(in oklab,var(--sardrobe-focus-color),transparent 80%)}.input:disabled{opacity:.5;cursor:not-allowed}}@layer components{.label{font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);line-height:1;color:var(--sardrobe-text-body)}.label[data-disabled]{color:var(--sardrobe-text-muted);cursor:not-allowed}}@layer components{.menu__trigger{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding-block:.5rem;padding-inline:1rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);line-height:1.25;color:var(--sardrobe-text-body);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.menu__trigger:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.menu__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.menu__trigger[data-popup-open]{background-color:var(--sardrobe-neutral-fill-softer)}.menu__positioner{z-index:50;outline:none}.menu__popup{min-width:10rem;padding:.25rem;font-family:var(--sardrobe-font-family);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%);outline:none;transform-origin:var(--transform-origin);transition:opacity .15s ease,transform .15s ease}.menu__popup[data-starting-style],.menu__popup[data-ending-style]{opacity:0;transform:scale(.95)}.menu__item{display:flex;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;line-height:1.25;color:var(--sardrobe-text-body);border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;user-select:none;outline:none;transition:background-color .1s ease}.menu__item[data-highlighted]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.menu__item[data-disabled]{opacity:.5;pointer-events:none}.menu__group{display:flex;flex-direction:column}.menu__group-label{padding-block:.5rem;padding-inline:.75rem;font-size:.75rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-muted)}.menu__arrow{width:.75rem;height:.75rem;background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);transform:rotate(45deg)}.menu__arrow[data-side=top]{border-top:none;border-left:none}.menu__arrow[data-side=bottom]{border-bottom:none;border-right:none}.menu__arrow[data-side=left]{border-bottom:none;border-left:none}.menu__arrow[data-side=right]{border-top:none;border-right:none}.menu__separator{height:1px;margin:.25rem 0;background-color:var(--sardrobe-neutral-stroke-soft)}.menu__radio-group{display:flex;flex-direction:column}.menu__radio-item,.menu__checkbox-item{display:flex;align-items:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;line-height:1.25;color:var(--sardrobe-text-body);border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;user-select:none;outline:none;transition:background-color .1s ease}.menu__radio-item[data-highlighted],.menu__checkbox-item[data-highlighted]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.menu__radio-item[data-disabled],.menu__checkbox-item[data-disabled]{opacity:.5;pointer-events:none}.menu__radio-indicator,.menu__checkbox-indicator{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem}.menu__radio-indicator:before{content:"";width:.5rem;height:.5rem;background-color:currentColor;border-radius:50%}.menu__checkbox-indicator:before{content:"";width:.625rem;height:.375rem;border-inline-start:2px solid currentColor;border-block-end:2px solid currentColor;transform:rotate(-45deg) translateY(-1px)}.menu__submenu-trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;font-size:.875rem;line-height:1.25;color:var(--sardrobe-text-body);border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;user-select:none;outline:none;transition:background-color .1s ease}.menu__submenu-trigger[data-highlighted]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.menu__submenu-trigger:after{content:"";width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-inline-start:6px solid currentColor}}@layer components{.menubar{display:flex;align-items:center;gap:.25rem;padding:.25rem;background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md)}.menubar__trigger{display:inline-flex;align-items:center;justify-content:center;padding-block:.375rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-body);background-color:transparent;border:none;border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease}.menubar__trigger:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.menubar__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.menubar__trigger[data-popup-open]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.menubar__positioner{z-index:50}.menubar__popup{min-width:180px;padding:.25rem;background-color:var(--sardrobe-paper-color);color:var(--sardrobe-text-body);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%);animation:menubar-popup-enter .15s ease}.menubar__popup[data-ending-style]{animation:menubar-popup-exit .1s ease}@keyframes menubar-popup-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes menubar-popup-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.menubar__item{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:.375rem;padding-inline:.5rem;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;outline:none;transition:background-color .15s ease,color .15s ease}.menubar__item:hover,.menubar__item:focus,.menubar__item[data-highlighted]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.menubar__item[data-disabled]{opacity:.5;pointer-events:none}.menubar__separator{height:1px;margin:.25rem 0;background-color:var(--sardrobe-neutral-stroke-soft)}.menubar__group{display:flex;flex-direction:column}.menubar__group-label{padding-block:.375rem;padding-inline:.5rem;font-size:.75rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-muted)}}@layer components{.meter{display:flex;flex-direction:column;gap:.5rem;width:100%}.meter__track{position:relative;width:100%;height:.5rem;overflow:hidden;background-color:var(--sardrobe-neutral-fill-softer);border-radius:var(--sardrobe-border-radius-pill)}.meter__indicator{height:100%;background-color:var(--sardrobe-primary-fill-mid);border-radius:var(--sardrobe-border-radius-pill);transition:width .3s ease}.meter__label{font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-body)}.meter__value{font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-muted)}}@layer components{.navigation-menu{position:relative;container-type:inline-size}.navigation-menu__list{display:flex;align-items:center;gap:.25rem;padding:0;margin:0;list-style:none}.navigation-menu__item{position:relative}.navigation-menu__trigger{display:inline-flex;align-items:center;gap:.25rem;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-body);background-color:transparent;border:none;border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease}.navigation-menu__trigger:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.navigation-menu__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.navigation-menu__trigger[data-popup-open]{background-color:var(--sardrobe-neutral-fill-softer)}.navigation-menu__icon{display:inline-flex;transition:transform .15s ease}.navigation-menu__trigger[data-popup-open] .navigation-menu__icon{transform:rotate(180deg)}.navigation-menu__content{display:grid;gap:.5rem;padding:.5rem}.navigation-menu__link{display:block;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);text-decoration:none;border-radius:var(--sardrobe-border-radius-sm);transition:background-color .15s ease,color .15s ease}.navigation-menu__link:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.navigation-menu__link:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.navigation-menu__link[data-active]{font-weight:var(--sardrobe-font-weight-bold);color:var(--sardrobe-primary-fill-mid)}.navigation-menu__positioner{z-index:50}.navigation-menu__popup{min-width:200px;background-color:var(--sardrobe-paper-color);color:var(--sardrobe-text-body);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%);animation:navigation-menu-enter .15s ease;overflow:hidden}.navigation-menu__popup[data-ending-style]{animation:navigation-menu-exit .1s ease}@keyframes navigation-menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes navigation-menu-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.navigation-menu__viewport{position:relative;overflow:hidden}.navigation-menu__arrow{width:10px;height:10px;transform:rotate(45deg);background-color:var(--sardrobe-paper-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-right:none;border-bottom:none}@container (max-width: 30rem){.navigation-menu__list{flex-wrap:wrap}}}@layer components{.number-field{display:flex;flex-direction:column;gap:.375rem}.number-field__group{display:flex;align-items:stretch}.number-field__input{flex:1;width:100%;height:2.5rem;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;line-height:1.25;text-align:center;color:var(--sardrobe-text-body);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-inline:none;transition:border-color .15s ease,box-shadow .15s ease}.number-field__input:focus-visible{outline:none;border-color:var(--sardrobe-focus-color);z-index:1}.number-field__input:disabled{opacity:.5;cursor:not-allowed}.number-field__input[data-invalid]{border-color:var(--sardrobe-destructive-fill-mid)}.number-field__decrement,.number-field__increment{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-family:var(--sardrobe-font-family);font-size:1rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-body);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);cursor:pointer;user-select:none;transition:background-color .15s ease,border-color .15s ease}.number-field__decrement{border-start-start-radius:var(--sardrobe-border-radius-md);border-end-start-radius:var(--sardrobe-border-radius-md)}.number-field__increment{border-start-end-radius:var(--sardrobe-border-radius-md);border-end-end-radius:var(--sardrobe-border-radius-md)}.number-field__decrement:hover,.number-field__increment:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.number-field__decrement:focus-visible,.number-field__increment:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color);z-index:1}.number-field__decrement:disabled,.number-field__increment:disabled{opacity:.5;pointer-events:none}.number-field__scrub-area{cursor:ew-resize}.number-field__scrub-area[data-scrubbing]{cursor:grabbing}}@layer components{.popover__trigger{display:inline-flex;align-items:center;justify-content:center;padding-block:.5rem;padding-inline:1rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);line-height:1.25;color:var(--sardrobe-text-body);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.popover__trigger:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.popover__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.popover__backdrop{position:fixed;inset:0;z-index:50;background-color:color-mix(in oklab,var(--sardrobe-text-body),transparent 50%);transition:opacity .15s ease}.popover__backdrop[data-starting-style],.popover__backdrop[data-ending-style]{opacity:0}.popover__positioner{z-index:50;outline:none}.popover__popup{min-width:12rem;max-width:20rem;padding:1rem;font-family:var(--sardrobe-font-family);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%);outline:none;transform-origin:var(--transform-origin);transition:opacity .15s ease,transform .15s ease}.popover__popup[data-starting-style],.popover__popup[data-ending-style]{opacity:0;transform:scale(.95)}.popover__arrow{width:.75rem;height:.75rem;background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);transform:rotate(45deg)}.popover__arrow[data-side=top]{border-top:none;border-left:none}.popover__arrow[data-side=bottom]{border-bottom:none;border-right:none}.popover__arrow[data-side=left]{border-bottom:none;border-left:none}.popover__arrow[data-side=right]{border-top:none;border-right:none}.popover__title{margin-block-end:.5rem;font-size:.875rem;font-weight:var(--sardrobe-font-weight-bold);line-height:1.25;color:var(--sardrobe-text-body)}.popover__description{margin:0;font-size:.875rem;line-height:1.5;color:var(--sardrobe-text-muted)}.popover__close{display:inline-flex;align-items:center;justify-content:center;padding-block:.25rem;padding-inline:.5rem;margin-block-start:.75rem;font-family:var(--sardrobe-font-family);font-size:.75rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-muted);background-color:transparent;border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease}.popover__close:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.popover__close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}}@layer components{.preview-card__trigger{color:var(--sardrobe-primary-fill-mid);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s ease}.preview-card__trigger:hover{color:color-mix(in oklab,var(--sardrobe-primary-fill-mid),transparent 20%)}.preview-card__trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color);border-radius:var(--sardrobe-border-radius-sm)}.preview-card__backdrop{position:fixed;inset:0;z-index:50}.preview-card__positioner{z-index:50}.preview-card__popup{min-width:200px;max-width:320px;padding:1rem;background-color:var(--sardrobe-paper-color);color:var(--sardrobe-text-body);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%);animation:preview-card-enter .15s ease}.preview-card__popup[data-ending-style]{animation:preview-card-exit .1s ease}@keyframes preview-card-enter{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes preview-card-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.preview-card__arrow{width:10px;height:10px;transform:rotate(45deg);background-color:var(--sardrobe-paper-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-right:none;border-bottom:none}.preview-card__popup[data-side=bottom] .preview-card__arrow{top:-6px}.preview-card__popup[data-side=top] .preview-card__arrow{bottom:-6px;transform:rotate(225deg)}.preview-card__popup[data-side=left] .preview-card__arrow{right:-6px;transform:rotate(135deg)}.preview-card__popup[data-side=right] .preview-card__arrow{left:-6px;transform:rotate(-45deg)}}@layer components{.progress{width:100%}.progress__track{position:relative;width:100%;height:.5rem;overflow:hidden;background-color:var(--sardrobe-neutral-fill-softer);border-radius:var(--sardrobe-border-radius-pill)}.progress__indicator{height:100%;background-color:var(--sardrobe-primary-fill-mid);border-radius:var(--sardrobe-border-radius-pill);transition:width .3s ease}.progress--success .progress__indicator{background-color:var(--sardrobe-success-fill-mid)}.progress--warning .progress__indicator{background-color:var(--sardrobe-warning-fill-mid)}.progress--destructive .progress__indicator{background-color:var(--sardrobe-destructive-fill-mid)}.progress[data-state=indeterminate] .progress__indicator{width:50%!important;animation:progress-indeterminate 1.5s ease-in-out infinite}@keyframes progress-indeterminate{0%{transform:translate(-100%)}to{transform:translate(200%)}}}@layer components{.radio-group{display:flex;gap:.75rem}.radio-group--vertical{flex-direction:column}.radio-group--horizontal{flex-direction:row;align-items:center}.radio{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-pill);cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.radio:hover:not([data-disabled]){border-color:var(--sardrobe-primary-fill-mid)}.radio:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.radio[data-checked]{border-color:var(--sardrobe-primary-fill-mid);background-color:var(--sardrobe-primary-fill-mid)}.radio[data-disabled]{opacity:.5;cursor:not-allowed}.radio__indicator{display:block;width:.5rem;height:.5rem;background-color:var(--sardrobe-primary-text-on-mid);border-radius:var(--sardrobe-border-radius-pill);transform:scale(0);transition:transform .15s ease}.radio[data-checked] .radio__indicator{transform:scale(1)}}@layer components{.scroll-area{position:relative;overflow:hidden}.scroll-area__viewport{width:100%;height:100%;overflow:auto;scrollbar-width:none}.scroll-area__viewport::-webkit-scrollbar{display:none}.scroll-area__scrollbar{position:absolute;display:flex;padding:2px;background-color:transparent;transition:background-color .15s ease;user-select:none;touch-action:none}.scroll-area__scrollbar:hover{background-color:color-mix(in oklab,var(--sardrobe-neutral-fill-softer),transparent 50%)}.scroll-area__scrollbar[data-orientation=vertical]{top:0;right:0;bottom:0;width:10px;flex-direction:column}.scroll-area__scrollbar[data-orientation=horizontal]{left:0;right:0;bottom:0;height:10px;flex-direction:row}.scroll-area__thumb{flex:1;background-color:color-mix(in oklab,var(--sardrobe-text-muted),transparent 70%);border-radius:var(--sardrobe-border-radius-pill);transition:background-color .15s ease}.scroll-area__thumb:hover,.scroll-area__scrollbar[data-scrolling] .scroll-area__thumb{background-color:color-mix(in oklab,var(--sardrobe-text-muted),transparent 50%)}.scroll-area__corner{position:absolute;right:0;bottom:0;background-color:color-mix(in oklab,var(--sardrobe-neutral-fill-softer),transparent 50%)}}@layer components{.select__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;height:2.5rem;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.select__trigger:hover:not([data-disabled]){border-color:var(--sardrobe-focus-color)}.select__trigger:focus-visible{outline:none;border-color:var(--sardrobe-focus-color);box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px color-mix(in oklab,var(--sardrobe-focus-color),transparent 80%)}.select__trigger[data-disabled]{opacity:.5;cursor:not-allowed}.select__trigger--sm{height:2rem;padding-block:.25rem;padding-inline:.5rem;font-size:.75rem}.select__placeholder{color:var(--sardrobe-text-muted)}.select__positioner{z-index:50}.select__popup{min-width:8rem;overflow:hidden;background-color:var(--sardrobe-paper-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:0 4px 6px -1px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 2px 4px -2px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%)}.select__popup[data-starting-style],.select__popup[data-ending-style]{opacity:0;transform:scale(.95)}.select__list{padding:.25rem}.select__option{display:flex;align-items:center;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);border-radius:calc(var(--sardrobe-border-radius-md) - 2px);cursor:pointer;outline:none;transition:background-color .1s ease}.select__option:hover,.select__option[data-highlighted]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.select__option[data-selected]{background-color:var(--sardrobe-primary-fill-mid);color:var(--sardrobe-primary-text-on-mid)}.select__option[data-disabled]{opacity:.5;cursor:not-allowed}.select__option-group{padding:.25rem 0}.select__group-label{padding-block:.5rem .25rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.75rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-muted)}}@layer components{.separator{background-color:var(--sardrobe-neutral-stroke-soft);flex-shrink:0}.separator--horizontal{width:100%;height:1px}.separator--vertical{width:1px;height:100%;min-height:1rem}}@layer components{.slider{position:relative;display:flex;flex-direction:column;gap:.5rem;width:100%}.slider__output{font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);font-variant-numeric:tabular-nums;color:var(--sardrobe-text-body);text-align:end}.slider__control{display:flex;align-items:center;width:100%;height:1.25rem;touch-action:none;cursor:pointer}.slider[data-disabled] .slider__control{cursor:not-allowed}.slider__track{position:relative;display:flex;align-items:center;width:100%;height:.5rem;background-color:var(--sardrobe-neutral-fill-softer);border-radius:var(--sardrobe-border-radius-pill)}.slider[data-disabled] .slider__track{opacity:.5}.slider__indicator{height:100%;background-color:var(--sardrobe-primary-fill-mid);border-radius:var(--sardrobe-border-radius-pill)}.slider__thumb{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background-color:var(--sardrobe-background-color);border:2px solid var(--sardrobe-primary-fill-mid);border-radius:var(--sardrobe-border-radius-pill);cursor:grab;transition:box-shadow .15s ease,transform .15s ease}.slider__thumb:hover{transform:scale(1.1)}.slider__thumb[data-dragging]{cursor:grabbing}.slider__thumb:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.slider[data-disabled] .slider__thumb{cursor:not-allowed;opacity:.5}.slider[data-disabled] .slider__thumb:hover{transform:none}}@layer components{.switch{position:relative;display:inline-flex;align-items:center;width:2.75rem;height:1.5rem;padding:.125rem;background-color:var(--sardrobe-neutral-fill-softer);border:none;border-radius:var(--sardrobe-border-radius-pill);cursor:pointer;transition:background-color .15s ease}.switch:hover:not([data-disabled]){background-color:color-mix(in oklab,var(--sardrobe-neutral-fill-softer),transparent 20%)}.switch:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.switch[data-checked]{background-color:var(--sardrobe-primary-fill-mid)}.switch[data-checked]:hover:not([data-disabled]){background-color:color-mix(in oklab,var(--sardrobe-primary-fill-mid),transparent 10%)}.switch[data-disabled]{opacity:.5;cursor:not-allowed}.switch--sm{width:2rem;height:1.125rem}.switch--lg{width:3.5rem;height:2rem;padding:.25rem}.switch__thumb{display:block;width:1.25rem;height:1.25rem;background-color:var(--sardrobe-background-color);border-radius:var(--sardrobe-border-radius-pill);box-shadow:0 1px 3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 1px 2px -1px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%);transition:transform .15s ease}.switch[data-checked] .switch__thumb{transform:translate(1.25rem)}.switch--sm .switch__thumb{width:.875rem;height:.875rem}.switch--sm[data-checked] .switch__thumb{transform:translate(.875rem)}.switch--lg .switch__thumb{width:1.5rem;height:1.5rem}.switch--lg[data-checked] .switch__thumb{transform:translate(1.5rem)}}@layer components{.tabs{display:flex;flex-direction:column;container-type:inline-size}.tabs--bordered{border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);overflow:hidden}.tabs__list{display:flex;gap:.25rem;border-bottom:1px solid var(--sardrobe-neutral-stroke-soft);padding-inline:.25rem}.tabs--bordered .tabs__list{background-color:var(--sardrobe-neutral-fill-softer);border-bottom:none;padding:.25rem}.tabs__tab{display:inline-flex;align-items:center;justify-content:center;padding-block:.5rem;padding-inline:1rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-muted);background-color:transparent;border:none;border-block-end:2px solid transparent;margin-block-end:-1px;cursor:pointer;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.tabs__tab:hover:not([data-disabled]){color:var(--sardrobe-text-body)}.tabs__tab:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.tabs__tab[data-selected]{color:var(--sardrobe-text-body);border-block-end-color:var(--sardrobe-primary-fill-mid)}.tabs__tab[data-disabled]{opacity:.5;cursor:not-allowed}.tabs--bordered .tabs__tab{border-block-end:none;border-radius:calc(var(--sardrobe-border-radius-md) - 2px);margin-block-end:0}.tabs--bordered .tabs__tab[data-selected]{background-color:var(--sardrobe-background-color);color:var(--sardrobe-text-body)}.tabs__panel{padding-block:1rem}.tabs--bordered .tabs__panel{padding:1rem}.tabs__panel:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--sardrobe-focus-color),transparent 80%);border-radius:var(--sardrobe-border-radius-md)}@container (max-width: 24rem){.tabs__list{flex-wrap:wrap}.tabs__tab{flex:1 1 auto;min-inline-size:0}}}@layer components{.toast__viewport{position:fixed;inset-block-end:1rem;inset-inline-end:1rem;z-index:100;display:flex;flex-direction:column;gap:.5rem;max-width:24rem;width:100%;pointer-events:none}.toast{display:flex;flex-direction:column;width:100%;padding:1rem;font-family:var(--sardrobe-font-family);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:0 10px 15px -3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 4px 6px -4px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%);pointer-events:auto;transition:opacity .2s ease,transform .2s ease}.toast[data-starting-style],.toast[data-ending-style]{opacity:0;transform:translate(100%)}.toast[data-type=success]{border-inline-start:4px solid var(--sardrobe-success-fill-mid)}.toast[data-type=error]{border-inline-start:4px solid var(--sardrobe-destructive-fill-mid)}.toast[data-type=warning]{border-inline-start:4px solid var(--sardrobe-warning-fill-mid)}.toast[data-type=info]{border-inline-start:4px solid var(--sardrobe-focus-color)}.toast__content{display:flex;flex-direction:column;gap:.25rem;flex:1}.toast__title{margin:0;font-size:.875rem;font-weight:var(--sardrobe-font-weight-bold);line-height:1.25;color:var(--sardrobe-text-body)}.toast__description{margin:0;font-size:.875rem;line-height:1.5;color:var(--sardrobe-text-muted)}.toast__action{display:inline-flex;align-items:center;justify-content:center;padding-block:.375rem;padding-inline:.75rem;margin-block-start:.75rem;font-family:var(--sardrobe-font-family);font-size:.75rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-primary-text-on-mid);background-color:var(--sardrobe-primary-fill-mid);border:none;border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;transition:background-color .15s ease}.toast__action:hover{background-color:color-mix(in oklab,var(--sardrobe-primary-fill-mid),transparent 10%)}.toast__action:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.toast__close{position:absolute;inset-block-start:.5rem;inset-inline-end:.5rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;font-size:1rem;color:var(--sardrobe-text-muted);background-color:transparent;border:none;border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease}.toast:hover .toast__close{opacity:1}.toast__close:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.toast__close:focus-visible{opacity:1;outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}}@layer components{.toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding-block:.5rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);line-height:1.25;color:var(--sardrobe-text-body);background-color:transparent;border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.toggle:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.toggle[data-pressed]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft);border-color:var(--sardrobe-neutral-fill-softer)}.toggle:disabled{opacity:.5;pointer-events:none}}@layer components{.toggle-group{display:inline-flex;align-items:center;background-color:var(--sardrobe-neutral-fill-softer);border-radius:var(--sardrobe-border-radius-md);padding:.25rem;gap:.125rem}.toggle-group--sm{padding:.125rem}.toggle-group--lg{padding:.375rem;gap:.25rem}.toggle-group__item{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .75rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-muted);background-color:transparent;border:none;border-radius:calc(var(--sardrobe-border-radius-md) - 2px);cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.toggle-group--sm .toggle-group__item{padding:.25rem .5rem;font-size:.75rem}.toggle-group--lg .toggle-group__item{padding:.625rem 1rem;font-size:1rem}.toggle-group__item:hover:not([data-disabled]){color:var(--sardrobe-text-body)}.toggle-group__item:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color);z-index:1}.toggle-group__item[data-pressed]{background-color:var(--sardrobe-background-color);color:var(--sardrobe-text-body);box-shadow:0 1px 3px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%),0 1px 2px -1px color-mix(in oklab,var(--sardrobe-text-body),transparent 90%)}.toggle-group__item[data-disabled]{opacity:.5;cursor:not-allowed}}@layer components{.toolbar{display:flex;align-items:center;gap:.25rem;padding:.25rem;container-type:inline-size;background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md)}.toolbar[data-orientation=vertical]{flex-direction:column}.toolbar[data-disabled]{opacity:.5;pointer-events:none}.toolbar__button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-body);background-color:transparent;border:none;border-radius:var(--sardrobe-border-radius-sm);cursor:pointer;transition:background-color .15s ease,color .15s ease}.toolbar__button:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.toolbar__button:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.toolbar__button[data-disabled]{opacity:.5;pointer-events:none}.toolbar__button[data-pressed]{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.toolbar__link{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;font-family:var(--sardrobe-font-family);font-size:.875rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-body);text-decoration:none;border-radius:var(--sardrobe-border-radius-sm);transition:background-color .15s ease,color .15s ease}.toolbar__link:hover{background-color:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.toolbar__link:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px var(--sardrobe-focus-color)}.toolbar__group{display:flex;align-items:center;gap:.125rem}.toolbar[data-orientation=vertical] .toolbar__group{flex-direction:column}.toolbar__separator{width:1px;height:1.5rem;margin-inline:.25rem;background-color:var(--sardrobe-neutral-stroke-soft)}.toolbar[data-orientation=vertical] .toolbar__separator{width:100%;height:1px;margin-block:.25rem}.toolbar__input{padding-block:.375rem;padding-inline:.5rem;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);background-color:var(--sardrobe-background-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-sm)}.toolbar__input:focus-visible{outline:none;border-color:var(--sardrobe-focus-color);box-shadow:0 0 0 2px var(--sardrobe-background-color),0 0 0 4px color-mix(in oklab,var(--sardrobe-focus-color),transparent 80%)}@container (max-width: 20rem){.toolbar{flex-wrap:wrap}.toolbar__separator{display:none}}}@layer components{.tooltip__popup{z-index:50;padding-block:.375rem;padding-inline:.75rem;font-family:var(--sardrobe-font-family);font-size:.75rem;line-height:1.25;color:var(--sardrobe-text-body);background-color:var(--sardrobe-paper-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-radius:var(--sardrobe-border-radius-md);box-shadow:var(--sardrobe-shadow-soft)}.tooltip__popup[data-starting-style],.tooltip__popup[data-ending-style]{opacity:0;transform:scale(.95)}.tooltip__arrow{width:.5rem;height:.5rem;background-color:var(--sardrobe-paper-color);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);border-right:none;border-bottom:none;transform:rotate(45deg)}[data-side=top] .tooltip__arrow{bottom:-.25rem;transform:rotate(-135deg)}[data-side=bottom] .tooltip__arrow{top:-.25rem;transform:rotate(45deg)}[data-side=left] .tooltip__arrow{right:-.25rem;transform:rotate(135deg)}[data-side=right] .tooltip__arrow{left:-.25rem;transform:rotate(-45deg)}}@layer components{.shell{display:flex;flex-direction:column;height:100%;min-height:400px;border-radius:var(--sardrobe-border-radius-md);border:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);background:var(--sardrobe-paper-color);overflow:hidden}.shell__header{display:flex;align-items:center;padding:.75rem 1rem;background:var(--sardrobe-neutral-fill-softer);border-bottom:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft)}.shell__heading{margin:0;font-size:.9375rem;font-weight:var(--sardrobe-font-weight-semibold);color:var(--sardrobe-text-body)}.shell__body{display:flex;flex:1;min-height:0;position:relative}.shell__action-bar{display:flex;flex-direction:column;gap:.25rem;padding:.5rem;background:var(--sardrobe-neutral-fill-softer);border-right:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft)}.shell__action{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:none;border-radius:var(--sardrobe-border-radius-md);background:transparent;color:var(--sardrobe-text-muted);cursor:pointer;transition:background-color .15s ease,color .15s ease}.shell__action:hover{background:var(--sardrobe-neutral-fill-softer);color:var(--sardrobe-neutral-text-on-soft)}.shell__action--active{background:var(--sardrobe-primary-fill-mid);color:var(--sardrobe-primary-text-on-mid)}.shell__action--active:hover{background:color-mix(in oklab,var(--sardrobe-primary-fill-mid),black 5%);color:var(--sardrobe-primary-text-on-mid)}.shell__action svg{width:1.25rem;height:1.25rem}.shell__panel{display:flex;flex-direction:column;width:260px;max-width:100%;background:var(--sardrobe-paper-color);border-right:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft);overflow:hidden}.shell__panel[hidden]{display:none}.shell__panel-heading{padding:.75rem 1rem;font-size:.875rem;font-weight:var(--sardrobe-font-weight-bold);color:var(--sardrobe-text-body);border-bottom:var(--sardrobe-border-style) var(--sardrobe-border-width) var(--sardrobe-neutral-stroke-soft)}.shell__panel-content{flex:1;overflow-y:auto;padding:1rem}.shell__content{flex:1;min-width:0;position:relative;overflow:hidden}}@layer components{.pricing-page{width:100%;max-width:1200px;margin:0 auto;padding:3rem 1.5rem}.pricing-page__header{text-align:center;margin-bottom:3rem}.pricing-page__title{font-family:var(--sardrobe-font-family);font-size:2.5rem;font-weight:700;line-height:1.2;color:var(--sardrobe-text-body);margin:0 0 .75rem}.pricing-page__subtitle{font-family:var(--sardrobe-font-family);font-size:1.125rem;color:var(--sardrobe-text-muted);margin:0 0 2rem}.pricing-page__billing-toggle{display:flex;flex-direction:column;align-items:center;gap:1rem}.pricing-page__toggle-options{display:flex;align-items:center;gap:.5rem}.pricing-page__switch-container{display:flex;align-items:center;gap:.75rem}.pricing-page__period-label{font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-muted);transition:color .15s ease}.pricing-page__period-label--active{font-weight:600;color:var(--sardrobe-text-body)}.pricing-page__plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:3rem}.pricing-page__plan{position:relative;display:flex;flex-direction:column;padding:1.5rem}.pricing-page__plan--popular{border-color:var(--sardrobe-primary-fill-mid);box-shadow:0 4px 6px -1px color-mix(in oklab,var(--sardrobe-primary-fill-mid),transparent 90%),0 2px 4px -2px color-mix(in oklab,var(--sardrobe-primary-fill-mid),transparent 90%)}.pricing-page__popular-badge{position:absolute;top:-.625rem;left:50%;transform:translate(-50%)}.pricing-page__plan-header{margin-bottom:1.5rem}.pricing-page__plan-name{font-family:var(--sardrobe-font-family);font-size:1.25rem;font-weight:600;color:var(--sardrobe-text-body);margin:0 0 .25rem}.pricing-page__plan-description{font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-muted);margin:0}.pricing-page__plan-price{margin-bottom:1.5rem}.pricing-page__price-amount{font-family:var(--sardrobe-font-family);font-size:2.5rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--sardrobe-text-body)}.pricing-page__price-period{font-family:var(--sardrobe-font-family);font-size:1rem;color:var(--sardrobe-text-muted)}.pricing-page__price-savings{display:block;font-family:var(--sardrobe-font-family);font-size:.75rem;font-weight:500;color:var(--sardrobe-success-fill-mid);margin-top:.25rem}.pricing-page__plan-cta{width:100%}.pricing-page__features-separator{margin:1.5rem 0}.pricing-page__features{list-style:none;padding:0;margin:0;flex:1}.pricing-page__feature{display:flex;align-items:flex-start;gap:.75rem;padding:.5rem 0;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body)}.pricing-page__feature--disabled{color:var(--sardrobe-text-muted);text-decoration:line-through}.pricing-page__feature-icon{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--sardrobe-text-muted)}.pricing-page__feature-icon--included{color:var(--sardrobe-success-fill-mid)}.pricing-page__feature-name{flex:1}.pricing-page__feature-limit{font-size:.75rem;color:var(--sardrobe-text-muted);margin-left:.25rem}.pricing-page__feature-info{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--sardrobe-text-muted);cursor:pointer;transition:color .15s ease}.pricing-page__feature-info:hover{color:var(--sardrobe-text-body)}.pricing-page__calculator{max-width:600px;margin:0 auto 3rem;padding:2rem}.pricing-page__calculator-title{font-family:var(--sardrobe-font-family);font-size:1.25rem;font-weight:600;color:var(--sardrobe-text-body);margin:0 0 .5rem}.pricing-page__calculator-description{font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-muted);margin:0 0 1.5rem}.pricing-page__calculator-slider{margin-bottom:.5rem}.pricing-page__calculator-labels{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.pricing-page__calculator-value{font-family:var(--sardrobe-font-family);font-size:1.125rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--sardrobe-primary-fill-mid)}.pricing-page__calculator-range{display:flex;justify-content:space-between;margin-top:.5rem;font-family:var(--sardrobe-font-family);font-size:.75rem;color:var(--sardrobe-text-muted)}.pricing-page__calculator-result{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem}.pricing-page__calculator-result-label{font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-muted)}.pricing-page__calculator-result-price{text-align:right}.pricing-page__calculator-amount{font-family:var(--sardrobe-font-family);font-size:2rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--sardrobe-text-body)}.pricing-page__calculator-period{font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-muted)}.pricing-page__tiers{display:flex;flex-direction:column;gap:1rem}.pricing-page__tier{display:flex;flex-direction:column;gap:.375rem}.pricing-page__tier-info{display:flex;justify-content:space-between;font-family:var(--sardrobe-font-family);font-size:.8125rem}.pricing-page__tier-label{color:var(--sardrobe-text-body)}.pricing-page__tier-price{font-weight:500;font-variant-numeric:tabular-nums;color:var(--sardrobe-text-muted)}.pricing-page__faq{max-width:700px;margin:0 auto}.pricing-page__faq-title{font-family:var(--sardrobe-font-family);font-size:1.5rem;font-weight:600;color:var(--sardrobe-text-body);text-align:center;margin:0 0 2rem}.pricing-page__faq-accordion{border-top:1px solid var(--sardrobe-neutral-stroke-soft)}.pricing-page__confirm-summary{padding:1rem;margin-bottom:1rem;background-color:var(--sardrobe-neutral-fill-softer);border-radius:var(--sardrobe-border-radius-md)}.pricing-page__confirm-row{display:flex;justify-content:space-between;font-family:var(--sardrobe-font-family);font-size:.875rem;color:var(--sardrobe-text-body);padding:.25rem 0}.pricing-page__confirm-row--savings{color:var(--sardrobe-success-fill-mid);font-weight:500}.pricing-page__confirm-actions{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:768px){.pricing-page{padding:2rem 1rem}.pricing-page__title{font-size:1.75rem}.pricing-page__subtitle{font-size:1rem}.pricing-page__plans{grid-template-columns:1fr}.pricing-page__price-amount{font-size:2rem}}}:root{--walnut: #643100;--raw-umber: #763a00;--raw-umber-2: #7f3e00;--chocolate-brown: #914600;--autumn-ember: #af5500;--copperwood: #b96619;--copper: #c27731;--golden-chestnut: #cb8849;--light-bronze: #d49961;--desert-sand: #eacaae}:root,.sardrobe-light,[data-theme=light]{--sardrobe-primary-seed: var(--copperwood);--sardrobe-neutral-seed: #8d755e;--sardrobe-success-seed: #91724f;--sardrobe-warning-seed: var(--golden-chestnut);--sardrobe-font-family: "Avenir Next", "Segoe UI", "Helvetica Neue", "Nimbus Sans", sans-serif;--sardrobe-font-family-heading: "Iowan Old Style", Baskerville, "Book Antiqua", "Times New Roman", serif;--landing-background: #f7f1ea;--landing-surface: #fff9f4;--landing-surface-strong: #f3e2d1;--landing-surface-deep: #ead2ba;--landing-ink: var(--walnut);--landing-muted: #88582d;--landing-line: rgb(100 49 0 / .14);--landing-shadow: rgb(100 49 0 / .12);--landing-accent: var(--copperwood);--landing-accent-soft: var(--light-bronze);--landing-button-text: #fff8f2}.sardrobe-dark,[data-theme=dark]{--sardrobe-primary-seed: var(--golden-chestnut);--sardrobe-neutral-seed: #9f7f63;--sardrobe-success-seed: #ab8357;--sardrobe-warning-seed: var(--light-bronze);--landing-background: #2b1606;--landing-surface: #3a1f09;--landing-surface-strong: #522a0c;--landing-surface-deep: #643100;--landing-ink: #f5e4d4;--landing-muted: #dfb58f;--landing-line: rgb(234 202 174 / .18);--landing-shadow: rgb(0 0 0 / .32);--landing-accent: var(--light-bronze);--landing-accent-soft: var(--golden-chestnut);--landing-button-text: #2b1606}html{scroll-behavior:smooth}body{margin:0}.site-body{min-block-size:100vh;color:var(--landing-ink);background:radial-gradient(circle at top right,rgb(212 153 97 / .18),transparent 24%),linear-gradient(180deg,var(--landing-background) 0%,color-mix(in oklab,var(--landing-background),white 6%) 100%);position:relative}.site-body:before{content:"";position:fixed;inset:0;background:linear-gradient(to right,transparent 0,transparent calc(100% - 1px),var(--landing-line) calc(100% - 1px)),linear-gradient(to bottom,transparent 0,transparent calc(100% - 1px),rgb(255 255 255 / .04) calc(100% - 1px));background-size:6rem 6rem;pointer-events:none;opacity:.22}.skip-link:focus{z-index:1000}:where(a,button,summary):focus-visible{outline:var(--sardrobe-focus-ring);outline-offset:4px}.auth-action{appearance:none;border:none;cursor:pointer;font:inherit}.auth-action[disabled],.auth-action[data-pending=true]{cursor:progress;opacity:.72}.site-header,.landing,.site-footer{position:relative;z-index:1}.site-header{padding:1.5rem clamp(1.25rem,2vw,2rem) 0}.site-header__inner{max-inline-size:76rem;margin:0 auto;display:flex;align-items:center;gap:1.5rem;padding-block-end:.85rem;border-bottom:1px solid var(--landing-line)}.site-logo{color:var(--landing-ink);font-family:var(--sardrobe-font-family-heading);font-size:clamp(1.75rem,1.4rem + .8vw,2.25rem);letter-spacing:-.03em;text-decoration:none}.site-nav{display:flex;flex-wrap:wrap;gap:1.25rem;margin-inline-start:auto}.site-nav a,.site-header__cta{display:inline-flex;align-items:center;justify-content:center;min-block-size:2.75rem;color:var(--landing-ink);font-size:.92rem;font-weight:700;text-decoration:none;touch-action:manipulation}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;inset:auto 0 -.15rem;block-size:1px;background:currentColor;opacity:0;transform:scaleX(.65);transition:opacity .16s ease,transform .16s ease}.site-nav a:hover:after{opacity:1;transform:scaleX(1)}.site-header__cta{padding-inline:1.15rem;border:1px solid var(--landing-accent);border-radius:999px;background:var(--landing-accent);color:var(--landing-button-text);box-shadow:0 .75rem 1.75rem -1rem #af55008c}.site-header__cta:hover{background:var(--raw-umber-2);border-color:var(--raw-umber-2)}.landing{display:grid;gap:clamp(4rem,7vw,6.75rem);padding:2rem clamp(1.25rem,2vw,2rem) 4rem}.hero,.benefits,.features,.workflow,.principles,.cta,.site-footer{max-inline-size:76rem;inline-size:100%;margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(20rem,.95fr);gap:clamp(2rem,4vw,4.25rem);align-items:center;padding-block-start:1rem}.hero__copy{display:grid;gap:1.35rem}.hero__intro{display:flex;flex-wrap:wrap;align-items:center;gap:.85rem}.hero__intro-copy{color:var(--landing-muted);font-size:.95rem}.hero__title{max-inline-size:10ch;margin:0;font-family:var(--sardrobe-font-family-heading);font-size:clamp(3.6rem,7vw,6.4rem);font-weight:400;letter-spacing:-.05em;line-height:.9;text-wrap:balance}.hero__title-accent{display:block;color:var(--landing-accent)}.hero__summary{max-inline-size:35rem;margin:0;color:var(--landing-muted);font-size:clamp(1.06rem,.98rem + .35vw,1.22rem);line-height:1.75}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem}.hero__action{display:inline-flex;align-items:center;justify-content:center;min-block-size:3.15rem;padding:.85rem 1.35rem;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.hero__action:hover{transform:translateY(-1px)}.hero__action--primary{border:1px solid var(--landing-accent);background:var(--landing-accent);color:var(--landing-button-text)}.hero__action--primary:hover{background:var(--raw-umber-2);border-color:var(--raw-umber-2)}.hero__action--secondary{border:1px solid var(--landing-line);background:transparent;color:var(--landing-ink)}.hero__action--secondary:hover{border-color:var(--landing-accent-soft);background:color-mix(in oklab,var(--landing-surface),var(--desert-sand) 38%)}.hero__pills{display:flex;flex-wrap:wrap;gap:.8rem;padding:0;margin:0;list-style:none}.hero__pills li{padding:.55rem .85rem;border:1px solid var(--landing-line);border-radius:999px;background:color-mix(in oklab,var(--landing-surface),white 35%);color:var(--landing-ink);font-size:.9rem;font-weight:700}.hero__visual{display:flex;justify-content:center}.atelier-board{position:relative;inline-size:min(100%,34rem);min-block-size:34rem;padding:1.5rem;border:1px solid var(--landing-line);border-radius:1.75rem;background:linear-gradient(180deg,rgb(255 255 255 / .58),transparent 18%),var(--landing-surface);box-shadow:0 2rem 4rem -2rem var(--landing-shadow),inset 0 1px #ffffffa6;overflow:hidden}.atelier-board:before{content:"";position:absolute;inset:0 auto auto 0;inline-size:100%;block-size:9rem;background:linear-gradient(90deg,rgb(255 255 255 / .22),transparent 40%),linear-gradient(180deg,color-mix(in oklab,var(--desert-sand),white 38%),transparent);opacity:.8}.atelier-board__label{position:relative;z-index:1;display:inline-flex;margin:0;padding:.45rem .75rem;border-radius:999px;background:color-mix(in oklab,var(--desert-sand),white 38%);color:var(--raw-umber);font-size:.77rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.atelier-board__rail{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:1rem;margin-top:2rem;padding-top:1.5rem}.atelier-board__rail:before{content:"";position:absolute;inset:0 0 auto;block-size:.14rem;border-radius:999px;background:color-mix(in oklab,var(--raw-umber),white 55%)}.garment{position:relative;display:block;justify-self:center;inline-size:clamp(4.8rem,9vw,6.2rem);border-radius:1.25rem;box-shadow:inset 0 1px #ffffff8c}.garment:before{content:"";position:absolute;inset:-.95rem 50% auto auto;inline-size:1.15rem;block-size:1.15rem;border:2px solid color-mix(in oklab,var(--raw-umber),white 38%);border-bottom-color:transparent;border-left-color:transparent;border-radius:0 .8rem 0 0;transform:translate(45%)}.garment--coat{block-size:8.75rem;background:linear-gradient(180deg,#cfab90,#bf8d69)}.garment--knit{block-size:7.75rem;background:linear-gradient(180deg,#f4ede6,#e8dcca)}.garment--trouser{block-size:9.4rem;background:linear-gradient(180deg,#9f7658,#7f4d2d)}.atelier-board__formula,.atelier-board__note{position:absolute;background:color-mix(in oklab,var(--landing-surface),white 55%)}.atelier-board__formula{inset:auto 1.5rem 1.5rem;padding:1.2rem}.atelier-board__card-label{margin:0 0 .55rem;color:var(--landing-muted);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.atelier-board__formula-title{margin:0;font-family:var(--sardrobe-font-family-heading);font-size:clamp(1.35rem,1.1rem + .65vw,1.85rem);line-height:1.05;text-wrap:balance}.atelier-board__chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.atelier-board__chips span{padding:.42rem .7rem;border-radius:999px;background:color-mix(in oklab,var(--desert-sand),white 28%);color:var(--raw-umber);font-size:.82rem;font-weight:700}.atelier-board__note{inset:5rem 1.5rem auto auto;inline-size:11.25rem;padding:1rem 1rem 1rem 1.1rem;transform:rotate(2deg)}.atelier-board__note-list{margin:0;padding-left:1rem;color:var(--landing-muted);font-size:.84rem;line-height:1.6}.atelier-board__swatches{position:absolute;inset:auto 1.5rem 8.6rem auto;display:grid;grid-template-columns:repeat(2,2.7rem);gap:.65rem}.swatch{display:block;aspect-ratio:1;border-radius:.9rem;border:1px solid rgb(255 255 255 / .55);box-shadow:inset 0 1px #ffffff8c}.swatch--one{background:#efdac6}.swatch--two{background:#ba825b}.swatch--three{background:#f7efe6}.swatch--four{background:#86624b}.atelier-board__footer{position:absolute;inset:auto auto 8.1rem 1.5rem;margin:0;color:var(--raw-umber);font-size:.82rem;font-weight:700}.section-heading{display:grid;gap:1rem;max-inline-size:50rem}.section-heading--split{max-inline-size:none;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);align-items:end;gap:2rem}.section-heading__eyebrow{margin:0;color:var(--landing-muted);font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.section-heading__eyebrow--light{color:color-mix(in oklab,var(--desert-sand),white 12%)}.section-heading__title,.principles__title,.cta-card__title{margin:0;font-family:var(--sardrobe-font-family-heading);font-size:clamp(2.2rem,4vw,4rem);font-weight:400;letter-spacing:-.04em;line-height:.97;text-wrap:balance}.section-heading__copy,.benefit-card__description,.feature-card__description,.workflow-card__description,.cta-card__copy{margin:0;color:var(--landing-muted);line-height:1.75}.benefits{display:grid;gap:2rem}.benefits__grid,.workflow__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.benefit-card,.feature-card,.workflow-card,.cta-card{background:color-mix(in oklab,var(--landing-surface),white 45%)}.benefit-card{padding:1.45rem;border-top:4px solid var(--landing-accent-soft)}.benefit-card__title,.feature-card__title,.workflow-card__title{margin:0;font-family:var(--sardrobe-font-family-heading);font-size:clamp(1.45rem,1.2rem + .45vw,1.85rem);font-weight:400;line-height:1.05;text-wrap:balance}.feature-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2rem}.feature-card{min-block-size:18rem}.feature-card__eyebrow{margin:0 0 .8rem;color:var(--landing-accent);font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.feature-card__tags{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem}.workflow-card__step{display:inline-flex;align-items:center;justify-content:center;inline-size:2.7rem;block-size:2.7rem;margin:0 0 1rem;border-radius:999px;background:var(--landing-accent);color:var(--landing-button-text);font-size:.9rem;font-weight:900}.principles__panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.9fr);gap:2rem;padding:clamp(1.5rem,3vw,2.5rem);border-radius:1.8rem;background:radial-gradient(circle at top right,rgb(212 153 97 / .18),transparent 26%),linear-gradient(180deg,var(--raw-umber-2) 0%,var(--walnut) 100%);box-shadow:0 2rem 4rem -2rem #00000052}.principles__title{color:#fff3e7}.principles__list{display:grid;gap:1rem;padding:0;margin:0;list-style:none}.principles__list li{padding:1rem 1rem 1rem 1.15rem;border-left:3px solid var(--light-bronze);background:#ffffff0f;color:#f3dfca;line-height:1.65;border-radius:0 1rem 1rem 0}.cta-card{padding:clamp(1.5rem,3vw,2.25rem);border-top:5px solid var(--landing-accent)}.cta-card__eyebrow{margin:0 0 .8rem;color:var(--landing-muted);font-size:.78rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.site-footer{padding-bottom:3rem;color:var(--landing-muted)}.site-footer p{margin:0}@media(prefers-reduced-motion:no-preference){.hero__copy>*{animation:fade-up .62s both}.hero__copy>*:nth-child(2){animation-delay:70ms}.hero__copy>*:nth-child(3){animation-delay:.14s}.hero__copy>*:nth-child(4){animation-delay:.21s}.atelier-board{animation:float-in .76s .16s both}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(18px) rotate(-1.2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(max-width:70rem){.hero,.section-heading--split,.principles__panel,.feature-stack,.benefits__grid,.workflow__grid{grid-template-columns:1fr}.atelier-board{min-block-size:31rem}}@media(max-width:52rem){.site-header__inner{flex-wrap:wrap;gap:1rem}.site-nav{margin-inline-start:0}}@media(max-width:42rem){.landing{gap:3.5rem}.hero__title{font-size:clamp(2.9rem,13vw,4.6rem)}.hero__actions,.hero__pills,.feature-card__tags{flex-direction:column;align-items:stretch}.hero__action{inline-size:100%}.atelier-board{min-block-size:28rem;padding:1.2rem}.atelier-board__note{inset:4.7rem 1.2rem auto auto;inline-size:9.75rem}.atelier-board__swatches{grid-template-columns:repeat(2,2.35rem);inset:auto 1.2rem 7.8rem auto}.atelier-board__footer{inset:auto auto 7.45rem 1.2rem}}@media(prefers-reduced-transparency:reduce){.atelier-board,.atelier-board__formula,.atelier-board__note,.benefit-card,.feature-card,.workflow-card,.cta-card{background:var(--landing-surface)}}@media(forced-colors:active){.site-body{background:Canvas;color:CanvasText}.site-body:before{display:none}.atelier-board,.benefit-card,.feature-card,.workflow-card,.cta-card,.principles__panel,.principles__list li,.hero__pills li,.site-header__cta{background:Canvas;color:CanvasText;border:1px solid CanvasText;box-shadow:none}.hero__action{border:1px solid ButtonText}:where(a,button,summary):focus-visible{outline:2px solid Highlight}}.app-shell{display:grid;gap:1.5rem;max-inline-size:76rem;margin:0 auto;padding:2rem clamp(1.25rem,2vw,2rem) 4rem}.app-shell__hero{display:grid;gap:.8rem;padding:1.5rem 0 .5rem}.app-shell__eyebrow{color:var(--landing-muted);font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.app-shell__title{margin:0;font-family:var(--sardrobe-font-family-heading);font-size:clamp(2.5rem,5vw,4rem);line-height:.95;letter-spacing:-.04em}.app-shell__summary{max-inline-size:48rem;margin:0;color:var(--landing-muted);font-size:1.05rem;line-height:1.7}.app-shell__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.app-panel{min-block-size:100%;padding:1.25rem}.app-panel--profile{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:center}.app-panel__avatar{display:grid;place-items:center;inline-size:4.5rem;block-size:4.5rem;overflow:hidden;border:1px solid var(--landing-line);border-radius:999px;background:color-mix(in oklab,var(--landing-surface),white 55%);color:var(--landing-ink);font-size:1.15rem;font-weight:800}.app-panel__avatar img{inline-size:100%;block-size:100%;object-fit:cover}.app-panel__copy{min-inline-size:0}.app-panel__label{margin:0 0 .35rem;color:var(--landing-muted);font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.app-panel__title{margin:0;font-family:var(--sardrobe-font-family-heading);font-size:1.85rem;line-height:1}.app-panel__meta{margin:.55rem 0 0;color:var(--landing-muted);line-height:1.6}.app-panel__details{display:grid;gap:1rem;margin:0}.app-panel__details div{padding-top:.9rem;border-top:1px solid var(--landing-line)}.app-panel__details div:first-child{padding-top:0;border-top:none}.app-panel__details dt{margin-bottom:.35rem;color:var(--landing-muted);font-size:.82rem;font-weight:700;text-transform:uppercase}.app-panel__details dd{margin:0;font-weight:700}.app-panel__list{margin:0;padding-left:1.1rem;color:var(--landing-muted);line-height:1.8}@media(width<=960px){.app-shell__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width<=700px){.app-shell__grid{grid-template-columns:1fr}.app-panel--profile{grid-template-columns:1fr;justify-items:start}}