@layer reset,tokens,base,components,utilities;@layer tokens{@property --color-accent{syntax: "<color>"; inherits: true; initial-value: #0063D1;}@property --color-accent-hover{syntax: "<color>"; inherits: true; initial-value: #004DA3;}@property --color-surface{syntax: "<color>"; inherits: true; initial-value: #FFFFFF;}@property --color-surface-raised{syntax: "<color>"; inherits: true; initial-value: #FFFFFF;}@property --color-text{syntax: "<color>"; inherits: true; initial-value: #000000;}@property --color-text-muted{syntax: "<color>"; inherits: true; initial-value: #636366;}@property --color-border{syntax: "<color>"; inherits: true; initial-value: #E5E5EA;}@property --color-focus-ring{syntax: "<color>"; inherits: true; initial-value: #0063D1;}@property --duration-fast{syntax: "<time>"; inherits: true; initial-value: .1s;}@property --duration-normal{syntax: "<time>"; inherits: true; initial-value: .15s;}@property --duration-moderate{syntax: "<time>"; inherits: true; initial-value: .25s;}@property --duration-slow{syntax: "<time>"; inherits: true; initial-value: .3s;}:root{--blue-50: #EBF5FF;--blue-100: #D1E9FF;--blue-200: #A3D3FF;--blue-300: #75BDFF;--blue-400: #47A7FF;--blue-500: #007AFF;--blue-600: #0063D1;--blue-700: #004DA3;--blue-800: #003775;--blue-900: #002147;--gray-50: #F9F9FB;--gray-100: #F2F2F7;--gray-200: #E5E5EA;--gray-300: #D1D1D6;--gray-400: #C7C7CC;--gray-500: #AEAEB2;--gray-600: #8E8E93;--gray-700: #636366;--gray-800: #48484A;--gray-900: #3A3A3C;--gray-950: #2C2C2E;--gray-1000: #1C1C1E;--green-50: #E8FAF0;--green-100: #C2F0D5;--green-200: #7DDBA3;--green-300: #4ECB71;--green-400: #34C759;--green-500: #28A745;--green-600: #1E8E3E;--green-700: #167A32;--green-800: #0F5B25;--green-900: #083D19;--red-50: #FFF0EF;--red-100: #FFD6D4;--red-200: #FFA8A3;--red-300: #FF7A72;--red-400: #FF3B30;--red-500: #D70015;--red-600: #B80012;--red-700: #990010;--red-800: #7A000D;--red-900: #5C000A;--orange-50: #FFF5EB;--orange-100: #FFE5C7;--orange-200: #FFCB8F;--orange-300: #FFB157;--orange-400: #FF9500;--orange-500: #D97E00;--orange-600: #B36700;--orange-700: #8C5100;--orange-800: #663B00;--orange-900: #402500;--yellow-50: #FFFBE5;--yellow-100: #FFF4B8;--yellow-200: #FFEA7A;--yellow-300: #FFE03C;--yellow-400: #FFCC00;--yellow-500: #D4AA00;--yellow-600: #AA8800;--yellow-700: #806600;--yellow-800: #554400;--yellow-900: #2B2200;--teal-50: #E5FAFE;--teal-100: #BFF2FC;--teal-200: #80E5F9;--teal-300: #40D8F6;--teal-400: #5AC8FA;--teal-500: #32ACD6;--teal-600: #1E90B3;--teal-700: #14748F;--teal-800: #0C586C;--teal-900: #063C48;--purple-50: #F5EEFF;--purple-100: #E5D4FF;--purple-200: #CBAAFF;--purple-300: #B180FF;--purple-400: #AF52DE;--purple-500: #8E3EBE;--purple-600: #6F2E9E;--purple-700: #52207E;--purple-800: #38155E;--purple-900: #200C3E;--pink-50: #FFF0F5;--pink-100: #FFD6E5;--pink-200: #FFADCB;--pink-300: #FF85B1;--pink-400: #FF2D55;--pink-500: #D4234A;--pink-600: #AA1C3E;--pink-700: #801532;--pink-800: #550E26;--pink-900: #2B071A;--white: #FFFFFF;--black: #000000;--transparent: transparent;--space-unit: .5rem;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--space-40: 10rem;--space-48: 12rem;--space-56: 14rem;--space-64: 16rem;--space-0-25: .0625rem;--space-1-5: .375rem;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: "SF Mono", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Monaco, Consolas, "Courier New", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-md: 1.0625rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.375rem;--text-3xl: 1.625rem;--text-4xl: 1.75rem;--text-5xl: 2.125rem;--text-6xl: 2.5rem;--text-7xl: 3rem;--text-8xl: 3.75rem;--weight-thin: 100;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--weight-black: 900;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--leading-double: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em}:root,[data-type-ratio=major-third]{--type-ratio: 1.25;--type-ratio-name: "Major Third"}[data-type-ratio=minor-second]{--type-ratio: 1.067;--type-ratio-name: "Minor Second"}[data-type-ratio=major-second]{--type-ratio: 1.125;--type-ratio-name: "Major Second"}[data-type-ratio=minor-third]{--type-ratio: 1.2;--type-ratio-name: "Minor Third"}[data-type-ratio=perfect-fourth]{--type-ratio: 1.333;--type-ratio-name: "Perfect Fourth"}[data-type-ratio=aug-fourth]{--type-ratio: 1.414;--type-ratio-name: "Aug. Fourth"}[data-type-ratio=perfect-fifth]{--type-ratio: 1.5;--type-ratio-name: "Perfect Fifth"}[data-type-ratio=minor-sixth]{--type-ratio: 1.6;--type-ratio-name: "Minor Sixth"}[data-type-ratio=golden-ratio]{--type-ratio: 1.618;--type-ratio-name: "Golden Ratio"}[data-type-ratio=major-sixth]{--type-ratio: 1.667;--type-ratio-name: "Major Sixth"}[data-type-ratio=octave]{--type-ratio: 2;--type-ratio-name: "Octave"}:root{--type-base-px: 16;--scale-step--2: calc(1rem / var(--type-ratio) / var(--type-ratio));--scale-step--1: calc(1rem / var(--type-ratio));--scale-step-0: 1rem;--scale-step-1: calc(1rem * var(--type-ratio));--scale-step-2: calc(1rem * var(--type-ratio) * var(--type-ratio));--scale-step-3: calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio));--scale-step-4: calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio));--scale-step-5: calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio));--scale-step-6: calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio));--scale-step-7: calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio));--scale-step-8: calc(1rem * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio) * var(--type-ratio));--touch-min: 2.75rem;--size-xs: 1.5rem;--size-sm: 2rem;--size-md: 2.25rem;--size-lg: 2.75rem;--size-xl: 3.25rem;--size-2xl: 3.75rem;--icon-xs: .75rem;--icon-sm: 1rem;--icon-md: 1.25rem;--icon-lg: 1.5rem;--icon-xl: 2rem;--icon-2xl: 3rem;--avatar-xs: 1.5rem;--avatar-sm: 2rem;--avatar-md: 2.5rem;--avatar-lg: 3rem;--avatar-xl: 4rem;--avatar-2xl: 5rem;--width-xs: 20rem;--width-sm: 24rem;--width-md: 28rem;--width-lg: 32rem;--width-xl: 36rem;--width-2xl: 42rem;--width-3xl: 48rem;--width-4xl: 56rem;--width-5xl: 64rem;--width-6xl: 72rem;--width-7xl: 80rem;--width-full: 100%;--width-prose: 65ch;--stroke-0: 0;--stroke-1: 1px;--stroke-2: 2px;--stroke-3: 3px;--stroke-4: 4px;--radius-none: 0;--radius-xs: .125rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-none: none;--shadow-inset-color: light-dark(rgb(0, 0, 0, .06), rgb(0, 0, 0, .3));--shadow-inset: inset 0 2px 4px var(--shadow-inset-color);--ring-width: 2px;--ring-color: var(--color-focus-ring);--ring-offset-width: 2px;--ring-offset-color: light-dark(var(--white), var(--black));--duration-0: 0ms;--duration-fastest: 50ms;--duration-fast: .1s;--duration-normal: .15s;--duration-moderate:.25s;--duration-slow: .3s;--duration-slower: .45s;--duration-slowest: .6s;--ease-linear: linear;--ease-default: cubic-bezier(.25, .1, .25, 1);--ease-decelerate: cubic-bezier(0, 0, .2, 1);--ease-accelerate: cubic-bezier(.4, 0, 1, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--ease-emphasized-decelerate: cubic-bezier(.05, .7, .1, 1);--ease-emphasized-accelerate: cubic-bezier(.3, 0, .8, .15);--ease-spring-soft: cubic-bezier(.34, 1.2, .64, 1);--ease-spring-snappy: cubic-bezier(.2, 1.5, .4, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: var(--ease-decelerate);--ease-in: var(--ease-accelerate);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--ease-spring: var(--ease-spring-soft);--ease-snappy: var(--ease-standard);--duration-100: var(--duration-fast);--duration-200: var(--duration-normal)}@media(prefers-reduced-motion:reduce){:root{--duration-fastest: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-moderate:0ms;--duration-slow: 0ms;--duration-slower: 0ms;--duration-slowest: 0ms}}:root{--z-behind: -1;--z-base: 0;--z-raised: 1;--z-control: 5;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-popover: 50;--z-toast: 60;--z-tooltip: 70;--z-max: 9999}}@layer tokens;@layer tokens{:root{color-scheme:light dark;--_ren-raised-light: var(--white);--_ren-raised-dark: var(--gray-1000)}:where(:root,[data-theme],[data-mode],[data-contrast]){--color-accent: light-dark(var(--blue-600), var(--blue-400));--color-accent-hover: light-dark(var(--blue-700), var(--blue-300));--color-accent-active: light-dark(var(--blue-800), var(--blue-200));--color-accent-subtle: light-dark(var(--blue-50), var(--blue-900));--color-on-accent: light-dark(var(--white), var(--black));--color-success: light-dark(var(--green-700), var(--green-400));--color-success-subtle: light-dark(var(--green-50), var(--green-900));--color-on-success: light-dark(var(--white), var(--black));--color-warning: light-dark(var(--orange-700), var(--orange-400));--color-warning-subtle: light-dark(var(--orange-50), var(--orange-900));--color-on-warning: light-dark(var(--white), var(--black));--color-danger: light-dark(var(--red-500), var(--red-400));--color-danger-hover: light-dark(var(--red-600), var(--red-300));--color-danger-active: light-dark(var(--red-700), var(--red-200));--color-danger-subtle: light-dark(var(--red-50), var(--red-900));--color-on-danger: light-dark(var(--white), var(--black));--color-info: light-dark(var(--teal-700), var(--teal-400));--color-info-subtle: light-dark(var(--teal-50), var(--teal-900));--color-on-info: light-dark(var(--white), var(--black));--color-ai: light-dark(var(--purple-500), var(--purple-300));--color-ai-hover: light-dark(var(--purple-600), var(--purple-200));--color-ai-subtle: light-dark(var(--purple-50), var(--purple-900));--color-on-ai: light-dark(var(--white), var(--black));--color-text: light-dark(var(--black), var(--white));--color-text-secondary: light-dark(var(--gray-700), var(--gray-300));--color-text-muted: light-dark(var(--gray-700), var(--gray-500));--color-text-faint: light-dark(var(--gray-400), var(--gray-800));--color-text-inverted: light-dark(var(--white), var(--black));--color-text-link: var(--color-accent-strong);--color-highlight: light-dark(var(--yellow-100), var(--yellow-800));--color-text-link-hover:var(--color-accent-active);--color-surface: light-dark(var(--white), var(--black));--_ren-raised-resolved: light-dark(var(--_ren-raised-light), var(--_ren-raised-dark));--color-surface-raised: var(--_ren-raised-resolved);--color-surface-sunken: light-dark(var(--gray-100), var(--black));--color-surface-overlay:light-dark(var(--white), var(--gray-1000));--color-surface-contrast: var(--black);--color-on-surface-contrast: var(--white);--color-border: light-dark(var(--gray-200), var(--gray-900));--color-border-strong: light-dark(var(--gray-300), var(--gray-800));--color-border-muted: light-dark(var(--gray-100), var(--gray-950));--color-border-interactive: light-dark(var(--gray-700), var(--gray-500));--color-border-accent: var(--color-accent);--color-fill: light-dark(var(--gray-100), var(--gray-950));--color-fill-hover: light-dark(var(--gray-200), var(--gray-900));--color-fill-active: light-dark(var(--gray-300), var(--gray-800));--color-accent-strong: var(--color-accent-hover);--color-success-strong: light-dark(var(--green-700), var(--green-300));--color-danger-strong: light-dark(var(--red-500), var(--red-300));--color-info-strong: light-dark(var(--teal-700), var(--teal-300));--color-warning-strong: light-dark(var(--orange-700), var(--orange-300));--color-background-hover: var(--color-fill-hover);--color-background-active: var(--color-fill-active);--color-border-hover: var(--color-border-strong);--color-fill-subtle: light-dark(var(--gray-50), var(--gray-950));--color-surface-hover: var(--color-fill-hover);--color-surface-active: var(--color-fill-active);--color-text-primary: var(--color-text);--color-overlay: light-dark(rgb(0, 0, 0, .4), rgb(0, 0, 0, .6));--color-separator: light-dark(var(--gray-200), var(--gray-900));--color-focus-ring: var(--color-accent);--color-selection-bg: light-dark(var(--blue-100), var(--blue-900));--color-selection-text: light-dark(var(--black), var(--white));--color-input-bg: light-dark(var(--gray-100), var(--gray-1000));--color-input-bg-hover: light-dark(var(--white), var(--gray-950));--color-input-border: var(--color-border-interactive);--color-input-border-focus: var(--color-accent);--color-input-placeholder: light-dark(var(--gray-700), var(--gray-500));--color-input-disabled-bg: light-dark(var(--gray-200), var(--gray-950));--color-input-disabled-text: light-dark(var(--gray-400), var(--gray-800));--color-input-error-border: var(--color-danger);--color-input-focus-ring: color-mix(in srgb, var(--color-accent) 20%, transparent);--color-option-hover: light-dark(var(--gray-50), var(--gray-800));--color-option-selected-hover: color-mix(in srgb, var(--color-accent) 20%, var(--color-surface));--color-option-disabled: light-dark(var(--gray-500), var(--gray-400));--color-input-danger-ring: color-mix(in srgb, var(--color-danger) 15%, transparent);--color-input-success-ring: color-mix(in srgb, var(--color-success) 15%, transparent);--color-presence-offline: var(--gray-400);--color-disabled-bg: light-dark(var(--gray-200), var(--gray-950));--color-disabled-text: light-dark(var(--gray-400), var(--gray-800));--shadow-color-1: light-dark(rgb(0, 0, 0, .05), rgb(0, 0, 0, .3));--shadow-color-2: light-dark(rgb(0, 0, 0, .06), rgb(0, 0, 0, .3));--shadow-color-3: light-dark(rgb(0, 0, 0, .07), rgb(0, 0, 0, .4));--shadow-color-4: light-dark(rgb(0, 0, 0, .1), rgb(0, 0, 0, .4));--shadow-color-5: light-dark(rgb(0, 0, 0, .15), rgb(0, 0, 0, .5));--shadow-color-6: light-dark(rgb(0, 0, 0, .08), rgb(0, 0, 0, .4));--shadow-xs: 0 1px 2px var(--shadow-color-1);--shadow-sm: 0 1px 3px var(--shadow-color-4), 0 1px 2px var(--shadow-color-2);--shadow-md: 0 4px 6px var(--shadow-color-3), 0 2px 4px var(--shadow-color-2);--shadow-lg: 0 10px 15px var(--shadow-color-4), 0 4px 6px var(--shadow-color-1);--shadow-xl: 0 20px 25px var(--shadow-color-4), 0 8px 10px var(--shadow-color-1);--shadow-2xl: 0 25px 50px var(--shadow-color-5), 0 12px 24px var(--shadow-color-6)}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}[data-mode=light]{color-scheme:light}[data-mode=dark]{color-scheme:dark}[data-mode=auto]{color-scheme:light dark}:root{--font-body: var(--font-sans, system-ui, sans-serif);--font-heading: var(--font-body);--display-lg-size: var(--text-5xl);--display-lg-weight: var(--weight-bold);--display-lg-leading: var(--leading-tight);--display-lg-tracking: var(--tracking-tight);--display-md-size: var(--text-4xl);--display-md-weight: var(--weight-bold);--display-md-leading: var(--leading-tight);--display-md-tracking: var(--tracking-tight);--display-sm-size: var(--text-3xl);--display-sm-weight: var(--weight-semibold);--display-sm-leading: var(--leading-tight);--display-sm-tracking: var(--tracking-tight);--title-lg-size: var(--text-2xl);--title-lg-weight: var(--weight-semibold);--title-lg-leading: var(--leading-snug);--title-md-size: var(--text-xl);--title-md-weight: var(--weight-semibold);--title-md-leading: var(--leading-snug);--title-sm-size: var(--text-lg);--title-sm-weight: var(--weight-semibold);--title-sm-leading: var(--leading-snug);--headline-size: var(--text-md);--headline-weight: var(--weight-semibold);--headline-leading: var(--leading-snug);--lead-size: var(--text-xl);--lead-weight: var(--weight-regular);--lead-leading: var(--leading-relaxed);--lead-tracking: var(--tracking-normal);--body-lg-size: var(--text-md);--body-lg-weight: var(--weight-regular);--body-lg-leading: var(--leading-normal);--body-size: var(--text-base);--body-weight: var(--weight-regular);--body-leading: var(--leading-normal);--body-sm-size: var(--text-sm);--body-sm-weight: var(--weight-regular);--body-sm-leading: var(--leading-normal);--label-lg-size: var(--text-base);--label-lg-weight: var(--weight-medium);--label-size: var(--text-sm);--label-weight: var(--weight-medium);--label-sm-size: var(--text-xs);--label-sm-weight: var(--weight-medium);--caption-size: var(--text-sm);--caption-weight: var(--weight-regular);--caption-leading: var(--leading-normal);--caption-sm-size: var(--text-xs);--caption-sm-weight: var(--weight-regular);--code-size: .875em;--code-weight: var(--weight-regular);--code-family: var(--font-mono);--label-md-size: var(--label-size);--label-md-weight: var(--label-weight);--font-size-body: var(--body-size);--font-size-body-sm: var(--body-sm-size);--font-size-caption: var(--caption-size);--font-size-label: var(--label-size);--font-size-xs: var(--text-xs);--font-weight-semibold:var(--weight-semibold);--line-height-body: var(--body-leading);--line-height-caption: var(--caption-leading);--leading-5: var(--leading-normal);--size-body-sm: var(--body-sm-size)}:root,:root[data-type-mode=productive],[data-type-mode=productive]{--body-size: var(--text-base);--body-leading: var(--leading-normal);--body-tracking: var(--tracking-normal);--body-lg-size: var(--text-md);--body-lg-leading: var(--leading-normal);--body-sm-size: var(--text-sm);--body-sm-leading: var(--leading-normal);--lead-size: var(--text-lg);--lead-leading: var(--leading-relaxed);--lead-tracking: var(--tracking-normal);--display-lg-leading: var(--leading-tight);--display-lg-tracking:var(--tracking-tight);--display-md-leading: var(--leading-tight);--display-md-tracking:var(--tracking-tight);--title-lg-leading: var(--leading-snug);--title-md-leading: var(--leading-snug);--title-sm-leading: var(--leading-snug);--productive-emphasis-weight: var(--weight-semibold)}:root[data-type-mode=expressive],[data-type-mode=expressive]{--body-size: var(--text-md);--body-leading: var(--leading-relaxed);--body-tracking: var(--tracking-normal);--body-lg-size: var(--text-lg);--body-lg-leading: var(--leading-relaxed);--body-sm-size: var(--text-base);--body-sm-leading: var(--leading-relaxed);--lead-size: var(--text-2xl);--lead-leading: var(--leading-relaxed);--lead-tracking: var(--tracking-normal);--display-lg-leading: var(--leading-none);--display-lg-tracking:var(--tracking-tighter);--display-md-leading: var(--leading-none);--display-md-tracking:var(--tracking-tighter);--title-lg-leading: var(--leading-normal);--title-md-leading: var(--leading-normal);--title-sm-leading: var(--leading-normal);--productive-emphasis-weight: var(--weight-bold)}.ren-type-expressive{--body-size: var(--text-md);--body-leading: var(--leading-relaxed);--body-lg-size: var(--text-lg);--body-sm-size: var(--text-base);--lead-size: var(--text-2xl);--lead-leading: var(--leading-relaxed);--display-lg-leading: var(--leading-none);--display-lg-tracking:var(--tracking-tighter)}:root,[data-type-scale=default]{--type-scale-factor: 1;--type-base: 1rem;--type-min-target: 2.75rem;--type-spacing-factor: 1;--type-leading-factor: 1;--type-display: clamp(1.75rem, 1.5rem + 1.25vw, 2.125rem);--type-lead: clamp(1.125rem, 1.0625rem + .3125vw, 1.25rem);--type-title: clamp(1.25rem, 1.125rem + .625vw, 1.375rem);--type-headline: clamp(1rem, .9375rem + .3125vw, 1.0625rem);--type-body: 1rem;--type-callout: .9375rem;--type-subhead: .875rem;--type-footnote: .8125rem;--type-caption: .75rem;--type-caption2: .6875rem}[data-type-scale=xsmall]{--type-scale-factor: .85;--type-base: .875rem;--type-min-target: 2.5rem;--type-spacing-factor: .85;--type-leading-factor: .95;--type-display: clamp(1.5rem, 1.25rem + 1.25vw, 1.75rem);--type-lead: 1rem;--type-title: clamp(1.0625rem, 1rem + .3125vw, 1.125rem);--type-headline: .9375rem;--type-body: .875rem;--type-callout: .8125rem;--type-subhead: .75rem;--type-footnote: .6875rem;--type-caption: .625rem;--type-caption2: .5625rem}[data-type-scale=large]{--type-scale-factor: 1.15;--type-base: 1.125rem;--type-min-target: 3rem;--type-spacing-factor: 1.15;--type-leading-factor: 1.1;--type-display: clamp(2rem, 1.75rem + 1.25vw, 2.5rem);--type-lead: clamp(1.25rem, 1.1875rem + .3125vw, 1.375rem);--type-title: clamp(1.375rem, 1.25rem + .625vw, 1.625rem);--type-headline: 1.1875rem;--type-body: 1.125rem;--type-callout: 1.0625rem;--type-subhead: 1rem;--type-footnote: .9375rem;--type-caption: .875rem;--type-caption2: .8125rem}[data-type-scale=xlarge]{--type-scale-factor: 1.35;--type-base: 1.375rem;--type-min-target: 3.5rem;--type-spacing-factor: 1.3;--type-leading-factor: 1.2;--type-display: clamp(2.5rem, 2rem + 2.5vw, 3.25rem);--type-lead: clamp(1.5rem, 1.375rem + .625vw, 1.75rem);--type-title: clamp(1.75rem, 1.5rem + 1.25vw, 2.125rem);--type-headline: 1.5rem;--type-body: 1.375rem;--type-callout: 1.25rem;--type-subhead: 1.1875rem;--type-footnote: 1.125rem;--type-caption: 1.0625rem;--type-caption2: 1rem}@media(prefers-contrast:more){:root:not([data-type-scale]){--type-scale-factor: 1.15;--type-base: 1.125rem;--type-min-target: 3rem;--type-spacing-factor: 1.15;--type-leading-factor: 1.1}}:root{--type-space-xs: calc(var(--space-1) * var(--type-spacing-factor));--type-space-sm: calc(var(--space-2) * var(--type-spacing-factor));--type-space-md: calc(var(--space-3) * var(--type-spacing-factor));--type-space-lg: calc(var(--space-4) * var(--type-spacing-factor));--type-space-xl: calc(var(--space-6) * var(--type-spacing-factor));--type-space-2xl: calc(var(--space-8) * var(--type-spacing-factor));--type-leading-tight: calc(1.2 * var(--type-leading-factor));--type-leading-snug: calc(1.375 * var(--type-leading-factor));--type-leading-normal: calc(1.5 * var(--type-leading-factor));--type-leading-relaxed: calc(1.625 * var(--type-leading-factor))}.type-display{font-size:var(--type-display);font-weight:var(--weight-bold);line-height:var(--type-leading-tight);letter-spacing:var(--tracking-tight)}.type-lead{font-size:var(--type-lead);font-weight:var(--weight-regular);line-height:var(--type-leading-relaxed);color:var(--color-text-secondary)}.type-title{font-size:var(--type-title);font-weight:var(--weight-semibold);line-height:var(--type-leading-snug)}.type-headline{font-size:var(--type-headline);font-weight:var(--weight-semibold);line-height:var(--type-leading-snug)}.type-body{font-size:var(--type-body);font-weight:var(--weight-regular);line-height:var(--type-leading-normal)}.type-callout{font-size:var(--type-callout);font-weight:var(--weight-regular);line-height:var(--type-leading-normal)}.type-subhead{font-size:var(--type-subhead);font-weight:var(--weight-regular);line-height:var(--type-leading-normal)}.type-footnote{font-size:var(--type-footnote);font-weight:var(--weight-regular);line-height:var(--type-leading-normal)}.type-caption{font-size:var(--type-caption);font-weight:var(--weight-regular);line-height:var(--type-leading-normal)}.type-caption2{font-size:var(--type-caption2);font-weight:var(--weight-regular);line-height:var(--type-leading-normal)}.type-body-bold{font-size:var(--type-body);font-weight:var(--weight-semibold);line-height:var(--type-leading-normal)}.type-callout-bold{font-size:var(--type-callout);font-weight:var(--weight-semibold);line-height:var(--type-leading-normal)}.type-subhead-bold{font-size:var(--type-subhead);font-weight:var(--weight-semibold);line-height:var(--type-leading-normal)}.type-footnote-bold{font-size:var(--type-footnote);font-weight:var(--weight-semibold);line-height:var(--type-leading-normal)}.type-caption-bold{font-size:var(--type-caption);font-weight:var(--weight-semibold);line-height:var(--type-leading-normal)}:where(:root,[data-density]){--space-card-padding: var(--space-6);--space-card-padding-sm: var(--space-4);--space-card-padding-lg: var(--space-8);--space-panel-padding: var(--space-6);--space-dialog-padding: var(--space-6);--space-toast-padding: var(--space-4);--space-form-gap: var(--space-5);--space-form-gap-tight: var(--space-3);--space-form-gap-loose: var(--space-8);--space-field-label-gap: var(--space-2);--space-field-helper-gap: var(--space-1);--space-fieldset-gap: var(--space-6);--space-list-gap: var(--space-2);--space-list-gap-tight: var(--space-1);--space-menu-item-gap: var(--space-1);--space-inline-tight: var(--space-2);--space-inline: var(--space-3);--space-inline-loose: var(--space-4);--space-section: var(--space-12);--space-section-lg: var(--space-16);--space-section-sm: var(--space-8);--space-page-top: var(--space-12);--space-page-bottom: var(--space-16);--space-stack-tight: var(--space-2);--space-stack: var(--space-density-row, var(--space-3));--space-stack-loose: var(--space-6);--space-density-card: var(--space-card-padding-sm);--space-density-form: var(--space-6);--space-density-row: var(--space-3)}[data-density=compact]{--space-density-card: var(--space-3);--space-density-form: var(--space-3);--space-density-row: var(--space-2);--space-card-padding: var(--space-4);--space-form-gap: var(--space-3)}[data-density=spacious]{--space-density-card: var(--space-8);--space-density-form: var(--space-8);--space-density-row: var(--space-4);--space-card-padding: var(--space-8);--space-form-gap: var(--space-6)}:root{--duration-loading: 1.5s;--duration-spinner: .8s;--duration-blink: .8s;--duration-typing: 1.4s;--delay-stagger: .2s;--ease-pulse: ease-in-out;--duration-micro: var(--duration-fastest);--duration-tactile: var(--duration-fast);--duration-state: var(--duration-normal);--duration-enter: var(--duration-moderate);--duration-exit: var(--duration-fast);--duration-emphasize: var(--duration-slower);--duration-route: var(--duration-slow);--duration-overlay: var(--duration-moderate);--ease-enter: var(--ease-decelerate);--ease-exit: var(--ease-accelerate);--ease-state-change: var(--ease-standard);--ease-attention: var(--ease-emphasized-decelerate);--ease-playful: var(--ease-spring-soft);--duration-loop: 1s;--duration-loop-slow: 1.5s;--duration-loop-gentle: 2s;--ease-loop: linear;--ease-loop-smooth: cubic-bezier(.4, 0, .2, 1);--ease-loop-pulse: ease-in-out;--transition-tactile: color var(--duration-tactile) var(--ease-state-change), background-color var(--duration-tactile) var(--ease-state-change), border-color var(--duration-tactile) var(--ease-state-change), box-shadow var(--duration-tactile) var(--ease-state-change), opacity var(--duration-tactile) var(--ease-state-change);--transition-state: color var(--duration-state) var(--ease-state-change), background-color var(--duration-state) var(--ease-state-change), border-color var(--duration-state) var(--ease-state-change), box-shadow var(--duration-state) var(--ease-state-change), transform var(--duration-state) var(--ease-state-change), opacity var(--duration-state) var(--ease-state-change);--transition-enter: opacity var(--duration-enter) var(--ease-enter), transform var(--duration-enter) var(--ease-enter), filter var(--duration-enter) var(--ease-enter);--transition-exit: opacity var(--duration-exit) var(--ease-exit), transform var(--duration-exit) var(--ease-exit), filter var(--duration-exit) var(--ease-exit);--transition-overlay: opacity var(--duration-overlay) var(--ease-enter), background-color var(--duration-overlay) var(--ease-enter), backdrop-filter var(--duration-overlay) var(--ease-enter), overlay var(--duration-overlay) allow-discrete, display var(--duration-overlay) allow-discrete;--transition-emphasize: opacity var(--duration-emphasize) var(--ease-attention), transform var(--duration-emphasize) var(--ease-attention);--motion-stagger-step: 40ms;--motion-stagger-max: 10}@media(prefers-reduced-motion:reduce){:root{--duration-micro: 0ms;--duration-tactile: 0ms;--duration-state: 0ms;--duration-enter: 0ms;--duration-exit: 0ms;--duration-emphasize: 0ms;--duration-route: 0ms;--duration-overlay: 0ms;--motion-stagger-step: 0ms}}@media(prefers-reduced-motion:reduce){:root{--duration-loading: 0ms;--duration-spinner: 0ms;--duration-blink: 0ms;--duration-typing: 0ms;--delay-stagger: 0ms}}:where(:root,[data-theme],[data-mode],[data-density],[data-contrast]){--ren-btn-height: var(--size-lg);--ren-btn-padding-x: var(--space-4);--ren-btn-padding-y: var(--space-2);--ren-btn-font-size: var(--label-lg-size);--ren-btn-font-weight: var(--label-lg-weight);--ren-btn-radius: var(--radius-md);--ren-btn-gap: var(--space-2);--ren-btn-border-width: var(--stroke-1);--ren-btn-bg: var(--color-accent);--ren-btn-bg-hover: var(--color-accent-hover);--ren-btn-bg-active: var(--color-accent-active);--ren-btn-color: var(--color-on-accent);--ren-btn-border-color: var(--color-accent);--ren-btn-ring-color: var(--color-focus-ring);--ren-btn-ring-offset: var(--ring-offset-width);--ren-btn-ring-width: var(--ring-width);--ren-btn-duration: var(--duration-state);--ren-btn-easing: var(--ease-enter);--ren-card-bg: var(--color-surface-raised);--ren-card-border-color: var(--color-border);--ren-card-border-width: var(--stroke-1);--ren-card-radius: var(--radius-lg);--ren-card-padding: var(--space-density-card);--ren-card-shadow: none;--ren-card-header-gap: var(--space-1);--ren-card-gap: 0px;--ren-field-height: var(--size-lg);--ren-field-padding-x: var(--space-3);--ren-field-padding-y: var(--space-2);--ren-field-font-size: var(--body-size);--ren-field-radius: var(--radius-md);--ren-field-border-color: var(--color-border-interactive);--ren-field-border-width: var(--stroke-1);--ren-field-bg: var(--color-input-bg);--ren-field-color: var(--color-text);--ren-field-placeholder: var(--color-input-placeholder);--ren-field-focus-color: var(--color-input-border-focus);--ren-field-error-color: var(--color-input-error-border);--ren-field-success-color: var(--color-success);--ren-badge-height: auto;--ren-badge-padding-x: .55em;--ren-badge-font-size: var(--text-xs);--ren-badge-font-weight: var(--weight-semibold);--ren-badge-radius: var(--radius-full);--ren-badge-bg: var(--color-fill);--ren-badge-color: var(--color-text-secondary);--ren-tag-height: auto;--ren-tag-padding-x: .65em;--ren-tag-font-size: var(--caption-size);--ren-tag-font-weight: var(--weight-medium);--ren-tag-radius: var(--radius-full);--ren-tag-bg: var(--color-fill);--ren-tag-color: var(--color-text);--ren-tag-border-color: var(--color-border);--ren-tag-gap: var(--space-1);--ren-banner-padding: var(--space-3) var(--space-4);--ren-banner-radius: var(--radius-md);--ren-banner-border-width: var(--stroke-1);--ren-banner-gap: var(--space-3);--ren-banner-icon-size: var(--icon-lg);--ren-banner-bg: var(--color-info-subtle);--ren-banner-border-color: color-mix(in oklch, var(--color-info), transparent 70%);--ren-banner-color: var(--color-text);--ren-dialog-width: min(90vw, 500px);--ren-dialog-padding: var(--space-6);--ren-dialog-radius: var(--radius-xl);--ren-dialog-bg: var(--color-surface-overlay);--ren-dialog-border-color: var(--color-border);--ren-dialog-shadow: var(--shadow-xl);--ren-dialog-gap: var(--space-4);--ren-dialog-backdrop: rgb(0, 0, 0, .5);--ren-dialog-duration: var(--duration-normal);--ren-dialog-easing: var(--ease-out);--ren-sheet-width: 320px;--ren-sheet-bg: var(--color-surface-overlay);--ren-sheet-border: var(--color-border);--ren-sheet-radius: 0;--ren-sheet-shadow: var(--shadow-xl);--ren-sheet-padding: var(--space-6);--ren-sheet-backdrop: rgb(0, 0, 0, .5);--ren-sheet-duration: var(--duration-normal);--ren-sheet-easing: var(--ease-out);--ren-tooltip-bg: var(--color-text);--ren-tooltip-color: var(--color-text-inverted);--ren-tooltip-font-size: var(--caption-sm-size);--ren-tooltip-padding-x: var(--space-3);--ren-tooltip-padding-y: var(--space-1);--ren-tooltip-radius: var(--radius-md);--ren-tooltip-shadow: var(--shadow-sm);--ren-tooltip-duration: var(--duration-fast);--ren-tooltip-easing: var(--ease-out);--ren-tooltip-delay: .5s;--ren-popover-width: 280px;--ren-popover-bg: var(--color-surface-overlay);--ren-popover-border-color: var(--color-border);--ren-popover-radius: var(--radius-lg);--ren-popover-shadow: var(--shadow-lg);--ren-popover-padding: var(--space-4);--ren-popover-duration: var(--duration-normal);--ren-popover-easing: var(--ease-out);--ren-tabs-height: var(--size-lg);--ren-tabs-font-size: var(--label-size);--ren-tabs-font-weight: var(--label-weight);--ren-tabs-color: var(--color-text-muted);--ren-tabs-active-color: var(--color-text);--ren-tabs-indicator-color:var(--color-accent);--ren-tabs-border-color: var(--color-border);--ren-tabs-gap: 0;--ren-tabs-duration: var(--duration-fast);--ren-tabs-easing: var(--ease-out);--ren-checkbox-size: 1.25rem;--ren-checkbox-radius: var(--radius-sm);--ren-checkbox-border: var(--color-border-interactive);--ren-checkbox-checked-bg: var(--color-accent);--ren-checkbox-checked-color: var(--color-on-accent);--ren-checkbox-gap: var(--space-2);--ren-checkbox-duration: var(--duration-state);--ren-checkbox-easing: var(--ease-playful);--ren-switch-width: 3.1875rem;--ren-switch-height: 1.9375rem;--ren-switch-thumb-size: 1.6875rem;--ren-switch-bg: var(--color-fill-active);--ren-switch-checked-bg: var(--color-success);--ren-switch-thumb-color: var(--white);--ren-switch-duration: var(--duration-state);--ren-switch-easing: var(--ease-state-change);--ren-slider-track-height: 6px;--ren-slider-track-radius: var(--radius-full);--ren-slider-track-bg: var(--color-fill);--ren-slider-fill-color: var(--color-accent);--ren-slider-thumb-size: 20px;--ren-slider-thumb-bg: var(--color-surface);--ren-slider-thumb-border: var(--color-accent);--ren-slider-thumb-shadow: var(--shadow-sm);--ren-slider-duration: var(--duration-fast);--ren-slider-easing: var(--ease-out);--ren-toggle-height: var(--size-lg);--ren-toggle-padding-x: var(--space-4);--ren-toggle-font-size: var(--label-size);--ren-toggle-font-weight: var(--label-weight);--ren-toggle-radius: var(--radius-md);--ren-toggle-bg: var(--color-fill);--ren-toggle-active-bg: var(--color-surface);--ren-toggle-active-color: var(--color-text);--ren-toggle-color: var(--color-text-muted);--ren-avatar-size: var(--avatar-md);--ren-avatar-radius: var(--radius-full);--ren-avatar-bg: var(--color-fill);--ren-avatar-color: var(--color-text-secondary);--ren-avatar-font-size:var(--text-sm);--ren-avatar-border: 2px solid var(--color-surface);--ren-breadcrumb-font-size: var(--caption-size);--ren-breadcrumb-color: var(--color-text-muted);--ren-breadcrumb-active-color: var(--color-text);--ren-breadcrumb-separator: var(--breadcrumb-separator, "›");--ren-breadcrumb-gap: var(--space-1);--ren-pagination-size: var(--size-lg);--ren-pagination-font-size: var(--label-size);--ren-pagination-radius: var(--radius-md);--ren-pagination-gap: var(--space-1);--ren-pagination-bg: transparent;--ren-pagination-hover-bg: var(--color-fill);--ren-pagination-active-bg: var(--color-accent);--ren-pagination-active-color:var(--color-on-accent);--ren-progress-height: 8px;--ren-progress-radius: var(--radius-full);--ren-progress-bg: var(--color-fill);--ren-progress-fill: var(--color-accent);--ren-progress-duration: var(--duration-state);--ren-progress-easing: var(--ease-enter);--ren-spinner-size: var(--icon-lg);--ren-spinner-width: 2.5px;--ren-spinner-color: var(--color-accent);--ren-spinner-speed: 1s;--ren-skeleton-bg: var(--color-fill);--ren-skeleton-shine: var(--color-fill-hover);--ren-skeleton-radius: var(--radius-sm);--ren-skeleton-speed: var(--duration-loop-slow);--ren-separator-color: var(--color-separator);--ren-separator-width: var(--stroke-1);--ren-separator-margin: var(--space-4);--ren-link-color: var(--color-text-link);--ren-link-hover-color: var(--color-text-link-hover);--ren-link-underline: 1px;--ren-link-font-weight: inherit;--ren-nav-height: 3.5rem;--ren-nav-bg: var(--color-surface);--ren-nav-border: var(--color-border);--ren-nav-padding-x: var(--space-4);--ren-nav-link-color: var(--color-text-muted);--ren-nav-link-active: var(--color-text);--ren-nav-gap: var(--space-6);--ren-sidebar-width: 260px;--ren-sidebar-collapsed-width: 60px;--ren-sidebar-bg: var(--color-surface-sunken);--ren-sidebar-border: var(--color-border);--ren-sidebar-item-height: var(--size-lg);--ren-sidebar-item-radius: var(--radius-md);--ren-sidebar-item-padding: var(--space-2) var(--space-3);--ren-sidebar-active-bg: var(--color-accent-subtle);--ren-sidebar-active-color: var(--color-accent);--ren-sidebar-duration: var(--duration-normal);--ren-sidebar-easing: var(--ease-out);--ren-command-width: min(95vw, 560px);--ren-command-max-height: 340px;--ren-command-radius: var(--radius-xl);--ren-command-bg: var(--color-surface-overlay);--ren-command-border: var(--color-border);--ren-command-shadow: var(--shadow-xl);--ren-command-item-height:var(--size-lg);--ren-command-item-radius:var(--radius-md);--ren-table-header-bg: var(--color-surface-sunken);--ren-table-header-color: var(--color-text-muted);--ren-table-header-weight:var(--weight-semibold);--ren-table-header-size: var(--label-sm-size);--ren-table-row-height: var(--size-lg);--ren-table-cell-padding: var(--space-3);--ren-table-border-color: var(--color-border-muted);--ren-table-stripe-bg: var(--color-surface-sunken);--ren-table-hover-bg: var(--color-fill);--ren-table-selected-bg: var(--color-accent-subtle);--ren-menu-width: 200px;--ren-menu-padding: var(--space-1);--ren-menu-radius: var(--radius-lg);--ren-menu-bg: var(--color-surface-overlay);--ren-menu-border: var(--color-border);--ren-menu-shadow: var(--shadow-lg);--ren-menu-item-height: var(--size-md);--ren-menu-item-padding: var(--space-2) var(--space-3);--ren-menu-item-radius: var(--radius-sm);--ren-menu-item-hover-bg:var(--color-fill);--ren-menu-danger-color: var(--color-danger);--ren-menu-duration: var(--duration-fast);--ren-menu-easing: var(--ease-out);--ren-calendar-width: 280px;--ren-calendar-day-size: var(--size-md);--ren-calendar-radius: var(--radius-lg);--ren-calendar-bg: var(--color-surface);--ren-calendar-border: var(--color-border);--ren-calendar-today-bg: var(--color-accent-subtle);--ren-calendar-selected-bg: var(--color-accent);--ren-calendar-selected-color: var(--color-on-accent);--ren-calendar-range-bg: var(--color-accent-subtle);--ren-toast-width: 360px;--ren-toast-padding: var(--space-4);--ren-toast-radius: var(--radius-lg);--ren-toast-bg: var(--color-surface-raised);--ren-toast-border: var(--color-border);--ren-toast-shadow: var(--shadow-lg);--ren-toast-gap: var(--space-3);--ren-toast-duration: 5s;--ren-toast-anim-duration: var(--duration-normal);--ren-toast-easing: var(--ease-out);--ren-dropzone-padding: var(--space-8);--ren-dropzone-radius: var(--radius-lg);--ren-dropzone-border-color: var(--color-border-strong);--ren-dropzone-border-style: dashed;--ren-dropzone-border-width: 2px;--ren-dropzone-bg: transparent;--ren-dropzone-hover-bg: var(--color-accent-subtle);--ren-dropzone-hover-border: var(--color-accent);--ren-empty-padding: var(--space-10);--ren-empty-icon-size: 3rem;--ren-empty-gap: var(--space-3);--ren-empty-title-size: var(--title-sm-size);--ren-empty-desc-color: var(--color-text-muted);--ren-empty-max-width: 24rem;--ren-collapse-radius: var(--radius-lg);--ren-collapse-border: var(--color-border);--ren-collapse-bg: var(--color-surface);--ren-collapse-padding: var(--space-4);--ren-collapse-trigger-font: var(--label-lg-size);--ren-collapse-trigger-weight: var(--weight-semibold);--ren-collapse-duration: var(--duration-normal);--ren-collapse-easing: var(--ease-out);--ren-toolbar-height: var(--size-lg);--ren-toolbar-padding: var(--space-1);--ren-toolbar-radius: var(--radius-lg);--ren-toolbar-bg: var(--color-surface-raised);--ren-toolbar-border: var(--color-border);--ren-toolbar-item-size: var(--size-md);--ren-toolbar-item-radius: var(--radius-sm);--ren-toolbar-item-hover: var(--color-fill);--ren-toolbar-active-bg: var(--color-accent-subtle);--ren-cp-width: 280px;--ren-cp-radius: var(--radius-lg);--ren-cp-bg: var(--color-surface-overlay);--ren-cp-shadow: var(--shadow-lg);--ren-cp-swatch-size: 24px;--ren-cp-handle-size: 16px;--ren-cp-track-height:12px;--ren-carousel-gap: var(--space-4);--ren-carousel-radius: var(--radius-lg);--ren-carousel-arrow-size: var(--size-lg);--ren-carousel-dot-size: 8px;--ren-carousel-dot-active: var(--color-accent);--ren-carousel-dot-color: var(--color-border-interactive);--ren-carousel-duration: var(--duration-normal);--ren-carousel-easing: var(--ease-out);--ren-kbd-bg: var(--color-surface-sunken);--ren-kbd-border: var(--color-border-strong);--ren-kbd-color: var(--color-text);--ren-kbd-font-size: var(--caption-size);--ren-kbd-font-family: var(--font-mono);--ren-kbd-padding: .1em .4em;--ren-kbd-radius: var(--radius-sm);--ren-icon-size: var(--icon-md);--ren-icon-color: currentColor;--ren-icon-fill: currentColor;--ren-cp-hue-gradient: linear-gradient( to right, #ff0000 0%, #ffff00 16.67%, #00ff00 33.33%, #00ffff 50%, #0000ff 66.67%, #ff00ff 83.33%, #ff0000 100% )}}@layer reset{[dir=rtl]{direction:rtl}*,*:before,*:after{box-sizing:border-box}:root{interpolate-size:allow-keywords}*{margin:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body{min-height:100dvh;line-height:var(--leading-normal, 1.5);font-family:var(--font-body, var(--font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif));font-size:var(--body-size, 1rem);color:var(--color-text);background-color:var(--color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}p,li,figcaption{overflow-wrap:break-word;text-wrap:pretty}ul[role=list],ol[role=list]{list-style:none;padding:0}a{color:inherit;text-decoration-skip-ink:auto}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}textarea{field-sizing:content;min-height:3lh;resize:vertical}button{cursor:pointer;background:none;border:none;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset{border:none;padding:0}summary{cursor:pointer}dialog{padding:0;border:none;color:inherit;background-color:inherit}hr{border:none;border-top:1px solid var(--color-separator);height:0}:focus-visible{outline:var(--focus-ring-width, var(--ring-width)) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset, var(--ring-offset-width))}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}::selection{background-color:var(--color-selection-bg);color:var(--color-selection-text)}*{scrollbar-color:var(--color-fill-active) transparent;scrollbar-width:thin}}@layer base{h1{font-family:var(--font-heading, var(--font-sans, sans-serif));font-size:var(--display-md-size);font-weight:var(--display-md-weight);line-height:var(--display-md-leading);letter-spacing:var(--display-md-tracking, var(--tracking-tight));color:var(--color-text);margin-block:var(--space-8) var(--space-4)}h2{font-family:var(--font-heading, var(--font-sans, sans-serif));font-size:var(--title-lg-size);font-weight:var(--title-lg-weight);line-height:var(--title-lg-leading);color:var(--color-text);margin-block:var(--space-6) var(--space-3)}h3{font-family:var(--font-heading, var(--font-sans, sans-serif));font-size:var(--title-md-size);font-weight:var(--title-md-weight);line-height:var(--title-md-leading);color:var(--color-text);margin-block:var(--space-5) var(--space-2)}h4{font-family:var(--font-heading, var(--font-sans, sans-serif));font-size:var(--title-sm-size);font-weight:var(--title-sm-weight);line-height:var(--title-sm-leading);color:var(--color-text);margin-block:var(--space-4) var(--space-2)}h5{font-family:var(--font-heading, var(--font-sans, sans-serif));font-size:var(--headline-size);font-weight:var(--headline-weight);line-height:var(--headline-leading);color:var(--color-text);margin-block:var(--space-4) var(--space-2)}h6{font-family:var(--font-heading, var(--font-sans, sans-serif));font-size:var(--body-size);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--color-text-secondary);margin-block:var(--space-3) var(--space-2)}:is(h1,h2,h3,h4,h5,h6):first-child{margin-block-start:0}p{color:var(--color-text);margin-block:var(--space-3)}p:first-child{margin-block-start:0}p:last-child{margin-block-end:0}p[role=doc-subtitle],:is(h1,h2,h3)+p.lead{font-size:var(--lead-size);font-weight:var(--lead-weight);line-height:var(--lead-leading);letter-spacing:var(--lead-tracking);color:var(--color-text-secondary)}a:not([class]){color:var(--color-text-link);text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px;transition:color var(--duration-normal) var(--ease-out)}a:not([class]):hover{color:var(--color-text-link-hover);text-decoration-thickness:2px}a:not([class]):active{opacity:.8}strong,b{font-weight:var(--weight-semibold)}em,i{font-style:italic}small{font-size:var(--caption-size);color:var(--color-text-muted)}time{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}mark{background-color:var(--color-highlight);color:var(--color-text);padding-inline:var(--space-1);border-radius:var(--radius-xs)}[data-theme=dark] mark{background-color:var(--yellow-800)}del{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--color-danger);background-color:var(--color-danger-subtle);color:var(--color-text);padding-inline:.15em;border-radius:var(--radius-xs)}ins{text-decoration:none;background-color:var(--color-success-subtle);color:var(--color-text);padding-inline:.15em;border-radius:var(--radius-xs)}del+ins,ins+del{margin-inline-start:.25em}code:not(pre code){font-family:var(--code-family);font-size:var(--code-size);background-color:var(--color-fill);color:var(--color-text);padding:.15em .4em;border-radius:var(--radius-sm);font-weight:var(--weight-medium)}pre{font-family:var(--code-family);font-size:var(--text-sm);line-height:var(--leading-relaxed);background-color:var(--color-surface-sunken);color:var(--color-text);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-block:var(--space-4);border:1px solid var(--color-border);tab-size:2}pre code{background:none;padding:0;border-radius:0;font-size:inherit}kbd{font-family:var(--code-family);font-size:var(--caption-size);font-weight:var(--weight-medium);background-color:var(--color-surface-sunken);color:var(--color-text);border:1px solid var(--color-border-strong);border-bottom-width:2px;padding:.1em .4em;border-radius:var(--radius-sm);white-space:nowrap}samp{font-family:var(--code-family);font-size:var(--code-size);color:var(--color-text-secondary);background-color:var(--color-surface-sunken);padding:.15em .4em;border-radius:var(--radius-sm)}pre samp{background:none;padding:0;border-radius:0;font-size:inherit;color:inherit}var{font-style:italic;font-variant-numeric:tabular-nums;color:var(--color-text)}blockquote{border-inline-start:3px solid var(--color-accent);padding-inline-start:var(--space-4);margin-inline:0;margin-block:var(--space-4);color:var(--color-text-secondary);font-style:italic}blockquote>p{color:inherit}cite{font-style:italic;color:var(--color-text-secondary)}blockquote>cite,blockquote>footer>cite,blockquote>p+cite{display:block;font-style:normal;font-size:var(--caption-size);color:var(--color-text-secondary);margin-block-start:var(--space-2)}blockquote>cite:before,blockquote>footer>cite:before,blockquote>p+cite:before{content:"— "}q{font-style:italic;color:var(--color-text-secondary)}ul,ol{padding-inline-start:var(--space-6);margin-block:var(--space-3)}li{margin-block:var(--space-1);color:var(--color-text)}li::marker{color:var(--color-text-muted)}:is(ul,ol) :is(ul,ol){margin-block:var(--space-1)}dl{margin-block:var(--space-3)}dt{font-weight:var(--weight-semibold);color:var(--color-text);margin-block-start:var(--space-2)}dd{margin-inline-start:var(--space-4);color:var(--color-text-secondary)}hr{margin-block:var(--space-6);border-top-color:var(--color-separator)}figure{margin-inline:0;margin-block:var(--space-4)}figcaption{font-size:var(--caption-size);color:var(--color-text-muted);margin-block-start:var(--space-2);text-align:center}table{width:100%;margin-block:var(--space-4);font-size:var(--text-sm)}caption{caption-side:top;font-size:var(--label-size);font-weight:var(--weight-medium);color:var(--color-text-secondary);text-align:start;padding-block-end:var(--space-2)}thead{border-block-end:2px solid var(--color-border-strong)}tfoot{border-block-start:2px solid var(--color-border-strong);font-weight:var(--weight-medium);color:var(--color-text)}th{font-weight:var(--weight-semibold);text-align:start;padding:var(--space-2) var(--space-3);color:var(--color-text)}td{padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);border-block-end:1px solid var(--color-border)}tbody tr:hover{background-color:var(--color-fill)}label{display:block;font-size:var(--label-size);font-weight:var(--label-weight);color:var(--color-text);margin-block-end:var(--space-1)}fieldset{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-4) var(--space-3);margin-block:var(--space-4);min-inline-size:0}legend{padding-inline:var(--space-2);margin-inline-start:calc(var(--space-2) * -1);font-size:var(--body-size);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-normal)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]),select,textarea{display:block;width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);font-size:var(--body-size);color:var(--color-text);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);transition:border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):hover,select:hover,textarea:hover{background-color:var(--color-input-bg-hover)}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):focus,select:focus,textarea:focus{outline:2px solid transparent;outline-offset:2px;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring);background-color:var(--color-input-bg-hover)}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-input-disabled-bg);color:var(--color-input-disabled-text);cursor:not-allowed;opacity:.7}::placeholder{color:var(--color-input-placeholder);opacity:1}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238E8E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-inline-end:var(--space-10)}@supports (appearance: base-select){select,select::picker(select){appearance:base-select}select{display:flex;align-items:center;background-image:none;padding-inline-end:var(--space-3)}select::picker-icon{color:var(--color-text-muted);opacity:.6;margin-inline-start:auto;padding-inline-start:var(--space-3);transition:rotate var(--duration-fast) var(--ease-out)}select:open::picker-icon{rotate:180deg}option::checkmark{display:none}select::picker(select){background:var(--color-surface-overlay);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000f;padding:var(--space-1);margin-block-start:var(--space-1);overflow:clip}option{display:flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:4px;color:var(--color-text);background:transparent;cursor:pointer}option+option{margin-block-start:1px}option:hover{background:light-dark(var(--gray-50),var(--gray-800))}option:focus-visible,option:active{outline:2px solid var(--color-accent);outline-offset:-2px;background:light-dark(var(--gray-50),var(--gray-800))}option:checked:not(:disabled){background:light-dark(var(--blue-50),var(--blue-900));color:light-dark(var(--blue-700),var(--blue-200));font-weight:var(--weight-medium)}option:checked:not(:disabled):after{content:"✓";margin-inline-start:auto;color:light-dark(var(--blue-600),var(--blue-300));font-weight:var(--weight-bold)}option:checked:hover{background:light-dark(var(--blue-100),var(--blue-800))}option:disabled{color:light-dark(var(--gray-500),var(--gray-400));cursor:not-allowed}option[hidden]{display:none}optgroup{padding:var(--space-1) 0;padding-inline-start:0}optgroup:not(:first-of-type){border-block-start:1px solid var(--color-border);margin-block-start:var(--space-2);padding-block-start:var(--space-2)}optgroup>legend,optgroup>label{padding:var(--space-1) var(--space-3);margin-inline-start:var(--space-3)}select:open{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring)}}button:not([class]),input[type=submit],input[type=reset],input[type=button]{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-2) var(--space-4);font-size:var(--label-lg-size);font-weight:var(--label-lg-weight);color:var(--color-on-accent);background-color:var(--color-accent);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out);user-select:none}button:not([class]):hover,input[type=submit]:hover,input[type=reset]:hover,input[type=button]:hover{background-color:var(--color-accent-hover)}button:not([class]):active,input[type=submit]:active,input[type=reset]:active,input[type=button]:active{background-color:var(--color-accent-active);transform:scale(.98)}button:not([class]):disabled,input[type=submit]:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;transform:none}input[type=checkbox],input[type=radio]{width:1.25rem;height:1.25rem;accent-color:var(--color-accent);cursor:pointer;vertical-align:middle}input[type=range]{accent-color:var(--color-accent);cursor:pointer}input[type=file]{font-size:var(--text-sm);color:var(--color-text-secondary)}input[type=file]::file-selector-button{font:inherit;font-size:var(--label-size);font-weight:var(--label-weight);padding:var(--space-1) var(--space-3);margin-inline-end:var(--space-3);background-color:var(--color-fill);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-normal) var(--ease-out)}input[type=file]::file-selector-button:hover{background-color:var(--color-fill-hover)}output{display:inline-block;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-weight:var(--weight-medium);color:var(--color-text)}progress{width:100%;height:.5rem;appearance:none;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-fill)}progress::-webkit-progress-bar{background-color:var(--color-fill);border-radius:var(--radius-full)}progress::-webkit-progress-value{background-color:var(--color-accent);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}progress::-moz-progress-bar{background-color:var(--color-accent);border-radius:var(--radius-full)}meter{width:100%;height:.5rem;appearance:none;border:none;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-fill)}meter::-webkit-meter-bar{background-color:var(--color-fill);border:none;border-radius:var(--radius-full)}meter::-webkit-meter-optimum-value{background-color:light-dark(var(--green-600),var(--green-400));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}meter::-webkit-meter-suboptimum-value{background-color:light-dark(var(--orange-600),var(--orange-400));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}meter::-webkit-meter-even-less-good-value{background-color:light-dark(var(--red-500),var(--red-400));border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}meter::-moz-meter-bar{border-radius:var(--radius-full)}meter:-moz-meter-optimum::-moz-meter-bar{background-color:light-dark(var(--green-600),var(--green-400))}meter:-moz-meter-sub-optimum::-moz-meter-bar{background-color:light-dark(var(--orange-600),var(--orange-400))}meter:-moz-meter-sub-sub-optimum::-moz-meter-bar{background-color:light-dark(var(--red-500),var(--red-400))}details{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-block:var(--space-2)}details[open]{padding-block-end:var(--space-4)}summary{font-weight:var(--weight-medium);color:var(--color-text);padding:var(--space-1) 0;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}summary:after{content:"";width:.5rem;height:.5rem;border-inline-end:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:rotate(-45deg);transition:transform var(--duration-normal) var(--ease-out);flex-shrink:0}details[open]>summary:after{transform:rotate(45deg)}summary::-webkit-details-marker{display:none}details[open]>summary{margin-block-end:var(--space-3);padding-block-end:var(--space-3);border-block-end:1px solid var(--color-border)}dialog{background-color:var(--color-surface-overlay);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6);max-width:min(600px,90vw);width:100%;color:var(--color-text)}dialog::backdrop{background-color:var(--color-overlay)}iframe{display:block;max-width:100%;width:100%;aspect-ratio:16 / 9;border:none;border-radius:var(--radius-md);background-color:var(--color-surface-sunken)}audio{display:block;width:100%}abbr[title]{text-decoration:underline dotted;cursor:help}address{font-style:normal;color:var(--color-text-secondary)}sup,sub{font-size:.75em}}@layer utilities{.ren-sr-only,.ren-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.ren-sr-only-focusable:focus,.ren-sr-only-focusable:focus-within{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip-path:none;white-space:normal}.ren-not-sr[aria-hidden=true]{speak:never}.ren-focus-ring:focus-visible{outline:var(--ring-width, 2px) solid var(--color-focus-ring);outline-offset:var(--ring-offset-width, 2px)}.ren-skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-max);padding:var(--space-2) var(--space-4);background-color:var(--color-accent);color:var(--color-on-accent);font-weight:var(--weight-semibold);border-radius:var(--radius-md);text-decoration:none;transition:top var(--duration-normal) var(--ease-out)}.ren-skip-link:focus{top:var(--space-4)}.ren-lead{font-size:var(--lead-size);font-weight:var(--lead-weight);line-height:var(--lead-leading);letter-spacing:var(--lead-tracking);color:var(--color-text-secondary)}.ren-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ren-line-clamp-1{-webkit-line-clamp:1}.ren-line-clamp-2{-webkit-line-clamp:2}.ren-line-clamp-3{-webkit-line-clamp:3}.ren-line-clamp-1,.ren-line-clamp-2,.ren-line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.ren-light{color-scheme:light}.ren-dark{color-scheme:dark}.ren-disabled,[aria-disabled=true]{cursor:not-allowed;pointer-events:none}.ren-loading{position:relative;pointer-events:none}.ren-loading:after{content:"";position:absolute;inset:0;background-color:var(--color-surface);opacity:.7;border-radius:inherit}.ren-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--caption-size)}.ren-divider:before,.ren-divider:after{content:"";flex:1;height:1px;background-color:var(--color-separator)}.ren-divider:empty:before{flex:1}.ren-divider:empty:after{display:none}.ren-hide-mobile{@media(max-width:639px){display:none!important}}.ren-hide-desktop{@media(min-width:640px){display:none!important}}.ren-transition{transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:var(--duration-normal);transition-timing-function:var(--ease-out)}.ren-transition-fast{transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:var(--duration-fast);transition-timing-function:var(--ease-out)}[data-ren-pending]{opacity:0;transition:opacity var(--duration-fast, .15s) var(--ease-out, ease-out)}[data-ren-pending=false]{opacity:1}[data-state=open]{--state: open}[data-state=closed]{--state: closed}[data-state=active]{--state: active}[data-state=inactive]{--state: inactive}[data-state=checked]{--state: checked}[data-state=unchecked]{--state: unchecked}[data-state=indeterminate]{--state: indeterminate}[data-state=on]{--state: on}[data-state=off]{--state: off}[data-state=loading]{--state: loading}[data-state=loaded]{--state: loaded}[data-state=error]{--state: error}[data-state=dragging]{--state: dragging}[data-state=valid]{--state: valid}[data-state=invalid]{--state: invalid}[data-disabled]{pointer-events:none}[data-orientation=horizontal]{--orientation: horizontal}[data-orientation=vertical]{--orientation: vertical}[data-state=closed]:not([data-keep]){display:none}}@layer base{.ren-stack{--stack-gap: var(--space-stack, var(--space-density-row, var(--space-3)));display:flex;flex-direction:column;gap:var(--stack-gap)}.ren-stack>:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,blockquote,pre,figure,table,fieldset,details,hr){margin-block:0}.ren-stack-xs{--stack-gap: var(--space-1)}.ren-stack-sm{--stack-gap: var(--space-2)}.ren-stack-md{--stack-gap: var(--space-4)}.ren-stack-lg{--stack-gap: var(--space-6)}.ren-stack-xl{--stack-gap: var(--space-8)}.ren-cluster{display:flex;flex-wrap:wrap;gap:var(--cluster-gap, var(--space-3));align-items:var(--cluster-align, center)}.ren-row{display:flex;align-items:var(--row-align, center);gap:var(--row-gap, var(--space-3))}.ren-row-spread{display:flex;align-items:center;gap:var(--row-gap, var(--space-3));justify-content:space-between}.ren-center{max-width:var(--center-width, var(--width-5xl));margin-inline:auto;padding-inline:var(--center-padding, var(--space-4))}.ren-center-narrow{--center-width: var(--width-2xl)}.ren-center-prose{--center-width: var(--width-prose)}.ren-center-wide{--center-width: var(--width-7xl)}.ren-with-sidebar{display:flex;flex-wrap:wrap;gap:var(--sidebar-gap, var(--space-6))}.ren-with-sidebar>:first-child{flex-basis:var(--sidebar-width, 16rem);flex-grow:1}.ren-with-sidebar>:last-child{flex-basis:0;flex-grow:999;min-width:var(--sidebar-content-min, 50%)}.ren-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--grid-min, 15rem)),1fr));gap:var(--grid-gap, var(--space-4))}.ren-grid-2{grid-template-columns:repeat(2,1fr)}.ren-grid-3{grid-template-columns:repeat(3,1fr)}.ren-grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:639px){.ren-grid-2,.ren-grid-3,.ren-grid-4{grid-template-columns:1fr}}.ren-cover{display:flex;flex-direction:column;min-height:var(--cover-height, 100dvh);padding:var(--space-4)}.ren-cover h1,.ren-cover h2,.ren-cover h3{text-wrap:balance}.ren-cover>*{margin-block:var(--space-4)}.ren-cover>:first-child:not(.ren-cover-center){margin-block-start:0}.ren-cover>:last-child:not(.ren-cover-center){margin-block-end:0}.ren-cover>.ren-cover-center,.ren-cover>:nth-child(2):not(:last-child){margin-block:auto}.ren-frame{aspect-ratio:var(--frame-ratio, 16 / 9);overflow:hidden;display:flex;align-items:center;justify-content:center}.ren-frame>img,.ren-frame>video{width:100%;height:100%;object-fit:cover}.ren-frame-square{--frame-ratio: 1}.ren-frame-video{--frame-ratio: 16 / 9}.ren-frame-photo{--frame-ratio: 4 / 3}.ren-switcher{display:flex;flex-wrap:wrap;gap:var(--switcher-gap, var(--space-4))}.ren-switcher>*{flex-grow:1;flex-basis:calc((var(--switcher-threshold, 30rem) - 100%) * 999)}.ren-reel{display:flex;gap:var(--reel-gap, var(--space-4));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:var(--reel-gap, var(--space-4));-webkit-overflow-scrolling:touch}.ren-reel>*{flex:0 0 var(--reel-item-width, auto);scroll-snap-align:start}.ren-reel-hidden-scroll{scrollbar-width:none}.ren-reel-hidden-scroll::-webkit-scrollbar{display:none}.ren-container{container-type:inline-size}.ren-container-name{container-type:inline-size;container-name:var(--container-name, none)}@container (max-width: 30rem){.ren-cq-stack{flex-direction:column}.ren-cq-hide{display:none}.ren-cq-full{width:100%}}@container (min-width: 30rem){.ren-cq-row{flex-direction:row}}@container (min-width: 45rem){.ren-cq-grid-2{grid-template-columns:repeat(2,1fr)}}@container (min-width: 60rem){.ren-cq-grid-3{grid-template-columns:repeat(3,1fr)}}:root{--grid-columns: 12;--grid-gutter: clamp(1rem, 3vw, 1.5rem);--grid-margin: clamp(1rem, 5vw, 3rem);--grid-max-width: var(--width-7xl, 1280px);--grid-min-item: 15rem;--pancake-height: 100dvh;--sidebar-min: 15rem;--sidebar-max: 25%;--bento-cols: 12;--bento-row: 6rem;--albatross-bp: 40rem;--albatross-cols: 3;--mod-cols: 6;--mod-row: 4.5rem;--auto-grid-min: var(--grid-min-item);--auto-grid-gap: var(--grid-gutter);--auto-grid-placement: auto-fill}.ren-page-grid{--_gap: var(--grid-margin);--_full: minmax(var(--_gap), 1fr);--_feature: minmax(0, 5rem);--_popout: minmax(0, 2rem);--_content: min(var(--grid-max-width), 100% - var(--_gap) * 2);display:grid;grid-template-columns:[full-start] var(--_full) [feature-start] var(--_feature) [popout-start] var(--_popout) [content-start] var(--_content) [content-end] var(--_popout) [popout-end] var(--_feature) [feature-end] var(--_full) [full-end];row-gap:var(--grid-gutter);>*{grid-column:content}>.ren-full-bleed{grid-column:full}>.ren-feature{grid-column:feature}>.ren-popout{grid-column:popout}@media(max-width:768px){--_feature: minmax(0, 1rem);--_popout: 0}}.ren-prose-grid{--_gap: var(--grid-margin);--_full: minmax(var(--_gap), 1fr);--grid-max-width: var(--width-prose, 65ch);display:grid;grid-template-columns:[full-start] var(--_full) [feature-start] minmax(0,2rem) [popout-start] minmax(0,1rem) [content-start] min(var(--width-prose, 65ch),100% - var(--_gap) * 2) [content-end] minmax(0,1rem) [popout-end] minmax(0,2rem) [feature-end] var(--_full) [full-end];row-gap:var(--grid-gutter);>*{grid-column:content}>.ren-full-bleed{grid-column:full}>.ren-feature{grid-column:feature}}.ren-col-grid{display:grid;grid-template-columns:repeat(var(--grid-columns, 12),1fr);gap:var(--grid-gutter)}.ren-col-1{grid-column:span 1}.ren-col-2{grid-column:span 2}.ren-col-3{grid-column:span 3}.ren-col-4{grid-column:span 4}.ren-col-5{grid-column:span 5}.ren-col-6{grid-column:span 6}.ren-col-7{grid-column:span 7}.ren-col-8{grid-column:span 8}.ren-col-9{grid-column:span 9}.ren-col-10{grid-column:span 10}.ren-col-11{grid-column:span 11}.ren-col-12{grid-column:span 12}.ren-col-start-1{grid-column-start:1}.ren-col-start-2{grid-column-start:2}.ren-col-start-3{grid-column-start:3}.ren-col-start-4{grid-column-start:4}.ren-col-start-5{grid-column-start:5}.ren-col-start-6{grid-column-start:6}.ren-col-start-7{grid-column-start:7}.ren-col-start-8{grid-column-start:8}.ren-col-start-9{grid-column-start:9}.ren-col-start-10{grid-column-start:10}.ren-col-start-11{grid-column-start:11}.ren-col-start-12{grid-column-start:12}@media(min-width:768px){.ren-col-md-1{grid-column:span 1}.ren-col-md-2{grid-column:span 2}.ren-col-md-3{grid-column:span 3}.ren-col-md-4{grid-column:span 4}.ren-col-md-5{grid-column:span 5}.ren-col-md-6{grid-column:span 6}.ren-col-md-7{grid-column:span 7}.ren-col-md-8{grid-column:span 8}.ren-col-md-9{grid-column:span 9}.ren-col-md-10{grid-column:span 10}.ren-col-md-11{grid-column:span 11}.ren-col-md-12{grid-column:span 12}.ren-col-md-start-1{grid-column-start:1}.ren-col-md-start-2{grid-column-start:2}.ren-col-md-start-3{grid-column-start:3}.ren-col-md-start-4{grid-column-start:4}.ren-col-md-start-5{grid-column-start:5}.ren-col-md-start-6{grid-column-start:6}.ren-col-md-start-7{grid-column-start:7}.ren-col-md-start-8{grid-column-start:8}.ren-col-md-start-9{grid-column-start:9}.ren-col-md-start-10{grid-column-start:10}.ren-col-md-start-11{grid-column-start:11}.ren-col-md-start-12{grid-column-start:12}}@media(min-width:1024px){.ren-col-lg-1{grid-column:span 1}.ren-col-lg-2{grid-column:span 2}.ren-col-lg-3{grid-column:span 3}.ren-col-lg-4{grid-column:span 4}.ren-col-lg-5{grid-column:span 5}.ren-col-lg-6{grid-column:span 6}.ren-col-lg-7{grid-column:span 7}.ren-col-lg-8{grid-column:span 8}.ren-col-lg-9{grid-column:span 9}.ren-col-lg-10{grid-column:span 10}.ren-col-lg-11{grid-column:span 11}.ren-col-lg-12{grid-column:span 12}.ren-col-lg-start-1{grid-column-start:1}.ren-col-lg-start-2{grid-column-start:2}.ren-col-lg-start-3{grid-column-start:3}.ren-col-lg-start-4{grid-column-start:4}.ren-col-lg-start-5{grid-column-start:5}.ren-col-lg-start-6{grid-column-start:6}.ren-col-lg-start-7{grid-column-start:7}.ren-col-lg-start-8{grid-column-start:8}.ren-col-lg-start-9{grid-column-start:9}.ren-col-lg-start-10{grid-column-start:10}.ren-col-lg-start-11{grid-column-start:11}.ren-col-lg-start-12{grid-column-start:12}}.ren-auto-grid{display:grid;grid-template-columns:repeat(var(--auto-grid-placement, auto-fill),minmax(min(100%,var(--auto-grid-min, var(--grid-min-item))),1fr));gap:var(--auto-grid-gap, var(--grid-gutter))}.ren-auto-grid-sm{--auto-grid-min: 10rem;display:grid;grid-template-columns:repeat(var(--auto-grid-placement, auto-fill),minmax(min(100%,10rem),1fr));gap:var(--auto-grid-gap, var(--grid-gutter))}.ren-auto-grid-lg{--auto-grid-min: 20rem;display:grid;grid-template-columns:repeat(var(--auto-grid-placement, auto-fill),minmax(min(100%,20rem),1fr));gap:var(--auto-grid-gap, var(--grid-gutter))}.ren-pancake{display:grid;grid-template-rows:auto 1fr auto;min-height:var(--pancake-height, 100dvh);>header{grid-row:1}>main{grid-row:2}>footer{grid-row:3}}.ren-sidebar-grid{display:grid;grid-template-columns:minmax(var(--sidebar-min, 15rem),var(--sidebar-max, 25%)) 1fr;gap:var(--grid-gutter);transition:grid-template-columns var(--duration-normal) var(--ease-out);>:first-child{transition:min-width var(--duration-normal) var(--ease-out)}&[data-collapsed]{grid-template-columns:0fr 1fr;>:first-child{overflow:hidden;min-width:0}}@media(max-width:768px){grid-template-columns:1fr;&[data-collapsed]{grid-template-columns:1fr;>:first-child{overflow:hidden;max-height:0}}}}.ren-albatross{display:grid;gap:var(--grid-gutter);grid-template-columns:repeat(auto-fit,minmax(clamp(calc(100% / var(--albatross-cols, 3) - var(--grid-gutter)),(var(--albatross-bp, 40rem) - 100%) * 999,100%),1fr))}.ren-bento{display:grid;grid-template-columns:repeat(var(--bento-cols, 12),minmax(0,1fr));grid-auto-rows:var(--bento-row, 6rem);gap:var(--grid-gutter);.ren-tile-main{grid-column:span 2;grid-row:span 2}.ren-tile-medium{grid-column:span 1;grid-row:span 2}.ren-tile-small{grid-column:span 1;grid-row:span 1}@media(max-width:899px){--bento-cols: 6;.ren-tile-main{grid-column:span 2;grid-row:span 2}}@media(max-width:599px){--bento-cols: 4;.ren-tile-main{grid-column:span 2;grid-row:span 2}.ren-tile-medium{grid-column:span 2;grid-row:span 1}}}.ren-subgrid{display:grid;grid-template-columns:subgrid}.ren-subgrid-rows{display:grid;grid-template-rows:subgrid}.ren-subgrid-both{display:grid;grid-template-columns:subgrid;grid-template-rows:subgrid}@supports not (grid-template-columns: subgrid){.ren-subgrid{display:grid;grid-template-columns:repeat(var(--grid-columns, 12),1fr)}.ren-subgrid-rows{display:grid;grid-template-rows:auto 1fr auto}.ren-subgrid-both{display:grid;grid-template-columns:repeat(var(--grid-columns, 12),1fr);grid-template-rows:auto 1fr auto}}.ren-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--grid-min-item)),1fr));grid-template-rows:repeat(4,auto auto 1fr auto);gap:var(--grid-gutter);>*{grid-row:span 4;display:grid;grid-template-rows:subgrid}}@supports not (grid-template-rows: subgrid){.ren-card-grid{grid-template-rows:auto;>*{grid-row:auto;grid-template-rows:auto}}}.ren-quantity-grid{--_min: var(--grid-min-item);display:grid;grid-template-columns:1fr;gap:var(--grid-gutter);&:has(>:nth-child(2)){grid-template-columns:repeat(2,1fr)}&:has(>:nth-child(3)){grid-template-columns:repeat(3,1fr)}&:has(>:nth-last-child(n+5)){grid-template-columns:repeat(auto-fill,minmax(min(100%,var(--_min)),1fr))}@media(max-width:1024px){&:has(>:nth-child(3)){grid-template-columns:repeat(2,1fr)}&:has(>:nth-last-child(n+4)){grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){grid-template-columns:1fr}}.ren-lazy-section{content-visibility:auto;contain-intrinsic-size:auto var(--lazy-height, 600px)}.ren-contain{contain:layout style paint}@supports (reading-flow: grid-rows){.ren-grid-reading-flow{reading-flow:grid-rows}}.ren-col-grid,.ren-auto-grid,.ren-page-grid,.ren-sidebar-grid{:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}}.ren-grid-animate{transition:grid-template-columns var(--duration-normal) var(--ease-out);>*{transition:min-width var(--duration-normal) var(--ease-out)}}.ren-grid-item-reveal{animation:gridItemReveal var(--duration-normal) var(--ease-out) both;@media(prefers-reduced-motion:reduce){animation:none}}@keyframes gridItemReveal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ren-modular-grid{display:grid;grid-template-columns:repeat(var(--mod-cols, 6),1fr);grid-auto-rows:var(--mod-row, 4.5rem);gap:var(--grid-gutter);@media(max-width:768px){--mod-cols: 4}@media(max-width:640px){--mod-cols: 2}}:root{--glass-blur-thin: 8px;--glass-blur-regular: 20px;--glass-blur-thick: 40px;--glass-saturation: 180%;--glass-tint-light: rgb(255, 255, 255, .55);--glass-tint-dark: rgb(20, 20, 22, .55);--glass-tint: light-dark(var(--glass-tint-light), var(--glass-tint-dark));--glass-border-light: rgb(255, 255, 255, .25);--glass-border-dark: rgb(255, 255, 255, .08);--glass-border: light-dark(var(--glass-border-light), var(--glass-border-dark))}.ren-glass-thin,.ren-glass-regular,.ren-glass-thick{background-color:var(--glass-tint);border:var(--stroke-1) solid var(--glass-border);-webkit-backdrop-filter:saturate(var(--glass-saturation)) blur(var(--glass-blur-regular));backdrop-filter:saturate(var(--glass-saturation)) blur(var(--glass-blur-regular))}.ren-glass-thin{-webkit-backdrop-filter:saturate(var(--glass-saturation)) blur(var(--glass-blur-thin));backdrop-filter:saturate(var(--glass-saturation)) blur(var(--glass-blur-thin));--glass-tint-light: rgb(255, 255, 255, .35);--glass-tint-dark: rgb(20, 20, 22, .35)}.ren-glass-thick{-webkit-backdrop-filter:saturate(var(--glass-saturation)) blur(var(--glass-blur-thick));backdrop-filter:saturate(var(--glass-saturation)) blur(var(--glass-blur-thick));--glass-tint-light: rgb(255, 255, 255, .75);--glass-tint-dark: rgb(20, 20, 22, .75)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.ren-glass-thin,.ren-glass-regular,.ren-glass-thick{background-color:var(--color-surface);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-reduced-transparency:reduce){.ren-glass-thin,.ren-glass-regular,.ren-glass-thick{background-color:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:var(--stroke-1) solid var(--color-border)}}@media(forced-colors:active){.ren-glass-thin,.ren-glass-regular,.ren-glass-thick{background-color:Canvas;-webkit-backdrop-filter:none;backdrop-filter:none;border:var(--stroke-1) solid CanvasText}}@keyframes ren-dissolve-in{0%{opacity:0}to{opacity:1}}@keyframes ren-highlight-flash{0%{background-color:var(--color-highlight, var(--color-accent-subtle))}to{background-color:transparent}}@keyframes ren-pulse-gentle{0%,to{opacity:1}50%{opacity:.55}}@keyframes ren-color-shift{0%{color:var(--color-text-muted)}to{color:var(--color-accent)}}@keyframes ren-focus-glow{0%{box-shadow:0 0 0 0 var(--color-focus-ring)}40%{box-shadow:0 0 0 4px var(--color-focus-ring)}to{box-shadow:0 0 0 0 var(--color-focus-ring)}}@media(prefers-reduced-motion:reduce){.ren-motion-dissolve{animation:ren-dissolve-in .25s linear both!important}}@media(prefers-reduced-motion:reduce){.ren-motion-highlight{animation:ren-highlight-flash .5s ease-out both!important}}@media(prefers-reduced-motion:reduce){.ren-motion-pulse{animation:ren-pulse-gentle 2s ease-in-out infinite!important}}@media(prefers-reduced-motion:reduce){.ren-motion-color-shift{animation:ren-color-shift .3s ease-out both!important}}@media(prefers-reduced-motion:reduce){.ren-motion-focus-glow{animation:ren-focus-glow .8s ease-in-out both!important}}@keyframes ren-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ren-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ren-scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes ren-scale-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes ren-pop-in{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes ren-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes ren-slide-up-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ren-slide-up-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes ren-slide-down-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes ren-slide-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes ren-slide-left-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes ren-slide-left-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-4px)}}@keyframes ren-slide-right-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes ren-slide-right-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(4px)}}@keyframes ren-blur-in{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}@keyframes ren-blur-out{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(4px)}}[data-motion]{animation-fill-mode:both}[data-motion=fade][data-state=open]{animation:ren-fade-in var(--duration-enter) var(--ease-enter)}[data-motion=fade][data-state=closed]{animation:ren-fade-out var(--duration-exit) var(--ease-exit)}[data-motion=scale][data-state=open]{animation:ren-scale-in var(--duration-enter) var(--ease-enter)}[data-motion=scale][data-state=closed]{animation:ren-scale-out var(--duration-exit) var(--ease-exit)}[data-motion=pop][data-state=open]{animation:ren-pop-in var(--duration-enter) var(--ease-playful)}[data-motion=pop][data-state=closed]{animation:ren-pop-out var(--duration-exit) var(--ease-exit)}[data-motion=slide-up][data-state=open]{animation:ren-slide-up-in var(--duration-enter) var(--ease-enter)}[data-motion=slide-up][data-state=closed]{animation:ren-slide-up-out var(--duration-exit) var(--ease-exit)}[data-motion=slide-down][data-state=open]{animation:ren-slide-down-in var(--duration-enter) var(--ease-enter)}[data-motion=slide-down][data-state=closed]{animation:ren-slide-down-out var(--duration-exit) var(--ease-exit)}[data-motion=slide-left][data-state=open]{animation:ren-slide-left-in var(--duration-enter) var(--ease-enter)}[data-motion=slide-left][data-state=closed]{animation:ren-slide-left-out var(--duration-exit) var(--ease-exit)}[data-motion=slide-right][data-state=open]{animation:ren-slide-right-in var(--duration-enter) var(--ease-enter)}[data-motion=slide-right][data-state=closed]{animation:ren-slide-right-out var(--duration-exit) var(--ease-exit)}[data-motion=blur][data-state=open]{animation:ren-blur-in var(--duration-enter) var(--ease-attention)}[data-motion=blur][data-state=closed]{animation:ren-blur-out var(--duration-exit) var(--ease-exit)}.ren-anim-fade-in{animation:ren-fade-in var(--duration-enter) var(--ease-enter) both}.ren-anim-fade-out{animation:ren-fade-out var(--duration-exit) var(--ease-exit) both}.ren-anim-scale-in{animation:ren-scale-in var(--duration-enter) var(--ease-enter) both}.ren-anim-scale-out{animation:ren-scale-out var(--duration-exit) var(--ease-exit) both}.ren-anim-pop-in{animation:ren-pop-in var(--duration-enter) var(--ease-playful) both}.ren-anim-pop-out{animation:ren-pop-out var(--duration-exit) var(--ease-exit) both}.ren-anim-slide-up-in{animation:ren-slide-up-in var(--duration-enter) var(--ease-enter) both}.ren-anim-slide-up-out{animation:ren-slide-up-out var(--duration-exit) var(--ease-exit) both}.ren-anim-slide-down-in{animation:ren-slide-down-in var(--duration-enter) var(--ease-enter) both}.ren-anim-slide-down-out{animation:ren-slide-down-out var(--duration-exit) var(--ease-exit) both}.ren-anim-slide-left-in{animation:ren-slide-left-in var(--duration-enter) var(--ease-enter) both}.ren-anim-slide-left-out{animation:ren-slide-left-out var(--duration-exit) var(--ease-exit) both}.ren-anim-slide-right-in{animation:ren-slide-right-in var(--duration-enter) var(--ease-enter) both}.ren-anim-slide-right-out{animation:ren-slide-right-out var(--duration-exit) var(--ease-exit) both}.ren-anim-blur-in{animation:ren-blur-in var(--duration-enter) var(--ease-attention) both}.ren-anim-blur-out{animation:ren-blur-out var(--duration-exit) var(--ease-exit) both}.ren-stagger>*{animation-delay:calc(var(--motion-stagger-step) * var(--ren-stagger-i, 0))}.ren-stagger>:nth-child(1){--ren-stagger-i: 0}.ren-stagger>:nth-child(2){--ren-stagger-i: 1}.ren-stagger>:nth-child(3){--ren-stagger-i: 2}.ren-stagger>:nth-child(4){--ren-stagger-i: 3}.ren-stagger>:nth-child(5){--ren-stagger-i: 4}.ren-stagger>:nth-child(6){--ren-stagger-i: 5}.ren-stagger>:nth-child(7){--ren-stagger-i: 6}.ren-stagger>:nth-child(8){--ren-stagger-i: 7}.ren-stagger>:nth-child(9){--ren-stagger-i: 8}.ren-stagger>:nth-child(10){--ren-stagger-i: 9}@media(prefers-reduced-motion:reduce){[data-motion][data-state=open],[data-motion][data-state=closed],.ren-anim-fade-in,.ren-anim-fade-out,.ren-anim-scale-in,.ren-anim-scale-out,.ren-anim-pop-in,.ren-anim-pop-out,.ren-anim-slide-up-in,.ren-anim-slide-up-out,.ren-anim-slide-down-in,.ren-anim-slide-down-out,.ren-anim-slide-left-in,.ren-anim-slide-left-out,.ren-anim-slide-right-in,.ren-anim-slide-right-out,.ren-anim-blur-in,.ren-anim-blur-out{animation-duration:0ms!important;animation-name:ren-fade-in!important;animation-timing-function:linear!important}[data-motion][data-state=closed],.ren-anim-fade-out,.ren-anim-scale-out,.ren-anim-pop-out,.ren-anim-slide-up-out,.ren-anim-slide-down-out,.ren-anim-slide-left-out,.ren-anim-slide-right-out,.ren-anim-blur-out{animation-name:ren-fade-out!important}.ren-stagger>*{animation-delay:0ms!important}}@supports (view-transition-name: none){@view-transition{navigation:auto}:root{view-transition-name:root}.ren-vt-hero{view-transition-name:hero}.ren-vt-header{view-transition-name:header}.ren-vt-nav{view-transition-name:nav}.ren-vt-main{view-transition-name:main}.ren-vt-sidebar{view-transition-name:sidebar}::view-transition-old(*),::view-transition-new(*){animation-duration:var(--duration-normal, .2s);animation-timing-function:var(--ease-out, ease-out)}@media(prefers-reduced-motion:reduce){::view-transition-old(*),::view-transition-new(*){animation-duration:0ms}}}@keyframes ren-scale-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ren-scroll-reveal{to{opacity:1;transform:translateY(0)}}@keyframes ren-parallax{0%{transform:translateY(calc(var(--space-8, 2rem) * -1))}to{transform:translateY(var(--space-8, 2rem))}}@keyframes ren-scroll-fade-in{to{opacity:1}}@supports (animation-timeline: scroll()){.ren-scroll-progress{position:fixed;top:0;inset-inline:0;height:3px;background:var(--color-accent);transform-origin:left;z-index:var(--z-max);animation:ren-scale-x linear both;animation-timeline:scroll(root)}.ren-scroll-reveal{opacity:0;transform:translateY(var(--space-6, 1.5rem));animation:ren-scroll-reveal linear both;animation-timeline:view();animation-range:entry 0% entry 100%}.ren-scroll-parallax{animation:ren-parallax linear both;animation-timeline:view()}.ren-scroll-fade{opacity:0;animation:ren-scroll-fade-in linear both;animation-timeline:view();animation-range:entry 0% entry 60%}@media(prefers-reduced-motion:reduce){.ren-scroll-progress,.ren-scroll-reveal,.ren-scroll-parallax,.ren-scroll-fade{animation:none;opacity:1;transform:none}}}@supports (anchor-name: --ren-anchor) and (position-anchor: --ren-anchor) and (position-area: block-end span-all){:root{--ren-supports-anchor-positioning: 1}}}@layer components{.ren-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ren-btn-gap);min-height:var(--ren-btn-height);padding:var(--ren-btn-padding-y) var(--ren-btn-padding-x);font-size:var(--ren-btn-font-size);font-weight:var(--ren-btn-font-weight);line-height:1;border:var(--ren-btn-border-width) solid var(--ren-btn-border-color);border-radius:var(--ren-btn-radius);cursor:pointer;user-select:none;white-space:nowrap;text-decoration:none;transition:background-color var(--ren-btn-duration) var(--ren-btn-easing),border-color var(--ren-btn-duration) var(--ren-btn-easing),color var(--ren-btn-duration) var(--ren-btn-easing),box-shadow var(--ren-btn-duration) var(--ren-btn-easing),transform var(--duration-tactile) var(--ease-enter),opacity var(--ren-btn-duration) var(--ren-btn-easing)}.ren-btn:active:not(:disabled):not([aria-disabled=true]){transform:scale(.97)}.ren-btn:not(.ren-btn-secondary):not(.ren-btn-ghost):not(.ren-btn-outline):not(.ren-btn-danger):not(.ren-btn-link):not(.ren-btn-accent),.ren-btn-primary{background-color:var(--ren-btn-bg);color:var(--ren-btn-color);border-color:var(--ren-btn-border-color)}.ren-btn:not(.ren-btn-secondary):not(.ren-btn-ghost):not(.ren-btn-outline):not(.ren-btn-danger):not(.ren-btn-link):not(.ren-btn-accent):hover:not(:disabled):not([aria-disabled=true]),.ren-btn-primary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--ren-btn-bg-hover);border-color:var(--ren-btn-bg-hover)}.ren-btn:not(.ren-btn-secondary):not(.ren-btn-ghost):not(.ren-btn-outline):not(.ren-btn-danger):not(.ren-btn-link):not(.ren-btn-accent):active:not(:disabled):not([aria-disabled=true]),.ren-btn-primary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--ren-btn-bg-active);border-color:var(--ren-btn-bg-active)}.ren-btn-secondary{background-color:var(--color-fill);color:var(--color-text);border-color:var(--color-border)}.ren-btn-secondary:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-fill-hover)}.ren-btn-secondary:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-fill-active)}.ren-btn-ghost{background-color:transparent;color:var(--color-text);border-color:transparent}.ren-btn-ghost:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-fill)}.ren-btn-ghost:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-fill-hover)}.ren-btn-outline{background-color:transparent;color:var(--color-accent-strong);border-color:var(--color-accent)}.ren-btn-outline:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-accent-subtle)}.ren-btn-outline:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-accent);color:var(--color-on-accent)}.ren-btn-danger{background-color:var(--color-danger);color:var(--color-on-danger);border-color:var(--color-danger)}.ren-btn-danger:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--color-danger-hover);border-color:var(--color-danger-hover)}.ren-btn-danger:active:not(:disabled):not([aria-disabled=true]){background-color:var(--color-danger-active);border-color:var(--color-danger-active)}.ren-btn-link{background-color:transparent;color:var(--color-text-link);border-color:transparent;padding-inline:var(--space-1);min-height:auto;text-decoration:underline;text-underline-offset:.15em}.ren-btn-link:hover:not(:disabled):not([aria-disabled=true]){color:var(--color-text-link-hover);text-decoration-thickness:2px}.ren-btn-sm{min-height:var(--size-sm);padding:var(--space-1) var(--space-3);font-size:var(--label-size);border-radius:var(--radius-sm);gap:var(--space-1)}.ren-btn-lg{min-height:var(--size-xl);padding:var(--space-3) var(--space-6);font-size:var(--body-size);border-radius:var(--radius-lg)}.ren-btn-icon{min-width:var(--size-lg);padding:0;aspect-ratio:1}.ren-btn-icon.ren-btn-sm{min-width:var(--size-sm);min-height:var(--size-sm)}.ren-btn-icon.ren-btn-lg{min-width:var(--size-xl);min-height:var(--size-xl)}.ren-btn-full{width:100%}.ren-btn-group{display:inline-flex;isolation:isolate}.ren-btn-group>.ren-btn{border-radius:0;position:relative}.ren-btn-group>.ren-btn:first-child{border-start-start-radius:var(--radius-md);border-end-start-radius:var(--radius-md)}.ren-btn-group>.ren-btn:last-child{border-start-end-radius:var(--radius-md);border-end-end-radius:var(--radius-md)}.ren-btn-group>.ren-btn+.ren-btn{margin-inline-start:calc(var(--stroke-1) * -1)}.ren-btn-group>.ren-btn:hover,.ren-btn-group>.ren-btn:focus-visible{z-index:var(--z-raised)}.ren-btn:disabled,.ren-btn[aria-disabled=true]{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-bg);cursor:not-allowed;transform:none;box-shadow:none}.ren-btn[data-loading]{position:relative;color:transparent!important;pointer-events:none}.ren-btn[data-loading]:after{content:"";position:absolute;width:1.2em;height:1.2em;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:var(--radius-full);animation:ren-btn-spin var(--duration-slowest) linear infinite;color:var(--color-on-accent)}.ren-btn-secondary[data-loading]:after,.ren-btn-ghost[data-loading]:after,.ren-btn-outline[data-loading]:after{color:var(--color-text)}@keyframes ren-btn-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ren-btn[data-loading]:after{animation:none}.ren-btn:active:not(:disabled):not([aria-disabled=true]){transform:none}}.ren-btn-accent{--_hover: color-mix(in oklch, var(--btn-accent, var(--color-accent)), black 12%);--_active: color-mix(in oklch, var(--btn-accent, var(--color-accent)), black 22%);--_subtle: color-mix(in oklch, var(--btn-accent, var(--color-accent)), white 90%);background-color:var(--btn-accent, var(--color-accent));color:var(--color-on-accent);border-color:var(--btn-accent, var(--color-accent))}.ren-btn-accent:hover:not(:disabled):not([aria-disabled=true]){background-color:var(--_hover);border-color:var(--_hover)}.ren-btn-accent:active:not(:disabled):not([aria-disabled=true]){background-color:var(--_active);border-color:var(--_active)}.ren-btn:focus-visible{outline:var(--ren-btn-ring-width) solid var(--ren-btn-ring-color);outline-offset:var(--ren-btn-ring-offset)}.ren-field{display:flex;flex-direction:column;gap:var(--space-1)}.ren-field-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--label-size);font-weight:var(--label-weight);color:var(--color-text)}.ren-field-label[data-required]:after{content:"*";color:var(--color-danger);font-weight:var(--weight-bold)}.ren-input{display:block;width:100%;min-height:var(--ren-field-height);padding:var(--ren-field-padding-y) var(--ren-field-padding-x);font-size:var(--ren-field-font-size);font-family:inherit;color:var(--ren-field-color);background-color:var(--ren-field-bg);border:var(--ren-field-border-width) solid var(--ren-field-border-color);border-radius:var(--ren-field-radius);transition:border-color var(--duration-state) var(--ease-enter),background-color var(--duration-state) var(--ease-enter),box-shadow var(--duration-state) var(--ease-enter)}.ren-input:hover:not(:disabled):not(:focus){background-color:var(--color-input-bg-hover)}.ren-input:focus{outline:none;border-color:var(--ren-field-focus-color);box-shadow:0 0 0 3px var(--color-input-focus-ring);background-color:var(--color-input-bg-hover)}.ren-input:disabled{background-color:var(--color-input-disabled-bg);color:var(--color-input-disabled-text);cursor:not-allowed;opacity:.7}.ren-input::placeholder{color:var(--ren-field-placeholder);opacity:1}textarea.ren-input{field-sizing:content;min-height:calc(var(--touch-min) * 2);max-height:20rem;resize:vertical}select.ren-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238E8E93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-inline-end:var(--space-10)}@supports (appearance: base-select){select.ren-input,select.ren-input::picker(select){appearance:base-select}select.ren-input{display:flex;align-items:center;background-image:none;padding-inline-end:var(--space-3)}select.ren-input::picker-icon{color:var(--color-text-muted);opacity:.6;margin-inline-start:auto;padding-inline-start:var(--space-3);transition:rotate var(--duration-tactile) var(--ease-enter)}select.ren-input:open::picker-icon{rotate:180deg}select.ren-input option::checkmark{display:none}select.ren-input::picker(select){background:var(--color-surface-overlay);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 20px #00000014,0 1px 3px #0000000f;padding:var(--space-1);margin-block-start:var(--space-1);overflow:clip}select.ren-input option{display:flex;align-items:center;padding:var(--space-2) var(--space-3);border-radius:4px;color:var(--color-text);background:transparent;cursor:pointer}select.ren-input option+option{margin-block-start:1px}select.ren-input option:hover{background:var(--color-option-hover)}select.ren-input option:focus-visible,select.ren-input option:active{outline:2px solid var(--color-accent);outline-offset:-2px;background:var(--color-option-hover)}select.ren-input option:checked:not(:disabled){background:var(--color-accent-subtle);color:var(--color-text-link);font-weight:var(--weight-medium)}select.ren-input option:checked:not(:disabled):after{content:"✓";margin-inline-start:auto;color:var(--color-accent-strong);font-weight:var(--weight-bold)}select.ren-input option:checked:hover{background:var(--color-option-selected-hover)}select.ren-input option:disabled{color:var(--color-option-disabled);cursor:not-allowed}select.ren-input option[hidden]{display:none}select.ren-input optgroup{padding:var(--space-1) 0;padding-inline-start:0}select.ren-input optgroup:not(:first-of-type){border-block-start:1px solid var(--color-border);margin-block-start:var(--space-2);padding-block-start:var(--space-2)}select.ren-input optgroup>legend,select.ren-input optgroup>label{padding:var(--space-1) var(--space-3);margin-inline-start:var(--space-3)}select.ren-input:open{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring)}}.ren-input-sm{min-height:var(--size-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-sm)}.ren-input-lg{min-height:var(--size-xl);padding:var(--space-3) var(--space-4);font-size:var(--text-lg)}.ren-input-wrapper{position:relative;display:flex;align-items:center}.ren-input-icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);pointer-events:none;display:flex}.ren-input-icon+.ren-input,.ren-input-wrapper>.ren-input:has(+.ren-input-icon){padding-inline-start:calc(var(--space-3) + var(--icon-lg) + var(--space-2))}.ren-input-icon-end{position:absolute;right:var(--space-3);color:var(--color-text-muted);pointer-events:none;display:flex}.ren-field-description{font-size:var(--caption-size);color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.ren-field-error[hidden]{display:none}.ren-field-error{font-size:var(--caption-size);color:var(--ren-field-error-color);line-height:var(--leading-normal);margin:0;display:flex;align-items:center;gap:var(--space-1)}.ren-field[data-invalid] .ren-input,.ren-input[aria-invalid=true],.ren-input-error{border-color:var(--ren-field-error-color)}.ren-field[data-invalid] .ren-input:focus,.ren-input[aria-invalid=true]:focus,.ren-input-error:focus{box-shadow:0 0 0 3px var(--color-input-danger-ring);border-color:var(--ren-field-error-color)}.ren-field[data-invalid] .ren-field-label{color:var(--ren-field-error-color)}.ren-field[data-valid] .ren-input,.ren-input-success{border-color:var(--ren-field-success-color)}.ren-field[data-valid] .ren-input:focus,.ren-input-success:focus{box-shadow:0 0 0 3px var(--color-input-success-ring)}.ren-input:user-invalid{border-color:var(--ren-field-error-color)}.ren-input:user-invalid:focus{box-shadow:0 0 0 3px var(--color-input-danger-ring);border-color:var(--ren-field-error-color)}.ren-input:user-valid{border-color:var(--ren-field-success-color)}.ren-input:user-valid:focus{box-shadow:0 0 0 3px var(--color-input-success-ring)}.ren-field:has(.ren-input:user-invalid) .ren-field-label{color:var(--ren-field-error-color)}.ren-field:has(.ren-input:user-invalid) .ren-field-error{display:flex}.ren-field:has(.ren-input:user-valid) .ren-field-error{display:none}.ren-checkbox{display:inline-flex;align-items:center;gap:var(--ren-checkbox-gap);cursor:pointer;font-size:var(--body-size);font-weight:var(--weight-regular);color:var(--color-text);user-select:none;min-height:var(--touch-min)}.ren-checkbox>input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.ren-checkbox-control{display:flex;align-items:center;justify-content:center;width:var(--ren-checkbox-size);height:var(--ren-checkbox-size);flex-shrink:0;border:2px solid var(--ren-checkbox-border);border-radius:var(--ren-checkbox-radius);background-color:transparent;transition:background-color var(--ren-checkbox-duration) var(--ease-enter),border-color var(--ren-checkbox-duration) var(--ease-enter),transform var(--duration-tactile) var(--ren-checkbox-easing)}.ren-checkbox-control:after{content:"";display:block;width:.45rem;height:.7rem;border:solid var(--ren-checkbox-checked-color);border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);transition:transform var(--ren-checkbox-duration) var(--ren-checkbox-easing);margin-top:-2px}.ren-checkbox>input:checked+.ren-checkbox-control{background-color:var(--ren-checkbox-checked-bg);border-color:var(--ren-checkbox-checked-bg)}.ren-checkbox>input:checked+.ren-checkbox-control:after{transform:rotate(45deg) scale(1)}.ren-checkbox:hover>.ren-checkbox-control{border-color:var(--color-accent)}.ren-checkbox:hover>input:checked+.ren-checkbox-control{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.ren-checkbox>input:focus-visible+.ren-checkbox-control{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:var(--ring-offset-width)}.ren-checkbox:active>.ren-checkbox-control{transform:scale(.9)}.ren-checkbox:has(input:disabled){opacity:.5;cursor:not-allowed}.ren-checkbox>input:indeterminate+.ren-checkbox-control{background-color:var(--ren-checkbox-checked-bg);border-color:var(--ren-checkbox-checked-bg)}.ren-checkbox>input:indeterminate+.ren-checkbox-control:after{border:none;width:.6rem;height:2px;background-color:var(--ren-checkbox-checked-color);transform:none;margin:0;border-radius:1px}.ren-switch{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--body-size);font-weight:var(--weight-regular);color:var(--color-text);user-select:none;min-height:var(--touch-min)}.ren-switch>input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.ren-switch-track{position:relative;width:var(--ren-switch-width);height:var(--ren-switch-height);flex-shrink:0;background-color:var(--ren-switch-bg);border-radius:var(--radius-full);transition:background-color var(--ren-switch-duration) var(--ren-switch-easing)}.ren-switch-track:after{content:"";position:absolute;top:2px;left:2px;width:var(--ren-switch-thumb-size);height:var(--ren-switch-thumb-size);background-color:var(--ren-switch-thumb-color);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:transform var(--ren-switch-duration) var(--ren-switch-easing),box-shadow var(--ren-switch-duration) var(--ren-switch-easing)}.ren-switch>input:checked+.ren-switch-track{background-color:var(--ren-switch-checked-bg)}.ren-switch>input:checked+.ren-switch-track:after{transform:translate(calc(var(--ren-switch-width) - var(--ren-switch-height)))}.ren-switch:hover>.ren-switch-track{background-color:var(--color-fill-hover)}.ren-switch:hover>input:checked+.ren-switch-track{background-color:var(--color-success-strong)}.ren-switch>input:focus-visible+.ren-switch-track{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:var(--ring-offset-width)}.ren-switch:active>.ren-switch-track:after{width:calc(var(--ren-switch-thumb-size) + 6px)}.ren-switch:active>input:checked+.ren-switch-track:after{transform:translate(calc(var(--ren-switch-width) - var(--ren-switch-height) - 6px))}.ren-switch:has(input:disabled){opacity:.5;cursor:not-allowed}.ren-badge{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--ren-badge-height);padding:.15em var(--ren-badge-padding-x);font-size:var(--ren-badge-font-size);font-weight:var(--ren-badge-font-weight);line-height:1.5;white-space:nowrap;border-radius:var(--ren-badge-radius);background-color:var(--ren-badge-bg);color:var(--ren-badge-color)}.ren-badge-primary{background-color:var(--color-accent);color:var(--color-on-accent)}.ren-badge-secondary{background-color:var(--color-fill-hover);color:var(--color-text)}.ren-badge-success{background-color:var(--color-success-subtle);color:var(--color-success-strong)}.ren-badge-warning{background-color:var(--color-warning-subtle);color:var(--color-warning-strong)}.ren-badge-danger{background-color:var(--color-danger-subtle);color:var(--color-danger-strong)}.ren-badge-info{background-color:var(--color-info-subtle);color:var(--color-info-strong)}.ren-badge-outline{background-color:transparent;border:var(--stroke-1) solid var(--color-border);color:var(--color-text-secondary)}.ren-badge-dot{width:.5rem;height:.5rem;padding:0;border-radius:var(--radius-full);background-color:var(--color-accent)}.ren-badge-dot-success{background-color:var(--color-success)}.ren-badge-dot-warning{background-color:var(--color-warning)}.ren-badge-dot-danger{background-color:var(--color-danger)}.ren-radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--body-size);font-weight:var(--weight-regular);color:var(--color-text);user-select:none;min-height:var(--touch-min)}.ren-radio>input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.ren-radio-control{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;flex-shrink:0;border:2px solid var(--color-border-interactive);border-radius:var(--radius-full);background-color:transparent;transition:background-color var(--duration-state) var(--ease-enter),border-color var(--duration-state) var(--ease-enter),transform var(--duration-tactile) var(--ease-playful)}.ren-radio-control:after{content:"";display:block;width:.5rem;height:.5rem;background-color:var(--color-on-accent);border-radius:var(--radius-full);transform:scale(0);transition:transform var(--duration-state) var(--ease-playful)}.ren-radio>input:checked+.ren-radio-control{background-color:var(--color-accent);border-color:var(--color-accent)}.ren-radio>input:checked+.ren-radio-control:after{transform:scale(1)}.ren-radio:hover>.ren-radio-control{border-color:var(--color-accent)}.ren-radio:hover>input:checked+.ren-radio-control{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.ren-radio>input:focus-visible+.ren-radio-control{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:var(--ring-offset-width)}.ren-radio:active>.ren-radio-control{transform:scale(.9)}.ren-radio:has(input:disabled){opacity:.5;cursor:not-allowed}.ren-radio-group{display:flex;flex-direction:column;gap:var(--space-3)}.ren-radio-group-horizontal{display:flex;flex-direction:row;gap:var(--space-4)}.ren-progress{display:flex;width:100%;height:var(--ren-progress-height);background-color:var(--ren-progress-bg);border-radius:var(--ren-progress-radius);overflow:hidden}.ren-progress-bar{height:100%;width:0%;background-color:var(--ren-progress-fill);border-radius:var(--ren-progress-radius);transition:width var(--ren-progress-duration) var(--ren-progress-easing)}.ren-progress-sm{height:.25rem}.ren-progress-lg{height:.75rem}.ren-progress-xl{height:1rem}.ren-progress-success .ren-progress-bar{background-color:var(--color-success)}.ren-progress-warning .ren-progress-bar{background-color:var(--color-warning)}.ren-progress-danger .ren-progress-bar{background-color:var(--color-danger)}.ren-progress-info .ren-progress-bar{background-color:var(--color-info)}.ren-progress-indeterminate .ren-progress-bar{width:30%!important;animation:ren-progress-slide var(--duration-loading) var(--ease-enter) infinite}@keyframes ren-progress-slide{0%{transform:translate(-100%)}50%{transform:translate(500%)}to{transform:translate(500%)}}@media(prefers-reduced-motion:reduce){.ren-progress-indeterminate .ren-progress-bar{animation:none;width:50%!important}.ren-progress-bar{transition:none}}.ren-progress-label{display:block;font-size:var(--label-size);font-weight:var(--weight-medium);color:var(--color-text);margin:0 0 var(--space-1)}.ren-progress-value{display:block;font-size:var(--label-size);font-weight:var(--weight-regular);color:var(--color-text-secondary);margin:var(--space-1) 0 0;text-align:end}.ren-meter{display:block;width:100%;height:.5rem;border:none;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-fill);appearance:none;-webkit-appearance:none;-moz-appearance:none}.ren-meter::-webkit-meter-inner-element{border-radius:var(--radius-full)}.ren-meter::-webkit-meter-bar{background-color:var(--color-fill);border-radius:var(--radius-full);overflow:hidden;border:none}.ren-meter::-webkit-meter-optimum-value{background-color:var(--color-success);border-radius:var(--radius-full)}.ren-meter::-webkit-meter-suboptimum-value{background-color:var(--color-warning);border-radius:var(--radius-full)}.ren-meter::-webkit-meter-even-less-good-value{background-color:var(--color-danger);border-radius:var(--radius-full)}.ren-meter::-moz-meter-bar{background:var(--color-success);border-radius:var(--radius-full);border:none}.ren-meter-sm{height:.25rem}.ren-meter-lg{height:.75rem}.ren-meter-xl{height:1rem}.ren-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ren-icon-size);height:var(--ren-icon-size);color:var(--ren-icon-color);fill:var(--ren-icon-fill)}.ren-icon>svg{width:100%;height:100%;display:block}.ren-icon-xs{width:.75rem;height:.75rem}.ren-icon-sm{width:1rem;height:1rem}.ren-icon-md{width:1.25rem;height:1.25rem}.ren-icon-lg{width:1.5rem;height:1.5rem}.ren-icon-xl{width:2rem;height:2rem}.ren-icon-2xl{width:3rem;height:3rem}.ren-icon-primary{color:var(--color-accent)}.ren-icon-success{color:var(--color-success)}.ren-icon-warning{color:var(--color-warning)}.ren-icon-danger{color:var(--color-danger)}.ren-icon-muted{color:var(--color-text-secondary)}.ren-icon-spin{animation:ren-icon-spin var(--duration-loop) var(--ease-loop) infinite}@keyframes ren-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ren-icon-spin{animation:none}}.ren-card{background-color:var(--ren-card-bg);border:var(--ren-card-border-width) solid var(--ren-card-border-color);border-radius:var(--ren-card-radius);box-shadow:var(--ren-card-shadow);overflow:hidden}.ren-card-header{display:flex;flex-direction:column;gap:var(--ren-card-header-gap);padding:var(--ren-card-padding) var(--ren-card-padding) 0}.ren-card-title{font-size:var(--title-sm-size, var(--text-lg));font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug);margin:0}.ren-card-description{font-size:var(--caption-size, var(--text-sm));color:var(--color-text-muted);line-height:var(--leading-normal);margin:0}.ren-card-body{padding:var(--ren-card-padding)}.ren-card-header+.ren-card-body{padding-top:var(--space-3)}.ren-card>:is(.ren-card-header,.ren-card-body,.ren-card-footer,.ren-card-footer-border)+:is(.ren-card-header,.ren-card-body,.ren-card-footer,.ren-card-footer-border){margin-block-start:var(--ren-card-gap)}.ren-card-footer{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--ren-card-padding) var(--ren-card-padding)}.ren-card-footer-border{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--ren-card-padding);border-top:var(--stroke-1) solid var(--color-border-muted)}.ren-card-header+.ren-card-footer-border{padding-top:var(--space-2)}.ren-card:not(.ren-card-simple)>:first-child:not(.ren-card-header):not(.ren-card-body):not(.ren-card-footer):not(.ren-card-footer-border):not(.ren-card-cover){padding-top:var(--ren-card-padding)}.ren-card:not(.ren-card-simple)>:last-child:not(.ren-card-header):not(.ren-card-body):not(.ren-card-footer):not(.ren-card-footer-border):not(.ren-card-cover){padding-bottom:var(--ren-card-padding)}.ren-card-simple{padding:var(--ren-card-padding)}.ren-card-elevated{border-color:transparent;box-shadow:var(--shadow-md)}.ren-card-outline{background-color:transparent}.ren-card-ghost{background-color:transparent;border:none}.ren-card-sunken{background-color:var(--color-surface-sunken);border-color:transparent}.ren-card-interactive{cursor:pointer;transition:box-shadow var(--duration-state) var(--ease-enter),border-color var(--duration-state) var(--ease-enter),transform var(--duration-tactile) var(--ease-enter)}.ren-card-interactive:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.ren-card-interactive:active{transform:scale(.99)}.ren-card-interactive:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:var(--ring-offset-width)}.ren-card-selectable{cursor:pointer;transition:border-color var(--duration-state) var(--ease-enter),box-shadow var(--duration-state) var(--ease-enter)}.ren-card-selectable:hover{border-color:var(--color-accent)}.ren-card-selectable[aria-selected=true],.ren-card-selectable[aria-pressed=true],.ren-card-selectable[aria-checked=true],.ren-card-selectable[data-selected],.ren-card-selectable:has(:checked){border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.ren-card[data-status=success]{border-top:3px solid var(--color-success)}.ren-card[data-status=warning]{border-top:3px solid var(--color-warning)}.ren-card[data-status=danger]{border-top:3px solid var(--color-danger)}.ren-card[data-status=info]{border-top:3px solid var(--color-info)}.ren-card-cover{display:block;width:100%;height:auto;margin:0;padding:0;object-fit:cover}.ren-card-cover>img{display:block;width:100%;height:auto;margin:0;object-fit:cover}.ren-card-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--space-4)}.ren-link{display:inline;color:var(--ren-link-color);font-weight:var(--ren-link-font-weight, inherit);background:none;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--color-text-link),transparent 60%);text-underline-offset:.15em;text-decoration-thickness:var(--ren-link-underline);cursor:pointer;transition:color var(--duration-tactile) var(--ease-enter),text-decoration-color var(--duration-tactile) var(--ease-enter);-webkit-tap-highlight-color:transparent}.ren-link:hover{color:var(--ren-link-hover-color);background:none;text-decoration:underline;text-decoration-color:color-mix(in oklch,var(--color-text-link-hover),transparent 30%);text-decoration-thickness:calc(var(--ren-link-underline) * 2)}.ren-link:active{opacity:.8}.ren-link:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.ren-link-muted{color:var(--color-text-muted);text-decoration:underline}.ren-link-muted:hover{color:var(--color-text);text-decoration:underline}.ren-link-plain{color:inherit;text-decoration:none}.ren-link-plain:hover{text-decoration:underline}.ren-link-external:after{content:" ↗";font-size:.85em;text-decoration:none;display:inline}.ren-link-nav{display:flex;align-items:center;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-1) var(--space-2);color:var(--color-text);text-decoration:none;border-radius:var(--radius-md);transition:background-color var(--duration-tactile) var(--ease-enter),color var(--duration-tactile) var(--ease-enter)}.ren-link-nav:hover{background-color:var(--color-fill);color:var(--color-text);text-decoration:none}.ren-link-nav[aria-current=page],.ren-link-nav[data-active]{background-color:var(--color-accent-subtle);color:var(--color-accent);font-weight:var(--weight-medium)}.ren-link-nav:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:-2px}.ren-link-skip{position:absolute;top:-100%;left:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);font-weight:var(--weight-semibold);text-decoration:none;z-index:var(--z-max);transition:top var(--duration-tactile) var(--ease-enter)}.ren-link-skip:focus{top:var(--space-3)}.ren-banner{display:flex;align-items:flex-start;gap:var(--ren-banner-gap);padding:var(--ren-banner-padding);border-radius:var(--ren-banner-radius);font-size:var(--body-size);line-height:var(--leading-normal);background-color:var(--ren-banner-bg);border:var(--ren-banner-border-width) solid var(--ren-banner-border-color);color:var(--ren-banner-color)}.ren-banner-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--ren-banner-icon-size);height:var(--ren-banner-icon-size);font-size:var(--text-base);margin-top:1px}.ren-banner-content{flex:1;min-width:0}.ren-banner-title{display:block;font-weight:var(--weight-semibold);font-size:var(--label-size, var(--text-sm));margin:0 0 var(--space-1)}.ren-banner-message{font-size:var(--caption-size, var(--text-sm));color:var(--color-text-secondary);margin:0}.ren-banner-title:last-child{margin-bottom:0}.ren-banner-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.ren-banner-dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-lg);line-height:1;transition:color var(--duration-tactile) var(--ease-enter)}.ren-banner-dismiss:hover{color:var(--color-text)}.ren-banner-dismiss:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:2px}.ren-banner-success{background-color:var(--color-success-subtle);border-color:color-mix(in oklch,var(--color-success),transparent 70%)}.ren-banner-warning{background-color:var(--color-warning-subtle);border-color:color-mix(in oklch,var(--color-warning),transparent 70%)}.ren-banner-danger{background-color:var(--color-danger-subtle);border-color:color-mix(in oklch,var(--color-danger),transparent 70%)}.ren-banner-neutral{background-color:var(--color-surface-sunken);border-color:var(--color-border)}.ren-banner-compact{align-items:center;padding:var(--space-2) var(--space-3);gap:var(--space-2)}.ren-banner-compact .ren-banner-icon{width:1.25rem;height:1.25rem;font-size:var(--text-sm)}.ren-banner-full{border-radius:0;border-inline-start:none;border-inline-end:none}.ren-banner[data-dismissing]{animation:ren-banner-dismiss var(--duration-state) var(--ease-enter) forwards}@keyframes ren-banner-dismiss{to{opacity:0;height:0;padding-block:0;margin-block:0;overflow:hidden}}@media(prefers-reduced-motion:reduce){.ren-banner[data-dismissing]{animation:none;display:none}}.ren-breadcrumb>ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ren-breadcrumb-gap);list-style:none;padding:0;margin:0;font-size:var(--ren-breadcrumb-font-size)}.ren-breadcrumb>ol>li{display:inline-flex;align-items:center;gap:var(--ren-breadcrumb-gap);color:var(--ren-breadcrumb-color)}.ren-breadcrumb>ol>li+li:before{content:var(--ren-breadcrumb-separator);color:var(--color-text-faint);font-size:1.1em;margin-inline-end:var(--space-1)}.ren-breadcrumb>ol a{color:var(--ren-breadcrumb-color);text-decoration:none;padding:var(--space-1) 0;border-radius:var(--radius-sm);transition:color var(--duration-tactile) var(--ease-enter)}.ren-breadcrumb>ol a:hover{color:var(--color-text);text-decoration:underline;text-underline-offset:.15em}.ren-breadcrumb>ol a:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:2px}.ren-breadcrumb [aria-current=page]{color:var(--ren-breadcrumb-active-color);font-weight:var(--weight-medium);text-decoration:none;pointer-events:none}.ren-breadcrumb-truncated>ol>li:not(:first-child):not(:last-child):not(:nth-last-child(2)){display:none}.ren-breadcrumb-truncated>ol>li:nth-child(2):after{content:"…";color:var(--color-text-faint);padding:0 var(--space-1)}.ren-pagination{display:flex;align-items:center;gap:var(--ren-pagination-gap)}.ren-pagination-item,.ren-pagination-prev,.ren-pagination-next{display:inline-flex;align-items:center;justify-content:center;min-width:var(--ren-pagination-size);min-height:var(--ren-pagination-size);padding:var(--space-1) var(--space-2);font-size:var(--ren-pagination-font-size);font-weight:var(--weight-medium);color:var(--color-text);text-decoration:none;border-radius:var(--ren-pagination-radius);border:var(--stroke-1) solid transparent;background-color:var(--ren-pagination-bg);transition:background-color var(--duration-tactile) var(--ease-enter),border-color var(--duration-tactile) var(--ease-enter);user-select:none}.ren-pagination-item:hover,.ren-pagination-prev:hover,.ren-pagination-next:hover{background-color:var(--ren-pagination-hover-bg)}.ren-pagination-item:active,.ren-pagination-prev:active,.ren-pagination-next:active{background-color:var(--color-fill-hover)}.ren-pagination-item:focus-visible,.ren-pagination-prev:focus-visible,.ren-pagination-next:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:var(--ring-offset-width)}.ren-pagination-item[aria-current=page]{background-color:var(--ren-pagination-active-bg);color:var(--ren-pagination-active-color);pointer-events:none}.ren-pagination-prev[aria-disabled=true],.ren-pagination-next[aria-disabled=true],.ren-pagination-prev:disabled,.ren-pagination-next:disabled{color:var(--color-disabled-text);pointer-events:none;opacity:.5}.ren-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);color:var(--color-text-muted);font-size:var(--text-sm);user-select:none}.ren-pagination-simple{gap:var(--space-2)}.ren-pagination-info{font-size:var(--caption-size, var(--text-sm));color:var(--color-text-muted);white-space:nowrap;padding:0 var(--space-2)}.ren-pagination-compact .ren-pagination-item,.ren-pagination-compact .ren-pagination-prev,.ren-pagination-compact .ren-pagination-next{min-width:var(--size-sm);min-height:var(--size-sm);padding:var(--space-1);font-size:var(--caption-size, var(--text-sm))}.ren-pagination-centered{justify-content:center}.ren-tag{display:inline-flex;align-items:center;gap:var(--ren-tag-gap);min-height:var(--ren-tag-height);padding:.25em var(--ren-tag-padding-x);font-size:var(--ren-tag-font-size);font-weight:var(--ren-tag-font-weight);line-height:1.5;color:var(--ren-tag-color);background-color:var(--ren-tag-bg);border:var(--stroke-1) solid var(--ren-tag-border-color);border-radius:var(--ren-tag-radius);white-space:nowrap;user-select:none;max-width:100%}.ren-tag>span{overflow:hidden;text-overflow:ellipsis}.ren-tag-dismiss{display:inline-flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-full);font-size:1.1em;line-height:1;flex-shrink:0;transition:color var(--duration-tactile) var(--ease-enter),background-color var(--duration-tactile) var(--ease-enter)}.ren-tag-dismiss:hover{color:var(--color-text);background-color:var(--color-fill-hover)}.ren-tag-dismiss:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:1px}.ren-tag-clickable{cursor:pointer;transition:background-color var(--duration-tactile) var(--ease-enter),border-color var(--duration-tactile) var(--ease-enter)}.ren-tag-clickable:hover{background-color:var(--color-fill-hover);border-color:var(--color-border-strong)}.ren-tag-clickable:active{background-color:var(--color-fill-active)}.ren-tag-clickable:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:var(--ring-offset-width)}.ren-tag-clickable[aria-pressed=true],.ren-tag-clickable[data-selected]{background-color:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent)}.ren-tag-primary{background-color:var(--color-accent-subtle);border-color:color-mix(in oklch,var(--color-accent),transparent 70%);color:var(--color-accent)}.ren-tag-success{background-color:var(--color-success-subtle);border-color:color-mix(in oklch,var(--color-success),transparent 70%);color:var(--color-success-strong)}.ren-tag-warning{background-color:var(--color-warning-subtle);border-color:color-mix(in oklch,var(--color-warning),transparent 70%);color:var(--color-warning-strong)}.ren-tag-danger{background-color:var(--color-danger-subtle);border-color:color-mix(in oklch,var(--color-danger),transparent 70%);color:var(--color-danger-strong)}.ren-tag-sm{padding:.1em .45em;font-size:var(--text-xs);gap:.15em}.ren-tag-lg{padding:.35em .8em;font-size:var(--body-size)}.ren-tag-group{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.ren-separator{border:none;background-color:var(--ren-separator-color)}.ren-separator,.ren-separator-horizontal{width:100%;height:var(--ren-separator-width);margin-block:var(--ren-separator-margin)}.ren-separator-vertical{width:var(--ren-separator-width);height:auto;align-self:stretch;margin-inline:var(--space-3)}.ren-separator-label{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--caption-size);margin-block:var(--ren-separator-margin)}.ren-separator-label:before,.ren-separator-label:after{content:"";flex:1;height:var(--ren-separator-width);background-color:var(--ren-separator-color)}.ren-avatar{display:inline-flex;align-items:center;justify-content:center;width:var(--ren-avatar-size);height:var(--ren-avatar-size);border-radius:var(--ren-avatar-radius);overflow:hidden;background-color:var(--ren-avatar-bg);color:var(--ren-avatar-color);font-weight:var(--weight-semibold);font-size:var(--ren-avatar-font-size);flex-shrink:0;user-select:none}.ren-avatar>img{width:100%;height:100%;object-fit:cover}.ren-avatar-xs{width:var(--avatar-xs);height:var(--avatar-xs);font-size:var(--text-xs)}.ren-avatar-sm{width:var(--avatar-sm);height:var(--avatar-sm);font-size:var(--text-xs)}.ren-avatar-lg{width:var(--avatar-lg);height:var(--avatar-lg);font-size:var(--text-base)}.ren-avatar-xl{width:var(--avatar-xl);height:var(--avatar-xl);font-size:var(--text-lg)}.ren-avatar-2xl{width:var(--avatar-2xl);height:var(--avatar-2xl);font-size:var(--text-xl)}.ren-avatar-square{border-radius:var(--radius-md)}.ren-avatar-wrapper{position:relative;display:inline-block}.ren-avatar-status{position:absolute;bottom:0;right:0;width:.75rem;height:.75rem;border-radius:var(--radius-full);border:2px solid var(--color-surface);background-color:var(--color-success)}.ren-avatar-status-offline{background-color:var(--color-presence-offline)}.ren-avatar-status-busy{background-color:var(--color-danger)}.ren-avatar-status-away{background-color:var(--color-warning)}.ren-avatar-group{display:flex;flex-direction:row-reverse}.ren-avatar-group>.ren-avatar{border:var(--ren-avatar-border);margin-inline-start:-.5rem}.ren-avatar-group>.ren-avatar:last-child{margin-inline-start:0}.ren-spinner{display:inline-block;width:var(--ren-spinner-size);height:var(--ren-spinner-size);border:var(--ren-spinner-width) solid var(--color-fill-active);border-top-color:var(--ren-spinner-color);border-radius:var(--radius-full);animation:ren-spin var(--ren-spinner-speed) var(--ease-loop-smooth) infinite}.ren-spinner-xs{width:.875rem;height:.875rem;border-width:2px}.ren-spinner-sm{width:1rem;height:1rem;border-width:2px}.ren-spinner-lg{width:2rem;height:2rem;border-width:3px}.ren-spinner-xl{width:3rem;height:3rem;border-width:3px}.ren-spinner-light{border-color:#ffffff4d;border-top-color:var(--white)}@keyframes ren-spin{to{transform:rotate(360deg)}}@keyframes ren-spin-gentle{0%,to{opacity:1}50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.ren-spinner{animation:ren-spin-gentle var(--duration-loop-gentle) var(--ease-loop-pulse) infinite}}.ren-skeleton{display:block;background:linear-gradient(90deg,var(--ren-skeleton-bg) 25%,var(--ren-skeleton-shine) 50%,var(--ren-skeleton-bg) 75%);background-size:200% 100%;animation:ren-skeleton-pulse var(--ren-skeleton-speed) var(--ease-loop-pulse) infinite;border-radius:var(--ren-skeleton-radius);min-height:1rem}.ren-skeleton-text{height:1em;width:100%;border-radius:var(--radius-sm)}.ren-skeleton-heading{height:1.5em;width:60%;border-radius:var(--radius-sm)}.ren-skeleton-circle{width:var(--avatar-md);height:var(--avatar-md);border-radius:var(--radius-full)}.ren-skeleton-rect{width:100%;height:8rem;border-radius:var(--radius-md)}@keyframes ren-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.ren-skeleton{animation:none;background:var(--ren-skeleton-bg)}}.ren-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.5em;padding:var(--ren-kbd-padding);font-family:var(--ren-kbd-font-family);font-size:var(--ren-kbd-font-size);font-weight:var(--weight-medium);line-height:1.4;color:var(--ren-kbd-color);background-color:var(--ren-kbd-bg);border:var(--stroke-1) solid var(--ren-kbd-border);border-bottom-width:2px;border-radius:var(--ren-kbd-radius);white-space:nowrap}.ren-dialog{margin:auto;padding:0;border:none;max-width:var(--dialog-max-width, 32rem);max-height:85dvh;width:90vw;overflow:auto;background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);scrollbar-gutter:stable;opacity:1;transform:scale(1) translateY(0);transition:opacity var(--duration-enter) var(--ease-enter),transform var(--duration-enter) var(--ease-enter),overlay var(--duration-enter) allow-discrete,display var(--duration-enter) allow-discrete;@starting-style{opacity:0;transform:scale(.95) translateY(8px)}&::backdrop{background-color:#0000;backdrop-filter:blur(0px);transition:var(--transition-overlay);@starting-style{background-color:#0000;backdrop-filter:blur(0px)}}&[open]{opacity:1;transform:scale(1) translateY(0);&::backdrop{background-color:var(--color-overlay);backdrop-filter:blur(4px)}}@media(prefers-reduced-motion:reduce){transition:none;&::backdrop{transition:none}}}.ren-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-3);flex-shrink:0}.ren-dialog-title{margin:0;font-size:1.25rem;line-height:1.5;font-weight:600;color:var(--color-text)}.ren-dialog-description{margin:0;margin-top:var(--space-2);font-size:.875rem;line-height:1.5;color:var(--color-text-muted)}.ren-dialog-body{padding:var(--space-6);overflow-y:auto;flex:1;min-height:0;&::-webkit-scrollbar{width:8px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px;&:hover{background:var(--color-border-hover)}}}.ren-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.ren-dialog-close{margin-inline-start:auto;padding:var(--space-2);background:transparent;border:none;cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-md);display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:var(--transition-tactile);&:hover{background-color:var(--color-background-hover);color:var(--color-text)}&:active{background-color:var(--color-background-active)}&:focus{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:var(--ring-offset-width)}& svg{width:1.25rem;height:1.25rem}}.ren-dialog-sm{--dialog-max-width: 24rem}.ren-dialog-md{--dialog-max-width: 32rem}.ren-dialog-lg{--dialog-max-width: 42rem}.ren-dialog-xl{--dialog-max-width: 56rem}.ren-dialog-full{max-width:95dvw;max-height:95dvh;width:95dvw}@media(max-width:640px){.ren-dialog{max-width:100%;max-height:100dvh;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;&[data-mobile-sheet]{position:fixed;bottom:0;left:0;right:0;margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%);transition:transform var(--duration-enter) var(--ease-enter),opacity var(--duration-enter) var(--ease-enter),overlay var(--duration-enter) allow-discrete,display var(--duration-enter) allow-discrete;@starting-style{transform:translateY(100%)}&[open]{transform:translateY(0)}}}.ren-dialog-header,.ren-dialog-body,.ren-dialog-footer{padding:var(--space-4)}.ren-dialog-title{font-size:1.125rem}}ren-dialog{display:contents}.ren-dialog-wrapper{display:flex;flex-direction:column;height:100%}.ren-dialog,.ren-alert-dialog{width:var(--ren-dialog-width, min(90vw, 500px));padding:var(--ren-dialog-padding, var(--space-6));border-radius:var(--ren-dialog-radius, var(--radius-xl));background:var(--ren-dialog-bg, var(--color-surface-overlay));border-color:var(--ren-dialog-border-color, var(--color-border));box-shadow:var(--ren-dialog-shadow, var(--shadow-xl));gap:var(--ren-dialog-gap, var(--space-4));transition-duration:var(--ren-dialog-duration, var(--duration-normal));transition-timing-function:var(--ren-dialog-easing, var(--ease-out))}.ren-dialog::backdrop,.ren-alert-dialog::backdrop{background:var(--ren-dialog-backdrop, var(--color-overlay))}ren-popover:not(:defined){display:none}.ren-popover{position:absolute;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4);max-width:20rem;z-index:var(--z-popover, 1000);pointer-events:auto;margin:0;inset:auto;border-top:none;position-area:bottom span-all;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;opacity:0;transform:translateY(-4px) scale(.95);transition:opacity var(--duration-enter) var(--ease-enter),transform var(--duration-enter) var(--ease-enter),overlay var(--duration-enter) var(--ease-enter) allow-discrete,display var(--duration-enter) var(--ease-enter) allow-discrete}.ren-popover:popover-open,.ren-popover.ren-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.ren-popover:popover-open{opacity:0;transform:translateY(-4px) scale(.95)}}.ren-popover-arrow{position:absolute;width:8px;height:8px;background:inherit;border:inherit;border-top:none;border-inline-start:none;transform:rotate(45deg);z-index:var(--z-behind)}.ren-popover[data-side=bottom],.ren-popover:not([data-side]){position-area:bottom span-all;margin-block-start:var(--space-2);margin-block-end:0;margin-inline:0;.ren-popover-arrow{top:-4px;left:50%;transform:translate(-50%) rotate(225deg)}}.ren-popover[data-side=top]{position-area:top span-all;margin-block-start:0;margin-block-end:var(--space-2);margin-inline:0;.ren-popover-arrow{bottom:-4px;left:50%;transform:translate(-50%) rotate(45deg)}}.ren-popover[data-side=right]{position-area:right span-all;margin-block:0;margin-inline-start:var(--space-2);margin-inline-end:0;.ren-popover-arrow{left:-4px;top:50%;transform:translateY(-50%) rotate(135deg)}}.ren-popover[data-side=left]{position-area:left span-all;margin-block:0;margin-inline-start:0;margin-inline-end:var(--space-2);.ren-popover-arrow{right:-4px;top:50%;transform:translateY(-50%) rotate(315deg)}}.ren-popover-header{margin-bottom:var(--space-2);font-weight:600;color:var(--color-text-primary)}.ren-popover-body{color:var(--color-text-secondary);font-size:var(--size-body-sm);line-height:1.5}.ren-popover-footer{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex;gap:var(--space-2)}@media(prefers-reduced-motion:reduce){.ren-popover{transition:opacity var(--duration-enter),overlay var(--duration-enter) allow-discrete,display var(--duration-enter) allow-discrete;transform:none}@starting-style{.ren-popover:popover-open{opacity:0;transform:none}}}@supports not ((anchor-name: --ren-anchor) and (position-anchor: --ren-anchor) and (position-area: bottom span-all)){.ren-popover{position:absolute;inset:auto}[data-popover-trigger],.ren-popover-trigger{position:relative}.ren-popover{animation:ren-popover-fallback-open var(--duration-enter) var(--ease-enter)}.ren-popover:popover-open,.ren-popover.ren-open{animation:ren-popover-fallback-open var(--duration-enter) var(--ease-enter)}@media(prefers-reduced-motion:reduce){.ren-popover{animation:none}}}@keyframes ren-popover-fallback-open{0%{opacity:0;transform:translateY(-4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ren-popover{width:var(--ren-popover-width, 280px);max-width:var(--ren-popover-width, 280px);padding:var(--ren-popover-padding, var(--space-4));border-radius:var(--ren-popover-radius, var(--radius-lg));background:var(--ren-popover-bg, var(--color-surface-overlay));border-color:var(--ren-popover-border-color, var(--color-border));box-shadow:var(--ren-popover-shadow, var(--shadow-lg));transition-duration:var(--ren-popover-duration, var(--duration-normal));transition-timing-function:var(--ren-popover-easing, var(--ease-out))}.ren-tooltip{position:absolute;background:var(--ren-tooltip-bg, var(--color-text));color:var(--ren-tooltip-color, var(--color-text-inverted));border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-size:var(--size-caption, .75rem);max-width:15rem;pointer-events:none;z-index:var(--z-tooltip);overflow-wrap:break-word;white-space:normal;line-height:1.4;margin:0;inset:auto;overflow:visible;position-area:top span-all;position-try-fallbacks:flip-block;opacity:0;transform:translateY(4px) scale(.95);transition:opacity var(--duration-enter) var(--ease-enter),transform var(--duration-enter) var(--ease-enter),overlay var(--duration-enter) var(--ease-enter) allow-discrete,display var(--duration-enter) var(--ease-enter) allow-discrete}.ren-tooltip:popover-open,.ren-tooltip.ren-open{opacity:1;transform:translateY(0) scale(1)}@starting-style{.ren-tooltip:popover-open{opacity:0;transform:translateY(4px) scale(.95)}}.ren-tooltip-arrow{position:absolute;width:6px;height:6px;background:var(--ren-tooltip-bg, var(--color-text));transform:rotate(45deg);z-index:var(--z-behind)}.ren-tooltip[data-side=bottom]{position-area:bottom span-all;margin-block-start:var(--space-1);margin-block-end:0;margin-inline:0;.ren-tooltip-arrow{top:-3px;left:50%;transform:translate(-50%) rotate(225deg)}}.ren-tooltip[data-side=top],.ren-tooltip:not([data-side]){position-area:top span-all;margin-block-start:0;margin-block-end:var(--space-1);margin-inline:0;.ren-tooltip-arrow{bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg)}}.ren-tooltip[data-side=right]{position-area:right span-all;margin-block:0;margin-inline-start:var(--space-1);margin-inline-end:0;.ren-tooltip-arrow{left:-3px;top:50%;transform:translateY(-50%) rotate(135deg)}}.ren-tooltip[data-side=left]{position-area:left span-all;margin-block:0;margin-inline-start:0;margin-inline-end:var(--space-1);.ren-tooltip-arrow{right:-3px;top:50%;transform:translateY(-50%) rotate(315deg)}}@media(prefers-reduced-motion:reduce){.ren-tooltip{transition:opacity var(--duration-enter),transform var(--duration-enter),overlay var(--duration-enter) allow-discrete,display var(--duration-enter) allow-discrete}@starting-style{.ren-tooltip:popover-open{opacity:0;transform:scale(1)}}}@supports not ((anchor-name: --ren-anchor) and (position-anchor: --ren-anchor) and (position-area: top span-all)){.ren-tooltip{position:absolute;inset:auto}.ren-tooltip-trigger{position:relative}.ren-tooltip{animation:ren-tooltip-fallback-open var(--duration-enter) var(--ease-enter)}.ren-tooltip:popover-open,.ren-tooltip.ren-open{animation:ren-tooltip-fallback-open var(--duration-enter) var(--ease-enter)}@media(prefers-reduced-motion:reduce){.ren-tooltip{animation:none}}}@keyframes ren-tooltip-fallback-open{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ren-tooltip{background:var(--ren-tooltip-bg, var(--color-text));color:var(--ren-tooltip-color, var(--color-text-inverted));font-size:var(--ren-tooltip-font-size, var(--caption-sm-size));padding-inline:var(--ren-tooltip-padding-x, var(--space-3));padding-block:var(--ren-tooltip-padding-y, var(--space-1));border-radius:var(--ren-tooltip-radius, var(--radius-md));box-shadow:var(--ren-tooltip-shadow, var(--shadow-sm));transition-duration:var(--ren-tooltip-duration, var(--duration-fast));transition-timing-function:var(--ren-tooltip-easing, var(--ease-out))}.ren-tabs{container-type:inline-size;container-name:ren-tabs;display:flex;flex-direction:column;width:100%}.ren-tab-list{display:flex;flex-direction:row;gap:var(--space-2);border-bottom:1px solid var(--color-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.ren-tab{position:relative;padding:var(--space-2) var(--space-4);font-size:var(--label-md-size);font-weight:var(--label-md-weight);line-height:1;color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid transparent;min-height:var(--size-lg);display:flex;align-items:center;white-space:nowrap;user-select:none;transition:var(--transition-tactile)}.ren-tab[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-accent);font-weight:var(--label-lg-weight)}.ren-tab:hover:not([aria-disabled=true]):not(:disabled){color:var(--color-text);background-color:var(--color-fill)}.ren-tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:var(--radius-sm)}.ren-tab:disabled,.ren-tab[aria-disabled=true]{opacity:.5;cursor:not-allowed;color:var(--color-text-muted)}.ren-tab:disabled:hover,.ren-tab[aria-disabled=true]:hover{background-color:transparent}.ren-tab-panel{padding-block:var(--space-4)}.ren-tab-panel[hidden]{display:none}.ren-tab-panel:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-md)}.ren-tab-list-pills{border-bottom:none;gap:var(--space-1)}.ren-tab-list-pills .ren-tab{border-bottom:none;border-radius:var(--radius-md);background-color:transparent;padding:var(--space-2) var(--space-3)}.ren-tab-list-pills .ren-tab[aria-selected=true]{background-color:var(--color-fill);border-bottom-color:transparent;font-weight:var(--label-lg-weight)}.ren-tab-list-pills .ren-tab:hover:not([aria-disabled=true]):not(:disabled){background-color:var(--color-fill-hover)}.ren-tab-list-underline{border-bottom:1px solid var(--color-border);gap:var(--space-2)}.ren-tab-list-underline .ren-tab{border-bottom:2px solid transparent}.ren-tab-list-underline .ren-tab[aria-selected=true]{border-bottom-color:var(--color-accent)}.ren-tab-list-enclosed{border-bottom:none;gap:var(--space-2)}.ren-tab-list-enclosed .ren-tab{border:1px solid var(--color-border);border-bottom:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0;background-color:var(--color-fill);padding:var(--space-3) var(--space-4)}.ren-tab-list-enclosed .ren-tab[aria-selected=true]{border-color:var(--color-border);border-bottom-color:var(--color-surface);background-color:var(--color-surface);color:var(--color-text);position:relative;z-index:var(--z-raised)}.ren-tab-list-enclosed .ren-tab[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:-1px;right:-1px;height:1px;background-color:var(--color-surface)}.ren-tab-list-enclosed .ren-tab:hover:not([aria-disabled=true]):not(:disabled){background-color:var(--color-fill-hover)}@container ren-tabs (max-width: 480px){.ren-tab-list{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.ren-tab-list::-webkit-scrollbar{height:4px}.ren-tab-list::-webkit-scrollbar-track{background:transparent}.ren-tab-list::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:2px}}@media(prefers-reduced-motion:reduce){.ren-tab{transition:none}}.ren-tabs{min-block-size:var(--ren-tabs-height, var(--size-lg));font-size:var(--ren-tabs-font-size, var(--label-size));font-weight:var(--ren-tabs-font-weight, var(--label-weight));color:var(--ren-tabs-color, var(--color-text-muted));border-color:var(--ren-tabs-border-color, var(--color-border));gap:var(--ren-tabs-gap, 0);transition-duration:var(--ren-tabs-duration, var(--duration-fast));transition-timing-function:var(--ren-tabs-easing, var(--ease-out))}.ren-tabs [aria-selected=true],.ren-tabs [data-state=active]{color:var(--ren-tabs-active-color, var(--color-text))}.ren-tabs [data-indicator],.ren-tabs-indicator{background:var(--ren-tabs-indicator-color, var(--color-accent))}.ren-accordion{display:flex;flex-direction:column;width:100%;border-top:1px solid var(--color-border);>details{border-bottom:1px solid var(--color-border);&:last-child{border-bottom:none}}}.ren-accordion-trigger,.ren-accordion>details>summary{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);cursor:pointer;font-weight:var(--label-lg-weight);font-size:var(--label-lg-size);line-height:1.4;color:var(--color-text);background-color:transparent;border:none;min-height:var(--size-lg);width:100%;text-align:start;user-select:none;list-style:none;transition:var(--transition-tactile);&::marker,&::-webkit-details-marker{display:none;content:""}&:after{content:"";display:inline-block;width:20px;height:20px;margin-inline-start:var(--space-3);flex-shrink:0;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform var(--duration-enter) var(--ease-enter);border:none;transform:rotate(0)}&:hover{background-color:var(--color-fill)}&:active{background-color:var(--color-fill-active)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}&:disabled,&[aria-disabled=true]{opacity:.5;cursor:not-allowed;&:hover{background-color:transparent}}}.ren-accordion>details>summary::-webkit-details-marker{display:none}.ren-accordion-trigger::-webkit-details-marker{display:none}.ren-accordion>details[open]>summary:after{transform:rotate(180deg)}.ren-accordion-trigger[aria-expanded=true]:after{transform:rotate(180deg)}@supports selector(details::details-content){.ren-accordion>details::details-content{block-size:0;overflow:clip;opacity:0;transition:block-size var(--duration-exit) var(--ease-exit),opacity var(--duration-exit) var(--ease-exit),content-visibility var(--duration-exit) var(--ease-exit);transition-behavior:allow-discrete}.ren-accordion>details[open]::details-content{block-size:auto;opacity:1;transition-duration:var(--duration-enter);transition-timing-function:var(--ease-enter)}}.ren-accordion>details{>.ren-accordion-content{padding:0 var(--space-4) var(--space-4);color:var(--color-text-muted);line-height:1.6;overflow:hidden;@supports selector(::-webkit-details-content){height:0;overflow:hidden;transition:height var(--duration-enter) var(--ease-enter),opacity var(--duration-enter) var(--ease-enter)}@supports selector(::details-content){height:0;overflow:hidden;transition:height var(--duration-enter) var(--ease-enter),opacity var(--duration-enter) var(--ease-enter)}}>.ren-accordion-content{opacity:0;max-height:0;transition:opacity var(--duration-enter) var(--ease-enter),max-height var(--duration-enter) var(--ease-enter)}&[open]>.ren-accordion-content{opacity:1;max-height:1000px;@supports selector(::details-content){height:auto}}@starting-style{&[open]>.ren-accordion-content{opacity:0;max-height:0}}}.ren-accordion-content{padding:0 var(--space-4) var(--space-4);color:var(--color-text-muted);line-height:1.6}.ren-accordion-content[hidden]{display:none}.ren-accordion-bordered{border-top:none;>details,.ren-accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);overflow:hidden;&:last-child{margin-bottom:0}}>details>summary,.ren-accordion-trigger{padding:var(--space-4) var(--space-4)}>details>.ren-accordion-content,.ren-accordion-content{padding:0 var(--space-4) var(--space-4)}}.ren-accordion-flush{border-top:none;>details,.ren-accordion-item{border-bottom:none;padding:var(--space-2) 0;&:last-child{border-bottom:none}}>details>summary,.ren-accordion-trigger{padding:var(--space-3) 0}>details>.ren-accordion-content,.ren-accordion-content{padding:0 0 var(--space-3)}}@media(prefers-reduced-motion:reduce){.ren-accordion-trigger:after,.ren-accordion>details>summary:after{transition:none}.ren-accordion>details>.ren-accordion-content{transition:none}.ren-accordion>details::details-content{transition:none}}.ren-accordion>details>summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.ren-menu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, .5rem);box-shadow:var(--shadow-lg, 0 10px 25px rgb(0, 0, 0, .1));padding-block:var(--space-1, .25rem);min-width:12rem;z-index:var(--z-dropdown, 1000);position:fixed;animation:ren-menu-open var(--duration-enter) var(--ease-enter);visibility:hidden;opacity:0;inset:auto;margin:0;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain}.ren-menu[popover]:popover-open,.ren-menu.ren-open{visibility:visible;opacity:1}.ren-menu-item{padding:var(--space-2, .5rem) var(--space-3, .75rem);display:flex;align-items:center;gap:var(--space-2, .5rem);cursor:pointer;font-size:var(--size-body, 1rem);color:var(--color-text);border-radius:var(--radius-sm, .25rem);min-height:2rem;transition:var(--transition-tactile);white-space:nowrap;text-decoration:none}.ren-menu-item:hover,.ren-menu-item[data-highlighted]{background-color:var(--color-fill);color:var(--color-text)}.ren-menu-item:active{background-color:var(--color-fill-hover)}.ren-menu-item[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.ren-menu-item.ren-menu-item-danger:hover,.ren-menu-item.ren-menu-item-danger[data-highlighted]{background-color:var(--color-danger-subtle);color:var(--color-danger)}.ren-menu-item-icon{flex-shrink:0;width:var(--size-icon-md, 1.25rem);height:var(--size-icon-md, 1.25rem);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center}.ren-menu-item-shortcut{margin-inline-start:auto;font-size:var(--size-caption, .75rem);color:var(--color-text-muted);font-family:monospace;white-space:nowrap;flex-shrink:0}.ren-menu-item-description{font-size:var(--size-caption, .75rem);color:var(--color-text-muted);line-height:1.3}.ren-menu-separator{height:1px;background:var(--color-border);margin-block:var(--space-1, .25rem)}.ren-menu-label{padding:var(--space-1, .25rem) var(--space-3, .75rem);font-size:var(--size-caption, .75rem);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.ren-menu-group{display:contents}.ren-menu-checkbox-item,.ren-menu-radio-item{position:relative;padding-inline-start:calc(var(--space-3, .75rem) + 20px + var(--space-2, .5rem))}.ren-menu-checkbox-item:before,.ren-menu-radio-item:before{content:"";position:absolute;inset-inline-start:var(--space-3, .75rem);width:16px;height:16px;border:2px solid var(--color-border);border-radius:2px;background:#fff;transition:var(--transition-tactile)}.ren-menu-radio-item:before{border-radius:50%}.ren-menu-checkbox-item[aria-checked=true]:before,.ren-menu-radio-item[aria-checked=true]:before{background:var(--color-accent);border-color:var(--color-accent)}.ren-menu-checkbox-item[aria-checked=true]:after,.ren-menu-radio-item[aria-checked=true]:after{content:"";position:absolute;inset-inline-start:calc(var(--space-3, .75rem) + 4px);top:50%;transform:translateY(-50%)}.ren-menu-checkbox-item[aria-checked=true]:after{width:8px;height:4px;border-inline-start:2px solid white;border-bottom:2px solid white;transform:translateY(-55%) rotate(-45deg)}.ren-menu-radio-item[aria-checked=true]:after{width:6px;height:6px;background:#fff;border-radius:50%;transform:translateY(-50%)}@keyframes ren-menu-open{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ren-menu[data-closing]{animation:ren-menu-close var(--duration-exit) var(--ease-exit) forwards}@keyframes ren-menu-close{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}@media(prefers-reduced-motion:reduce){.ren-menu{animation:none;transition:opacity var(--duration-enter)}.ren-menu:not(.ren-open){opacity:0}.ren-menu-item{transition:background-color 0s,color 0s}.ren-menu[data-closing]{animation:none}}@supports (selector(:popover-open)){.ren-menu[popover]{visibility:visible;opacity:0;transition:opacity var(--duration-enter) var(--ease-enter),overlay var(--duration-enter) var(--ease-enter) allow-discrete,display var(--duration-enter) var(--ease-enter) allow-discrete;animation:none}@starting-style{.ren-menu[popover]:popover-open{opacity:0}}.ren-menu[popover]:popover-open{opacity:1}}.ren-menu::-webkit-scrollbar{width:6px}.ren-menu::-webkit-scrollbar-track{background:transparent}.ren-menu::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.ren-menu::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.ren-menu{min-inline-size:var(--ren-menu-width, 200px);padding:var(--ren-menu-padding, var(--space-1));border-radius:var(--ren-menu-radius, var(--radius-lg));background:var(--ren-menu-bg, var(--color-surface-overlay));border-color:var(--ren-menu-border, var(--color-border));box-shadow:var(--ren-menu-shadow, var(--shadow-lg));transition-duration:var(--ren-menu-duration, var(--duration-fast));transition-timing-function:var(--ren-menu-easing, var(--ease-out))}.ren-menu-item{min-block-size:var(--ren-menu-item-height, var(--size-md));padding:var(--ren-menu-item-padding, var(--space-2) var(--space-3));border-radius:var(--ren-menu-item-radius, var(--radius-sm))}.ren-menu-item:hover,.ren-menu-item[data-highlighted]{background:var(--ren-menu-item-hover-bg, var(--color-fill))}.ren-menu-item-danger{color:var(--ren-menu-danger-color, var(--color-danger))}.ren-select{position:relative;display:inline-flex;flex-direction:column;width:100%;font-family:inherit}.ren-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);font-size:var(--body-size);font-family:inherit;color:var(--color-text);background-color:var(--color-input-bg);border:var(--stroke-1) solid var(--color-input-border);border-radius:var(--radius-md);cursor:pointer;text-align:start;white-space:nowrap;transition:var(--transition-tactile)}.ren-select-trigger:hover:not(:disabled):not([aria-expanded=true]){background-color:var(--color-input-bg-hover)}.ren-select-trigger:focus-visible{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring);background-color:var(--color-input-bg-hover)}.ren-select-trigger[aria-expanded=true]{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring);background-color:var(--color-input-bg-hover)}.ren-select-trigger:disabled{background-color:var(--color-input-disabled-bg);color:var(--color-input-disabled-text);cursor:not-allowed;opacity:.7}.ren-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.ren-select-placeholder{color:var(--color-input-placeholder);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ren-select-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;transition:transform var(--duration-micro) var(--ease-enter);pointer-events:none}.ren-select-trigger[aria-expanded=true] .ren-select-icon{transform:rotate(180deg)}.ren-select-icon svg{width:100%;height:100%;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ren-select-content{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-1);background:var(--color-surface);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding-block:var(--space-2);max-height:15rem;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;z-index:var(--z-dropdown, 1000);visibility:hidden;opacity:0;transform:translateY(-4px) scale(.98);animation:ren-select-close var(--duration-exit) var(--ease-exit) forwards}.ren-select-content[popover]:popover-open,.ren-select-content.ren-open{visibility:visible;opacity:1;animation:ren-select-open var(--duration-enter) var(--ease-enter)}@keyframes ren-select-open{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ren-select-close{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.98)}}.ren-select-item{padding:var(--space-2) var(--space-3);display:flex;align-items:center;gap:var(--space-2);cursor:pointer;color:var(--color-text);border-radius:var(--radius-sm);transition:background-color var(--duration-micro) var(--ease-enter),color var(--duration-micro) var(--ease-enter);white-space:nowrap;user-select:none;min-height:2rem}.ren-select-item:hover:not([aria-disabled=true]),.ren-select-item[data-highlighted]{background-color:var(--color-fill);color:var(--color-text)}.ren-select-item[aria-selected=true]{background-color:var(--color-accent-subtle);color:var(--color-accent);font-weight:500}.ren-select-item[aria-selected=true]:before{content:"";flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;background:var(--color-accent);border-radius:var(--radius-sm);position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:70%}.ren-select-item[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.ren-select-group{display:block;padding-block:var(--space-1)}.ren-select-label{padding:var(--space-1) var(--space-3);font-size:var(--caption-size);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;user-select:none}.ren-select-separator{height:var(--stroke-1);background:var(--color-border);margin-block:var(--space-1)}.ren-select-empty{padding:var(--space-3) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--body-size);white-space:nowrap}.ren-select-sm .ren-select-trigger{min-height:var(--size-sm);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-sm)}.ren-select-lg .ren-select-trigger{min-height:var(--size-xl);padding:var(--space-3) var(--space-4);font-size:var(--text-lg)}.ren-select-chips{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);width:100%}.ren-select-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-fill);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text);white-space:nowrap}.ren-select-chip-remove{display:flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);width:var(--touch-min);height:var(--touch-min);cursor:pointer;color:var(--color-text-muted);transition:var(--transition-tactile)}.ren-select-chip-remove:hover{color:var(--color-text)}@media(prefers-reduced-motion:reduce){.ren-select-trigger,.ren-select-icon,.ren-select-item{transition:none}.ren-select-content{animation:none;opacity:0}.ren-select-content.ren-open{opacity:1}}.ren-select-content::-webkit-scrollbar{width:6px}.ren-select-content::-webkit-scrollbar-track{background:transparent}.ren-select-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.ren-select-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@supports (selector(:popover-open)){.ren-select-content[popover]{visibility:visible;opacity:0;transition:opacity var(--duration-enter) var(--ease-enter),overlay var(--duration-enter) var(--ease-enter) allow-discrete,display var(--duration-enter) var(--ease-enter) allow-discrete;animation:none}@starting-style{.ren-select-content[popover]:popover-open{opacity:0}}.ren-select-content[popover]:popover-open{opacity:1}}.ren-toast-viewport{position:fixed;z-index:var(--z-toast, 9999);display:flex;flex-direction:column;gap:var(--space-3);max-height:100dvh;overflow:hidden;pointer-events:none;max-width:min(420px,calc(100vw - 2rem))}.ren-toast-viewport[data-position=top-right]{top:var(--space-4);right:var(--space-4);flex-direction:column}.ren-toast-viewport[data-position=top-left]{top:var(--space-4);left:var(--space-4);flex-direction:column}.ren-toast-viewport[data-position=top-center]{top:var(--space-4);left:50%;transform:translate(-50%);flex-direction:column}.ren-toast-viewport[data-position=bottom-right]{bottom:var(--space-4);right:var(--space-4);flex-direction:column-reverse}.ren-toast-viewport[data-position=bottom-left]{bottom:var(--space-4);left:var(--space-4);flex-direction:column-reverse}.ren-toast-viewport[data-position=bottom-center]{bottom:var(--space-4);left:50%;transform:translate(-50%);flex-direction:column-reverse}.ren-toast{pointer-events:auto;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:flex-start;min-width:20rem;max-width:100%;position:relative;overflow:hidden;animation:ren-toast-fade-in var(--duration-enter) var(--ease-enter)}.ren-toast[data-closing]{animation:ren-toast-fade-out var(--duration-exit) var(--ease-exit);opacity:0}.ren-toast-viewport[data-position=top-right] .ren-toast,.ren-toast-viewport[data-position=bottom-right] .ren-toast{animation:ren-toast-slide-in-right var(--duration-enter) var(--ease-enter)}.ren-toast-viewport[data-position=top-right] .ren-toast[data-closing],.ren-toast-viewport[data-position=bottom-right] .ren-toast[data-closing]{animation:ren-toast-slide-out-right var(--duration-exit) var(--ease-exit)}.ren-toast-viewport[data-position=top-left] .ren-toast,.ren-toast-viewport[data-position=bottom-left] .ren-toast{animation:ren-toast-slide-in-left var(--duration-enter) var(--ease-enter)}.ren-toast-viewport[data-position=top-left] .ren-toast[data-closing],.ren-toast-viewport[data-position=bottom-left] .ren-toast[data-closing]{animation:ren-toast-slide-out-left var(--duration-exit) var(--ease-exit)}.ren-toast-viewport[data-position=top-center] .ren-toast,.ren-toast-viewport[data-position=bottom-center] .ren-toast{animation:ren-toast-fade-in var(--duration-enter) var(--ease-enter)}.ren-toast-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.ren-toast-body{flex:1;min-width:0}.ren-toast-title{font-weight:var(--font-weight-semibold, 600);font-size:var(--text-sm);line-height:var(--leading-5);color:var(--color-text);margin:0}.ren-toast-description{font-size:var(--text-xs);line-height:1.5;color:var(--color-text-muted);margin:var(--space-1) 0 0}.ren-toast-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.ren-toast-close{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);font-size:18px;line-height:1;transition:var(--transition-tactile)}.ren-toast-close:hover{background-color:var(--color-surface-hover);color:var(--color-text)}.ren-toast-close:active{background-color:var(--color-surface-active)}.ren-toast-success{background:color-mix(in srgb,var(--color-success-subtle) 65%,var(--color-surface-raised))}.ren-toast-success .ren-toast-icon{color:var(--color-success)}.ren-toast-error,.ren-toast-danger{background:color-mix(in srgb,var(--color-danger-subtle) 65%,var(--color-surface-raised))}.ren-toast-error .ren-toast-icon,.ren-toast-danger .ren-toast-icon{color:var(--color-danger)}.ren-toast-warning{background:color-mix(in srgb,var(--color-warning-subtle) 65%,var(--color-surface-raised))}.ren-toast-warning .ren-toast-icon{color:var(--color-warning)}.ren-toast-info{background:color-mix(in srgb,var(--color-info-subtle) 65%,var(--color-surface-raised))}.ren-toast-info .ren-toast-icon{color:var(--color-info)}.ren-toast-loading .ren-toast-icon{animation:ren-spinner-rotate var(--duration-spinner) linear infinite}.ren-toast-progress{position:absolute;bottom:0;left:0;height:2px;background-color:var(--color-accent);transition:width linear}.ren-toast[data-swiping]{transition:none}@keyframes ren-toast-slide-in-right{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes ren-toast-slide-in-left{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes ren-toast-slide-out-right{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes ren-toast-slide-out-left{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes ren-toast-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ren-toast-fade-out{0%{opacity:1}to{opacity:0}}@keyframes ren-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ren-toast,.ren-toast[data-closing],.ren-toast-viewport[data-position=top-right] .ren-toast,.ren-toast-viewport[data-position=bottom-right] .ren-toast,.ren-toast-viewport[data-position=top-left] .ren-toast,.ren-toast-viewport[data-position=bottom-left] .ren-toast,.ren-toast-viewport[data-position=top-center] .ren-toast,.ren-toast-viewport[data-position=bottom-center] .ren-toast{animation:ren-toast-fade-in var(--duration-micro) linear!important}.ren-toast[data-closing]{animation:ren-toast-fade-out var(--duration-micro) linear!important}.ren-toast-loading .ren-toast-icon{animation:none;opacity:.6}}@media(max-width:640px){.ren-toast-viewport{max-width:calc(100vw - 1rem);bottom:var(--space-3);left:var(--space-2);right:var(--space-2);width:auto}.ren-toast-viewport[data-position=top-right],.ren-toast-viewport[data-position=top-left],.ren-toast-viewport[data-position=top-center]{bottom:auto;left:var(--space-2);right:var(--space-2);width:auto;transform:none}.ren-toast-viewport[data-position=bottom-right],.ren-toast-viewport[data-position=bottom-left],.ren-toast-viewport[data-position=bottom-center]{bottom:var(--space-3);left:var(--space-2);right:var(--space-2);width:auto;transform:none}.ren-toast{min-width:unset;width:100%}}.ren-toast{inline-size:var(--ren-toast-width, 360px);padding:var(--ren-toast-padding, var(--space-4));border-radius:var(--ren-toast-radius, var(--radius-lg));background:var(--ren-toast-bg, var(--color-surface-raised));border-color:var(--ren-toast-border, var(--color-border));box-shadow:var(--ren-toast-shadow, var(--shadow-lg));gap:var(--ren-toast-gap, var(--space-3));animation-duration:var(--ren-toast-anim-duration, var(--duration-normal));animation-timing-function:var(--ren-toast-easing, var(--ease-out))}@media(any-pointer:coarse),(pointer:coarse){.ren-toast-close{min-inline-size:var(--touch-min);min-block-size:var(--touch-min)}}.ren-slider{display:flex;flex-direction:column;gap:var(--space-1)}.ren-slider-track{position:relative;display:flex;align-items:center;width:100%;height:20px;cursor:pointer}.ren-slider-track input[type=range]{appearance:none;-webkit-appearance:none;width:100%;height:6px;border-radius:var(--radius-full);background:var(--color-fill-active);outline:none;margin:0;padding:0;background:linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--value, 0%),var(--color-fill-active) var(--value, 0%),var(--color-fill-active) 100%);::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:2px solid white;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-tactile);&:hover{transform:scale(1.1)}&:active{transform:scale(.95)}}::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:2px solid white;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-tactile);&:hover{transform:scale(1.1)}&:active{transform:scale(.95)}}::-webkit-slider-thumb:focus-visible,::-moz-range-thumb:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&:disabled{opacity:.5;cursor:not-allowed;::-webkit-slider-thumb,::-moz-range-thumb{cursor:not-allowed}}}.ren-slider-label{font-size:var(--font-size-label);font-weight:500;color:var(--color-text)}.ren-slider-value{font-size:var(--font-size-body-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ren-slider-marks{display:flex;justify-content:space-between;gap:0;width:100%;margin-top:var(--space-1);.ren-slider-mark{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;.ren-slider-mark-tick{width:2px;height:6px;background:var(--color-fill-subtle);border-radius:1px;margin-bottom:var(--space-0-5)}.ren-slider-mark-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}}}.ren-slider-track{&.ren-slider-sm input[type=range]{height:4px;background:linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--value, 0%),var(--color-fill-active) var(--value, 0%),var(--color-fill-active) 100%);::-webkit-slider-thumb{width:16px;height:16px}::-moz-range-thumb{width:16px;height:16px}}&.ren-slider-lg input[type=range]{height:8px;background:linear-gradient(to right,var(--color-accent) 0%,var(--color-accent) var(--value, 0%),var(--color-fill-active) var(--value, 0%),var(--color-fill-active) 100%);::-webkit-slider-thumb{width:24px;height:24px}::-moz-range-thumb{width:24px;height:24px}}}.ren-slider-track{&.ren-slider-success input[type=range]{background:linear-gradient(to right,var(--color-success) 0%,var(--color-success) var(--value, 0%),var(--color-fill-active) var(--value, 0%),var(--color-fill-active) 100%);::-webkit-slider-thumb{background:var(--color-success)}::-moz-range-thumb{background:var(--color-success)}}&.ren-slider-warning input[type=range]{background:linear-gradient(to right,var(--color-warning) 0%,var(--color-warning) var(--value, 0%),var(--color-fill-active) var(--value, 0%),var(--color-fill-active) 100%);::-webkit-slider-thumb{background:var(--color-warning)}::-moz-range-thumb{background:var(--color-warning)}}&.ren-slider-danger input[type=range]{background:linear-gradient(to right,var(--color-danger) 0%,var(--color-danger) var(--value, 0%),var(--color-fill-active) var(--value, 0%),var(--color-fill-active) 100%);::-webkit-slider-thumb{background:var(--color-danger)}::-moz-range-thumb{background:var(--color-danger)}}}.ren-slider-track{&.ren-slider-vertical{width:auto;height:200px;writing-mode:vertical-lr;& input[type=range]{width:auto;height:200px;writing-mode:vertical-lr;direction:rtl}}}.ren-slider-range{position:relative;display:flex;align-items:center;width:100%;height:20px;cursor:pointer;.ren-slider-track-input{position:absolute;width:100%;height:6px;border-radius:var(--radius-full);background:linear-gradient(to right,var(--color-fill-active) 0 var(--value-start, 0%),var(--ren-slider-fill-color, var(--color-accent)) var(--value-start, 0%) var(--value-end, 100%),var(--color-fill-active) var(--value-end, 100%) 100%);pointer-events:none;margin:0;padding:0}& input[type=range]{position:absolute;inset:0;width:100%;z-index:var(--z-control);margin:0;padding:0;appearance:none;-webkit-appearance:none;background:none;height:20px;border-radius:var(--radius-full);outline:none;pointer-events:none;&::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:2px solid white;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-tactile);z-index:calc(var(--z-control) + var(--z-raised));pointer-events:auto;&:hover{transform:scale(1.1)}&:active{transform:scale(.95)}}&::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-accent);border:2px solid white;box-shadow:var(--shadow-sm);cursor:pointer;transition:var(--transition-tactile);z-index:calc(var(--z-control) + var(--z-raised));pointer-events:auto;&:hover{transform:scale(1.1)}&:active{transform:scale(.95)}}}}@media(prefers-reduced-motion:reduce){.ren-slider,.ren-slider *{animation-duration:0ms!important;transition-duration:0ms!important}}.ren-slider-track input[type=range]{block-size:var(--ren-slider-track-height, 6px);border-radius:var(--ren-slider-track-radius, var(--radius-full));background:var(--ren-slider-track-bg, var(--color-fill-active));transition-duration:var(--ren-slider-duration, var(--duration-fast));transition-timing-function:var(--ren-slider-easing, var(--ease-out))}.ren-slider-track input[type=range]::-webkit-slider-thumb{inline-size:var(--ren-slider-thumb-size, 20px);block-size:var(--ren-slider-thumb-size, 20px);background:var(--ren-slider-thumb-bg, var(--color-surface));border-color:var(--ren-slider-thumb-border, var(--color-accent));box-shadow:var(--ren-slider-thumb-shadow, var(--shadow-sm))}.ren-slider-track input[type=range]::-moz-range-thumb{inline-size:var(--ren-slider-thumb-size, 20px);block-size:var(--ren-slider-thumb-size, 20px);background:var(--ren-slider-thumb-bg, var(--color-surface));border-color:var(--ren-slider-thumb-border, var(--color-accent));box-shadow:var(--ren-slider-thumb-shadow, var(--shadow-sm))}.ren-slider-track input[type=range]{background-image:linear-gradient(to right,var(--ren-slider-fill-color, var(--color-accent)) 0%,var(--ren-slider-fill-color, var(--color-accent)) var(--value, 0%),var(--ren-slider-track-bg, var(--color-fill-active)) var(--value, 0%),var(--ren-slider-track-bg, var(--color-fill-active)) 100%)}.ren-toggle-group{display:inline-flex;gap:var(--space-0-5);background:var(--color-fill);border-radius:var(--radius-lg);padding:2px;align-items:center;.ren-toggle-group-item{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-label);color:var(--color-text-muted);cursor:pointer;min-height:calc(var(--touch-min, 44px) - 4px);display:flex;align-items:center;justify-content:center;gap:var(--space-1);transition:var(--transition-tactile);user-select:none;border:none;background:transparent;font-family:inherit;font-weight:400;white-space:nowrap;&:hover:not([aria-pressed=true]){color:var(--color-text)}&[aria-pressed=true],&[data-state=on]{background:var(--color-surface);color:var(--color-text);font-weight:500;box-shadow:var(--shadow-sm)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}}}.ren-toggle-group.ren-toggle-group-outline{background:transparent;padding:0;gap:var(--space-1);.ren-toggle-group-item{border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);&:hover:not([aria-pressed=true]){border-color:var(--color-border-strong);color:var(--color-text)}&[aria-pressed=true],&[data-state=on]{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,transparent);color:var(--color-accent);font-weight:500;box-shadow:none}}}.ren-toggle-group{&.ren-toggle-group-sm{gap:1px;padding:1px;.ren-toggle-group-item{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-xs);min-height:calc(var(--touch-min, 44px) - 12px)}}&.ren-toggle-group-lg{gap:var(--space-1);padding:var(--space-0-5);.ren-toggle-group-item{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);min-height:calc(var(--touch-min, 44px) + 4px)}}}.ren-toggle-group.ren-toggle-group-full{display:flex;width:100%;.ren-toggle-group-item{flex:1}}.ren-toggle-group.ren-toggle-group-vertical{flex-direction:column;display:inline-flex;&.ren-toggle-group-full{display:flex;width:100%}}.ren-toggle-group-item{[role=img],svg{width:1em;height:1em;display:inline-block;vertical-align:middle}}@media(prefers-reduced-motion:reduce){.ren-toggle-group-item{transition:none}}.ren-toggle-group{min-block-size:var(--ren-toggle-height, var(--size-lg));padding-inline:var(--ren-toggle-padding-x, var(--space-4));font-size:var(--ren-toggle-font-size, var(--label-size));font-weight:var(--ren-toggle-font-weight, var(--label-weight));border-radius:var(--ren-toggle-radius, var(--radius-md));background:var(--ren-toggle-bg, var(--color-fill));color:var(--ren-toggle-color, var(--color-text-muted))}.ren-toggle-group [aria-pressed=true],.ren-toggle-group [data-state=on]{background:var(--ren-toggle-active-bg, var(--color-surface));color:var(--ren-toggle-active-color, var(--color-text))}@media(any-pointer:coarse),(pointer:coarse){.ren-toggle-group.ren-toggle-group-sm .ren-toggle-group-item,.ren-toggle-group .ren-toggle-group-item{min-inline-size:var(--touch-min);min-block-size:var(--touch-min)}}.ren-combobox{position:relative;display:block;width:100%;.ren-combobox-input{width:100%;padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-family:inherit;font-size:var(--text-sm);line-height:var(--leading-5);color:var(--color-text);transition:var(--transition-tactile);&::placeholder{color:var(--color-text-muted)}&:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}&:disabled{background:var(--color-fill);color:var(--color-text-muted);cursor:not-allowed}&::-webkit-search-cancel-button,&::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}}.ren-combobox-list{position:absolute;inset-inline:0;top:calc(100% + var(--space-1));z-index:var(--z-popover);max-height:15rem;padding-block:var(--space-1);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-fill-active) transparent;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:var(--color-fill-active);border-radius:var(--radius-full)}&::-webkit-scrollbar-thumb:hover{background:var(--color-fill-hover)}&[hidden]{display:none}@starting-style{opacity:0;translate:0 -4px}animation:ren-combobox-open var(--duration-enter) var(--ease-enter);@media(prefers-reduced-motion:reduce){animation:none}}&[data-side=top] .ren-combobox-list,.ren-combobox-list[data-side=top]{top:auto;bottom:calc(100% + var(--space-1))}&[data-side=bottom] .ren-combobox-list,.ren-combobox-list[data-side=bottom]{top:calc(100% + var(--space-1));bottom:auto}.ren-combobox-item{padding:var(--space-2) var(--space-3);cursor:pointer;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--space-0-5, 2px);font-size:var(--text-sm);color:var(--color-text);transition:background-color var(--duration-micro) var(--ease-enter);&[hidden]{display:none}&[data-highlighted]{background:var(--color-fill)}&[aria-selected=true]{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:500}&[aria-disabled=true]{opacity:.5;cursor:not-allowed;&:hover,&[data-highlighted]{background:transparent}}}.ren-combobox-item-label{font-weight:500;color:var(--color-text)}.ren-combobox-item-description{font-size:var(--text-xs);color:var(--color-text-muted)}.ren-combobox-empty{padding:var(--space-8) var(--space-3);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);&[hidden]{display:none}}.ren-combobox-loading{padding:var(--space-3);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);&[hidden]{display:none}&:before{content:"";display:inline-block;width:.875rem;height:.875rem;margin-inline-end:var(--space-2);vertical-align:-2px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:var(--radius-full);animation:ren-combobox-spin var(--duration-slow) linear infinite;@media(prefers-reduced-motion:reduce){animation:none}}}.ren-combobox-group{+&{margin-top:var(--space-1);border-top:1px solid var(--color-border);padding-top:var(--space-1)}&[hidden]{display:none}}.ren-combobox-group-label{padding:var(--space-2) var(--space-3);padding-bottom:var(--space-1);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}}@keyframes ren-combobox-open{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}@keyframes ren-combobox-spin{to{transform:rotate(360deg)}}ren-sheet{display:contents}.ren-sheet:not([open]){display:none}.ren-sheet{position:fixed;margin:0;padding:0;border:none;background:var(--color-surface);color:var(--color-text);border-radius:0;display:flex;flex-direction:column;z-index:var(--z-modal);max-width:100%;max-height:100%;touch-action:none;&[data-side=right]{inset-inline-end:0;top:0;bottom:0;width:min(24rem,90vw);height:100dvh;@starting-style{translate:100% 0}translate:0 0}&[data-side=left]{inset-inline-start:0;top:0;bottom:0;width:min(24rem,90vw);height:100dvh;@starting-style{translate:-100% 0}translate:0 0}&[data-side=bottom]{bottom:0;inset-inline:0;width:100vw;max-height:85dvh;@starting-style{translate:0 100%}translate:0 0}&[data-side=top]{top:0;inset-inline:0;width:100vw;max-height:85dvh;@starting-style{translate:0 -100%}translate:0 0}&.-sm{width:min(18rem,90vw)}&.-md{width:min(24rem,90vw)}&.-lg{width:min(32rem,90vw)}&.-xl{width:min(42rem,90vw)}&.-full{width:100vw;height:100dvh}transition:translate var(--duration-enter) var(--ease-enter),opacity var(--duration-enter) var(--ease-enter);transition-behavior:allow-discrete;@media(prefers-reduced-motion:reduce){transition:none;@starting-style{opacity:0}opacity:1}&[data-side=right]{box-shadow:-12px 0 32px #0000001f}&[data-side=left]{box-shadow:12px 0 32px #0000001f}&[data-side=bottom]{box-shadow:0 -12px 32px #0000001f}&[data-side=top]{box-shadow:0 12px 32px #0000001f}&[open]::backdrop{animation:ren-sheet-backdrop-open var(--duration-enter) var(--ease-enter) forwards}&::backdrop{@starting-style{opacity:0}opacity:1;background:var(--color-overlay);backdrop-filter:blur(4px);animation:ren-sheet-backdrop-close var(--duration-exit) var(--ease-exit) forwards}&:modal::backdrop{background:var(--color-overlay);backdrop-filter:blur(4px)}}.ren-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);padding-block:var(--space-4);border-bottom:1px solid var(--color-border)}.ren-sheet-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0}.ren-sheet-description{font-size:var(--text-sm);color:var(--color-text-muted);margin:var(--space-2) 0 0 0}.ren-sheet-close{display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);padding:0;border:none;background:transparent;cursor:pointer;font-size:1.5rem;color:var(--color-text-muted);transition:var(--transition-tactile);&:hover{color:var(--color-text)}&:active{color:var(--color-text-muted)}}.ren-sheet-body{flex:1;padding:var(--space-6);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--color-fill-active) transparent;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:var(--color-fill-active);border-radius:var(--radius-full)}&::-webkit-scrollbar-thumb:hover{background:var(--color-fill-hover)}}.ren-sheet-footer{display:flex;gap:var(--space-3);padding:var(--space-6);padding-block:var(--space-4);border-top:1px solid var(--color-border)}.ren-sheet-handle{display:flex;align-items:center;justify-content:center;width:100%;height:var(--space-3);margin-bottom:var(--space-4);&:before{content:"";display:block;width:40px;height:4px;background:var(--color-fill);border-radius:var(--radius-full)}}@keyframes ren-sheet-backdrop-open{0%{opacity:0}to{opacity:1}}@keyframes ren-sheet-backdrop-close{0%{opacity:1}to{opacity:0}}.ren-sheet{width:var(--ren-sheet-width, 320px);padding:var(--ren-sheet-padding, var(--space-6));border-radius:var(--ren-sheet-radius, 0);background:var(--ren-sheet-bg, var(--color-surface-overlay));border-color:var(--ren-sheet-border, var(--color-border));box-shadow:var(--ren-sheet-shadow, var(--shadow-xl));transition-duration:var(--ren-sheet-duration, var(--duration-normal));transition-timing-function:var(--ren-sheet-easing, var(--ease-out))}.ren-sheet::backdrop{background:var(--ren-sheet-backdrop, var(--color-overlay))}.ren-hover-card{position:absolute;position-area:bottom span-all;inset:auto;margin-block-start:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-4);max-width:20rem;min-width:15rem;z-index:var(--z-popover);&:popover-open{animation:ren-hover-card-in var(--duration-enter) var(--ease-enter) both}&:before{content:"";position:absolute;width:8px;height:8px;background:inherit;border:inherit;border-inline-end:none;border-bottom:none;transform:rotate(45deg);z-index:var(--z-behind);top:-4px;left:50%;margin-inline-start:-4px}@supports not ((anchor-name: --ren-anchor) and (position-anchor: --ren-anchor) and (position-area: bottom span-all)){position:fixed;top:auto;left:auto}@supports (position-try-fallbacks: flip-block){position-try-fallbacks:flip-block}}@starting-style{.ren-hover-card:popover-open{opacity:0;translate:0 -4px}}@keyframes ren-hover-card-in{0%{opacity:0;translate:0 -4px}to{opacity:1;translate:0 0}}.ren-hover-card-header{margin-bottom:var(--space-3);& h3,h4{margin:0 0 var(--space-0-5) 0;font-size:var(--font-size-body);font-weight:600;color:var(--color-text)}& p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}}.ren-hover-card-body{margin-bottom:var(--space-3);font-size:var(--font-size-body-sm);color:var(--color-text);line-height:1.5;:last-child{margin-bottom:0}}.ren-hover-card-footer{display:flex;gap:var(--space-2);align-items:center;& button,a{font-size:var(--font-size-body-sm);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-tactile);&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}}}@media(prefers-reduced-motion:reduce){.ren-hover-card{&:popover-open{animation:none;opacity:1;translate:0 0}&:before{display:none}}}@media(max-width:640px){.ren-hover-card{max-width:calc(100vw - var(--space-4));min-width:auto;width:calc(100vw - var(--space-4))}}.ren-hover-card.ren-hover-card-loading{pointer-events:none;.ren-hover-card-body{opacity:.6}}.ren-hover-card.ren-hover-card-disabled{display:none}.ren-hover-card{&.ren-hover-card-sm{padding:var(--space-2);max-width:15rem;min-width:12rem;.ren-hover-card-header{margin-bottom:var(--space-2);& h3,h4{font-size:var(--font-size-body-sm);margin-bottom:var(--space-0-25)}}.ren-hover-card-body{margin-bottom:var(--space-2);font-size:var(--font-size-xs)}}&.ren-hover-card-lg{padding:var(--space-5);max-width:25rem;min-width:18rem;.ren-hover-card-header{margin-bottom:var(--space-4);& h3,h4{font-size:var(--font-size-body)}}.ren-hover-card-body{margin-bottom:var(--space-4);font-size:var(--font-size-body)}}}.ren-hover-card a{color:var(--color-accent);text-decoration:underline;transition:var(--transition-tactile);&:hover{color:var(--color-accent-strong)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}}.ren-scroll-area{position:relative;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-fill-active) transparent;transition:scrollbar-color var(--duration-enter) var(--ease-enter);&:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:var(--ring-offset-width)}&::-webkit-scrollbar{width:8px;height:8px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background:var(--color-fill-active);border-radius:var(--radius-full);border:2px solid transparent;background-clip:content-box;transition:var(--transition-tactile)}&::-webkit-scrollbar-thumb:hover{background-color:var(--color-fill-hover);background-clip:content-box}&::-webkit-scrollbar-corner{background:transparent}&:hover{scrollbar-color:var(--color-fill-hover) transparent}&.-auto{scrollbar-width:none;&::-webkit-scrollbar{display:none}&:is(:hover,:focus-within){scrollbar-width:thin;scrollbar-color:var(--color-fill-active) transparent;&::-webkit-scrollbar{display:block}}}&.-always{scrollbar-width:thin;scrollbar-color:var(--color-fill-active) transparent;&::-webkit-scrollbar{display:block}}&.-hidden{scrollbar-width:none;&::-webkit-scrollbar{display:none}}&.-x{overflow-x:auto;overflow-y:hidden}&.-y{overflow-x:hidden;overflow-y:auto}&.-fade{position:relative;&:before{content:"";position:absolute;top:0;left:0;right:0;height:20px;pointer-events:none;background:linear-gradient(to bottom,var(--color-surface) 0%,transparent 100%);z-index:var(--z-dropdown)}&:after{content:"";position:absolute;bottom:0;left:0;right:0;height:20px;pointer-events:none;background:linear-gradient(to top,var(--color-surface) 0%,transparent 100%);z-index:var(--z-dropdown)}}&.-fade-x{position:relative;&:before{content:"";position:absolute;top:0;left:0;bottom:0;width:20px;pointer-events:none;background:linear-gradient(to right,var(--color-surface) 0%,transparent 100%);z-index:var(--z-dropdown)}&:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;pointer-events:none;background:linear-gradient(to left,var(--color-surface) 0%,transparent 100%);z-index:var(--z-dropdown)}}&[--scroll-max]{max-height:var(--scroll-max, 20rem)}scroll-behavior:smooth;@media(prefers-reduced-motion:reduce){scroll-behavior:auto}}.ren-scroll-area-sm{max-height:12rem}.ren-scroll-area-md{max-height:20rem}.ren-scroll-area-lg{max-height:30rem}.ren-scroll-area-xl{max-height:40rem}.ren-scroll-area-full{height:100%;max-height:none}.ren-number-field{display:inline-flex;align-items:center;gap:0;border:var(--stroke-1) solid var(--color-input-border);border-radius:var(--radius-md);background-color:var(--color-input-bg);transition:var(--transition-tactile);&:has(.ren-number-field-input:focus){border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring);background-color:var(--color-input-bg-hover)}&:hover:not(:has(:disabled)){background-color:var(--color-input-bg-hover)}&:has(:disabled){background-color:var(--color-disabled-bg);border-color:var(--color-border);cursor:not-allowed;opacity:.7}}.ren-number-field-decrement,.ren-number-field-increment{display:flex;align-items:center;justify-content:center;min-width:var(--touch-min);height:var(--touch-min);padding:0 var(--space-2);background:transparent;border:none;color:var(--color-text);cursor:pointer;font-size:var(--text-lg);font-weight:600;font-family:var(--font-mono);transition:var(--transition-tactile);&:focus{outline:none}&:hover:not(:disabled){background-color:var(--color-fill-hover)}&:active:not(:disabled){background-color:var(--color-fill-active)}&:disabled{color:var(--color-disabled-text);cursor:not-allowed;opacity:.5}}.ren-number-field-decrement{border-inline-end:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-md) 0 0 var(--radius-md);&:before{content:"−"}}.ren-number-field-increment{border-inline-start:var(--stroke-1) solid var(--color-border);border-radius:0 var(--radius-md) var(--radius-md) 0;&:before{content:"+"}}.ren-number-field-input{flex:1;min-width:3rem;padding:var(--space-2) var(--space-3);font-size:var(--body-size);font-family:var(--font-mono);font-weight:500;color:var(--color-text);text-align:center;background:transparent;border:none;outline:none;cursor:text;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}&[type=number]{-moz-appearance:textfield}&::placeholder{color:var(--color-input-placeholder)}&:disabled{cursor:not-allowed;color:var(--color-disabled-text)}}.ren-number-field-sm{height:var(--size-sm);border-radius:var(--radius-sm);.ren-number-field-decrement,.ren-number-field-increment{min-width:var(--size-sm);height:var(--size-sm);padding:0 var(--space-1);font-size:var(--text-sm)}.ren-number-field-decrement{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.ren-number-field-increment{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ren-number-field-input{padding:var(--space-1) var(--space-2);font-size:var(--text-sm)}}.ren-number-field-lg{height:var(--size-lg);border-radius:var(--radius-lg);.ren-number-field-decrement,.ren-number-field-increment{min-width:var(--size-lg);height:var(--size-lg);padding:0 var(--space-3);font-size:var(--text-lg)}.ren-number-field-decrement{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.ren-number-field-increment{border-radius:0 var(--radius-lg) var(--radius-lg) 0}.ren-number-field-input{padding:var(--space-3) var(--space-4);font-size:var(--text-lg)}}.ren-number-field[data-invalid]{border-color:var(--color-danger);&:focus-within{box-shadow:0 0 0 3px var(--color-input-danger-ring)}}.ren-number-field[data-valid]{border-color:var(--color-success);&:focus-within{box-shadow:0 0 0 3px var(--color-input-success-ring)}}@media(prefers-reduced-motion:reduce){.ren-number-field,.ren-number-field-decrement,.ren-number-field-increment{transition:none}}.ren-otp{container-type:inline-size;container-name:ren-otp;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ren-otp-slot{display:flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);padding:0;font-size:var(--text-lg);font-family:var(--font-mono);font-weight:600;color:var(--color-text);background-color:var(--color-input-bg);border:var(--stroke-1) solid var(--color-input-border);border-radius:var(--radius-md);outline:none;cursor:text;caret-color:var(--color-accent);text-align:center;transition:var(--transition-tactile);&::placeholder{color:var(--color-input-placeholder)}&:hover:not(:disabled):not(:focus){background-color:var(--color-input-bg-hover)}&:focus{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring);background-color:var(--color-input-bg-hover)}&[data-filled]{background-color:var(--color-fill);border-color:var(--color-input-border)}&:disabled{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed;opacity:.7;border-color:var(--color-border)}}.ren-otp-separator{display:flex;align-items:center;justify-content:center;width:auto;height:var(--touch-min);padding:0 var(--space-1);color:var(--color-text-muted);font-size:var(--text-lg);font-weight:300;user-select:none;pointer-events:none}.ren-otp[data-invalid] .ren-otp-slot{border-color:var(--color-danger);&:focus{box-shadow:0 0 0 3px var(--color-input-danger-ring);border-color:var(--color-danger)}}.ren-otp[data-valid] .ren-otp-slot{border-color:var(--color-success);&:focus{box-shadow:0 0 0 3px var(--color-input-success-ring);border-color:var(--color-success)}}.ren-otp-sm{gap:var(--space-1);.ren-otp-slot{width:var(--size-sm);height:var(--size-sm);font-size:var(--text-sm);border-radius:var(--radius-sm)}.ren-otp-separator{height:var(--size-sm);font-size:var(--text-sm)}}.ren-otp-lg{gap:var(--space-3);.ren-otp-slot{width:var(--size-lg);height:var(--size-lg);font-size:var(--body-size);border-radius:var(--radius-lg)}.ren-otp-separator{height:var(--size-lg);font-size:var(--body-size)}}.ren-otp-slot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ren-otp[disabled] .ren-otp-slot{cursor:not-allowed;opacity:.6}@media(prefers-reduced-motion:reduce){.ren-otp-slot{transition:none}}@container ren-otp (max-width: 360px){.ren-otp{gap:var(--space-1);.ren-otp-slot{width:var(--size-sm);height:var(--size-sm);font-size:var(--text-sm)}.ren-otp-separator{height:var(--size-sm);font-size:var(--text-sm);padding:0 var(--space-0-5)}}}.ren-calendar{container-type:inline-size;container-name:ren-calendar;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-4);font-family:inherit}.ren-calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-2)}.ren-calendar-title{font-size:var(--body-size);font-weight:var(--label-weight);color:var(--color-text);flex:1;text-align:center;min-width:150px;white-space:nowrap}.ren-calendar-nav{display:flex;gap:var(--space-1)}.ren-calendar-nav button{width:var(--touch-min);height:var(--touch-min);min-width:var(--touch-min);min-height:var(--touch-min);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:var(--transition-tactile);position:relative;&:hover{background:var(--color-fill)}&:active{background:var(--color-fill-active)}&:disabled{color:var(--color-text-muted);cursor:not-allowed}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&.ren-calendar-prev:before{content:"‹";font-size:1.5em;font-weight:700}&.ren-calendar-next:before{content:"›";font-size:1.5em;font-weight:700}}.ren-calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin-bottom:var(--space-2);font-size:var(--label-size);font-weight:var(--label-weight);color:var(--color-text-muted);text-align:center}.ren-calendar-weekday{padding:var(--space-2) var(--space-1);text-transform:uppercase;letter-spacing:.5px}.ren-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1)}.ren-calendar-grid>.ren-calendar-weekdays,.ren-calendar-grid>.ren-calendar-week{display:contents}.ren-calendar-grid>.ren-calendar-weekdays>.ren-calendar-weekday{margin-block-end:var(--space-1)}.ren-calendar-day{display:flex;align-items:center;justify-content:center;min-width:var(--touch-min);min-height:var(--touch-min);width:100%;aspect-ratio:1;padding:var(--space-0-5);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--body-size);cursor:pointer;transition:var(--transition-tactile);position:relative;&:not([disabled]):hover{background:var(--color-fill)}&:not([disabled]):active{background:var(--color-fill-active)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&[aria-selected=true]{background:var(--color-accent);color:var(--color-on-accent);font-weight:600}&[data-today]{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600;box-shadow:inset 0 0 0 2px var(--color-accent)}&[data-today][aria-selected=true]{background:var(--color-accent);color:var(--color-on-accent);box-shadow:none}&[data-outside]{color:var(--color-text-faint);pointer-events:none}&[disabled]{color:var(--color-text-muted);cursor:not-allowed}&.ren-calendar-day-range-start{background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);&:after{content:"";position:absolute;right:-4px;top:0;bottom:0;width:50%;background:var(--color-accent-subtle);z-index:var(--z-behind)}}&.ren-calendar-day-range-end{background:var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);&:before{content:"";position:absolute;left:-4px;top:0;bottom:0;width:50%;background:var(--color-accent-subtle);z-index:var(--z-behind)}}&.ren-calendar-day-in-range{background:var(--color-accent-subtle);color:var(--color-text);border-radius:0}}@keyframes ren-calendar-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ren-calendar-grid{animation:ren-calendar-fade-in var(--duration-enter) var(--ease-enter)}@media(prefers-reduced-motion:reduce){.ren-calendar-grid{animation:none}.ren-calendar-nav button,.ren-calendar-day{transition:none}}.ren-calendar-sm{padding:var(--space-3);.ren-calendar-header{margin-bottom:var(--space-3)}.ren-calendar-title{font-size:var(--label-size)}.ren-calendar-nav button{width:36px;height:36px;min-width:36px;min-height:36px}.ren-calendar-weekday{font-size:var(--caption-size)}.ren-calendar-day{font-size:var(--label-size);min-width:36px;min-height:36px}}.ren-calendar-lg{padding:var(--space-6);.ren-calendar-header{margin-bottom:var(--space-6);gap:var(--space-4)}.ren-calendar-title{font-size:1.25rem}.ren-calendar-nav button{width:52px;height:52px;min-width:52px;min-height:52px;font-size:1.25rem}.ren-calendar-weekdays{margin-bottom:var(--space-4)}.ren-calendar-grid>.ren-calendar-weekdays>.ren-calendar-weekday{margin-block-end:var(--space-2)}.ren-calendar-grid{gap:var(--space-2)}.ren-calendar-day{font-size:1.125rem;min-width:52px;min-height:52px}}@container ren-calendar (max-width: 320px){.ren-calendar{padding:var(--space-3)}.ren-calendar-grid{gap:var(--space-0-5)}.ren-calendar-day{min-width:32px;min-height:32px;font-size:var(--label-size)}.ren-calendar-nav button{width:40px;height:40px;min-width:40px;min-height:40px}}.ren-calendar{inline-size:var(--ren-calendar-width, 280px);border-radius:var(--ren-calendar-radius, var(--radius-lg));background:var(--ren-calendar-bg, var(--color-surface));border-color:var(--ren-calendar-border, var(--color-border))}.ren-calendar [data-day],.ren-calendar-day{inline-size:var(--ren-calendar-day-size, var(--size-md));block-size:var(--ren-calendar-day-size, var(--size-md))}.ren-calendar [data-today]{background:var(--ren-calendar-today-bg, var(--color-accent-subtle))}.ren-calendar [aria-selected=true],.ren-calendar [data-selected]{background:var(--ren-calendar-selected-bg, var(--color-accent));color:var(--ren-calendar-selected-color, var(--color-on-accent))}.ren-calendar [data-range],.ren-calendar-range{background:var(--ren-calendar-range-bg, var(--color-accent-subtle))}@media(any-pointer:coarse),(pointer:coarse){.ren-calendar{inline-size:max(var(--ren-calendar-width),calc(7 * (var(--touch-min) + var(--stroke-1)) + var(--space-4) + 2 * var(--stroke-1)));padding:var(--space-2);flex-shrink:0}.ren-calendar-grid,.ren-calendar-weekdays{gap:var(--space-0)}.ren-calendar .ren-calendar-nav button,.ren-calendar .ren-calendar-day{inline-size:calc(var(--touch-min) + var(--stroke-1));block-size:calc(var(--touch-min) + var(--stroke-1));min-inline-size:calc(var(--touch-min) + var(--stroke-1));min-block-size:calc(var(--touch-min) + var(--stroke-1))}}.ren-date-picker{display:inline-flex;flex-direction:column;width:100%;max-width:100%;position:relative}.ren-date-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--body-size);font-family:inherit;cursor:pointer;transition:var(--transition-tactile);min-height:var(--touch-min);&:hover:not([disabled]){border-color:var(--color-border-strong)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}&[disabled]{background:var(--color-fill);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}&::placeholder{color:var(--color-text-muted)}&:after{content:"📅";font-size:1.25em;flex-shrink:0;pointer-events:none}}.ren-date-picker-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ren-date-picker-trigger.ren-date-picker-empty{color:var(--color-text-muted);.ren-date-picker-value{display:none}&:before{content:attr(data-placeholder);color:var(--color-text-muted)}}.ren-date-picker-dropdown{position:absolute;position-area:bottom span-all;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;inset:auto;margin:0;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-popover);max-width:400px;&[popover]{padding:0;margin:0}&:popover-open{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:ren-date-picker-popup-in var(--duration-enter) var(--ease-enter) both}}.ren-date-picker-dropdown[data-side=bottom],.ren-date-picker-dropdown:not([data-side]){position-area:bottom span-all;margin-block-start:var(--space-2);margin-block-end:0;margin-inline:0}.ren-date-picker-dropdown[data-side=top]{position-area:top span-all;margin-block-start:0;margin-block-end:var(--space-2);margin-inline:0}.ren-date-picker-dropdown[data-side=right]{position-area:right span-all;margin-block:0;margin-inline-start:var(--space-2);margin-inline-end:0}.ren-date-picker-dropdown[data-side=left]{position-area:left span-all;margin-block:0;margin-inline-start:0;margin-inline-end:var(--space-2)}@supports not ((anchor-name: --ren-anchor) and (position-anchor: --ren-anchor) and (position-area: bottom span-all)){.ren-date-picker-dropdown{position:fixed;top:auto;left:auto}}@starting-style{.ren-date-picker-dropdown:popover-open{opacity:0;translate:0 -8px}}@keyframes ren-date-picker-popup-in{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}.ren-date-picker-dropdown .ren-calendar{border:none;box-shadow:none;background:var(--color-surface-raised);padding:var(--space-3)}.ren-date-picker-presets{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.ren-date-picker-preset{padding:var(--space-1-5) var(--space-3);background:var(--color-fill);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--label-size);font-weight:var(--label-weight);cursor:pointer;transition:var(--transition-tactile);&:hover{background:var(--color-fill-hover);border-color:var(--color-border-strong)}&:active{background:var(--color-fill-active)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&[disabled]{opacity:.5;cursor:not-allowed}}.ren-date-picker.ren-date-picker-range .ren-date-picker-value:after{content:" → ";margin:0 var(--space-1)}.ren-date-picker[disabled]{opacity:.6;pointer-events:none;.ren-date-picker-trigger{cursor:not-allowed}}@media(prefers-reduced-motion:reduce){.ren-date-picker-dropdown:popover-open{animation:none;opacity:1;translate:0 0}.ren-date-picker-dropdown{transition:none}}@media(max-width:480px){.ren-date-picker-dropdown{position:fixed!important;inset:auto 0 0!important;max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:80vh;overflow-y:auto;&:popover-open{animation:ren-date-picker-mobile-in var(--duration-enter) var(--ease-enter) both}}@starting-style{.ren-date-picker-dropdown:popover-open{translate:0 100%;opacity:0}}}@keyframes ren-date-picker-mobile-in{0%{translate:0 100%;opacity:0}to{translate:0 0;opacity:1}}.ren-date-picker.ren-date-picker-error{.ren-date-picker-trigger{border-color:var(--color-danger);&:focus-visible{outline-color:var(--color-danger);border-color:var(--color-danger)}}}.ren-date-picker.ren-date-picker-success{.ren-date-picker-trigger{border-color:var(--color-success);&:focus-visible{outline-color:var(--color-success);border-color:var(--color-success)}}}.ren-date-picker{input[type=hidden]{display:none}}.ren-date-range-picker{display:inline-flex;flex-direction:column;width:100%;max-width:100%;position:relative}.ren-date-range-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--body-size);font-family:inherit;cursor:pointer;transition:var(--transition-tactile);min-height:var(--touch-min);&:hover:not([disabled]){border-color:var(--color-border-strong)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}&[disabled]{background:var(--color-fill);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}&:after{content:"📅";font-size:1.25em;flex-shrink:0;pointer-events:none}}.ren-date-range-value{flex:1;display:flex;align-items:center;gap:var(--space-2);overflow:hidden;white-space:nowrap}.ren-date-range-start,.ren-date-range-end{overflow:hidden;text-overflow:ellipsis}.ren-date-range-separator{color:var(--color-text-muted);flex-shrink:0}.ren-date-range-trigger.ren-date-range-empty{color:var(--color-text-muted);.ren-date-range-value{display:none}&:before{content:attr(data-placeholder);color:var(--color-text-muted);flex:1}}.ren-date-range-dropdown{position:absolute;position-area:bottom span-all;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;inset:auto;margin:0;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-popover);&[popover]{padding:0;margin:0;border:none;background:transparent;box-shadow:none}&:popover-open{animation:ren-date-range-popup-in var(--duration-enter) var(--ease-enter) both}}.ren-date-range-dropdown[data-side=bottom],.ren-date-range-dropdown:not([data-side]){position-area:bottom span-all;margin-block-start:var(--space-2);margin-block-end:0;margin-inline:0}.ren-date-range-dropdown[data-side=top]{position-area:top span-all;margin-block-start:0;margin-block-end:var(--space-2);margin-inline:0}.ren-date-range-dropdown[data-side=right]{position-area:right span-all;margin-block:0;margin-inline-start:var(--space-2);margin-inline-end:0}.ren-date-range-dropdown[data-side=left]{position-area:left span-all;margin-block:0;margin-inline-start:0;margin-inline-end:var(--space-2)}@supports not ((anchor-name: --ren-anchor) and (position-anchor: --ren-anchor) and (position-area: bottom span-all)){.ren-date-range-dropdown{position:fixed;top:auto;left:auto}}@starting-style{.ren-date-range-dropdown:popover-open{opacity:0;translate:0 -8px}}@keyframes ren-date-range-popup-in{0%{opacity:0;translate:0 -8px}to{opacity:1;translate:0 0}}.ren-date-range-inner{container-type:inline-size;container-name:ren-date-range;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.ren-date-range-presets{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.ren-date-range-preset{display:block;width:100%;padding:var(--space-1-5) var(--space-3);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text);font-size:var(--label-size);font-weight:var(--label-weight);text-align:start;cursor:pointer;transition:var(--transition-tactile);&:hover{background:var(--color-fill)}&:active{background:var(--color-fill-active)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&[aria-selected=true]{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:var(--weight-semibold)}}.ren-date-range-calendars{display:flex;gap:0;padding:var(--space-3)}.ren-date-range-calendars>.ren-calendar{border:none;box-shadow:none;background:transparent;flex:1}.ren-date-range-divider{width:1px;align-self:stretch;background:var(--color-border);margin-block:var(--space-2);flex-shrink:0}.ren-date-range-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface)}.ren-date-range-summary{font-size:var(--label-size);color:var(--color-text-secondary)}.ren-date-range-summary strong{color:var(--color-text);font-weight:var(--weight-semibold)}.ren-date-range-actions{display:flex;gap:var(--space-2)}.ren-date-range-cancel,.ren-date-range-apply{padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);font-size:var(--label-size);font-weight:var(--label-weight);cursor:pointer;transition:var(--transition-tactile);&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}}.ren-date-range-cancel{background:transparent;border:1px solid var(--color-border);color:var(--color-text);&:hover{background:var(--color-fill);border-color:var(--color-border-strong)}}.ren-date-range-apply{background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-on-accent);&:hover{background:var(--color-accent-hover)}&[disabled]{opacity:.5;cursor:not-allowed}}.ren-date-range-picker[disabled]{opacity:.6;pointer-events:none}.ren-date-range-picker.ren-date-range-error{.ren-date-range-trigger{border-color:var(--color-danger);&:focus-visible{outline-color:var(--color-danger)}}}.ren-date-range-picker.ren-date-range-success{.ren-date-range-trigger{border-color:var(--color-success);&:focus-visible{outline-color:var(--color-success)}}}@media(prefers-reduced-motion:reduce){.ren-date-range-dropdown:popover-open{animation:none;opacity:1;translate:0 0}.ren-date-range-dropdown{transition:none}}@container ren-date-range (max-width: 500px){.ren-date-range-calendars{flex-direction:column;gap:var(--space-2)}.ren-date-range-divider{width:100%;height:1px;margin-inline:var(--space-2);margin-block:0}.ren-date-range-presets{flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.ren-date-range-preset{white-space:nowrap;flex-shrink:0}}@media(max-width:680px){.ren-date-range-dropdown{position:fixed!important;inset:auto 0 0!important;max-width:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;overflow-y:auto;&:popover-open{animation:ren-date-range-mobile-in var(--duration-enter) var(--ease-enter) both}}@starting-style{.ren-date-range-dropdown:popover-open{translate:0 100%;opacity:0}}}@keyframes ren-date-range-mobile-in{0%{translate:0 100%;opacity:0}to{translate:0 0;opacity:1}}.ren-date-range-picker{input[type=hidden]{display:none}}.ren-carousel{container-type:inline-size;container-name:ren-carousel;position:relative;width:100%;height:auto;display:flex;flex-direction:column;gap:var(--space-4)}.ren-carousel-viewport{position:relative;width:100%;height:auto;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pinch-zoom}.ren-carousel-viewport::-webkit-scrollbar{display:none}.ren-carousel-viewport{display:flex;flex-wrap:nowrap}.ren-carousel-slide{flex:0 0 100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;height:auto}.ren-carousel-slide>*{display:block;width:100%;height:auto}.ren-carousel-2 .ren-carousel-slide{flex:0 0 50%;min-width:50%}.ren-carousel-3 .ren-carousel-slide{flex:0 0 calc(100% / 3);min-width:calc(100% / 3)}.ren-carousel-4 .ren-carousel-slide{flex:0 0 25%;min-width:25%}@supports (container-type: inline-size){@container (max-width: 640px){.ren-carousel-2 .ren-carousel-slide,.ren-carousel-3 .ren-carousel-slide,.ren-carousel-4 .ren-carousel-slide{flex:0 0 100%;min-width:100%}}@container (max-width: 1024px) and (min-width: 641px){.ren-carousel-3 .ren-carousel-slide,.ren-carousel-4 .ren-carousel-slide{flex:0 0 50%;min-width:50%}}}.ren-carousel-fade{position:relative}.ren-carousel-fade .ren-carousel-viewport{scroll-behavior:auto}.ren-carousel-fade .ren-carousel-slide{position:absolute;left:0;top:0;width:100%;opacity:0;transition:opacity var(--duration-enter) var(--ease-enter);pointer-events:none}.ren-carousel-fade .ren-carousel-slide[aria-current=true]{position:relative;opacity:1;pointer-events:auto}.ren-carousel-prev,.ren-carousel-next{position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-dropdown);width:var(--touch-min);height:var(--touch-min);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background-color:#0006;border:none;border-radius:var(--radius-full);cursor:pointer;color:#fff;font-size:20px;transition:var(--transition-tactile)}.ren-carousel-prev{left:var(--space-3)}.ren-carousel-next{right:var(--space-3)}.ren-carousel-prev:before{content:"‹";font-size:24px;font-weight:700;line-height:1}.ren-carousel-next:before{content:"›";font-size:24px;font-weight:700;line-height:1}.ren-carousel-prev:hover:not(:disabled),.ren-carousel-next:hover:not(:disabled){background-color:#000000b3}.ren-carousel-prev:focus-visible,.ren-carousel-next:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ren-carousel[data-at-start] .ren-carousel-prev,.ren-carousel[data-at-end] .ren-carousel-next{opacity:0;pointer-events:none}.ren-carousel-prev:disabled,.ren-carousel-next:disabled{opacity:.4;cursor:not-allowed}@supports selector(::scroll-button(inline-start)){.ren-carousel-viewport{overflow-x:auto}.ren-carousel-viewport::scroll-button(inline-start),.ren-carousel-viewport::scroll-button(inline-end){position:absolute;top:50%;transform:translateY(-50%);z-index:var(--z-dropdown);width:var(--touch-min, 44px);height:var(--touch-min, 44px);min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background-color:#0006;border:none;border-radius:var(--radius-full, 9999px);cursor:pointer;color:#fff;transition:var(--transition-tactile)}.ren-carousel-viewport::scroll-button(inline-start){content:"‹";left:var(--space-3, .75rem)}.ren-carousel-viewport::scroll-button(inline-end){content:"›";right:var(--space-3, .75rem)}.ren-carousel-viewport::scroll-button(inline-start):hover,.ren-carousel-viewport::scroll-button(inline-end):hover{background-color:#000000b3}.ren-carousel .ren-carousel-prev,.ren-carousel .ren-carousel-next{display:none}}.ren-carousel-dots{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-3);padding:0;list-style:none}.ren-carousel-dot{position:relative;width:var(--touch-min);height:var(--touch-min);border-radius:var(--radius-full);background:transparent;border:none;cursor:pointer;padding:0;margin:0}.ren-carousel-dot:before{content:"";position:absolute;inset:0;margin:auto;width:var(--ren-carousel-dot-size);height:var(--ren-carousel-dot-size);border-radius:var(--radius-full);background-color:var(--ren-carousel-dot-color);transition:var(--transition-tactile)}.ren-carousel-dot[aria-current=true]:before{background-color:var(--ren-carousel-dot-active);transform:scale(1.25)}.ren-carousel-dot:hover:not([aria-current=true]):before{background-color:var(--ren-carousel-dot-active)}.ren-carousel-dot:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-full)}.ren-carousel-dot[aria-current=true]:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:6px;height:2px;background-color:var(--color-accent);border-radius:var(--radius-full);opacity:0}.ren-carousel[data-autoplay] .ren-carousel-dot[aria-current=true]:after{opacity:1;animation:carousel-progress linear forwards}@keyframes carousel-progress{0%{width:0}to{width:6px}}.ren-carousel[data-autoplay-duration] .ren-carousel-dot[aria-current=true]:after{animation-duration:inherit}.ren-carousel-counter{text-align:center;font-size:14px;color:var(--color-text-muted);margin-top:var(--space-2);font-variant-numeric:tabular-nums}.ren-carousel-counter-current{font-weight:600;color:var(--color-text)}@media(prefers-reduced-motion:reduce){.ren-carousel-viewport{scroll-behavior:auto}.ren-carousel-slide,.ren-carousel-dot,.ren-carousel-prev,.ren-carousel-next{transition:none;animation:none}.ren-carousel[data-autoplay] .ren-carousel-dot[aria-current=true]:after{animation:none;width:6px;opacity:1}}.ren-carousel-slide:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@container ren-carousel (max-width: 480px){.ren-carousel{gap:var(--space-2)}.ren-carousel-prev,.ren-carousel-next{width:40px;height:40px;font-size:16px}.ren-carousel-prev{left:var(--space-2)}.ren-carousel-next{right:var(--space-2)}.ren-carousel-dots{gap:var(--space-1)}.ren-carousel-dot{--ren-carousel-dot-size: var(--space-1-5)}.ren-carousel-dot[aria-current=true]:before{transform:scale(1.1)}}@container ren-carousel (min-width: 768px){.ren-carousel-prev,.ren-carousel-next{opacity:.6}.ren-carousel:hover .ren-carousel-prev:not(:disabled),.ren-carousel:hover .ren-carousel-next:not(:disabled){opacity:1}}.ren-carousel-no-dots .ren-carousel-dots,.ren-carousel-no-arrows .ren-carousel-prev,.ren-carousel-no-arrows .ren-carousel-next,.ren-carousel-no-counter .ren-carousel-counter{display:none}.ren-carousel-full .ren-carousel-slide{flex:0 0 100%;min-width:100%}.ren-carousel-viewport{user-select:none;-webkit-user-select:none}.ren-carousel-slide{user-select:none;-webkit-user-select:none;cursor:grab}.ren-carousel-slide:active{cursor:grabbing}.ren-carousel[aria-busy=true]{opacity:.6;pointer-events:none}.ren-carousel-slide img{width:100%;height:auto;display:block;object-fit:cover}.ren-carousel-slide video{width:100%;height:auto;display:block}.ren-carousel{gap:var(--ren-carousel-gap, var(--space-4));border-radius:var(--ren-carousel-radius, var(--radius-lg));transition-duration:var(--ren-carousel-duration, var(--duration-normal));transition-timing-function:var(--ren-carousel-easing, var(--ease-out))}.ren-carousel .ren-carousel-arrow{inline-size:var(--ren-carousel-arrow-size, var(--size-lg));block-size:var(--ren-carousel-arrow-size, var(--size-lg))}.ren-carousel .ren-carousel-dot{inline-size:var(--touch-min);block-size:var(--touch-min)}.ren-carousel .ren-carousel-dot[aria-current=true]:before,.ren-carousel .ren-carousel-dot.is-active:before{background:var(--ren-carousel-dot-active, var(--color-accent))}.ren-color-picker{position:relative;display:inline-flex;flex-direction:column;gap:var(--space-2);font-family:inherit}.ren-color-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--touch-min);padding:var(--space-2) var(--space-3);font-size:var(--body-size);font-family:inherit;color:var(--color-text);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-tactile)}.ren-color-picker-trigger:hover:not(:disabled){background-color:var(--color-input-bg);border-color:var(--color-input-border-focus)}.ren-color-picker-trigger:focus-visible{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring)}.ren-color-picker-trigger[aria-expanded=true]{border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring)}.ren-color-picker-trigger:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ren-color-picker-trigger-swatch{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-color:var(--white);background-image:repeating-conic-gradient(var(--color-border) 0deg 90deg,transparent 90deg 180deg) 50% / 4px 4px}.ren-color-picker-trigger-value{flex:1;text-align:start;font-family:var(--font-mono);font-size:var(--label-size)}.ren-color-picker-dropdown{position:absolute;position-area:bottom span-all;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;inset:auto;margin:0;display:flex;flex-direction:column;gap:var(--space-3);width:auto;max-width:300px;padding:var(--space-4);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-popover);&:popover-open{animation:ren-color-picker-open var(--duration-enter) var(--ease-enter)}@supports (animation-timeline: view()){&:popover-open{animation:ren-color-picker-open var(--duration-enter) var(--ease-enter);transition-behavior:allow-discrete}@starting-style{opacity:0;transform:scale(.95)}}}.ren-color-picker-dropdown[data-side=bottom],.ren-color-picker-dropdown:not([data-side]){position-area:bottom span-all;margin-block-start:var(--space-2);margin-block-end:0;margin-inline:0}.ren-color-picker-dropdown[data-side=top]{position-area:top span-all;margin-block-start:0;margin-block-end:var(--space-2);margin-inline:0}.ren-color-picker-dropdown[data-side=right]{position-area:right span-all;margin-block:0;margin-inline-start:var(--space-2);margin-inline-end:0}.ren-color-picker-dropdown[data-side=left]{position-area:left span-all;margin-block:0;margin-inline-start:0;margin-inline-end:var(--space-2)}@supports not ((anchor-name: --ren-anchor) and (position-anchor: --ren-anchor) and (position-area: bottom span-all)){.ren-color-picker-dropdown{position:absolute;inset:auto}}@keyframes ren-color-picker-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ren-color-picker-saturation{position:relative;width:100%;aspect-ratio:1;max-width:240px;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:crosshair;overflow:hidden;user-select:none;-webkit-user-select:none}.ren-color-picker-saturation-canvas{display:block;width:100%;height:100%;border-radius:var(--radius-md)}.ren-color-picker-saturation-handle{position:absolute;top:0;left:0;width:12px;height:12px;border-radius:50%;border:2px solid white;box-shadow:0 0 0 1px #0000004d;pointer-events:none;transform:translate(-50%,-50%)}.ren-color-picker-hue{position:relative;width:100%;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;background:var(--ren-cp-hue-gradient);overflow:hidden}.ren-color-picker-hue-handle{position:absolute;top:50%;left:0;width:4px;height:100%;background-color:#fff;box-shadow:0 0 0 1px #0000004d;pointer-events:none;transform:translateY(-50%)}.ren-color-picker-alpha{position:relative;width:100%;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);cursor:pointer;overflow:hidden;background-image:repeating-conic-gradient(var(--color-border) 0deg 90deg,transparent 90deg 180deg);background-size:8px 8px;background-position:0 0}.ren-color-picker-alpha-gradient{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--radius-md)}.ren-color-picker-alpha-handle{position:absolute;top:50%;left:0;width:4px;height:100%;background-color:#fff;box-shadow:0 0 0 1px #0000004d;pointer-events:none;transform:translateY(-50%)}.ren-color-picker-preview{display:flex;gap:var(--space-2);padding:var(--space-3);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.ren-color-picker-preview-swatch{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-image:repeating-conic-gradient(var(--color-border) 0deg 90deg,transparent 90deg 180deg);background-size:4px 4px;background-position:0 0}.ren-color-picker-preview-info{display:flex;flex-direction:column;justify-content:center;flex:1}.ren-color-picker-preview-label{font-size:var(--caption-size);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--label-weight)}.ren-color-picker-preview-value{font-family:var(--font-mono);font-size:var(--label-size);color:var(--color-text);margin-top:var(--space-1)}.ren-color-picker-inputs{display:flex;flex-direction:column;gap:var(--space-2)}.ren-color-picker-hex-input{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--body-size);font-family:var(--font-mono);color:var(--color-text);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);transition:var(--transition-tactile)}.ren-color-picker-hex-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring)}.ren-color-picker-hex-input::placeholder{color:var(--color-text-muted)}.ren-color-picker-channels{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-2)}.ren-color-picker-channel{display:flex;flex-direction:column;gap:var(--space-1)}.ren-color-picker-channel-label{font-size:var(--caption-size);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--label-weight)}.ren-color-picker-channel-input{padding:var(--space-2) var(--space-2);font-size:var(--body-size);font-family:var(--font-mono);color:var(--color-text);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);text-align:center;transition:var(--transition-tactile)}.ren-color-picker-channel-input:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring)}.ren-color-picker-channel-input::-webkit-outer-spin-button,.ren-color-picker-channel-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ren-color-picker-channel-input[type=number]{-moz-appearance:textfield}.ren-color-picker-format-toggle{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--label-size);font-family:var(--font-mono);color:var(--color-text);background-color:var(--color-fill);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:var(--transition-tactile)}.ren-color-picker-format-toggle:hover{background-color:var(--color-fill-hover);border-color:var(--color-border)}.ren-color-picker-format-toggle:focus-visible{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring)}.ren-color-picker-format-toggle:disabled{opacity:.5;cursor:not-allowed}.ren-color-picker-eyedropper{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--label-size);color:var(--color-text);background-color:var(--color-fill);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-tactile)}.ren-color-picker-eyedropper:hover{background-color:var(--color-fill-hover);border-color:var(--color-border)}.ren-color-picker-eyedropper:focus-visible{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px var(--color-input-focus-ring)}.ren-color-picker-eyedropper:disabled{opacity:.5;cursor:not-allowed}.ren-color-picker-eyedropper-icon{width:16px;height:16px;display:inline-block}.ren-color-picker-swatches{display:grid;grid-template-columns:repeat(auto-fit,minmax(40px,1fr));gap:var(--space-2);padding:var(--space-2);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.ren-color-picker-swatch{position:relative;width:40px;height:40px;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:var(--transition-tactile);background-image:repeating-conic-gradient(var(--color-border) 0deg 90deg,transparent 90deg 180deg);background-size:4px 4px;background-position:0 0}.ren-color-picker-swatch:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-input-focus-ring)}.ren-color-picker-swatch:hover{transform:scale(1.05);border-color:var(--color-border)}.ren-color-picker-swatch[aria-selected=true]{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-surface),0 0 0 4px var(--color-accent)}.ren-color-picker-swatch-color{position:absolute;inset:0;border-radius:var(--radius-md)}.ren-color-picker-controls{display:flex;gap:var(--space-2)}.ren-color-picker-controls-left{flex:1;display:flex;gap:var(--space-2)}.ren-color-picker-controls-right{display:flex;gap:var(--space-2)}.ren-color-picker[disabled],.ren-color-picker-trigger[disabled]{opacity:.5;cursor:not-allowed;pointer-events:none}@media(prefers-reduced-motion:reduce){.ren-color-picker-dropdown,.ren-color-picker-trigger,.ren-color-picker-hex-input,.ren-color-picker-channel-input,.ren-color-picker-format-toggle,.ren-color-picker-swatch{animation-duration:0ms!important;animation-iteration-count:1!important;transition-duration:0ms!important}}.ren-color-picker{inline-size:var(--ren-cp-width, 280px);border-radius:var(--ren-cp-radius, var(--radius-lg));background:var(--ren-cp-bg, var(--color-surface-overlay));box-shadow:var(--ren-cp-shadow, var(--shadow-lg))}.ren-color-picker .ren-color-picker-swatch{inline-size:var(--ren-cp-swatch-size, 24px);block-size:var(--ren-cp-swatch-size, 24px)}.ren-color-picker .ren-color-picker-handle{inline-size:var(--ren-cp-handle-size, 16px);block-size:var(--ren-cp-handle-size, 16px)}.ren-color-picker .ren-color-picker-track{block-size:var(--ren-cp-track-height, 12px)}.ren-collapsible{interpolate-size:allow-keywords;border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.ren-collapsible>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:var(--touch-min);padding:var(--space-3) var(--space-4);font-size:var(--body-size);font-weight:var(--weight-medium);color:var(--color-text);cursor:pointer;user-select:none;list-style:none;transition:var(--transition-tactile)}.ren-collapsible>summary::-webkit-details-marker{display:none}.ren-collapsible>summary:after{content:"";width:.5rem;height:.5rem;border:solid var(--color-text-muted);border-width:0 2px 2px 0;transform:rotate(45deg);flex-shrink:0;transition:transform var(--duration-enter) var(--ease-enter)}.ren-collapsible[open]>summary:after{transform:rotate(-135deg)}.ren-collapsible>summary:hover{background-color:var(--color-fill)}.ren-collapsible>summary:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:-2px}.ren-collapsible-content{padding:0 var(--space-4) var(--space-4);font-size:var(--body-size);color:var(--color-text-secondary);line-height:var(--leading-normal)}.ren-collapsible-ghost{border:none}.ren-collapsible-ghost>summary{padding-inline:0}.ren-collapsible-ghost .ren-collapsible-content{padding-inline:0}.ren-collapsible .ren-collapsible-content{content-visibility:visible}@media(prefers-reduced-motion:reduce){.ren-collapsible>summary:after{transition:none}}.ren-collapsible,.ren-accordion{border-color:var(--ren-collapse-border, var(--color-border));border-radius:var(--ren-collapse-radius, var(--radius-lg));background:var(--ren-collapse-bg, var(--color-surface));transition-duration:var(--ren-collapse-duration, var(--duration-normal));transition-timing-function:var(--ren-collapse-easing, var(--ease-out))}.ren-collapsible>summary,.ren-accordion>summary{padding:var(--ren-collapse-padding, var(--space-4));font-size:var(--ren-collapse-trigger-font, var(--label-lg-size));font-weight:var(--ren-collapse-trigger-weight, var(--weight-semibold))}.ren-toolbar{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--color-surface-sunken);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-md)}.ren-toolbar-item{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-sm);min-height:var(--size-sm);padding:var(--space-1) var(--space-2);border:none;background:none;color:var(--color-text);font-size:var(--caption-size, var(--text-sm));font-weight:var(--weight-medium);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-tactile)}.ren-toolbar-item:hover{background-color:var(--color-fill-hover)}.ren-toolbar-item:active{background-color:var(--color-fill-active)}.ren-toolbar-item:focus-visible{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:-1px}.ren-toolbar-item[aria-pressed=true],.ren-toolbar-item[data-active]{background-color:var(--color-surface-raised, var(--color-surface));box-shadow:var(--shadow-xs);color:var(--color-accent)}.ren-toolbar-item:disabled,.ren-toolbar-item[aria-disabled=true]{color:var(--color-disabled-text);cursor:not-allowed}.ren-toolbar-separator{width:1px;height:1.25rem;background-color:var(--color-border);margin-inline:var(--space-1);flex-shrink:0}.ren-toolbar-item-icon{min-width:var(--size-sm);padding:var(--space-1);aspect-ratio:1}.ren-toolbar-ghost{background:none;border:none;padding:0;gap:var(--space-1)}.ren-toolbar-vertical{flex-direction:column}.ren-toolbar-vertical .ren-toolbar-separator{width:auto;height:1px;align-self:stretch;margin-block:var(--space-1);margin-inline:0}.ren-toolbar{min-block-size:var(--ren-toolbar-height, var(--size-lg));padding:var(--ren-toolbar-padding, var(--space-1));border-radius:var(--ren-toolbar-radius, var(--radius-lg));background:var(--ren-toolbar-bg, var(--color-surface-raised));border-color:var(--ren-toolbar-border, var(--color-border))}.ren-toolbar button,.ren-toolbar [role=button]{inline-size:var(--ren-toolbar-item-size, var(--size-md));block-size:var(--ren-toolbar-item-size, var(--size-md));border-radius:var(--ren-toolbar-item-radius, var(--radius-sm))}.ren-toolbar button:hover,.ren-toolbar [role=button]:hover{background:var(--ren-toolbar-item-hover, var(--color-fill))}.ren-toolbar button[aria-pressed=true],.ren-toolbar [data-state=on]{background:var(--ren-toolbar-active-bg, var(--color-accent-subtle))}.ren-dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:10rem;padding:var(--space-6);border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);background-color:var(--color-surface-sunken);cursor:pointer;transition:var(--transition-tactile)}.ren-dropzone:hover{border-color:var(--color-accent);background-color:var(--color-accent-subtle)}.ren-dropzone[data-dragover]{border-color:var(--color-accent);background-color:var(--color-accent-subtle);border-style:solid}.ren-dropzone:focus-within{outline:var(--ring-width) solid var(--color-focus-ring);outline-offset:var(--ring-offset-width)}.ren-dropzone-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.ren-dropzone-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;pointer-events:none}.ren-dropzone-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;font-size:var(--text-xl);color:var(--color-text-muted);background-color:var(--color-fill);border-radius:var(--radius-full);margin-bottom:var(--space-1)}.ren-dropzone[data-dragover] .ren-dropzone-icon{color:var(--color-accent);background-color:color-mix(in oklch,var(--color-accent),transparent 85%)}.ren-dropzone-title{font-size:var(--body-size);font-weight:var(--weight-medium);color:var(--color-text)}.ren-dropzone-description{font-size:var(--caption-size, var(--text-sm));color:var(--color-text-muted)}.ren-dropzone-files{display:flex;flex-direction:column;gap:var(--space-2);width:100%;margin-top:var(--space-3)}.ren-dropzone-file{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface-raised);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--caption-size, var(--text-sm))}.ren-dropzone-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ren-dropzone-file-size{color:var(--color-text-muted);white-space:nowrap}.ren-dropzone-file-remove{display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;padding:0;border:none;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);font-size:var(--text-base)}.ren-dropzone-file-remove:hover{color:var(--color-danger)}.ren-dropzone-compact{min-height:auto;padding:var(--space-3) var(--space-4);flex-direction:row;gap:var(--space-3)}.ren-dropzone-compact .ren-dropzone-content{flex-direction:row}.ren-dropzone-compact .ren-dropzone-icon{width:2rem;height:2rem;font-size:var(--text-base);margin-bottom:0}.ren-dropzone[aria-disabled=true],.ren-dropzone:has(input:disabled){opacity:.5;cursor:not-allowed;pointer-events:none}.ren-dropzone[data-error]{border-color:var(--color-danger)}.ren-dropzone{padding:var(--ren-dropzone-padding, var(--space-8));border-radius:var(--ren-dropzone-radius, var(--radius-lg));border-color:var(--ren-dropzone-border-color, var(--color-border-strong));border-style:var(--ren-dropzone-border-style, dashed);border-width:var(--ren-dropzone-border-width, 2px);background:var(--ren-dropzone-bg, transparent)}.ren-dropzone:hover,.ren-dropzone[data-drag-over]{background:var(--ren-dropzone-hover-bg, var(--color-accent-subtle));border-color:var(--ren-dropzone-hover-border, var(--color-accent))}.ren-alert-dialog{container-type:inline-size;container-name:ren-alert-dialog;margin:auto;padding:var(--space-6);border:none;max-width:100%;width:var(--ren-dialog-width, min(90vw, 24rem));background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);text-align:center;opacity:1;transform:scale(1);transition:opacity var(--duration-enter) var(--ease-enter),transform var(--duration-enter) var(--ease-enter),overlay var(--duration-enter) var(--ease-enter) allow-discrete,display var(--duration-enter) var(--ease-enter) allow-discrete}@starting-style{.ren-alert-dialog[open]{opacity:0;transform:scale(.95)}}.ren-alert-dialog:not([open]){opacity:0;transform:scale(.95)}.ren-alert-dialog::backdrop{background-color:var(--color-overlay);transition:var(--transition-overlay)}@starting-style{.ren-alert-dialog[open]::backdrop{opacity:0}}.ren-alert-dialog-icon{display:flex;align-items:center;justify-content:center;width:var(--icon-xl);height:var(--icon-xl);margin:0 auto var(--space-3);font-size:var(--text-xl);background-color:var(--color-fill);border-radius:var(--radius-full)}.ren-alert-dialog-icon-danger{background-color:var(--color-danger-subtle);color:var(--color-danger)}.ren-alert-dialog-icon-warning{background-color:var(--color-warning-subtle);color:var(--color-warning)}.ren-alert-dialog-title{font-size:var(--title-sm-size, var(--text-lg));font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.ren-alert-dialog-description{font-size:var(--body-size);color:var(--color-text-muted);line-height:var(--leading-normal);margin-bottom:var(--space-5)}.ren-alert-dialog-actions{display:flex;gap:var(--space-2);justify-content:center}@container ren-alert-dialog (max-width: 24rem){.ren-alert-dialog-actions{flex-direction:column-reverse}.ren-alert-dialog-actions>*{width:100%}}@media(prefers-reduced-motion:reduce){.ren-alert-dialog{transition:none}.ren-alert-dialog::backdrop{transition:none}}.ren-context-menu{margin:0;padding:0;border:none;background:none;inset:auto;background:var(--color-surface);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding-block:var(--space-1);min-width:10rem;max-height:calc(100vh - 32px);overflow-y:auto;overscroll-behavior:contain;position:fixed;opacity:0;transform:scale(.95);transform-origin:top left;transition:opacity var(--duration-enter) var(--ease-enter),transform var(--duration-enter) var(--ease-enter),overlay var(--duration-enter) var(--ease-enter) allow-discrete,display var(--duration-enter) var(--ease-enter) allow-discrete}.ren-context-menu:popover-open,.ren-context-menu.ren-open{opacity:1;transform:scale(1)}@starting-style{.ren-context-menu:popover-open{opacity:0;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.ren-context-menu{transition:none}}.ren-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--ren-space-2, .5rem) var(--ren-space-4, 1rem);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:3.5rem;transition:backdrop-filter var(--duration-overlay) var(--ease-state-change),background-color var(--duration-overlay) var(--ease-state-change);&[data-open] .ren-nav-links,&:has(.ren-nav-toggle[aria-expanded=true]) .ren-nav-links{display:flex}&.ren-nav-sticky{position:sticky;top:0;z-index:var(--ren-z-sticky, var(--z-sticky));backdrop-filter:blur(8px);background-color:color-mix(in srgb,var(--color-surface) 95%,transparent)}&.ren-nav-transparent{background-color:transparent;border-bottom-color:transparent}}.ren-nav-brand{display:flex;align-items:center;gap:var(--ren-space-2, .5rem);font-weight:600;font-size:var(--ren-title-sm-size, 1.125rem);color:var(--color-text);text-decoration:none;flex-shrink:0;&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:.375rem}}.ren-nav-links{display:flex;align-items:center;gap:var(--ren-space-1, .25rem);list-style:none;margin:0;padding:0;@media(max-width:48rem){display:none;position:absolute;top:3.5rem;inset-inline:0;flex-direction:column;gap:0;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--ren-space-2, .5rem) 0;animation:ren-nav-slide-down var(--duration-enter) var(--ease-enter);z-index:var(--z-dropdown);@media(prefers-reduced-motion:reduce){animation:none}}}@keyframes ren-nav-slide-down{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.ren-nav-link{padding:var(--ren-space-2, .5rem) var(--ren-space-3, .75rem);color:var(--color-text-muted);font-size:var(--ren-label-size, .875rem);border-radius:.375rem;transition:background-color var(--duration-state) var(--ease-state-change),color var(--duration-state) var(--ease-state-change);text-decoration:none;white-space:nowrap;cursor:pointer;&:hover{background-color:var(--color-fill);color:var(--color-text)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}&[aria-current=page],&.active{color:var(--color-accent);font-weight:500;background-color:var(--color-accent-subtle)}@media(max-width:48rem){padding:var(--ren-space-2, .5rem) var(--ren-space-4, 1rem);border-radius:0;&:hover{background-color:var(--color-fill)}}}.ren-nav-actions{display:flex;align-items:center;gap:var(--ren-space-2, .5rem);margin-inline-start:auto}.ren-nav-toggle{display:none;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;background:none;border:none;padding:var(--ren-space-2, .5rem);cursor:pointer;color:var(--color-text);min-width:44px;min-height:44px;border-radius:.375rem;transition:background-color var(--duration-state) var(--ease-state-change);&:hover{background-color:var(--color-fill)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}& span{width:1.5rem;height:2px;background-color:currentColor;border-radius:1px;transition:transform var(--duration-route) var(--ease-state-change),opacity var(--duration-route) var(--ease-state-change);transform-origin:center}&[aria-expanded=true]{& span:nth-child(1){transform:translateY(.5rem) rotate(45deg)}& span:nth-child(2){opacity:0;transform:scaleX(0)}& span:nth-child(3){transform:translateY(-.5rem) rotate(-45deg)}}@media(max-width:48rem){display:flex}}.ren-nav-dropdown{position:relative;[popover]{padding:var(--ren-space-1, .25rem);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;margin-top:var(--ren-space-1, .25rem);list-style:none;padding-inline-start:0;&[popover]{inset:auto}}.ren-nav-link[aria-expanded=true]{background-color:var(--color-fill);color:var(--color-accent)}}.ren-nav{min-block-size:var(--ren-nav-height, 3.5rem);padding-inline:var(--ren-nav-padding-x, var(--space-4));background:var(--ren-nav-bg, var(--color-surface));border-color:var(--ren-nav-border, var(--color-border));gap:var(--ren-nav-gap, var(--space-6))}.ren-nav a{color:var(--ren-nav-link-color, var(--color-text-muted))}.ren-nav a[aria-current=page],.ren-nav a[data-active]{color:var(--ren-nav-link-active, var(--color-text))}.ren-sidebar-layout{display:flex;min-height:100dvh;background-color:var(--color-surface)}.ren-sidebar{--sidebar-width: var(--ren-sidebar-width, 16rem);--sidebar-collapsed-width: var(--ren-sidebar-collapsed-width, 4rem);width:var(--sidebar-width);flex-shrink:0;background-color:var(--color-surface-sunken);border-inline-end:1px solid var(--color-border);display:flex;flex-direction:column;transition:width var(--duration-enter) var(--ease-state-change),transform var(--duration-enter) var(--ease-state-change);overflow:hidden;z-index:var(--z-modal);&[data-collapsed]{width:var(--sidebar-collapsed-width);.ren-sidebar-item-text,.ren-sidebar-section-label{opacity:0;width:0;overflow:hidden;transition:opacity var(--duration-enter) var(--ease-state-change),width var(--duration-enter) var(--ease-state-change)}.ren-sidebar-item{justify-content:center;position:relative;&:hover:after{content:attr(data-tooltip);position:absolute;inset-inline-start:100%;top:50%;transform:translateY(-50%);margin-inline-start:var(--ren-space-2, .5rem);padding:var(--ren-space-2, .5rem) var(--ren-space-3, .75rem);background-color:var(--color-text);color:var(--color-surface);border-radius:.375rem;font-size:var(--ren-caption-size, .75rem);white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none}}}@media(max-width:48rem){position:fixed;top:0;inset-inline-start:0;height:100dvh;width:var(--sidebar-width);transform:translate(-100%);transition:transform var(--duration-enter) var(--ease-state-change);&[data-open]{transform:translate(0);box-shadow:4px 0 12px #00000026}&[data-collapsed]{transform:translate(-100%);width:var(--sidebar-width)}}}.ren-sidebar-header{padding:var(--ren-space-3, .75rem) var(--ren-space-4, 1rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);flex-shrink:0;@media(max-width:48rem){padding:var(--ren-space-3, .75rem) var(--ren-space-4, 1rem)}}.ren-sidebar-content{flex:1;overflow-y:auto;padding:var(--ren-space-2, .5rem);scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px;&:hover{background-color:var(--color-text-muted)}}}.ren-sidebar-footer{padding:var(--ren-space-3, .75rem) var(--ren-space-4, 1rem);border-top:1px solid var(--color-border);flex-shrink:0;@media(max-width:48rem){padding:var(--ren-space-3, .75rem) var(--ren-space-4, 1rem)}}.ren-sidebar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--ren-space-1, .25rem)}.ren-sidebar-section{margin-top:var(--ren-space-4, 1rem);&:first-child{margin-top:0}}.ren-sidebar-section-label{padding:var(--ren-space-1, .25rem) var(--ren-space-3, .75rem);font-size:var(--ren-caption-size, .75rem);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;transition:opacity var(--duration-enter) var(--ease-state-change);white-space:nowrap;overflow:hidden}.ren-sidebar-item{display:flex;align-items:center;gap:var(--ren-space-3, .75rem);padding:var(--ren-space-2, .5rem) var(--ren-space-3, .75rem);border-radius:.375rem;color:var(--color-text-muted);font-size:var(--ren-label-size, .875rem);cursor:pointer;transition:background-color var(--duration-state) var(--ease-state-change),color var(--duration-state) var(--ease-state-change);text-decoration:none;white-space:nowrap;user-select:none;&:hover{background-color:var(--color-fill);color:var(--color-text)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}&.active,&[aria-current=page]{background-color:var(--color-accent-subtle);color:var(--color-accent);font-weight:500;.ren-sidebar-item-icon{color:var(--color-accent)}}&[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}}.ren-sidebar-item-icon{flex-shrink:0;width:20px;height:20px;color:var(--color-text-muted);transition:color var(--duration-state) var(--ease-state-change);display:flex;align-items:center;justify-content:center}.ren-sidebar-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--duration-enter) var(--ease-state-change),width var(--duration-enter) var(--ease-state-change)}.ren-sidebar-divider{height:1px;background-color:var(--color-separator);margin:var(--ren-space-2, .5rem) 0}.ren-sidebar-toggle{background:none;border:none;padding:var(--ren-space-2, .5rem);cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;min-width:32px;min-height:32px;border-radius:.375rem;transition:background-color var(--duration-state) var(--ease-state-change),color var(--duration-state) var(--ease-state-change);&:hover{background-color:var(--color-fill);color:var(--color-text)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media(max-width:48rem){display:none}}.ren-sidebar-main{flex:1;overflow-y:auto;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px;&:hover{background-color:var(--color-text-muted)}}@media(max-width:48rem){margin-inline-start:0}}.ren-sidebar-overlay{position:fixed;inset:0;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity var(--duration-enter) var(--ease-state-change);z-index:var(--z-overlay);@media(max-width:48rem){.ren-sidebar[data-open]~&{opacity:1;pointer-events:auto}}}@media(prefers-reduced-motion:reduce){.ren-sidebar,.ren-sidebar *{animation-duration:0ms!important;transition-duration:0ms!important}}.ren-sidebar{inline-size:var(--ren-sidebar-width, 260px);background:var(--ren-sidebar-bg, var(--color-surface-sunken));border-color:var(--ren-sidebar-border, var(--color-border));transition-duration:var(--ren-sidebar-duration, var(--duration-normal));transition-timing-function:var(--ren-sidebar-easing, var(--ease-out))}.ren-sidebar.is-collapsed,.ren-sidebar[data-collapsed=true]{inline-size:var(--ren-sidebar-collapsed-width, 60px)}.ren-sidebar a,.ren-sidebar button{min-block-size:var(--ren-sidebar-item-height, var(--size-lg));padding:var(--ren-sidebar-item-padding, var(--space-2) var(--space-3));border-radius:var(--ren-sidebar-item-radius, var(--radius-md))}.ren-sidebar a[aria-current=page],.ren-sidebar a[data-active]{background:var(--ren-sidebar-active-bg, var(--color-accent-subtle));color:var(--ren-sidebar-active-color, var(--color-accent))}@media(any-pointer:coarse),(pointer:coarse){.ren-sidebar-toggle{min-inline-size:var(--touch-min);min-block-size:var(--touch-min)}}.ren-command{position:fixed;top:50%;inset-inline-start:50%;transform:translate(-50%,-50%);max-width:32rem;width:100%;max-height:24rem;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--ren-radius-xl, .75rem);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:0;overflow:hidden;display:flex;flex-direction:column;z-index:var(--ren-z-modal, var(--z-modal));margin:auto;animation:ren-command-in var(--duration-enter) var(--ease-enter);@starting-style{opacity:0;transform:translate(-50%,-50%) scale(.98)}@media(max-width:32rem){width:calc(100% - 2rem);max-height:18rem}@media(prefers-reduced-motion:reduce){animation:none}&::backdrop{background-color:#00000080;backdrop-filter:blur(4px);animation:ren-command-backdrop-in var(--duration-overlay) var(--ease-enter);@starting-style{background-color:#0000;backdrop-filter:blur(0)}@media(prefers-reduced-motion:reduce){animation:none}}}@keyframes ren-command-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes ren-command-backdrop-in{0%{background-color:#0000;backdrop-filter:blur(0)}to{background-color:#00000080;backdrop-filter:blur(4px)}}.ren-command-input-wrapper{display:flex;align-items:center;border-bottom:1px solid var(--color-border);padding:var(--ren-space-2, .5rem) var(--ren-space-3, .75rem);gap:var(--ren-space-2, .5rem);flex-shrink:0;& svg{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}}.ren-command-input{flex:1;border:none;background-color:transparent;font-size:var(--ren-body-size, .875rem);color:var(--color-text);outline:none;padding:0;font-family:inherit;&::placeholder{color:var(--color-text-muted)}&:autofill{box-shadow:inset 0 0 0 1000px var(--color-surface);-webkit-text-fill-color:var(--color-text)}}.ren-command-kbd{margin-inline-start:auto;display:flex;gap:var(--ren-space-1, .25rem);align-items:center;font-size:var(--ren-caption-size, .75rem);color:var(--color-text-muted);font-family:var(--ren-font-mono, "Monaco", "Menlo", monospace);white-space:nowrap;& kbd{padding:.125rem .375rem;background-color:var(--color-fill);border:1px solid var(--color-border);border-radius:.25rem;font-size:inherit}@media(max-width:32rem){display:none}}.ren-command-list{overflow-y:auto;max-height:18rem;padding:var(--ren-space-1, .25rem);flex:1;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px;&:hover{background-color:var(--color-text-muted)}}}.ren-command-group{margin-bottom:var(--ren-space-2, .5rem);overflow:hidden;&[data-empty]{display:none}}.ren-command-group-heading{padding:var(--ren-space-1, .25rem) var(--ren-space-3, .75rem);font-size:var(--ren-caption-size, .75rem);font-weight:600;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.05em;user-select:none}.ren-command-item{display:flex;align-items:center;gap:var(--ren-space-3, .75rem);padding:var(--ren-space-2, .5rem) var(--ren-space-3, .75rem);border-radius:.375rem;cursor:pointer;transition:background-color var(--duration-state) var(--ease-state-change);user-select:none;background-color:transparent;border:none;width:100%;text-align:start;font-family:inherit;&:hover{background-color:var(--color-fill)}&:active{background-color:var(--color-fill-hover)}&[data-highlighted]{background-color:var(--color-fill)}&[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}&:focus-visible{outline:none;background-color:var(--color-fill)}}.ren-command-item-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);& svg{width:100%;height:100%}}.ren-command-item-content{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.ren-command-item-title{font-size:var(--ren-body-size, .875rem);color:var(--color-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ren-command-item-description{font-size:var(--ren-caption-size, .75rem);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ren-command-item-shortcut{margin-inline-start:auto;display:flex;gap:var(--ren-space-1, .25rem);font-family:var(--ren-font-mono, "Monaco", "Menlo", monospace);font-size:var(--ren-caption-size, .75rem);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0;@media(max-width:40rem){display:none}}.ren-command-separator{height:1px;background-color:var(--color-separator);margin:var(--ren-space-1, .25rem) 0}.ren-command-empty{padding:var(--ren-space-8, 2rem);text-align:center;color:var(--color-text-muted);font-size:var(--ren-body-size, .875rem)}.ren-command-footer{border-top:1px solid var(--color-border);padding:var(--ren-space-2, .5rem);display:flex;gap:var(--ren-space-4, 1rem);font-size:var(--ren-caption-size, .75rem);color:var(--color-text-muted);flex-shrink:0;flex-wrap:wrap;justify-content:center;@media(max-width:32rem){padding:var(--ren-space-1, .25rem) var(--ren-space-2, .5rem);gap:var(--ren-space-2, .5rem)}}.ren-command-footer-hint{display:flex;gap:var(--ren-space-1, .25rem);align-items:center;& kbd{padding:.125rem .375rem;background-color:var(--color-fill);border:1px solid var(--color-border);border-radius:.25rem;font-size:inherit;font-family:var(--ren-font-mono, "Monaco", "Menlo", monospace)}}.ren-command{inline-size:var(--ren-command-width, min(95vw, 560px));max-block-size:var(--ren-command-max-height, 340px);border-radius:var(--ren-command-radius, var(--radius-xl));background:var(--ren-command-bg, var(--color-surface-overlay));border-color:var(--ren-command-border, var(--color-border));box-shadow:var(--ren-command-shadow, var(--shadow-xl))}.ren-command [role=option],.ren-command-item{min-block-size:var(--ren-command-item-height, var(--size-lg));border-radius:var(--ren-command-item-radius, var(--radius-md))}ren-table{container-type:inline-size;container-name:ren-table;display:flex;flex-direction:column;height:100%;width:100%}.ren-table-wrapper{flex:1;overflow-x:auto;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;&::-webkit-scrollbar{height:8px;width:8px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-sm);transition:background-color var(--duration-state) var(--ease-enter);&:hover{background-color:var(--color-text-muted)}}}.ren-table{width:100%;border-collapse:collapse;background-color:var(--color-surface);font-size:var(--body-size);color:var(--color-text)}.ren-table-header{position:sticky;top:0;z-index:var(--z-dropdown);background-color:var(--color-surface-raised)}.ren-table-header tr{border-bottom:1px solid var(--color-border)}.ren-th{padding:var(--space-3) var(--space-4);text-align:start;font-weight:var(--label-weight);font-size:var(--label-size);color:var(--color-text);user-select:none;white-space:nowrap;background-color:var(--color-surface-raised);border-inline-end:1px solid var(--color-border);height:44px;display:table-cell;vertical-align:middle;&:last-child{border-inline-end:none}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}}.ren-th-sortable{cursor:pointer;position:relative;transition:background-color var(--duration-tactile) var(--ease-enter);&:hover{background-color:var(--color-fill)}&:after{content:"";display:inline-block;width:12px;height:12px;margin-inline-start:var(--space-2);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M3 8L6 5l3 3M3 4L6 7l3-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"/></svg>');background-size:contain;background-repeat:no-repeat;opacity:.4;transition:opacity var(--duration-tactile) var(--ease-enter),transform var(--duration-tactile) var(--ease-enter);vertical-align:middle;color:var(--color-text-muted)}&[data-sort=asc]:after{opacity:1;transform:scaleY(1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M6 2v6M3 5l3-3 3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')}&[data-sort=desc]:after{opacity:1;transform:scaleY(-1);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M6 2v6M3 5l3-3 3 3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>')}}.ren-th-resize{position:absolute;inset-inline-end:0;top:0;height:100%;width:4px;cursor:col-resize;user-select:none;background-color:transparent;padding:0;margin:0;transition:background-color var(--duration-tactile) var(--ease-enter);&:hover,&:active{background-color:var(--color-accent)}}.ren-th-pinned{position:sticky;z-index:calc(var(--z-dropdown) + var(--z-raised))}.ren-table-body{background-color:var(--color-surface)}.ren-tr{border-bottom:var(--stroke-1) solid var(--color-border);transition:background-color var(--duration-tactile) var(--ease-enter);height:44px;&:nth-child(2n){background-color:var(--color-fill)}&:hover{background-color:var(--color-fill-hover)}&[aria-selected=true]{background-color:var(--color-accent-subtle);.ren-td{background-color:var(--color-accent-subtle)}}&:focus-within{outline:2px solid var(--color-accent);outline-offset:-1px}}.ren-td{padding:var(--space-3) var(--space-4);border-inline-end:1px solid var(--color-border);color:var(--color-text);vertical-align:middle;height:44px;&:last-child{border-inline-end:none}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}}.ren-td-pinned{position:sticky;z-index:calc(var(--z-dropdown) - var(--z-raised));background-color:inherit}.ren-table-select{width:var(--space-10);padding:var(--space-3);text-align:center;input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-accent);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:background-color var(--duration-tactile) var(--ease-enter),border-color var(--duration-tactile) var(--ease-enter);&:hover:not(:disabled){border-color:var(--color-accent)}&:checked{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&:disabled{opacity:.5;cursor:not-allowed}}}.ren-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background-color:var(--color-surface);font-size:var(--caption-size);color:var(--color-text-muted);gap:var(--space-4);&:empty{display:none}}.ren-table-pagination-info{display:flex;align-items:center;gap:var(--space-2);font-size:var(--body-size);color:var(--color-text)}.ren-table-pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.ren-table-pagination-button{display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);padding:var(--space-2);background-color:var(--color-fill);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--body-size);cursor:pointer;transition:background-color var(--duration-tactile) var(--ease-enter),border-color var(--duration-tactile) var(--ease-enter);user-select:none;min-width:44px;min-height:44px;&:hover:not(:disabled){background-color:var(--color-fill-hover);border-color:var(--color-accent)}&:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}&:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-fill)}}.ren-table-toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;&:empty{display:none}}.ren-table-toolbar-search{flex:1;min-width:200px;max-width:300px}.ren-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);gap:var(--space-4);text-align:center;color:var(--color-text-muted);background-color:var(--color-surface);min-height:200px;.ren-table-empty-icon{font-size:40px;opacity:.4}.ren-table-empty-title{font-size:var(--label-size);font-weight:var(--label-weight);color:var(--color-text)}.ren-table-empty-description{font-size:var(--caption-size);color:var(--color-text-muted);max-width:300px}}ren-table[data-loading]{.ren-table-body{position:relative}.ren-tr{opacity:.5;pointer-events:none}}.ren-table-loading-overlay{position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-text) 8%,transparent),transparent);background-size:200% 100%;animation:ren-table-shimmer var(--duration-loading) infinite;z-index:var(--z-sticky)}@keyframes ren-table-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ren-table-compact{.ren-th,.ren-td{padding:var(--space-2) var(--space-3);height:32px}.ren-tr{height:32px}}.ren-table-comfortable{.ren-th,.ren-td{padding:var(--space-4) var(--space-5);height:56px}.ren-tr{height:56px}}@container ren-table (max-width: 600px){.ren-table{min-width:600px}.ren-table-pagination{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.ren-table-pagination-info{width:100%}.ren-table-pagination-controls{width:100%;justify-content:space-between}.ren-table-toolbar{flex-direction:column}.ren-table-toolbar-search{min-width:100%;max-width:100%}}@media(prefers-contrast:more){.ren-th{border:1px solid var(--color-text)}.ren-td{border:var(--stroke-1) solid var(--color-text)}.ren-th-sortable:hover{background-color:var(--color-text);color:var(--color-surface)}}@media(prefers-reduced-motion:reduce){.ren-tr,.ren-th-sortable,.ren-table-pagination-button,.ren-table-select input[type=checkbox]{transition:none}.ren-table-loading-overlay{animation:none;background:#fff3}}.ren-table{font-size:var(--ren-table-header-size, var(--body-size))}.ren-table thead{background:var(--ren-table-header-bg, var(--color-surface-sunken));color:var(--ren-table-header-color, var(--color-text-muted));font-weight:var(--ren-table-header-weight, var(--weight-semibold))}.ren-table tr{min-block-size:var(--ren-table-row-height, var(--size-lg));block-size:var(--ren-table-row-height, var(--size-lg))}.ren-table th,.ren-table td{padding:var(--ren-table-cell-padding, var(--space-3))}.ren-table{border-color:var(--ren-table-border-color, var(--color-border-muted))}.ren-table tbody tr:nth-child(2n){background:var(--ren-table-stripe-bg, var(--color-surface-sunken))}.ren-table tbody tr:hover{background:var(--ren-table-hover-bg, var(--color-fill))}.ren-table tbody tr[aria-selected=true],.ren-table tbody tr[data-selected]{background:var(--ren-table-selected-bg, var(--color-accent-subtle))}.ren-form{container-type:inline-size;container-name:ren-form;display:flex;flex-direction:column;gap:var(--stack-gap);width:100%;max-width:100%}.ren-form:not(.ren-stack-xs,.ren-stack-sm,.ren-stack-md,.ren-stack-lg,.ren-stack-xl){--stack-gap: var(--space-density-form)}.ren-form[data-submitting]{opacity:.6;pointer-events:none}.ren-form-error-summary{padding:var(--space-4);background-color:var(--color-danger-subtle);border:1px solid var(--color-danger);border-radius:var(--radius-md);transition:all var(--duration-enter) var(--ease-enter)}.ren-form-error-summary[hidden],.ren-form-error-summary:not([data-has-errors]){display:none}.ren-form-error-summary strong{display:block;font-size:var(--label-size);font-weight:var(--label-weight);color:var(--color-danger);margin-bottom:var(--space-2)}.ren-form-error-summary ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.ren-form-error-summary li{font-size:var(--caption-size);color:var(--color-danger);line-height:var(--leading-normal)}.ren-form-error-summary a{color:var(--color-danger);text-decoration:underline;cursor:pointer}.ren-form-error-summary a:hover{text-decoration:none}.ren-form-success{padding:var(--space-4);background-color:var(--color-success-subtle);border:1px solid var(--color-success);border-radius:var(--radius-md);font-size:var(--body-sm-size);color:var(--color-success);display:flex;align-items:center;gap:var(--space-3);transition:all var(--duration-enter) var(--ease-enter)}.ren-form-success[hidden]{display:none}.ren-form-section{display:flex;flex-direction:column;gap:var(--space-4)}.ren-form-section-title{font-size:var(--title-sm-size);font-weight:var(--title-sm-weight);color:var(--color-text);margin:0;padding:0;line-height:var(--title-sm-leading)}.ren-form-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.ren-form-row>.ren-field{flex:1;min-width:250px}@container ren-form (max-width: 480px){.ren-form-row{flex-direction:column;gap:var(--space-4)}.ren-form-row>.ren-field{min-width:100%;flex:none}}.ren-form-actions{display:flex;align-items:flex-end;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.ren-form-actions button{white-space:nowrap}@container ren-form (max-width: 480px){.ren-form-actions{flex-direction:column-reverse}.ren-form-actions button{width:100%}}.ren-form-progress{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-6)}.ren-form-step{display:flex;align-items:center;gap:var(--space-2)}.ren-form-step:before{content:attr(data-step);display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;min-width:2.5rem;border-radius:50%;background-color:var(--color-border);color:var(--color-text-muted);font-size:var(--label-size);font-weight:var(--label-weight);transition:all var(--duration-state) var(--ease-enter);border:2px solid transparent}.ren-form-step-label{font-size:var(--label-size);font-weight:var(--label-weight);color:var(--color-text-muted);white-space:nowrap;transition:all var(--duration-state) var(--ease-enter)}.ren-form-step:not(:last-child):after{content:"";flex:1;height:2px;background-color:var(--color-border);min-width:1rem;transition:background-color var(--duration-state) var(--ease-enter)}.ren-form-step[data-active]:before{background-color:var(--color-accent);color:var(--color-on-accent);border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.ren-form-step[data-active] .ren-form-step-label{color:var(--color-accent);font-weight:var(--weight-semibold)}.ren-form-step[data-completed]:before{background-color:var(--color-success);color:var(--color-on-success);border-color:var(--color-success);content:"✓";font-size:1.25rem;font-weight:var(--weight-bold)}.ren-form-step[data-completed] .ren-form-step-label{color:var(--color-text-muted)}.ren-form-step[data-completed]:not(:last-child):after{background-color:var(--color-success)}.ren-form-step[data-disabled]{pointer-events:none}.ren-form-step[data-disabled]:before{background-color:var(--color-fill);color:var(--color-text-muted)}.ren-form-step[data-disabled] .ren-form-step-label{color:var(--color-text-muted)}@container ren-form (max-width: 360px){.ren-form-progress{flex-direction:column;gap:var(--space-3)}.ren-form-step:not(:last-child):after{content:"";width:2px;height:1.5rem;background-color:var(--color-border);min-width:0}}.ren-form:has(.ren-field[data-invalid]){scroll-behavior:smooth}@keyframes slideInError{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.ren-form-error-summary[data-has-errors]{animation:slideInError var(--duration-enter) var(--ease-enter)}@media(prefers-reduced-motion:reduce){.ren-form-error-summary[data-has-errors],.ren-form-step:before,.ren-form-step-label,.ren-form-step:not(:last-child):after{animation:none;transition:none}}.ren-form input,.ren-form select,.ren-form textarea{min-block-size:var(--ren-field-height, var(--size-lg));padding-inline:var(--ren-field-padding-x, var(--space-3));padding-block:var(--ren-field-padding-y, var(--space-2));font-size:var(--ren-field-font-size, var(--body-size));border-radius:var(--ren-field-radius, var(--radius-md));border:var(--ren-field-border-width, var(--stroke-1)) solid var(--ren-field-border-color, var(--color-border-interactive));background:var(--ren-field-bg, var(--color-input-bg));color:var(--ren-field-color, var(--color-text))}.ren-form input::placeholder,.ren-form textarea::placeholder{color:var(--ren-field-placeholder, var(--color-input-placeholder))}.ren-form input:focus,.ren-form select:focus,.ren-form textarea:focus{border-color:var(--ren-field-focus-color, var(--color-input-border-focus))}.ren-form [aria-invalid=true]{border-color:var(--ren-field-error-color, var(--color-input-error-border))}.ren-form [aria-invalid=false]{border-color:var(--ren-field-success-color, var(--color-success))}.ren-menubar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative}.ren-menubar-trigger{position:relative;padding:var(--space-1) var(--space-2);background-color:transparent;color:var(--color-text);border:none;border-radius:var(--radius-sm);font-size:var(--body-size);font-weight:var(--label-weight);cursor:pointer;transition:background-color var(--duration-tactile) var(--ease-enter);white-space:nowrap}.ren-menubar-trigger:hover:not([aria-expanded=true]){background-color:var(--color-fill-hover)}.ren-menubar-trigger[aria-expanded=true]{background-color:var(--color-fill-active);color:var(--color-text)}.ren-menubar-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.ren-menubar-trigger:disabled{opacity:.5;cursor:not-allowed}.ren-menubar-menu{position:absolute;top:100%;inset-inline-start:0;margin-top:var(--space-1);min-width:200px;background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-popover);display:flex;flex-direction:column;overflow:hidden}.ren-menubar-menu:not([hidden]){display:flex;animation:menubar-menu-open var(--duration-exit) var(--ease-enter)}.ren-menubar-menu[hidden]{display:none;animation:menubar-menu-close var(--duration-exit) var(--ease-enter)}@starting-style{.ren-menubar-menu:not([hidden]){opacity:0;transform:translateY(-4px)}}@keyframes menubar-menu-open{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes menubar-menu-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.ren-menubar-item{display:flex;align-items:center;width:100%;padding:var(--space-2) var(--space-3);background-color:transparent;color:var(--color-text);border:none;font-size:var(--body-size);font-weight:400;text-align:start;cursor:pointer;transition:background-color var(--duration-tactile) var(--ease-enter);position:relative;gap:var(--space-2)}.ren-menubar-item:hover:not([data-disabled]){background-color:var(--color-fill-hover)}.ren-menubar-item:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.ren-menubar-item[data-disabled]{color:var(--color-text-muted);cursor:not-allowed}.ren-menubar-item[data-disabled]:hover{background-color:transparent}.ren-menubar-shortcut{display:inline-block;margin-inline-start:auto;padding-inline-start:var(--space-3);color:var(--color-text-muted);font-size:var(--caption-size);font-family:monospace;flex-shrink:0}.ren-menubar-separator{height:1px;background-color:var(--color-separator);margin:var(--space-1) 0}.ren-menubar-label{padding:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--label-size);font-weight:var(--label-weight);text-transform:uppercase;letter-spacing:.05em;user-select:none;pointer-events:none}.ren-menubar-submenu{position:relative}.ren-menubar-submenu:after{content:"›";display:inline-block;margin-inline-start:auto;padding-inline-start:var(--space-3);color:var(--color-text-muted);font-size:var(--body-size);flex-shrink:0}.ren-menubar-submenu>.ren-menubar-menu{top:0;inset-inline-start:calc(100% + var(--space-1));margin-top:0;z-index:calc(var(--z-popover) + 1)}.ren-menubar-checkbox{position:relative}.ren-menubar-checkbox:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;margin-inline-end:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:transparent;flex-shrink:0}.ren-menubar-checkbox[aria-checked=true]:before{content:"✓";background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-on-accent);font-size:.75em;font-weight:700}.ren-menubar-radio{position:relative}.ren-menubar-radio:before{content:"";display:inline-flex;align-items:center;justify-content:center;width:1em;height:1em;margin-inline-end:var(--space-1);border:1px solid var(--color-border);border-radius:50%;background-color:transparent;flex-shrink:0}.ren-menubar-radio[aria-checked=true]:before{content:"";background-color:var(--color-accent);border-color:var(--color-accent);box-shadow:inset 0 0 0 2px var(--color-surface-raised)}.ren-menubar-item:not([data-disabled]):not(.ren-menubar-label){user-select:none}.ren-menubar-menu [role=menuitem]:focus-visible,.ren-menubar-menu [role=menuitemcheckbox]:focus-visible,.ren-menubar-menu [role=menuitemradio]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.ren-menubar-item[data-disabled]{pointer-events:none}.ren-menubar-item.is-focused{background-color:var(--color-fill-hover)}@media(prefers-reduced-motion:reduce){.ren-menubar-trigger,.ren-menubar-item,.ren-menubar-menu{transition:none;animation:none}}.ren-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-8) var(--space-4);max-width:28rem;margin-inline:auto}.ren-empty-state-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;font-size:var(--text-3xl);color:var(--color-text-muted);background-color:var(--color-fill);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.ren-empty-state-title{font-size:var(--title-sm-size, var(--text-lg));font-weight:var(--weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.ren-empty-state-description{font-size:var(--body-size);color:var(--color-text-muted);line-height:var(--leading-normal);margin-bottom:var(--space-4);max-width:var(--width-prose)}.ren-empty-state-description:last-child{margin-bottom:0}.ren-empty-state-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.ren-empty-state-compact{padding:var(--space-6) var(--space-4)}.ren-empty-state-compact .ren-empty-state-icon{width:2.5rem;height:2.5rem;font-size:var(--text-xl);margin-bottom:var(--space-2)}.ren-empty-state-compact .ren-empty-state-title{font-size:var(--body-size)}.ren-empty-state-compact .ren-empty-state-description{font-size:var(--caption-size, var(--text-sm))}.ren-empty-state-bordered{border:2px dashed var(--color-border);border-radius:var(--radius-lg);margin:var(--space-4)}.ren-empty-state{max-inline-size:var(--ren-empty-max-width, 24rem);padding:var(--ren-empty-padding, var(--space-10));gap:var(--ren-empty-gap, var(--space-3))}.ren-empty-state .ren-empty-state-icon{inline-size:var(--ren-empty-icon-size, 3rem);block-size:var(--ren-empty-icon-size, 3rem)}.ren-empty-state h1,.ren-empty-state h2,.ren-empty-state h3{font-size:var(--ren-empty-title-size, var(--title-sm-size))}.ren-empty-state p{color:var(--ren-empty-desc-color, var(--color-text-muted))}.ren-ai-slug{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);font-size:var(--caption-sm-size);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-ai);background:color-mix(in srgb,var(--color-ai) 10%,transparent);border-radius:var(--radius-sm);line-height:1}.ren-ai-slug:before{content:"✦";font-size:.75em}.ren-ai-message{position:relative;padding:var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-ai-subtle) 70%,var(--color-surface-raised));border:var(--stroke-1) solid var(--color-border);line-height:var(--leading-relaxed)}.ren-ai-message-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--label-size)}.ren-ai-message-content{font-size:var(--body-size);color:var(--color-text)}.ren-ai-message-content p:last-child{margin-bottom:0}.ren-ai-message-footer{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--stroke-1) solid var(--color-border-muted);font-size:var(--caption-size);color:var(--color-text-muted)}.ren-ai-streaming .ren-ai-message-content:after{content:"▊";display:inline;animation:ren-ai-blink var(--duration-blink) step-end infinite;color:var(--color-ai);margin-inline-start:1px}@keyframes ren-ai-blink{0%,to{opacity:1}50%{opacity:0}}@media(prefers-reduced-motion:reduce){.ren-ai-streaming .ren-ai-message-content:after{animation:none;opacity:.7}}.ren-ai-typing{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--caption-size);color:var(--color-text-muted)}.ren-ai-typing-dots{display:inline-flex;gap:3px}.ren-ai-typing-dots span{width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-ai);animation:ren-ai-dot-bounce var(--duration-typing) var(--ease-pulse) infinite}.ren-ai-typing-dots span:nth-child(2){animation-delay:var(--delay-stagger)}.ren-ai-typing-dots span:nth-child(3){animation-delay:calc(var(--delay-stagger) * 2)}@keyframes ren-ai-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}@keyframes ren-ai-dot-fade{0%,80%,to{opacity:.3}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.ren-ai-typing-dots span{animation:ren-ai-dot-fade var(--duration-typing) var(--ease-pulse) infinite}}.ren-ai-citation{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);font-size:var(--caption-sm-size);font-weight:var(--weight-medium);color:var(--color-ai);background:color-mix(in srgb,var(--color-ai) 8%,transparent);border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:background var(--duration-tactile) var(--ease-enter);vertical-align:super;line-height:1}.ren-ai-citation:hover{background:color-mix(in srgb,var(--color-ai) 14%,transparent)}.ren-ai-sources{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--stroke-1) solid var(--color-border-muted)}.ren-ai-source{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-sunken);font-size:var(--caption-size);text-decoration:none;color:var(--color-text);transition:background var(--duration-tactile) var(--ease-enter)}.ren-ai-source:hover{background:var(--color-fill)}.ren-ai-source-number{flex-shrink:0;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:var(--caption-sm-size);font-weight:var(--weight-bold);color:var(--color-ai);background:color-mix(in srgb,var(--color-ai) 10%,transparent);border-radius:var(--radius-sm)}.ren-ai-source-title{font-weight:var(--weight-medium)}.ren-ai-source-url{color:var(--color-text-muted);font-size:var(--caption-sm-size)}.ren-ai-confidence{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--caption-size);color:var(--color-text-muted)}.ren-ai-confidence-bar{width:3rem;height:4px;border-radius:var(--radius-full);background:var(--color-fill);overflow:hidden}.ren-ai-confidence-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-state) var(--ease-enter)}.ren-ai-confidence[data-level=high] .ren-ai-confidence-fill{width:100%;background:var(--color-success)}.ren-ai-confidence[data-level=medium] .ren-ai-confidence-fill{width:66%;background:var(--color-warning)}.ren-ai-confidence[data-level=low] .ren-ai-confidence-fill{width:33%;background:var(--color-danger)}.ren-ai-actions{display:flex;align-items:center;gap:var(--space-1)}.ren-ai-action{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--caption-size);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-tactile) var(--ease-enter);min-height:var(--size-sm)}.ren-ai-action:hover{color:var(--color-text);background:var(--color-fill)}.ren-ai-action:active{transform:scale(.95)}.ren-ai-action[data-active=true]{color:var(--color-ai)}.ren-ai-action-thumbs{display:inline-flex;gap:0;border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.ren-ai-action-thumbs .ren-ai-action{border-radius:0;padding:var(--space-1) var(--space-2)}.ren-ai-action-thumbs .ren-ai-action+.ren-ai-action{border-inline-start:var(--stroke-1) solid var(--color-border)}.ren-ai-prompt{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);transition:border-color var(--duration-tactile) var(--ease-enter)}.ren-ai-prompt:focus-within{border-color:var(--color-ai);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-ai) 15%,transparent)}.ren-ai-prompt-input{flex:1;border:none;background:transparent;font-family:inherit;font-size:var(--body-size);color:var(--color-text);resize:none;outline:none;min-height:1.5rem;max-height:8rem;field-sizing:content;line-height:var(--leading-normal)}.ren-ai-prompt-input::placeholder{color:var(--color-text-muted)}.ren-ai-prompt-send{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--size-md);height:var(--size-md);border:none;border-radius:var(--radius-full);background:var(--color-ai);color:var(--color-on-ai);cursor:pointer;transition:all var(--duration-tactile) var(--ease-enter);font-size:var(--text-lg)}.ren-ai-prompt-send:hover{background:var(--color-ai-hover);transform:scale(1.05)}.ren-ai-prompt-send:disabled{opacity:.4;cursor:not-allowed;transform:none}.ren-ai-skeleton{padding:var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-ai-subtle) 55%,var(--color-surface-raised));border:var(--stroke-1) solid var(--color-border-muted)}.ren-ai-skeleton-line{height:.875rem;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-fill) 25%,color-mix(in srgb,var(--color-ai) 6%,var(--color-fill)) 50%,var(--color-fill) 75%);background-size:200% 100%;animation:ren-ai-shimmer var(--duration-loading) var(--ease-pulse) infinite}.ren-ai-skeleton-line+.ren-ai-skeleton-line{margin-top:var(--space-2)}.ren-ai-skeleton-line:last-child{width:60%}@keyframes ren-ai-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.ren-ai-skeleton-line{animation:none}}.ren-ai-error{position:relative;padding:var(--space-4);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-danger) 6%,var(--color-surface-raised));border:var(--stroke-1) solid color-mix(in srgb,var(--color-danger) 30%,transparent);display:grid;gap:var(--space-2)}.ren-ai-error-message{color:var(--color-text);font-size:var(--body-size);line-height:1.5}.ren-ai-error-message:before{content:"⚠ ";color:var(--color-danger);margin-inline-end:var(--space-1)}.ren-ai-action-regenerate:before{content:"↻";margin-inline-end:var(--space-1);font-size:1.1em;display:inline-block;transition:transform var(--duration-state) var(--ease-enter, ease)}.ren-ai-action-regenerate:hover:before{transform:rotate(-45deg)}.ren-ai-action-edit:before{content:"✎";margin-inline-end:var(--space-1);font-size:1.05em}@media(prefers-reduced-motion:reduce){.ren-ai-action-regenerate:before{transition:none}}.ren-ai-file-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);background:var(--color-surface-raised);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-md);font-size:var(--caption-size);max-width:220px}.ren-ai-file-chip-icon{flex-shrink:0;width:1rem;height:1rem;color:var(--color-text-muted);display:grid;place-items:center}.ren-ai-file-chip-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text);font-weight:var(--weight-medium)}.ren-ai-file-chip-size{flex-shrink:0;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--caption-sm-size)}.ren-ai-file-chip-remove{flex-shrink:0;width:1.25rem;height:1.25rem;display:grid;place-items:center;border:0;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:1rem;line-height:1;cursor:pointer;padding:0}.ren-ai-file-chip-remove:hover,.ren-ai-file-chip-remove:focus-visible{background:var(--color-fill);color:var(--color-text)}.ren-ai-file-chip-remove:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.ren-ai-tool-call{border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);margin-block:var(--space-2);overflow:hidden}.ren-ai-tool-call-header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-sunken);font-size:var(--caption-size);font-weight:var(--weight-medium);color:var(--color-text);cursor:pointer;user-select:none;list-style:none}.ren-ai-tool-call-header::-webkit-details-marker{display:none}.ren-ai-tool-call-header:before{content:"▸";font-size:.75em;color:var(--color-text-muted);transition:transform var(--duration-state) var(--ease-enter, ease)}.ren-ai-tool-call[open]>.ren-ai-tool-call-header:before{transform:rotate(90deg)}@media(prefers-reduced-motion:reduce){.ren-ai-tool-call-header:before{transition:none}}.ren-ai-tool-call-name{font-family:var(--font-mono);color:var(--color-text)}.ren-ai-tool-call-status{margin-inline-start:auto;display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--caption-sm-size);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.04em;border:var(--stroke-1) solid transparent}.ren-ai-tool-call[data-status=pending] .ren-ai-tool-call-status{color:var(--color-text-muted);background:var(--color-fill)}.ren-ai-tool-call[data-status=running] .ren-ai-tool-call-status{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 15%,transparent)}.ren-ai-tool-call[data-status=success] .ren-ai-tool-call-status{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 15%,transparent)}.ren-ai-tool-call[data-status=error] .ren-ai-tool-call-status{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 15%,transparent)}.ren-ai-tool-call-args,.ren-ai-tool-call-result{padding:var(--space-3);font-family:var(--font-mono);font-size:var(--caption-size);line-height:1.5;color:var(--color-text-secondary);white-space:pre-wrap;overflow-x:auto}.ren-ai-tool-call-args{border-bottom:var(--stroke-1) solid var(--color-border-muted)}.ren-ai-tool-call-result{background:var(--color-surface)}.ren-ai-tool-call[data-status=error] .ren-ai-tool-call-result{background:color-mix(in srgb,var(--color-danger) 4%,var(--color-surface));color:var(--color-text)}}