*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}body{margin:0;min-height:100vh;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:has(dialog[open]){overflow:hidden}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit;background:none;border:none;outline:none}ul,ol{list-style:none}a{color:inherit;text-decoration:none}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:root{--text-primary: #000000;--text-secondary: #424242;--text-tertiary: #6B7280;--text-inverse: #000000;--text-muted: #9CA3AF;--text-disabled: #D1D5DB;--text-onBrand: #ffffff;--text-onDanger: #ffffff;--text-onWarning: #000000;--text-onSuccess: #ffffff;--background-page: #ffffff;--background-hover: #F3F4F6;--background-card: #ffffff;--background-disabled: #E5E7EB;--background-overlay: #000000;--background-brand: #000000;--background-danger: #C92A2A;--background-success: #249F5F;--background-warning: #FFC159;--surface-hover: #F3F4F6;--surface-primary: #E5E7EB;--surface-interactive: #D1D5DB;--surface-disabled: #9CA3AF;--surface-tinted: #F3F4F6;--border-subtle: #E5E7EB;--border-strong: #9CA3AF;--border-brand: #000000;--border-danger: #C92A2A;--border-focus: #212121;--interactive-default: #E5E7EB;--interactive-hover: #D1D5DB;--interactive-active: #9CA3AF;--interactive-disabled: #F3F4F6;--interactive-brand: #000000;--interactive-brandHover: #363636;--interactive-brandActive: #424242;--brand-primary: #000000;--brand-hover: #363636;--brand-active: #424242;--brand-subtle: #F3F4F6;--brand-surface: #E5E7EB;--status-success: #249F5F;--status-successSubtle: #E6F6ED;--status-warning: #E08F0F;--status-warningSubtle: #FFF7E6;--status-danger: #C92A2A;--status-dangerSubtle: #FCE8E8;--status-info: #2C56E0;--status-infoSubtle: #E6ECFF;--outline-focus: #212121;--outline-danger: #E04444;--divider-subtle: #E5E7EB;--divider-strong: #9CA3AF;--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);--shadow-md: 0 4px 6px rgba(0,0,0,0.1);--shadow-lg: 0 10px 15px rgba(0,0,0,0.15);--shadow-xl: 0 20px 25px rgba(0,0,0,0.2);--transition-fast: 150ms;--transition-normal: 250ms;--transition-slow: 350ms;--line-height-1: 1.3;--line-height-2: 1.6;--line-height-3: 1.7;--line-height-4: 1.8;--line-height-5: 2;--line-height-tight: 1.3;--line-height-normal: 1.6;--line-height-relaxed: 1.65;--line-height-loose: 1.7;--line-height-display: 1.1;--line-height-heading: 1.25;--line-height-body: 1.6;--line-height-small: 1.4;--duration-instant: 75ms;--duration-fast: 150ms;--duration-normal: 250ms;--duration-slow: 350ms;--duration-slower: 500ms;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--easing-in: cubic-bezier(0.4, 0, 1, 1);--easing-out: cubic-bezier(0, 0, 0.2, 1);--easing-in-out: cubic-bezier(0.4, 0, 0.2, 1);--easing-spring: cubic-bezier(0.34, 1.56, 0.64, 1);--opacity-disabled: 0.4;--opacity-overlay: 0.6;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1100;--z-index-overlay: 1200;--z-index-modal: 1300;--z-index-popover: 1400;--z-index-tooltip: 1500;--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: clamp(1.5rem, 1.5rem + 0.52vi, 2rem);--space-8: clamp(2rem, 2rem + 1.04vi, 3rem);--space-10: clamp(2.5rem, 2.5rem + 1.56vi, 4rem);--space-12: clamp(3rem, 3rem + 2.08vi, 5rem);--space-16: clamp(4rem, 4rem + 3.13vi, 7rem);--space-0-5: 0.125rem;--space-1-5: 0.375rem;--size-1: 0.25rem;--size-2: 0.5rem;--size-3: 0.75rem;--size-4: 1rem;--size-5: 1.25rem;--size-6: 1.5rem;--size-8: 2rem;--size-10: 2.5rem;--size-12: 3rem;--size-16: 4rem;--size-0-5: 0.125rem;--size-1-5: 0.375rem;--letter-spacing-tight: -0.02em;--letter-spacing-normal: 0em;--letter-spacing-wide: 0.02em;--font-sans: system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", monospace;--font-size-display: clamp(1.5rem, 1.5rem + 1.67vi, 2.5rem);--font-size-h1: clamp(1.125rem, 1.125rem + 1.04vi, 1.75rem);--font-size-h2: clamp(1rem, 1rem + 0.63vi, 1.375rem);--font-size-h3: clamp(0.875rem, 0.875rem + 0.42vi, 1.125rem);--font-size-h4: 1rem;--font-size-h5: 0.875rem;--font-size-h6: 0.75rem;--font-size-body: 1rem;--font-size-small: 0.875rem;--font-size-caption: 0.75rem;--font-size-mono: 0.8125rem;--motion-slide: 8px;--motion-pop: 4px;--border-width-hairline: 1px;--border-width-thin: 2px;--border-width-thick: 4px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-full: 100%;--grid-gap-sm: 0.5rem;--grid-gap-md: 1rem;--grid-gap-lg: 1.5rem;--text-styles-display-font-size: 2rem;--text-styles-display-line-height: 1.2;--text-styles-display-font-weight: 600;--text-styles-h1-font-size: 1.375rem;--text-styles-h1-line-height: 1.3;--text-styles-h1-font-weight: 600;--text-styles-body-font-size: 1rem;--text-styles-body-line-height: 1.6;--text-styles-body-font-weight: 400;--alpha-subtle: 0.08;--alpha-muted: 0.16;--alpha-overlay: 0.4;--elevation-0: none;--elevation-1: var(--shadow-sm);--elevation-2: var(--shadow-md);--elevation-3: var(--shadow-lg);--elevation-4: var(--shadow-xl);--interaction-active-scale: 0.98}:root[data-theme=dark]{--text-primary: #ffffff;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--text-inverse: #ffffff;--text-muted: #6B7280;--text-disabled: #4f4f4f;--text-onBrand: #000000;--text-onDanger: #ffffff;--text-onWarning: #000000;--text-onSuccess: #ffffff;--background-page: #212121;--background-hover: #363636;--background-card: #363636;--background-disabled: #1a1a1a;--background-overlay: #1a1a1a;--background-brand: #ffffff;--background-danger: #E96F6F;--background-success: #6ACB97;--background-warning: #FFC159;--surface-primary: #363636;--surface-hover: #424242;--surface-interactive: #4f4f4f;--surface-disabled: #1a1a1a;--surface-tinted: #E5E7EB;--border-subtle: #424242;--border-strong: #4f4f4f;--border-brand: #ffffff;--border-danger: #E96F6F;--border-focus: #E5E7EB;--interactive-default: #424242;--interactive-hover: #4f4f4f;--interactive-active: #6B7280;--interactive-disabled: #363636;--interactive-brand: #ffffff;--interactive-brandHover: #E5E7EB;--interactive-brandActive: #D1D5DB;--brand-primary: #ffffff;--brand-hover: #E5E7EB;--brand-active: #D1D5DB;--brand-subtle: #363636;--brand-surface: #424242;--status-success: #6ACB97;--status-successSubtle: #14532D;--status-warning: #FFD48C;--status-warningSubtle: #78350F;--status-danger: #E96F6F;--status-dangerSubtle: #7A0F0F;--status-info: #6F92FF;--status-infoSubtle: #041E76;--outline-focus: #E5E7EB;--outline-danger: #E96F6F;--divider-subtle: #424242;--divider-strong: #4f4f4f}@media(prefers-color-scheme: dark){:root:not([data-theme=light]){--text-primary: #ffffff;--text-secondary: #D1D5DB;--text-tertiary: #9CA3AF;--text-inverse: #ffffff;--text-muted: #6B7280;--text-disabled: #4f4f4f;--text-onBrand: #000000;--text-onDanger: #ffffff;--text-onWarning: #000000;--text-onSuccess: #ffffff;--background-page: #212121;--background-hover: #363636;--background-card: #363636;--background-disabled: #1a1a1a;--background-overlay: #1a1a1a;--background-brand: #ffffff;--background-danger: #E96F6F;--background-success: #6ACB97;--background-warning: #FFC159;--surface-primary: #363636;--surface-hover: #424242;--surface-interactive: #4f4f4f;--surface-disabled: #1a1a1a;--surface-tinted: #E5E7EB;--border-subtle: #424242;--border-strong: #4f4f4f;--border-brand: #ffffff;--border-danger: #E96F6F;--border-focus: #E5E7EB;--interactive-default: #424242;--interactive-hover: #4f4f4f;--interactive-active: #6B7280;--interactive-disabled: #363636;--interactive-brand: #ffffff;--interactive-brandHover: #E5E7EB;--interactive-brandActive: #D1D5DB;--brand-primary: #ffffff;--brand-hover: #E5E7EB;--brand-active: #D1D5DB;--brand-subtle: #363636;--brand-surface: #424242;--status-success: #6ACB97;--status-successSubtle: #14532D;--status-warning: #FFD48C;--status-warningSubtle: #78350F;--status-danger: #E96F6F;--status-dangerSubtle: #7A0F0F;--status-info: #6F92FF;--status-infoSubtle: #041E76;--outline-focus: #E5E7EB;--outline-danger: #E96F6F;--divider-subtle: #424242;--divider-strong: #4f4f4f}}body{background-color:var(--background-page);color:var(--text-primary);font-family:var(--font, system-ui);transition:background-color .25s ease,color .25s ease}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}.grid{display:grid;gap:var(--grid-gap-md);width:100%}.grid--cols-1{grid-template-columns:repeat(1, 1fr)}.grid--cols-2{grid-template-columns:repeat(1, 1fr)}.grid--cols-3{grid-template-columns:repeat(1, 1fr)}.grid--cols-4{grid-template-columns:repeat(1, 1fr)}.grid--cols-6{grid-template-columns:repeat(1, 1fr)}.grid--cols-12{grid-template-columns:repeat(1, 1fr)}.grid--auto-fill{grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr))}.grid--auto-fit{grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr))}.grid--gap-sm{gap:var(--grid-gap-sm)}.grid--gap-md{gap:var(--grid-gap-md)}.grid--gap-lg{gap:var(--grid-gap-lg)}.grid--horizontal{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;overflow-y:visible;gap:var(--grid-gap-md);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.grid--horizontal::-webkit-scrollbar{display:none}.grid--horizontal>*{scroll-snap-align:start}.grid--horizontal-sm{grid-auto-columns:min(240px,80vw)}.grid--horizontal-md{grid-auto-columns:min(320px,85vw)}.grid--horizontal-lg{grid-auto-columns:min(420px,90vw)}.grid--vertical{display:grid;grid-auto-flow:row;grid-template-columns:1fr;gap:var(--grid-gap-md)}.grid--dense{grid-auto-flow:dense}.grid--center{justify-items:center;align-items:center}.grid--stretch{align-items:stretch}.grid--start{align-items:start}.grid--end{align-items:end}.grid .col-span-1{grid-column:span 1}.grid .col-span-2{grid-column:span 2}.grid .col-span-3{grid-column:span 3}.grid .col-span-4{grid-column:span 4}.grid .col-span-5{grid-column:span 5}.grid .col-span-6{grid-column:span 6}.grid .col-span-7{grid-column:span 7}.grid .col-span-8{grid-column:span 8}.grid .col-span-9{grid-column:span 9}.grid .col-span-10{grid-column:span 10}.grid .col-span-11{grid-column:span 11}.grid .col-span-12{grid-column:span 12}.grid .col-span-full{grid-column:1/-1}.grid .row-span-1{grid-row:span 1}.grid .row-span-2{grid-row:span 2}.grid .row-span-3{grid-row:span 3}.grid--container-sm{max-width:var(--container-sm);margin-inline:auto}.grid--container-md{max-width:var(--container-md);margin-inline:auto}.grid--container-lg{max-width:var(--container-lg);margin-inline:auto}.grid--container-xl{max-width:var(--container-xl);margin-inline:auto}.grid--container-full{max-width:var(--container-full);margin-inline:auto}@media(min-width: 480px){.grid--cols-2{grid-template-columns:repeat(2, 1fr)}.grid--cols-3{grid-template-columns:repeat(2, 1fr)}.grid--cols-4{grid-template-columns:repeat(2, 1fr)}.grid--cols-6{grid-template-columns:repeat(2, 1fr)}.grid--cols-12{grid-template-columns:repeat(3, 1fr)}}@media(min-width: 768px){.grid--cols-3{grid-template-columns:repeat(3, 1fr)}.grid--cols-4{grid-template-columns:repeat(2, 1fr)}.grid--cols-6{grid-template-columns:repeat(3, 1fr)}.grid--cols-12{grid-template-columns:repeat(6, 1fr)}}@media(min-width: 1024px){.grid--cols-4{grid-template-columns:repeat(4, 1fr)}.grid--cols-6{grid-template-columns:repeat(6, 1fr)}.grid--cols-12{grid-template-columns:repeat(12, 1fr)}}@media(min-width: 480px){.grid--cols-sm-1{grid-template-columns:repeat(1, 1fr)}.grid--cols-sm-2{grid-template-columns:repeat(2, 1fr)}.grid--cols-sm-3{grid-template-columns:repeat(3, 1fr)}.grid--cols-sm-4{grid-template-columns:repeat(4, 1fr)}.grid--cols-sm-6{grid-template-columns:repeat(6, 1fr)}.grid--cols-sm-12{grid-template-columns:repeat(12, 1fr)}.grid--cols-sm-auto-fill{grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr))}.grid--cols-sm-auto-fit{grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr))}}@media(min-width: 768px){.grid--cols-md-1{grid-template-columns:repeat(1, 1fr)}.grid--cols-md-2{grid-template-columns:repeat(2, 1fr)}.grid--cols-md-3{grid-template-columns:repeat(3, 1fr)}.grid--cols-md-4{grid-template-columns:repeat(4, 1fr)}.grid--cols-md-6{grid-template-columns:repeat(6, 1fr)}.grid--cols-md-12{grid-template-columns:repeat(12, 1fr)}.grid--cols-md-auto-fill{grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr))}.grid--cols-md-auto-fit{grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr))}}@media(min-width: 1024px){.grid--cols-lg-1{grid-template-columns:repeat(1, 1fr)}.grid--cols-lg-2{grid-template-columns:repeat(2, 1fr)}.grid--cols-lg-3{grid-template-columns:repeat(3, 1fr)}.grid--cols-lg-4{grid-template-columns:repeat(4, 1fr)}.grid--cols-lg-6{grid-template-columns:repeat(6, 1fr)}.grid--cols-lg-12{grid-template-columns:repeat(12, 1fr)}.grid--cols-lg-auto-fill{grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr))}.grid--cols-lg-auto-fit{grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr))}}@media(min-width: 1280px){.grid--cols-xl-1{grid-template-columns:repeat(1, 1fr)}.grid--cols-xl-2{grid-template-columns:repeat(2, 1fr)}.grid--cols-xl-3{grid-template-columns:repeat(3, 1fr)}.grid--cols-xl-4{grid-template-columns:repeat(4, 1fr)}.grid--cols-xl-6{grid-template-columns:repeat(6, 1fr)}.grid--cols-xl-12{grid-template-columns:repeat(12, 1fr)}.grid--cols-xl-auto-fill{grid-template-columns:repeat(auto-fill, minmax(min(100%, 280px), 1fr))}.grid--cols-xl-auto-fit{grid-template-columns:repeat(auto-fit, minmax(min(100%, 280px), 1fr))}}.divider{border:none;border-top:var(--border-width-thin) solid var(--divider-subtle);margin:var(--space-3) 0}.divider--strong{border-top-color:var(--divider-strong)}.divider--vertical{display:inline-block;border:none;border-left:var(--border-width-thin) solid var(--divider-subtle);height:1em;margin:0 var(--space-3)}.divider--with-label{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-3) 0}.divider--with-label::before,.divider--with-label::after{content:"";flex:1;border-top:var(--border-width-thin) solid var(--border-subtle)}.box--pad-sm{padding:var(--space-2)}.box--pad-md{padding:var(--space-4)}.box--pad-lg{padding:var(--space-6)}.box--radius-sm{border-radius:var(--radius-sm)}.box--radius-md{border-radius:var(--radius-md)}.box--radius-lg{border-radius:var(--radius-lg)}.box--radius-full{border-radius:var(--radius-full)}.box--display-flex{display:flex}.box--display-grid{display:grid}.box--display-inline{display:inline}@media(min-width: 480px){.box--pad-sm-sm{padding:var(--space-2)}.box--pad-sm-md{padding:var(--space-4)}.box--pad-sm-lg{padding:var(--space-6)}}@media(min-width: 768px){.box--pad-md-sm{padding:var(--space-2)}.box--pad-md-md{padding:var(--space-4)}.box--pad-md-lg{padding:var(--space-6)}}@media(min-width: 1024px){.box--pad-lg-sm{padding:var(--space-2)}.box--pad-lg-md{padding:var(--space-4)}.box--pad-lg-lg{padding:var(--space-6)}}@media(min-width: 1280px){.box--pad-xl-sm{padding:var(--space-2)}.box--pad-xl-md{padding:var(--space-4)}.box--pad-xl-lg{padding:var(--space-6)}}.stack{display:flex}.stack--vertical,.stack--direction-vertical{flex-direction:column}.stack--horizontal,.stack--direction-horizontal{flex-direction:row}.stack--gap-none{gap:0}.stack--gap-xs{gap:var(--space-1)}.stack--gap-sm{gap:var(--space-2)}.stack--gap-md{gap:var(--space-4)}.stack--gap-lg{gap:var(--space-6)}.stack--gap-xl{gap:var(--space-8)}.stack--wrap{flex-wrap:wrap}@media(min-width: 480px){.stack--direction-sm-vertical{flex-direction:column}.stack--direction-sm-horizontal{flex-direction:row}.stack--gap-sm-none{gap:0}.stack--gap-sm-xs{gap:var(--space-1)}.stack--gap-sm-sm{gap:var(--space-2)}.stack--gap-sm-md{gap:var(--space-4)}.stack--gap-sm-lg{gap:var(--space-6)}.stack--gap-sm-xl{gap:var(--space-8)}}@media(min-width: 768px){.stack--direction-md-vertical{flex-direction:column}.stack--direction-md-horizontal{flex-direction:row}.stack--gap-md-none{gap:0}.stack--gap-md-xs{gap:var(--space-1)}.stack--gap-md-sm{gap:var(--space-2)}.stack--gap-md-md{gap:var(--space-4)}.stack--gap-md-lg{gap:var(--space-6)}.stack--gap-md-xl{gap:var(--space-8)}}@media(min-width: 1024px){.stack--direction-lg-vertical{flex-direction:column}.stack--direction-lg-horizontal{flex-direction:row}.stack--gap-lg-none{gap:0}.stack--gap-lg-xs{gap:var(--space-1)}.stack--gap-lg-sm{gap:var(--space-2)}.stack--gap-lg-md{gap:var(--space-4)}.stack--gap-lg-lg{gap:var(--space-6)}.stack--gap-lg-xl{gap:var(--space-8)}}@media(min-width: 1280px){.stack--direction-xl-vertical{flex-direction:column}.stack--direction-xl-horizontal{flex-direction:row}.stack--gap-xl-none{gap:0}.stack--gap-xl-xs{gap:var(--space-1)}.stack--gap-xl-sm{gap:var(--space-2)}.stack--gap-xl-md{gap:var(--space-4)}.stack--gap-xl-lg{gap:var(--space-6)}.stack--gap-xl-xl{gap:var(--space-8)}}.container{width:100%;margin-left:auto;margin-right:auto}.container--sm{max-width:var(--container-sm)}.container--md{max-width:var(--container-md)}.container--lg{max-width:var(--container-lg)}.container--xl{max-width:var(--container-xl)}.container--full{max-width:var(--container-full)}.container--center{display:flex;justify-content:center;align-items:center}.btn,button{appearance:none;-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:var(--border-width-thin) solid rgba(0,0,0,0);cursor:pointer;font-family:var(--font-sans);font-weight:var(--font-weight-medium);font-size:var(--font-size-body);line-height:1;text-decoration:none;white-space:nowrap;vertical-align:middle;user-select:none;border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.btn:focus-visible,button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn--sm,button--sm{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);height:var(--size-8);border-radius:var(--radius-sm);gap:var(--space-1)}.btn--sm .btn__icon,button--sm .btn__icon{width:var(--size-3);height:var(--size-3);justify-content:center}.btn--md,button--md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);height:var(--size-10);border-radius:var(--radius-md);gap:var(--space-2)}.btn--md .btn__icon,button--md .btn__icon{width:var(--size-4);height:var(--size-4);justify-content:center}.btn--lg,button--lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-body);height:var(--size-12);border-radius:var(--radius-md);gap:var(--space-2)}.btn--lg .btn__icon,button--lg .btn__icon{width:var(--size-5);height:var(--size-5);justify-content:center}.btn--solid,button--solid{background:var(--interactive-brand);color:var(--text-onBrand);border-color:var(--interactive-brand)}@media(hover: hover)and (pointer: fine){.btn--solid:hover:not(:disabled):not(.btn--static),button--solid:hover:not(:disabled):not(.btn--static){background:var(--interactive-brandHover);border-color:var(--interactive-brandHover)}}.btn--solid:active:not(:disabled):not(.btn--static),button--solid:active:not(:disabled):not(.btn--static){background:var(--interactive-brandActive);border-color:var(--interactive-brandActive);transform:scale(0.98)}.btn--surface,button--surface{background:var(--brand-surface);color:var(--brand-primary);border-color:var(--border-brand)}@media(hover: hover)and (pointer: fine){.btn--surface:hover:not(:disabled):not(.btn--static),button--surface:hover:not(:disabled):not(.btn--static){border-color:var(--interactive-brandHover);color:var(--interactive-brandHover)}}.btn--surface:active:not(:disabled):not(.btn--static),button--surface:active:not(:disabled):not(.btn--static){border-color:var(--interactive-brandActive);color:var(--interactive-brandActive);transform:scale(0.98)}.btn--subtle,button--subtle{background:var(--brand-subtle);color:var(--brand-primary);border-color:rgba(0,0,0,0)}@media(hover: hover)and (pointer: fine){.btn--subtle:hover:not(:disabled):not(.btn--static),button--subtle:hover:not(:disabled):not(.btn--static){background:var(--brand-surface)}}.btn--subtle:active:not(:disabled):not(.btn--static),button--subtle:active:not(:disabled):not(.btn--static){background:var(--brand-surface);color:var(--brand-active);transform:scale(0.98)}.btn--outline,button--outline{background:rgba(0,0,0,0);color:var(--text-primary);border-color:var(--border-strong)}@media(hover: hover)and (pointer: fine){.btn--outline:hover:not(:disabled):not(.btn--static),button--outline:hover:not(:disabled):not(.btn--static){background:var(--background-hover)}}.btn--outline:active:not(:disabled):not(.btn--static),button--outline:active:not(:disabled):not(.btn--static){background:var(--surface-interactive);transform:scale(0.98)}.btn--ghost,button--ghost{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:var(--text-secondary)}@media(hover: hover)and (pointer: fine){.btn--ghost:hover:not(:disabled):not(.btn--static),button--ghost:hover:not(:disabled):not(.btn--static){background:var(--background-hover);color:var(--text-primary)}}.btn--ghost:active:not(:disabled):not(.btn--static),button--ghost:active:not(:disabled):not(.btn--static){background:var(--surface-primary);color:var(--text-primary);transform:scale(0.98)}.btn--static,button--static{cursor:default}.btn--static:hover,.btn--static:active,.btn--static:focus-visible,button--static:hover,button--static:active,button--static:focus-visible{transform:none !important;outline:none !important;filter:none !important}.btn:disabled,.btn--disabled,button:disabled,button--disabled{cursor:not-allowed;opacity:var(--opacity-disabled);pointer-events:none}.btn--loading,button--loading{cursor:wait;pointer-events:none;position:relative}.btn--loading .btn__label,button--loading .btn__label{opacity:0}.btn--loading::after,button--loading::after{content:"";position:absolute;top:50%;left:50%;width:1em;height:1em;margin-top:-0.5em;margin-left:-0.5em;border:2.5px solid currentColor;border-top-color:rgba(0,0,0,0);border-radius:var(--radius-full);animation:btn-spin var(--duration-slow) linear infinite}.btn--full,button--full{width:100%}.btn--icon-only,button--icon-only{padding:0;aspect-ratio:1;gap:0}.btn--icon-only.btn--sm,button--icon-only.btn--sm{width:var(--size-8);height:var(--size-8)}.btn--icon-only.btn--md,button--icon-only.btn--md{width:var(--size-10);height:var(--size-10)}.btn--icon-only.btn--lg,button--icon-only.btn--lg{width:var(--size-12);height:var(--size-12)}.btn--icon-right,button--icon-right{flex-direction:row-reverse}.btn__icon,button__icon{flex-shrink:0;display:flex;align-items:center}.btn__label,button__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn__badge,button__badge{display:flex;justify-content:center;align-items:center;width:var(--size-4);height:var(--size-4);border-radius:var(--radius-full);background:var(--status-danger);color:var(--text-onDanger);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:1}.btn-group,button-group{display:inline-flex;align-items:center}.btn-group .btn,button-group .btn{border-radius:0;position:relative}.btn-group .btn:focus-visible,button-group .btn:focus-visible{z-index:var(--z-index-dropdown)}.btn-group .btn:first-child,button-group .btn:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child,button-group .btn:last-child{border-radius:0 var(--radius-md) var(--radius-md) 0}.btn-group .btn:not(:first-child),button-group .btn:not(:first-child){margin-left:calc(var(--border-width-thin)*-1)}.btn-group .btn:hover,.btn-group .btn:focus-visible,button-group .btn:hover,button-group .btn:focus-visible{z-index:var(--z-index-base)}.btn-group--vertical,button-group--vertical{flex-direction:column}.btn-group--vertical .btn,button-group--vertical .btn{width:100%}.btn-group--vertical .btn:first-child,button-group--vertical .btn:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.btn-group--vertical .btn:last-child,button-group--vertical .btn:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.btn-group--vertical .btn:not(:first-child),button-group--vertical .btn:not(:first-child){margin-left:0;margin-top:calc(var(--border-width-thin)*-1)}@media(max-width: 479px){.btn--full-mobile,button--full-mobile{width:100%}}@media(min-width: 480px){.btn--sm-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);height:var(--size-8);border-radius:var(--radius-sm);gap:var(--space-1)}.btn--sm-sm .btn__icon{width:var(--size-3);height:var(--size-3);justify-content:center}.btn--sm-md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);height:var(--size-10);border-radius:var(--radius-md);gap:var(--space-2)}.btn--sm-md .btn__icon{width:var(--size-4);height:var(--size-4);justify-content:center}.btn--sm-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-body);height:var(--size-12);border-radius:var(--radius-md);gap:var(--space-2)}.btn--sm-lg .btn__icon{width:var(--size-5);height:var(--size-5);justify-content:center}}@media(min-width: 768px){.btn--md-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);height:var(--size-8);border-radius:var(--radius-sm);gap:var(--space-1)}.btn--md-sm .btn__icon{width:var(--size-3);height:var(--size-3);justify-content:center}.btn--md-md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);height:var(--size-10);border-radius:var(--radius-md);gap:var(--space-2)}.btn--md-md .btn__icon{width:var(--size-4);height:var(--size-4);justify-content:center}.btn--md-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-body);height:var(--size-12);border-radius:var(--radius-md);gap:var(--space-2)}.btn--md-lg .btn__icon{width:var(--size-5);height:var(--size-5);justify-content:center}}@media(min-width: 1024px){.btn--lg-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);height:var(--size-8);border-radius:var(--radius-sm);gap:var(--space-1)}.btn--lg-sm .btn__icon{width:var(--size-3);height:var(--size-3);justify-content:center}.btn--lg-md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);height:var(--size-10);border-radius:var(--radius-md);gap:var(--space-2)}.btn--lg-md .btn__icon{width:var(--size-4);height:var(--size-4);justify-content:center}.btn--lg-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-body);height:var(--size-12);border-radius:var(--radius-md);gap:var(--space-2)}.btn--lg-lg .btn__icon{width:var(--size-5);height:var(--size-5);justify-content:center}}@media(min-width: 1280px){.btn--xl-sm{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);height:var(--size-8);border-radius:var(--radius-sm);gap:var(--space-1)}.btn--xl-sm .btn__icon{width:var(--size-3);height:var(--size-3);justify-content:center}.btn--xl-md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);height:var(--size-10);border-radius:var(--radius-md);gap:var(--space-2)}.btn--xl-md .btn__icon{width:var(--size-4);height:var(--size-4);justify-content:center}.btn--xl-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-body);height:var(--size-12);border-radius:var(--radius-md);gap:var(--space-2)}.btn--xl-lg .btn__icon{width:var(--size-5);height:var(--size-5);justify-content:center}}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{display:flex;flex-direction:column;position:relative;color:inherit;transition:background box-shadow border-color var(--duration-normal) cubic-bezier(0.25, 0.46, 0.45, 0.94)}.card--sm{padding:var(--space-3);gap:var(--space-2);border-radius:var(--radius-md)}.card--md{padding:var(--space-4);gap:var(--space-3);border-radius:var(--radius-lg)}.card--lg{padding:var(--space-6);gap:var(--space-4);border-radius:var(--radius-xl)}.card--solid{background:var(--interactive-brand);border:none;box-shadow:none;color:var(--text-onBrand)}.card--surface{background:var(--brand-surface);border:var(--border-width-hairline) solid var(--border-brand);box-shadow:none}.card--subtle{background:var(--brand-subtle);border:none;box-shadow:none}.card--outline{background:var(--background-card);border:var(--border-width-hairline) solid var(--border-subtle);box-shadow:none}.card--ghost{background:rgba(0,0,0,0);border:none;box-shadow:none}.card--plain{background:rgba(0,0,0,0);border:none;box-shadow:none}.card--interactive{cursor:pointer;transition:background box-shadow border-color var(--duration-fast) cubic-bezier(0.25, 0.46, 0.45, 0.94)}@media(hover: hover)and (pointer: fine){.card--interactive:hover{box-shadow:var(--shadow-sm)}}.card--interactive:active{transform:scale(0.98);box-shadow:none}.card--interactive:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.card--interactive.card--solid:hover{box-shadow:0 4px 16px rgba(0,0,0,.2)}.card--interactive.card--surface:hover{border-color:var(--interactive-brandHover);box-shadow:none}.card--interactive.card--subtle:hover{background:var(--brand-surface);box-shadow:none}.card--interactive.card--outline:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.card--interactive.card--ghost:hover{background:var(--background-hover);box-shadow:none}.card--horizontal:has(.card__media){display:grid;grid-template-columns:280px 1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"media header" "media body" "media footer";padding:0 !important;overflow:hidden}.card--horizontal:has(.card__media) .card__media{grid-area:media;margin-bottom:0;border-radius:0;border-top-left-radius:inherit;border-bottom-left-radius:inherit}.card--horizontal:has(.card__media) .card__media img,.card--horizontal:has(.card__media) .card__media video{width:100%;height:100%;object-fit:cover}.card--horizontal:has(.card__media) .card__header{grid-area:header;padding:var(--space-5) var(--space-6) 0 var(--space-6);margin-bottom:0}.card--horizontal:has(.card__media) .card__body{grid-area:body;padding:var(--space-3) var(--space-6)}.card--horizontal:has(.card__media) .card__footer{grid-area:footer;padding:0 var(--space-6) var(--space-5) var(--space-6);margin-top:0;border-top:none}.card--sm.card--horizontal:has(.card__media){grid-template-columns:160px 1fr}.card--sm.card--horizontal:has(.card__media) .card__header{padding:var(--space-3) var(--space-4) 0 var(--space-4)}.card--sm.card--horizontal:has(.card__media) .card__body{padding:var(--space-2) var(--space-4)}.card--sm.card--horizontal:has(.card__media) .card__footer{padding:0 var(--space-4) var(--space-3) var(--space-4)}.card--lg.card--horizontal:has(.card__media){grid-template-columns:360px 1fr}.card--lg.card--horizontal:has(.card__media) .card__header{padding:var(--space-6) var(--space-8) 0 var(--space-8)}.card--lg.card--horizontal:has(.card__media) .card__body{padding:var(--space-4) var(--space-8)}.card--lg.card--horizontal:has(.card__media) .card__footer{padding:0 var(--space-8) var(--space-6) var(--space-8)}.card__header{display:flex;flex-direction:column;gap:var(--space-0-5);margin-bottom:var(--space-2)}.card__body{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.card__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-4);border-top:var(--border-width-hairline) solid var(--border-subtle);padding-top:var(--space-3)}.card__media{overflow:hidden;border-radius:inherit;margin-bottom:var(--space-4);line-height:0}.card__media img,.card__media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-slow)}.card--interactive .card__media:hover img,.card--interactive .card__media:hover video{transform:scale(1.03)}.card__title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);margin:0}.card__subtitle{font-size:var(--font-size-small);font-weight:var(--font-weight-regular);color:var(--text-tertiary);line-height:var(--line-height-normal);margin:0}.card__description{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.card--solid .card__title,.card--solid .card__subtitle,.card--solid .card__description{color:var(--text-onBrand)}.card--solid .card__footer{border-top-color:color-mix(in srgb, var(--text-onBrand) 20%, transparent)}.card--solid .card__badge{background:color-mix(in srgb, var(--text-onBrand) 15%, transparent);color:var(--text-onBrand);border-color:color-mix(in srgb, var(--text-onBrand) 30%, transparent)}.card__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);background:var(--brand-subtle);color:var(--brand-primary);border:var(--border-width-hairline) solid var(--border-brand)}[data-theme=dark] .card--outline{border-color:var(--border-strong)}[data-theme=dark] .card--surface{border-color:var(--border-brand)}[data-theme=dark] .card--subtle{background:var(--brand-surface)}[data-theme=dark] .card--solid{background:var(--interactive-brandActive)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]) .card--outline{border-color:var(--border-strong)}:root:not([data-theme=light]) .card--surface{border-color:var(--border-brand)}:root:not([data-theme=light]) .card--subtle{background:var(--brand-surface)}:root:not([data-theme=light]) .card--solid{background:var(--interactive-brandActive)}}@media(min-width: 480px){.card--sm-sm{padding:var(--space-3);gap:var(--space-2);border-radius:var(--radius-md)}.card--sm-md{padding:var(--space-4);gap:var(--space-3);border-radius:var(--radius-lg)}.card--sm-lg{padding:var(--space-6);gap:var(--space-4);border-radius:var(--radius-xl)}}@media(min-width: 768px){.card--md-sm{padding:var(--space-3);gap:var(--space-2);border-radius:var(--radius-md)}.card--md-md{padding:var(--space-4);gap:var(--space-3);border-radius:var(--radius-lg)}.card--md-lg{padding:var(--space-6);gap:var(--space-4);border-radius:var(--radius-xl)}}@media(min-width: 1024px){.card--lg-sm{padding:var(--space-3);gap:var(--space-2);border-radius:var(--radius-md)}.card--lg-md{padding:var(--space-4);gap:var(--space-3);border-radius:var(--radius-lg)}.card--lg-lg{padding:var(--space-6);gap:var(--space-4);border-radius:var(--radius-xl)}}@media(min-width: 1280px){.card--xl-sm{padding:var(--space-3);gap:var(--space-2);border-radius:var(--radius-md)}.card--xl-md{padding:var(--space-4);gap:var(--space-3);border-radius:var(--radius-lg)}.card--xl-lg{padding:var(--space-6);gap:var(--space-4);border-radius:var(--radius-xl)}}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-1)}.badge--sm{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-caption)}.badge--lg{padding:var(--space-1-5) var(--space-4);font-size:var(--font-size-small)}.badge--solid{color:var(--text-onBrand);background:var(--brand-primary)}.badge--outline{color:var(--brand-primary);background:rgba(0,0,0,0);border:var(--border-width-thin) solid var(--border-brand)}.badge--subtle{color:var(--brand-primary);background:var(--brand-subtle)}.badge--success{background:var(--status-successSubtle);color:var(--status-success)}.badge--success.badge--solid{background:var(--status-success);color:var(--text-onSuccess)}.badge--warning{background:var(--status-warningSubtle);color:var(--status-warning)}.badge--warning.badge--solid{background:var(--status-warning);color:var(--text-onWarning)}.badge--danger{background:var(--status-dangerSubtle);color:var(--status-danger)}.badge--danger.badge--solid{background:var(--status-danger);color:var(--text-onDanger)}.badge--info{background:var(--status-infoSubtle);color:var(--status-info)}.badge--info.badge--solid{background:var(--status-info);color:var(--text-onBrand)}@media(min-width: 480px){.badge--sm-sm{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-caption)}.badge--sm-md{padding:var(--space-1) var(--space-3);font-size:var(--font-size-caption)}.badge--sm-lg{padding:var(--space-1-5) var(--space-4);font-size:var(--font-size-small)}}@media(min-width: 768px){.badge--md-sm{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-caption)}.badge--md-md{padding:var(--space-1) var(--space-3);font-size:var(--font-size-caption)}.badge--md-lg{padding:var(--space-1-5) var(--space-4);font-size:var(--font-size-small)}}@media(min-width: 1024px){.badge--lg-sm{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-caption)}.badge--lg-md{padding:var(--space-1) var(--space-3);font-size:var(--font-size-caption)}.badge--lg-lg{padding:var(--space-1-5) var(--space-4);font-size:var(--font-size-small)}}@media(min-width: 1280px){.badge--xl-sm{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-caption)}.badge--xl-md{padding:var(--space-1) var(--space-3);font-size:var(--font-size-caption)}.badge--xl-lg{padding:var(--space-1-5) var(--space-4);font-size:var(--font-size-small)}}.chip{display:inline-flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-subtle);cursor:pointer;user-select:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.chip:hover{background:var(--background-hover);border-color:var(--border-strong);color:var(--text-primary)}.chip:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.chip:active{transform:scale(0.97)}.chip--selected{background:var(--brand-subtle);border-color:var(--brand-primary);color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.chip--selected:hover{background:var(--brand-surface);border-color:var(--brand-hover)}.chip--sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption);gap:var(--space-1)}.chip--lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body)}.chip--disabled,.chip:disabled{opacity:var(--opacity-disabled);pointer-events:none;cursor:not-allowed}.chip__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--size-4);height:var(--size-4)}.chip__icon svg{width:100%;height:100%}.chip__remove{display:inline-flex;align-items:center;justify-content:center;width:var(--size-4);height:var(--size-4);border-radius:var(--radius-full);margin-left:var(--space-0-5);background:rgba(0,0,0,0);border:none;color:inherit;cursor:pointer;opacity:.6;padding:0;transition:opacity var(--transition-fast),background var(--transition-fast)}.chip__remove:hover{opacity:1;background:color-mix(in srgb, currentColor 15%, transparent)}.chip-group{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}@media(min-width: 480px){.chip--sm-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption);gap:var(--space-1)}.chip--sm-md{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);gap:var(--space-1-5)}.chip--sm-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);gap:var(--space-2)}}@media(min-width: 768px){.chip--md-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption);gap:var(--space-1)}.chip--md-md{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);gap:var(--space-1-5)}.chip--md-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);gap:var(--space-2)}}@media(min-width: 1024px){.chip--lg-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption);gap:var(--space-1)}.chip--lg-md{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);gap:var(--space-1-5)}.chip--lg-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);gap:var(--space-2)}}@media(min-width: 1280px){.chip--xl-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption);gap:var(--space-1)}.chip--xl-md{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);gap:var(--space-1-5)}.chip--xl-lg{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);gap:var(--space-2)}}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);background:var(--surface-primary);color:var(--text-secondary);border:var(--border-width-hairline) solid var(--border-subtle)}.tag--sm{padding:var(--space-0-5) var(--space-1-5);font-size:var(--font-size-caption);line-height:var(--line-height-small)}.tag--lg{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}.tag--success{background:var(--status-successSubtle);color:var(--status-success);border-color:var(--status-success)}.tag--warning{background:var(--status-warningSubtle);color:var(--status-warning);border-color:var(--status-warning)}.tag--danger{background:var(--status-dangerSubtle);color:var(--status-danger);border-color:var(--status-danger)}.tag--info{background:var(--status-infoSubtle);color:var(--status-info);border-color:var(--status-info)}.tag__remove{background:none;border:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-full);line-height:1;padding:var(--space-0-5);color:inherit;opacity:.6;font-size:1.1em;transition:opacity var(--transition-fast),transform var(--transition-fast)}.tag__remove:hover{opacity:1;transform:scale(1.15)}.tag__remove:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}@media(min-width: 480px){.tag--sm-sm{padding:var(--space-0-5) var(--space-1-5);font-size:var(--font-size-caption)}.tag--sm-md{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-caption)}.tag--sm-lg{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}}@media(min-width: 768px){.tag--md-sm{padding:var(--space-0-5) var(--space-1-5);font-size:var(--font-size-caption)}.tag--md-md{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-caption)}.tag--md-lg{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}}@media(min-width: 1024px){.tag--lg-sm{padding:var(--space-0-5) var(--space-1-5);font-size:var(--font-size-caption)}.tag--lg-md{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-caption)}.tag--lg-lg{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}}@media(min-width: 1280px){.tag--xl-sm{padding:var(--space-0-5) var(--space-1-5);font-size:var(--font-size-caption)}.tag--xl-md{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-caption)}.tag--xl-lg{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}}.avatar{display:inline-flex;display:flex;justify-content:center;align-items:center;overflow:hidden;background:var(--surface-hover);color:var(--text-secondary);font-weight:var(--font-weight-semibold);user-select:none;flex-shrink:0}.avatar--xs{width:var(--size-6);height:var(--size-6);font-size:calc(var(--size-6)/2.5)}.avatar--sm{width:var(--size-8);height:var(--size-8);font-size:calc(var(--size-8)/2.5)}.avatar--md{width:var(--size-10);height:var(--size-10);font-size:calc(var(--size-10)/2.5)}.avatar--lg{width:var(--size-12);height:var(--size-12);font-size:calc(var(--size-12)/2.5)}.avatar--xl{width:var(--size-16);height:var(--size-16);font-size:calc(var(--size-16)/2.5)}.avatar--circle{border-radius:var(--radius-full)}.avatar--square{border-radius:var(--radius-md)}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__initials{line-height:1;font-weight:inherit;color:inherit}@media(min-width: 480px){.avatar--sm-xs{width:var(--size-6);height:var(--size-6);font-size:calc(var(--size-6)/2.5)}.avatar--sm-sm{width:var(--size-8);height:var(--size-8);font-size:calc(var(--size-8)/2.5)}.avatar--sm-md{width:var(--size-10);height:var(--size-10);font-size:calc(var(--size-10)/2.5)}.avatar--sm-lg{width:var(--size-12);height:var(--size-12);font-size:calc(var(--size-12)/2.5)}.avatar--sm-xl{width:var(--size-16);height:var(--size-16);font-size:calc(var(--size-16)/2.5)}}@media(min-width: 768px){.avatar--md-xs{width:var(--size-6);height:var(--size-6);font-size:calc(var(--size-6)/2.5)}.avatar--md-sm{width:var(--size-8);height:var(--size-8);font-size:calc(var(--size-8)/2.5)}.avatar--md-md{width:var(--size-10);height:var(--size-10);font-size:calc(var(--size-10)/2.5)}.avatar--md-lg{width:var(--size-12);height:var(--size-12);font-size:calc(var(--size-12)/2.5)}.avatar--md-xl{width:var(--size-16);height:var(--size-16);font-size:calc(var(--size-16)/2.5)}}@media(min-width: 1024px){.avatar--lg-xs{width:var(--size-6);height:var(--size-6);font-size:calc(var(--size-6)/2.5)}.avatar--lg-sm{width:var(--size-8);height:var(--size-8);font-size:calc(var(--size-8)/2.5)}.avatar--lg-md{width:var(--size-10);height:var(--size-10);font-size:calc(var(--size-10)/2.5)}.avatar--lg-lg{width:var(--size-12);height:var(--size-12);font-size:calc(var(--size-12)/2.5)}.avatar--lg-xl{width:var(--size-16);height:var(--size-16);font-size:calc(var(--size-16)/2.5)}}@media(min-width: 1280px){.avatar--xl-xs{width:var(--size-6);height:var(--size-6);font-size:calc(var(--size-6)/2.5)}.avatar--xl-sm{width:var(--size-8);height:var(--size-8);font-size:calc(var(--size-8)/2.5)}.avatar--xl-md{width:var(--size-10);height:var(--size-10);font-size:calc(var(--size-10)/2.5)}.avatar--xl-lg{width:var(--size-12);height:var(--size-12);font-size:calc(var(--size-12)/2.5)}.avatar--xl-xl{width:var(--size-16);height:var(--size-16);font-size:calc(var(--size-16)/2.5)}}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;color:var(--text-primary);font-size:1em}.icon svg{width:100%;height:100%;fill:currentColor;stroke:currentColor}.icon--xs{font-size:var(--size-3)}.icon--sm{font-size:var(--size-4)}.icon--md{font-size:var(--size-6)}.icon--lg{font-size:var(--size-8)}.icon--xl{font-size:var(--size-10)}.icon--default{color:var(--text-primary)}.icon--muted{color:var(--text-muted)}.icon--brand{color:var(--brand-primary)}.icon--success{color:var(--status-success)}.icon--warning{color:var(--status-warning)}.icon--danger{color:var(--status-danger)}.icon--white{color:var(--text-onBrand)}@media(min-width: 480px){.icon--sm-xs{font-size:var(--size-3)}.icon--sm-sm{font-size:var(--size-4)}.icon--sm-md{font-size:var(--size-6)}.icon--sm-lg{font-size:var(--size-8)}.icon--sm-xl{font-size:var(--size-10)}}@media(min-width: 768px){.icon--md-xs{font-size:var(--size-3)}.icon--md-sm{font-size:var(--size-4)}.icon--md-md{font-size:var(--size-6)}.icon--md-lg{font-size:var(--size-8)}.icon--md-xl{font-size:var(--size-10)}}@media(min-width: 1024px){.icon--lg-xs{font-size:var(--size-3)}.icon--lg-sm{font-size:var(--size-4)}.icon--lg-md{font-size:var(--size-6)}.icon--lg-lg{font-size:var(--size-8)}.icon--lg-xl{font-size:var(--size-10)}}@media(min-width: 1280px){.icon--xl-xs{font-size:var(--size-3)}.icon--xl-sm{font-size:var(--size-4)}.icon--xl-md{font-size:var(--size-6)}.icon--xl-lg{font-size:var(--size-8)}.icon--xl-xl{font-size:var(--size-10)}}.image{display:block;position:relative;overflow:hidden;line-height:0;background:var(--surface-hover)}.image--sm{width:var(--size-12);height:var(--size-12)}.image--md{width:var(--size-16);height:var(--size-16)}.image--lg{width:12rem;height:12rem}.image--xl{width:18rem;height:18rem}.image--full{width:100%;height:100%}.image--ratio-square{aspect-ratio:1;width:100%;height:auto}.image--ratio-landscape{aspect-ratio:1.3333333333;width:100%;height:auto}.image--ratio-portrait{aspect-ratio:0.75;width:100%;height:auto}.image--ratio-wide{aspect-ratio:1.7777777778;width:100%;height:auto}.image--square{border-radius:0}.image--rounded{border-radius:var(--radius-md)}.image--rounded-lg{border-radius:var(--radius-lg)}.image--rounded-xl{border-radius:var(--radius-xl)}.image--circle{border-radius:var(--radius-full)}.image--pill{border-radius:var(--radius-full)}.image__img{display:block;width:100%;height:100%;transition:transform var(--transition-normal)}.image--cover .image__img{object-fit:cover}.image--contain .image__img{object-fit:contain;background:var(--background-page)}.image--fill .image__img{object-fit:fill}.image--none .image__img{object-fit:none}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.spinner{display:inline-flex;border-radius:50%;border:2px solid currentColor;border-top-color:rgba(0,0,0,0);animation:spinner-rotate var(--duration-slow) linear infinite;flex-shrink:0}.spinner--sm{width:var(--size-4);height:var(--size-4)}.spinner--md{width:var(--size-6);height:var(--size-6)}.spinner--lg{width:var(--size-8);height:var(--size-8)}.spinner--brand{color:var(--interactive-brand)}.spinner--muted{color:var(--text-secondary)}.spinner--white{color:var(--text-inverse)}@keyframes skeleton-wave{0%{background-position:-200% 0}100%{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface-hover) 25%, var(--surface-interactive) 50%, var(--surface-hover) 75%);background-size:200% 100%;animation:skeleton-wave 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--text{height:var(--font-size-body);border-radius:var(--radius-sm);margin-bottom:var(--space-2)}.skeleton--text:last-child{width:80%}.skeleton--circle{aspect-ratio:1;border-radius:var(--radius-full)}.skeleton--rect{border-radius:var(--radius-md)}@keyframes progress-slide{0%{left:-100%}100%{left:100%}}.progress{width:100%;overflow:hidden;border-radius:var(--radius-full)}.progress--sm{height:var(--size-1)}.progress--md{height:var(--size-2)}.progress--lg{height:var(--size-3)}.progress__track{width:100%;height:100%;background:var(--surface-hover);border-radius:inherit;position:relative;overflow:hidden}.progress__fill{height:100%;border-radius:inherit;transition:width var(--transition-normal)}.progress--brand .progress__fill{background:var(--interactive-brand)}.progress--success .progress__fill{background:var(--status-success)}.progress--warning .progress__fill{background:var(--status-warning)}.progress--danger .progress__fill{background:var(--status-danger)}.progress--indeterminate .progress__fill{width:50%;position:absolute;animation:progress-slide 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite}.status-card{padding:var(--space-4);border-radius:var(--radius-md);display:flex;gap:var(--space-3);align-items:flex-start;box-shadow:var(--shadow-sm)}@media(min-width: ){.status-card{padding:var(--space-6)}}.status-card__icon{font-size:var(--font-size-h3);flex-shrink:0;margin-top:2px}.status-card__content{display:flex;flex-direction:column;gap:var(--space-1)}.status-card__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.status-card__desc{font-size:var(--font-size-small);color:var(--text-secondary);line-height:var(--line-height-normal)}.status-card--success{background:var(--status-successSubtle);border-left:var(--border-width-thick) solid var(--status-success)}.status-card--success .status-card__icon,.status-card--success .status-card__title{color:var(--status-success)}.status-card--warning{background:var(--status-warningSubtle);border-left:var(--border-width-thick) solid var(--status-warning)}.status-card--warning .status-card__icon,.status-card--warning .status-card__title{color:var(--status-warning)}.status-card--danger{background:var(--status-dangerSubtle);border-left:var(--border-width-thick) solid var(--status-danger)}.status-card--danger .status-card__icon,.status-card--danger .status-card__title{color:var(--status-danger)}.status-card--info{background:var(--status-infoSubtle);border-left:var(--border-width-thick) solid var(--status-info)}.status-card--info .status-card__icon,.status-card--info .status-card__title{color:var(--status-info)}.heading{margin:0;font-family:var(--font-sans);color:var(--text-primary)}.heading--display{font-size:var(--font-size-display);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-tight)}.heading--xl{font-size:var(--font-size-h1);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-tight)}.heading--lg{font-size:var(--font-size-h2);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-tight)}.heading--md{font-size:var(--font-size-h3);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-tight)}.heading--sm{font-size:var(--font-size-h5);line-height:var(--line-height-4);letter-spacing:var(--letter-spacing-normal)}.heading--xs{font-size:var(--font-size-h6);line-height:var(--line-height-5);letter-spacing:var(--letter-spacing-normal)}.heading--regular{font-weight:var(--font-weight-regular)}.heading--medium{font-weight:var(--font-weight-medium)}.heading--semibold{font-weight:var(--font-weight-semibold)}.heading--bold{font-weight:var(--font-weight-bold)}.heading--default{color:var(--text-primary)}.heading--muted{color:var(--text-muted)}.heading--brand{color:var(--brand-primary)}.heading--success{color:var(--status-success)}.heading--warning{color:var(--status-warning)}.heading--danger{color:var(--status-danger)}.heading--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width: 480px){.heading--sm-display{font-size:var(--font-size-display);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-tight)}.heading--sm-xl{font-size:var(--font-size-h1);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-tight)}.heading--sm-lg{font-size:var(--font-size-h2);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-tight)}.heading--sm-md{font-size:var(--font-size-h3);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-tight)}.heading--sm-sm{font-size:var(--font-size-h5);line-height:var(--line-height-4);letter-spacing:var(--letter-spacing-normal)}.heading--sm-xs{font-size:var(--font-size-h6);line-height:var(--line-height-5);letter-spacing:var(--letter-spacing-normal)}}@media(min-width: 768px){.heading--md-display{font-size:var(--font-size-display);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-tight)}.heading--md-xl{font-size:var(--font-size-h1);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-tight)}.heading--md-lg{font-size:var(--font-size-h2);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-tight)}.heading--md-md{font-size:var(--font-size-h3);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-tight)}.heading--md-sm{font-size:var(--font-size-h5);line-height:var(--line-height-4);letter-spacing:var(--letter-spacing-normal)}.heading--md-xs{font-size:var(--font-size-h6);line-height:var(--line-height-5);letter-spacing:var(--letter-spacing-normal)}}@media(min-width: 1024px){.heading--lg-display{font-size:var(--font-size-display);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-tight)}.heading--lg-xl{font-size:var(--font-size-h1);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-tight)}.heading--lg-lg{font-size:var(--font-size-h2);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-tight)}.heading--lg-md{font-size:var(--font-size-h3);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-tight)}.heading--lg-sm{font-size:var(--font-size-h5);line-height:var(--line-height-4);letter-spacing:var(--letter-spacing-normal)}.heading--lg-xs{font-size:var(--font-size-h6);line-height:var(--line-height-5);letter-spacing:var(--letter-spacing-normal)}}@media(min-width: 1280px){.heading--xl-display{font-size:var(--font-size-display);line-height:var(--line-height-1);letter-spacing:var(--letter-spacing-tight)}.heading--xl-xl{font-size:var(--font-size-h1);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-tight)}.heading--xl-lg{font-size:var(--font-size-h2);line-height:var(--line-height-2);letter-spacing:var(--letter-spacing-tight)}.heading--xl-md{font-size:var(--font-size-h3);line-height:var(--line-height-3);letter-spacing:var(--letter-spacing-tight)}.heading--xl-sm{font-size:var(--font-size-h5);line-height:var(--line-height-4);letter-spacing:var(--letter-spacing-normal)}.heading--xl-xs{font-size:var(--font-size-h6);line-height:var(--line-height-5);letter-spacing:var(--letter-spacing-normal)}}.text{font-family:var(--font-sans);color:var(--text-primary)}.text--xs{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.text--sm{font-size:var(--font-size-small);line-height:var(--line-height-5)}.text--md{font-size:var(--font-size-body);line-height:var(--line-height-3)}.text--lg{font-size:var(--font-size-h5);line-height:var(--line-height-3)}.text--xl{font-size:var(--font-size-h4);line-height:var(--line-height-2)}.text--regular{font-weight:var(--font-weight-regular)}.text--medium{font-weight:var(--font-weight-medium)}.text--semibold{font-weight:var(--font-weight-semibold)}.text--bold{font-weight:var(--font-weight-bold)}.text--default{color:var(--text-primary)}.text--muted{color:var(--text-muted)}.text--brand{color:var(--brand-primary)}.text--success{color:var(--status-success)}.text--warning{color:var(--status-warning)}.text--danger{color:var(--status-danger)}.text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text--lead{line-height:var(--line-height-relaxed);font-size:var(--font-size-body);color:var(--text-secondary)}.text--muted{color:var(--text-muted)}@media(min-width: 480px){.text--sm-xs{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.text--sm-sm{font-size:var(--font-size-small);line-height:var(--line-height-5)}.text--sm-md{font-size:var(--font-size-body);line-height:var(--line-height-3)}.text--sm-lg{font-size:var(--font-size-h5);line-height:var(--line-height-3)}.text--sm-xl{font-size:var(--font-size-h4);line-height:var(--line-height-2)}}@media(min-width: 768px){.text--md-xs{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.text--md-sm{font-size:var(--font-size-small);line-height:var(--line-height-5)}.text--md-md{font-size:var(--font-size-body);line-height:var(--line-height-3)}.text--md-lg{font-size:var(--font-size-h5);line-height:var(--line-height-3)}.text--md-xl{font-size:var(--font-size-h4);line-height:var(--line-height-2)}}@media(min-width: 1024px){.text--lg-xs{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.text--lg-sm{font-size:var(--font-size-small);line-height:var(--line-height-5)}.text--lg-md{font-size:var(--font-size-body);line-height:var(--line-height-3)}.text--lg-lg{font-size:var(--font-size-h5);line-height:var(--line-height-3)}.text--lg-xl{font-size:var(--font-size-h4);line-height:var(--line-height-2)}}@media(min-width: 1280px){.text--xl-xs{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.text--xl-sm{font-size:var(--font-size-small);line-height:var(--line-height-5)}.text--xl-md{font-size:var(--font-size-body);line-height:var(--line-height-3)}.text--xl-lg{font-size:var(--font-size-h5);line-height:var(--line-height-3)}.text--xl-xl{font-size:var(--font-size-h4);line-height:var(--line-height-2)}}.link{color:var(--interactive-brand);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color var(--transition-fast)}.link--sm{font-size:var(--font-size-small);line-height:var(--line-height-small)}.link--md{font-size:var(--font-size-body);line-height:var(--line-height-body)}.link--lg{font-size:var(--font-size-h2);line-height:var(--line-height-heading)}.link:hover{color:var(--brand-hover)}.link:active{color:var(--brand-active)}.link--muted{color:var(--text-secondary)}.link--muted:hover{color:var(--text-primary)}.link--success{color:var(--status-success)}.link--success:hover{color:var(--status-success);opacity:.8}.link--warning{color:var(--status-warning)}.link--warning:hover{color:var(--status-warning);opacity:.8}.link--danger{color:var(--status-danger)}.link--danger:hover{color:var(--status-danger);opacity:.8}.link--active{color:var(--interactive-active)}.link--active:hover{color:var(--interactive-active);opacity:.8}@media(min-width: 480px){.link--sm-sm{font-size:var(--font-size-small);line-height:var(--line-height-small)}.link--sm-md{font-size:var(--font-size-body);line-height:var(--line-height-body)}.link--sm-lg{font-size:var(--font-size-h2);line-height:var(--line-height-heading)}}@media(min-width: 768px){.link--md-sm{font-size:var(--font-size-small);line-height:var(--line-height-small)}.link--md-md{font-size:var(--font-size-body);line-height:var(--line-height-body)}.link--md-lg{font-size:var(--font-size-h2);line-height:var(--line-height-heading)}}@media(min-width: 1024px){.link--lg-sm{font-size:var(--font-size-small);line-height:var(--line-height-small)}.link--lg-md{font-size:var(--font-size-body);line-height:var(--line-height-body)}.link--lg-lg{font-size:var(--font-size-h2);line-height:var(--line-height-heading)}}@media(min-width: 1280px){.link--xl-sm{font-size:var(--font-size-small);line-height:var(--line-height-small)}.link--xl-md{font-size:var(--font-size-body);line-height:var(--line-height-body)}.link--xl-lg{font-size:var(--font-size-h2);line-height:var(--line-height-heading)}}.form{display:flex;flex-direction:column;gap:var(--space-6);counter-reset:form-section}.form--inline{flex-direction:row;align-items:flex-end;flex-wrap:wrap;gap:var(--space-3)}.form--inline .form__group,.form--inline .form__field{flex:1 1 200px;min-width:0;padding-left:0;border-left-width:0}.form--inline .form__actions{margin-top:0;padding-top:0;border-top:0}@media(max-width: 479px){.form--inline{flex-direction:column}.form--inline .form__group,.form--inline .form__field{flex:none;width:100%}}.form--compact{gap:var(--space-4)}.form--compact .form__section{gap:var(--space-3)}.form--compact .form__field{padding-left:var(--space-3)}.form--compact .form__field .field__control{gap:var(--space-1)}.form--compact .form__actions{margin-top:0;padding-top:var(--space-3)}.form--horizontal .form__field{padding-left:0;border-left-width:0}.form--horizontal .field__label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-transform:none;letter-spacing:var(--letter-spacing-normal);color:var(--text-secondary)}.form--horizontal:focus-within{background:rgba(0,0,0,0)}@media(min-width: 480px){.form--horizontal{display:grid;grid-template-columns:var(--form-label-col, minmax(120px, 200px)) minmax(0, 1fr);column-gap:var(--space-4);align-items:start}.form--horizontal .field__label{padding-top:var(--space-2)}}.form--card{position:relative;padding:var(--space-8);background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.form--card::before{content:"";position:absolute;inset:0 0 auto 0;height:var(--size-1);background:linear-gradient(90deg, var(--brand-primary), var(--brand-hover));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.form--sm{gap:var(--space-4)}.form--sm .form__section{gap:var(--space-3)}.form--sm .field__control{gap:var(--space-1)}.form--lg{gap:var(--space-8)}.form--lg .form__section{gap:var(--space-5)}.form--lg .field__control{gap:var(--space-2)}.form--disabled{opacity:var(--opacity-disabled);pointer-events:none;user-select:none}.form--loading{position:relative;pointer-events:none}.form--loading::after{content:"";position:absolute;inset:0;margin:auto;width:var(--size-8);height:var(--size-8);border:var(--border-width-thick) solid var(--border-subtle);border-top-color:var(--brand-primary);border-radius:var(--radius-full);animation:form-spin var(--duration-slow) linear infinite;z-index:var(--z-index-overlay)}.form--loading>*{opacity:var(--opacity-disabled)}@keyframes form-spin{to{transform:rotate(360deg)}}.form__section{display:flex;flex-direction:column;gap:var(--space-4);counter-increment:form-section}.form__section+.form__section{padding-top:var(--space-6);border-top:var(--border-width-hairline) solid var(--border-subtle)}.form__section-head{display:flex;flex-direction:column;gap:var(--space-1)}.form__section-title{display:flex;align-items:center;gap:var(--space-3);margin:0;font-size:var(--font-size-h6);font-weight:var(--font-weight-semibold);color:var(--text-primary);letter-spacing:var(--letter-spacing-tight)}.form__section-title::before{display:flex;justify-content:center;align-items:center;width:var(--size-6);height:var(--size-6);content:counter(form-section);flex:0 0 auto;border-radius:var(--radius-full);background:var(--brand-surface);color:var(--brand-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:1}.form__section-desc{margin:0;padding-left:calc(var(--size-6) + var(--space-3));font-size:var(--font-size-small);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.form__group{display:flex;flex-direction:column;gap:var(--space-1-5)}.form__divider{border-top:var(--border-width-hairline) solid var(--border-subtle)}.form__divider--label{display:flex;align-items:center;gap:var(--space-3);border-top:none;color:var(--text-tertiary);font-size:var(--font-size-small);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.form__divider--label::before,.form__divider--label::after{content:"";flex:1;border-top:var(--border-width-hairline) solid var(--border-subtle)}.field__control{display:flex;flex-direction:column;gap:var(--space-1-5);min-width:0}.form__field{padding-left:var(--space-4);border-left:var(--border-width-thick) solid rgba(0,0,0,0);border-radius:var(--radius-sm);transition:border-color var(--transition-normal),background var(--transition-normal)}.form__field .field__label{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-tertiary);transition:color var(--transition-fast)}.form__field:focus-within{border-left-color:var(--brand-primary);background:var(--brand-subtle)}.form__field:focus-within .field__label{color:var(--brand-primary)}.form__field.field--error{border-left-color:var(--status-danger);background:var(--status-dangerSubtle)}.form__field.field--success{border-left-color:var(--status-success);background:var(--status-successSubtle)}.form__field .field__error,.form__field .field__success{animation:form-field-reveal var(--duration-fast) var(--easing-out)}@keyframes form-field-reveal{from{opacity:0;transform:translateY(calc(var(--space-1) * -1))}to{opacity:1;transform:translateY(0)}}.form__optional{margin-left:var(--space-1-5);padding:0 var(--space-1-5);border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);color:var(--text-muted);background:var(--surface-hover);text-transform:lowercase}.field__description{font-size:var(--font-size-caption);color:var(--text-secondary);line-height:var(--line-height-normal)}.field__success{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-caption);color:var(--status-success);line-height:var(--line-height-normal)}.form__row{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width: 480px){.form__row{grid-template-columns:repeat(auto-fit, minmax(min(100%, 200px), 1fr))}}@media(min-width: 480px){.form__row--2{grid-template-columns:repeat(2, 1fr)}}@media(min-width: 768px){.form__row--3{grid-template-columns:repeat(3, 1fr)}}.form__actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-5);border-top:var(--border-width-hairline) solid var(--border-subtle);flex-direction:column-reverse}.form__actions .btn{width:100%}@media(min-width: 480px){.form__actions{flex-direction:row}.form__actions .btn{width:auto}}@media(min-width: 480px){.form__actions--end{justify-content:flex-end}}@media(min-width: 480px){.form__actions--between{justify-content:space-between}}@media(min-width: 480px){.form__actions--center{justify-content:center}}.form__actions--sticky{position:sticky;bottom:0;z-index:var(--z-index-sticky);background:var(--background-page)}.form--card .form__actions--sticky{margin:var(--space-5) calc(var(--space-8)*-1) calc(var(--space-8)*-1);padding:var(--space-5) var(--space-8);background:var(--surface-primary);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);line-height:var(--line-height-normal)}.field__label--required::after{content:" *";color:var(--status-danger)}.field__hint{font-size:var(--font-size-caption);color:var(--text-muted);line-height:var(--line-height-normal)}.field__error{font-size:var(--font-size-caption);color:var(--status-danger);line-height:var(--line-height-normal);display:flex;align-items:center;gap:var(--space-1)}.field--disabled{opacity:var(--opacity-disabled);pointer-events:none}.field--error .field__label{color:var(--status-danger)}.field--error .input,.field--error .textarea,.field--error .select{border-color:var(--border-danger);background:var(--status-dangerSubtle)}.field--error .input:focus,.field--error .textarea:focus,.field--error .select:focus{outline-color:var(--status-danger)}.field--success .input,.field--success .textarea,.field--success .select{border-color:var(--status-success)}.field--success .input:focus,.field--success .textarea:focus,.field--success .select:focus{outline-color:var(--status-success)}.pin-input__cell,.input--search,.select,.textarea,.input{display:block;width:100%;box-sizing:border-box;font-family:var(--font-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--text-primary);background:var(--background-page);border:var(--border-width-thin) solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);appearance:none;-webkit-appearance:none}.pin-input__cell::placeholder,.input--search::placeholder,.select::placeholder,.textarea::placeholder,.input::placeholder{color:var(--text-muted)}.pin-input__cell:hover:not(:disabled):not(:read-only),.input--search:hover:not(:disabled):not(:read-only),.select:hover:not(:disabled):not(:read-only),.textarea:hover:not(:disabled):not(:read-only),.input:hover:not(:disabled):not(:read-only){border-color:var(--border-brand)}.pin-input__cell:focus,.input--search:focus,.select:focus,.textarea:focus,.input:focus{outline:2px solid var(--border-focus);outline-offset:2px;border-color:var(--border-focus)}.pin-input__cell:disabled,.input--search:disabled,.select:disabled,.textarea:disabled,.input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled);background:var(--surface-disabled)}.pin-input__cell:read-only,.input--search:read-only,.select:read-only,.textarea:read-only,.input:read-only{background:var(--surface-hover);cursor:default}.input--sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-small);height:var(--size-8);border-radius:var(--radius-sm)}.input--md{height:var(--size-12);padding:var(--space-2) var(--space-3)}.input--lg{height:var(--size-16);padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);border-radius:var(--radius-lg)}.input-group{position:relative;display:flex;align-items:stretch}.input-group .input{flex:1;min-width:0;z-index:1}.input-group .input:focus{z-index:2}.input-group--prefix .input{padding-left:var(--space-8)}.input-group--prefix .input-group__prefix{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;display:flex;justify-content:center;align-items:center}.input-group--suffix .input{padding-right:var(--space-8)}.input-group--suffix .input-group__suffix{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);display:flex;justify-content:center;align-items:center}.input-group--suffix .input-group__suffix button{background:none;border:none;padding:0;cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast)}.input-group--suffix .input-group__suffix button:hover{color:var(--text-primary)}.input-group__addon{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-3);background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-strong);font-size:var(--font-size-body);color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.input-group__addon:first-child{border-right:none;border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group__addon:first-child+.input{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group__addon:last-child{border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group__btn{flex-shrink:0}.input-group__btn .btn{border-radius:0;height:100%}.input-group__btn:first-child .btn{border-radius:var(--radius-md) 0 0 var(--radius-md)}.input-group__btn:first-child+.input{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group__btn:last-child .btn{border-radius:0 var(--radius-md) var(--radius-md) 0}.input-group:has(.input-group__addon:last-child) .input,.input-group:has(.input-group__btn:last-child) .input{border-radius:var(--radius-md) 0 0 var(--radius-md)}.textarea{padding:var(--space-3);resize:vertical;min-height:120px;line-height:var(--line-height-normal)}.textarea--sm{padding:var(--space-2);font-size:var(--font-size-small);min-height:80px}.textarea--lg{padding:var(--space-4);font-size:var(--font-size-body);min-height:180px}.textarea--no-resize{resize:none}.textarea--auto-resize{resize:none;overflow:hidden}.select{padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23888%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.select--sm{height:var(--size-8);padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);font-size:var(--font-size-small);border-radius:var(--radius-sm)}.select--md{height:var(--size-12)}.select--lg{height:var(--size-16);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:var(--font-size-body);border-radius:var(--radius-lg)}.checkbox{display:inline-flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--font-size-body);color:var(--text-primary)}.checkbox__input{appearance:none;-webkit-appearance:none;width:var(--size-4);height:var(--size-4);flex-shrink:0;margin-top:2px;border:var(--border-width-thin) solid var(--border-strong);border-radius:var(--radius-sm);background:var(--background-page);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.checkbox__input:hover:not(:disabled){border-color:var(--border-brand)}.checkbox__input:checked,.checkbox__input:indeterminate{background:var(--interactive-brand);border-color:var(--interactive-brand)}.checkbox__input:checked:hover:not(:disabled),.checkbox__input:indeterminate:hover:not(:disabled){background:var(--interactive-brandHover);border-color:var(--interactive-brandHover)}.checkbox__input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--border-focus) 60%, transparent)}.checkbox__input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.checkbox__label{position:relative;display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;line-height:var(--line-height-normal);user-select:none}.checkbox__label:hover .checkbox__input:not(:disabled){border-color:var(--border-brand)}.checkbox__label:hover .checkbox__input:not(:disabled):checked,.checkbox__label:hover .checkbox__input:not(:disabled):indeterminate{background:var(--interactive-brandHover);border-color:var(--interactive-brandHover)}.checkbox__label:has(.checkbox__input:disabled){color:var(--text-muted);cursor:not-allowed}.checkbox__label::before{content:"";position:absolute;top:2px;left:0;z-index:1;width:var(--size-4);height:var(--size-4);display:none;pointer-events:none;background:var(--text-onBrand);mask-repeat:no-repeat;mask-position:center;mask-size:contain}.checkbox__label:has(.checkbox__input:checked)::before{display:block;mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cpath d=%27M13 4L6 11 3 8%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 fill=%27none%27/%3E%3C/svg%3E")}.checkbox__label:has(.checkbox__input:indeterminate)::before{display:block;mask-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 16 16%27%3E%3Cline x1=%274%27 y1=%278%27 x2=%2712%27 y2=%278%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E")}.checkbox--sm{font-size:var(--font-size-small)}.checkbox--sm .checkbox__input{width:var(--size-3);height:var(--size-3)}.checkbox--sm .checkbox__label::before{width:var(--size-3);height:var(--size-3)}.checkbox--lg{font-size:var(--font-size-body)}.checkbox--lg .checkbox__input{width:var(--size-6);height:var(--size-6)}.checkbox--lg .checkbox__label::before{width:var(--size-6);height:var(--size-6)}.checkbox--error .checkbox__input{border-color:var(--border-danger)}.checkbox--error .checkbox__input:not(:checked):not(:indeterminate){background:var(--status-dangerSubtle)}.checkbox--error .checkbox__input:checked,.checkbox--error .checkbox__input:indeterminate{border-color:var(--border-danger)}.checkbox--error .checkbox__input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--status-danger) 60%, transparent)}.checkbox--error .checkbox__label:hover .checkbox__input:not(:disabled){border-color:var(--border-danger)}.checkbox--error .checkbox__label:hover .checkbox__input:not(:disabled):checked,.checkbox--error .checkbox__label:hover .checkbox__input:not(:disabled):indeterminate{border-color:var(--border-danger);background:var(--interactive-brandHover)}.radio{display:inline-flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:var(--font-size-body);color:var(--text-primary)}.radio__input{appearance:none;-webkit-appearance:none;width:var(--size-4);height:var(--size-4);flex-shrink:0;margin-top:2px;border:var(--border-width-thin) solid var(--border-strong);border-radius:var(--radius-full);background:var(--background-page);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.radio__input:hover:not(:disabled){border-color:var(--border-brand)}.radio__input:checked{background:var(--interactive-brand);border-color:var(--interactive-brand);box-shadow:inset 0 0 0 3px var(--background-page)}.radio__input:checked:hover:not(:disabled){background:var(--interactive-brandHover);border-color:var(--interactive-brandHover)}.radio__input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--border-focus) 60%, transparent)}.radio__input:focus-visible:checked{box-shadow:inset 0 0 0 3px var(--background-page),0 0 0 3px color-mix(in srgb, var(--border-focus) 60%, transparent)}.radio__input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.radio__label{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;line-height:var(--line-height-normal);user-select:none}.radio__label:hover .radio__input:not(:disabled){border-color:var(--border-brand)}.radio__label:hover .radio__input:not(:disabled):checked{background:var(--interactive-brandHover);border-color:var(--interactive-brandHover)}.radio__label:has(.radio__input:disabled){color:var(--text-muted);cursor:not-allowed}.radio--error .radio__input{border-color:var(--border-danger)}.radio--error .radio__input:not(:checked){background:var(--status-dangerSubtle)}.radio--error .radio__input:checked{border-color:var(--border-danger)}.radio--error .radio__input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--status-danger) 60%, transparent)}.radio--error .radio__input:focus-visible:checked{box-shadow:inset 0 0 0 3px var(--background-page),0 0 0 3px color-mix(in srgb, var(--status-danger) 60%, transparent)}.radio--error .radio__label:hover .radio__input:not(:disabled){border-color:var(--border-danger)}.radio--error .radio__label:hover .radio__input:not(:disabled):checked{border-color:var(--border-danger);background:var(--interactive-brandHover)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-group--error .radio__input{border-color:var(--border-danger)}.radio-group--error .radio__input:not(:checked){background:var(--status-dangerSubtle)}.radio-group--error .radio__input:checked{border-color:var(--border-danger)}.radio-group--error .radio__input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--status-danger) 60%, transparent)}.radio-group--error .radio__input:focus-visible:checked{box-shadow:inset 0 0 0 3px var(--background-page),0 0 0 3px color-mix(in srgb, var(--status-danger) 60%, transparent)}.radio-group--error .radio__label:hover .radio__input:not(:disabled){border-color:var(--border-danger)}.radio-group--error .radio__label:hover .radio__input:not(:disabled):checked{border-color:var(--border-danger);background:var(--interactive-brandHover)}.radio-group--horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.radio-group--segmented{display:inline-flex;background:var(--surface-hover);border-radius:var(--radius-md);padding:var(--space-1);gap:0}.radio-group--segmented .radio{margin:0;gap:0}.radio-group--segmented .radio__input{position:absolute;opacity:0;width:0;height:0}.radio-group--segmented .radio__input:checked+.radio__label{background:var(--background-page);color:var(--text-primary);box-shadow:var(--shadow-sm);border-radius:calc(var(--radius-md) - 2px)}.radio-group--segmented .radio__label{padding:var(--space-2) var(--space-3);border-radius:calc(var(--radius-md) - 2px);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.radio-group--segmented .radio__label:hover{color:var(--text-primary)}.field--error .checkbox__input{border-color:var(--border-danger)}.field--error .checkbox__input:not(:checked):not(:indeterminate){background:var(--status-dangerSubtle)}.field--error .checkbox__input:checked,.field--error .checkbox__input:indeterminate{border-color:var(--border-danger)}.field--error .checkbox__input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--status-danger) 60%, transparent)}.field--error .checkbox__label:hover .checkbox__input:not(:disabled){border-color:var(--border-danger)}.field--error .checkbox__label:hover .checkbox__input:not(:disabled):checked,.field--error .checkbox__label:hover .checkbox__input:not(:disabled):indeterminate{border-color:var(--border-danger);background:var(--interactive-brandHover)}.field--error .radio__input{border-color:var(--border-danger)}.field--error .radio__input:not(:checked){background:var(--status-dangerSubtle)}.field--error .radio__input:checked{border-color:var(--border-danger)}.field--error .radio__input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--status-danger) 60%, transparent)}.field--error .radio__input:focus-visible:checked{box-shadow:inset 0 0 0 3px var(--background-page),0 0 0 3px color-mix(in srgb, var(--status-danger) 60%, transparent)}.field--error .radio__label:hover .radio__input:not(:disabled){border-color:var(--border-danger)}.field--error .radio__label:hover .radio__input:not(:disabled):checked{border-color:var(--border-danger);background:var(--interactive-brandHover)}.switch{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;user-select:none}.switch__input{appearance:none;-webkit-appearance:none;position:relative;width:36px;height:20px;border-radius:var(--radius-full);background:var(--border-strong);cursor:pointer;transition:background var(--transition-fast);flex-shrink:0}.switch__input::after{content:"";position:absolute;width:16px;height:16px;border-radius:var(--radius-full);background:var(--background-page);top:2px;left:2px;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);box-shadow:var(--shadow-sm)}.switch__input:checked{background:var(--interactive-brand)}.switch__input:checked::after{background:var(--background-page);transform:translateX(16px)}.switch__input:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb, var(--border-focus) 60%, transparent)}.switch__input:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.switch--sm .switch__input{width:28px;height:16px}.switch--sm .switch__input::after{width:12px;height:12px}.switch--sm .switch__input:checked::after{transform:translateX(12px)}.switch--lg .switch__input{width:48px;height:26px}.switch--lg .switch__input::after{width:22px;height:22px}.switch--lg .switch__input:checked::after{transform:translateX(22px)}.switch__label{font-size:var(--font-size-body);color:var(--text-primary)}.range{appearance:none;-webkit-appearance:none;width:100%;height:4px;border-radius:var(--radius-full);background:var(--surface-primary);cursor:pointer;outline:none}.range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:var(--size-4);height:var(--size-4);border-radius:var(--radius-full);background:var(--interactive-brand);cursor:pointer;border:2px solid var(--background-page);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.range::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:var(--shadow-md)}.range::-moz-range-thumb{width:var(--size-4);height:var(--size-4);border-radius:var(--radius-full);background:var(--interactive-brand);cursor:pointer;border:2px solid var(--background-page);box-shadow:var(--shadow-sm)}.range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px color-mix(in srgb, var(--border-focus) 60%, transparent)}.range:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.input--search{padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2714%27 height=%2714%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23888%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2711%27 cy=%2711%27 r=%278%27%3E%3C/circle%3E%3Cline x1=%2721%27 y1=%2721%27 x2=%2716.65%27 y2=%2716.65%27%3E%3C/line%3E%3C/svg%3E");background-repeat:no-repeat;background-position:var(--space-3) center}.input--search::-webkit-search-cancel-button{appearance:none}.input--search--sm{height:var(--size-8);font-size:var(--font-size-small);padding-left:var(--space-6);background-position:var(--space-2) center}.input--search--lg{height:var(--size-16);font-size:var(--font-size-body);padding-left:var(--space-12);background-size:18px;background-position:var(--space-4) center}.pin-input{display:flex;gap:var(--space-2);align-items:center}.pin-input__cell{width:var(--size-12);height:var(--size-12);padding:0;text-align:center;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);font-family:var(--font-mono)}.pin-input__cell--sm{width:var(--size-8);height:var(--size-8);font-size:var(--font-size-body)}.pin-input__cell--lg{width:var(--size-16);height:var(--size-16);font-size:var(--font-size-h1)}.pin-input__separator{color:var(--text-muted);font-size:var(--font-size-body);line-height:1}@media(min-width: 480px){.input,.textarea,.select{font-size:var(--font-size-body)}.pin-input{gap:var(--space-1)}.pin-input__cell{width:var(--size-8);height:var(--size-8)}}@media(min-width: 480px){.input--sm-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-small);height:var(--size-8);border-radius:var(--radius-sm)}.input--sm-md{padding:var(--space-2) var(--space-3);font-size:var(--font-size-body);height:var(--size-12);border-radius:var(--radius-md)}.input--sm-lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);height:var(--size-16);border-radius:var(--radius-lg)}}@media(min-width: 768px){.input--md-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-small);height:var(--size-8);border-radius:var(--radius-sm)}.input--md-md{padding:var(--space-2) var(--space-3);font-size:var(--font-size-body);height:var(--size-12);border-radius:var(--radius-md)}.input--md-lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);height:var(--size-16);border-radius:var(--radius-lg)}}@media(min-width: 1024px){.input--lg-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-small);height:var(--size-8);border-radius:var(--radius-sm)}.input--lg-md{padding:var(--space-2) var(--space-3);font-size:var(--font-size-body);height:var(--size-12);border-radius:var(--radius-md)}.input--lg-lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);height:var(--size-16);border-radius:var(--radius-lg)}}@media(min-width: 1280px){.input--xl-sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-small);height:var(--size-8);border-radius:var(--radius-sm)}.input--xl-md{padding:var(--space-2) var(--space-3);font-size:var(--font-size-body);height:var(--size-12);border-radius:var(--radius-md)}.input--xl-lg{padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);height:var(--size-16);border-radius:var(--radius-lg)}}@media(min-width: 480px){.textarea--sm-sm{padding:var(--space-2);font-size:var(--font-size-small);min-height:80px}.textarea--sm-md{padding:var(--space-3);font-size:var(--font-size-body);min-height:120px}.textarea--sm-lg{padding:var(--space-4);font-size:var(--font-size-body);min-height:180px}}@media(min-width: 768px){.textarea--md-sm{padding:var(--space-2);font-size:var(--font-size-small);min-height:80px}.textarea--md-md{padding:var(--space-3);font-size:var(--font-size-body);min-height:120px}.textarea--md-lg{padding:var(--space-4);font-size:var(--font-size-body);min-height:180px}}@media(min-width: 1024px){.textarea--lg-sm{padding:var(--space-2);font-size:var(--font-size-small);min-height:80px}.textarea--lg-md{padding:var(--space-3);font-size:var(--font-size-body);min-height:120px}.textarea--lg-lg{padding:var(--space-4);font-size:var(--font-size-body);min-height:180px}}@media(min-width: 1280px){.textarea--xl-sm{padding:var(--space-2);font-size:var(--font-size-small);min-height:80px}.textarea--xl-md{padding:var(--space-3);font-size:var(--font-size-body);min-height:120px}.textarea--xl-lg{padding:var(--space-4);font-size:var(--font-size-body);min-height:180px}}@media(min-width: 480px){.select--sm-sm{height:var(--size-8);padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);font-size:var(--font-size-small);border-radius:var(--radius-sm)}.select--sm-md{height:var(--size-12);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--font-size-body);border-radius:var(--radius-md)}.select--sm-lg{height:var(--size-16);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:var(--font-size-body);border-radius:var(--radius-lg)}}@media(min-width: 768px){.select--md-sm{height:var(--size-8);padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);font-size:var(--font-size-small);border-radius:var(--radius-sm)}.select--md-md{height:var(--size-12);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--font-size-body);border-radius:var(--radius-md)}.select--md-lg{height:var(--size-16);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:var(--font-size-body);border-radius:var(--radius-lg)}}@media(min-width: 1024px){.select--lg-sm{height:var(--size-8);padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);font-size:var(--font-size-small);border-radius:var(--radius-sm)}.select--lg-md{height:var(--size-12);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--font-size-body);border-radius:var(--radius-md)}.select--lg-lg{height:var(--size-16);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:var(--font-size-body);border-radius:var(--radius-lg)}}@media(min-width: 1280px){.select--xl-sm{height:var(--size-8);padding:var(--space-1) var(--space-6) var(--space-1) var(--space-2);font-size:var(--font-size-small);border-radius:var(--radius-sm)}.select--xl-md{height:var(--size-12);padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);font-size:var(--font-size-body);border-radius:var(--radius-md)}.select--xl-lg{height:var(--size-16);padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:var(--font-size-body);border-radius:var(--radius-lg)}}.file-upload{--fu-border: var(--border-subtle);--fu-border-active: var(--border-focus);--fu-bg: var(--background-card);--fu-bg-active: var(--surface-hover);--fu-radius: var(--radius-lg);--fu-transition: 0.2s ease;--fu-color-info: var(--status-info);--fu-color-success: var(--status-success);--fu-color-danger: var(--status-danger);--fu-bg-success: var(--status-successSubtle);--fu-bg-danger: var(--status-dangerSubtle);display:flex;flex-direction:column;gap:var(--space-3);width:100%}.file-upload--disabled{opacity:.45;pointer-events:none}.file-upload--sm{--fu-radius: var(--radius-md)}.file-upload--sm .file-upload__dropzone{padding:var(--space-4) var(--space-3);min-height:88px}.file-upload--sm .file-upload__icon{font-size:28px}.file-upload--sm .file-upload__label{font-size:var(--font-size-small)}.file-upload--sm .file-upload__hint{font-size:var(--font-size-caption)}.file-upload--sm .file-upload__item{padding:var(--space-1) var(--space-2)}.file-upload--sm .file-upload__item-name,.file-upload--sm .file-upload__item-size{font-size:var(--font-size-caption)}.file-upload--lg .file-upload__dropzone{padding:var(--space-10) var(--space-6);min-height:220px}.file-upload--lg .file-upload__icon{font-size:56px}.file-upload--lg .file-upload__label{font-size:var(--font-size-body)}.file-upload--lg .file-upload__hint{font-size:var(--font-size-small)}.file-upload--lg .file-upload__item{padding:var(--space-2) var(--space-4)}.file-upload__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-5) var(--space-4);min-height:140px;border:1px dashed var(--fu-border);border-radius:var(--fu-radius);background-color:var(--fu-bg);cursor:pointer;transition:border-color var(--fu-transition),background-color var(--fu-transition);outline:none}.file-upload__dropzone:hover,.file-upload__dropzone:focus-within,.file-upload__dropzone--dragover{border-color:var(--fu-border-active);background-color:var(--fu-bg-active)}.file-upload__dropzone--disabled{cursor:not-allowed}.file-upload__dropzone--horizontal{flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-height:unset;text-align:left}.file-upload__dropzone--horizontal .file-upload__icon{flex-shrink:0;font-size:24px}.file-upload__dropzone--horizontal .file-upload__title,.file-upload__dropzone--horizontal .file-upload__label,.file-upload__dropzone--horizontal .file-upload__hint{text-align:left}.file-upload__icon{font-size:40px;line-height:1;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:color var(--fu-transition)}.file-upload__dropzone:hover .file-upload__icon,.file-upload__dropzone:focus-within .file-upload__icon,.file-upload__dropzone--dragover .file-upload__icon{color:var(--fu-border-active)}.file-upload__icon--box{font-size:24px;width:52px;height:52px;border-radius:var(--radius-md);background:var(--surface-primary);flex-shrink:0;transition:background-color var(--fu-transition),color var(--fu-transition)}.file-upload__dropzone:hover .file-upload__icon--box,.file-upload__dropzone:focus-within .file-upload__icon--box,.file-upload__dropzone--dragover .file-upload__icon--box{background:color-mix(in srgb, var(--fu-border-active) 10%, var(--surface-primary))}.file-upload__label{margin:0;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center;line-height:var(--line-height-tight)}.file-upload__hint{margin:0;font-size:var(--font-size-caption);color:var(--text-muted);text-align:center;line-height:var(--line-height-normal);max-width:36ch}.file-upload__title{margin:0;font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:center;line-height:var(--line-height-tight)}.file-upload__trigger{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--background-card);color:var(--text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:border-color var(--fu-transition),background-color var(--fu-transition);user-select:none}.file-upload__trigger:hover{border-color:var(--fu-border-active);background:var(--surface-hover)}.file-upload__trigger:focus-within{outline:2px solid var(--fu-border-active);outline-offset:2px}.file-upload__trigger--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.file-upload__trigger .file-upload__icon{font-size:16px;color:inherit;flex-shrink:0}.file-upload__browse-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--interactive-brand);color:var(--text-onBrand);border-radius:var(--radius-md);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background-color var(--fu-transition);user-select:none}.file-upload__dropzone:hover .file-upload__browse-btn{background:var(--interactive-brandHover)}.file-upload--disabled .file-upload__browse-btn{background:var(--interactive-disabled);color:var(--text-disabled);cursor:not-allowed}.file-upload__link{color:var(--fu-color-info);font-weight:var(--font-weight-medium);cursor:pointer;text-decoration:none}.file-upload__link:hover{text-decoration:underline}.file-upload__items{display:flex;flex-direction:column;width:100%}.file-upload__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:rgba(0,0,0,0);transition:background-color var(--fu-transition),border-color var(--fu-transition)}.file-upload__item:hover,.file-upload__item:focus-within{background-color:var(--surface-hover)}.file-upload__item:hover .file-upload__item-delete,.file-upload__item:focus-within .file-upload__item-delete{opacity:1}.file-upload__item--uploading .file-upload__item-name{color:var(--fu-color-info)}.file-upload__item--done .file-upload__item-name{color:var(--fu-color-success)}.file-upload__item--error{background-color:var(--fu-bg-danger)}.file-upload__item--error .file-upload__item-name{color:var(--fu-color-danger)}.file-upload__item--error:hover,.file-upload__item--error:focus-within{background-color:var(--fu-bg-danger)}.file-upload__item-icon{flex-shrink:0;font-size:14px;color:var(--text-muted);display:flex;align-items:center}.file-upload__item-info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1;gap:2px}.file-upload__item-name{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-regular);color:var(--fu-color-info);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:var(--line-height-tight);cursor:pointer;transition:color var(--fu-transition)}.file-upload__item-name:hover{text-decoration:underline}.file-upload__item-size{display:block;font-size:var(--font-size-caption);color:var(--text-muted);line-height:var(--line-height-tight)}.file-upload__item-status{flex-shrink:0;font-size:var(--font-size-caption);color:var(--text-muted);white-space:nowrap}.file-upload__item-status--uploading{color:var(--fu-color-info)}.file-upload__item-status--done{color:var(--fu-color-success)}.file-upload__item-status--error{color:var(--fu-color-danger)}.file-upload__item-progress{height:2px;border-radius:1px;background:var(--border-subtle);overflow:hidden;width:100%}.file-upload__item-progress::after{content:"";display:block;height:100%;width:var(--progress, 0%);background:var(--fu-color-info);border-radius:inherit;transition:width .3s ease}.file-upload__item--error .file-upload__item-progress::after{background:var(--fu-color-danger)}.file-upload__item--done .file-upload__item-progress::after{background:var(--fu-color-success);width:100%}.file-upload__item-thumbnail{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-primary);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.file-upload__item-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.file-upload__item-delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:rgba(0,0,0,0);color:var(--text-muted);font-size:14px;cursor:pointer;opacity:0;transition:color var(--fu-transition),opacity var(--fu-transition)}.file-upload__item-delete:hover{color:var(--fu-color-danger)}.file-upload__item-delete:focus-visible{opacity:1;outline:2px solid var(--fu-border-active);outline-offset:2px}.file-upload--list-picture .file-upload__item{padding:var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--background-card)}.file-upload--list-picture .file-upload__item:hover,.file-upload--list-picture .file-upload__item:focus-within{background:var(--background-card);border-color:var(--fu-border-active)}.file-upload--list-picture .file-upload__item--uploading{border-color:var(--fu-color-info)}.file-upload--list-picture .file-upload__item--done{border-color:var(--fu-color-success)}.file-upload--list-picture .file-upload__item--error{border-color:var(--fu-color-danger);background:var(--fu-bg-danger)}.file-upload--list-picture .file-upload__item--error:hover,.file-upload--list-picture .file-upload__item--error:focus-within{background:var(--fu-bg-danger)}.file-upload--list-picture .file-upload__item-thumbnail{width:48px;height:48px}.file-upload--list-picture-card{flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.file-upload--list-picture-card .file-upload__items{display:contents}.file-upload--list-picture-card .file-upload__item{position:relative;width:104px;height:104px;flex-direction:column;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--background-card);gap:0}.file-upload--list-picture-card .file-upload__item::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,0);transition:background var(--fu-transition);z-index:1;border-radius:inherit}.file-upload--list-picture-card .file-upload__item:hover::before,.file-upload--list-picture-card .file-upload__item:focus-within::before{background:rgba(0,0,0,.45)}.file-upload--list-picture-card .file-upload__item:hover .file-upload__item-delete,.file-upload--list-picture-card .file-upload__item:focus-within .file-upload__item-delete{opacity:1}.file-upload--list-picture-card .file-upload__item--uploading{border-color:var(--fu-color-info)}.file-upload--list-picture-card .file-upload__item--error{border-color:var(--fu-color-danger);background:var(--fu-bg-danger)}.file-upload--list-picture-card .file-upload__item--done{border-color:var(--fu-color-success)}.file-upload--list-picture-card .file-upload__item-thumbnail{width:100%;height:100%;border:none;border-radius:0;background:rgba(0,0,0,0)}.file-upload--list-picture-card .file-upload__item-progress{position:absolute;bottom:0;left:0;right:0;border-radius:0;z-index:2}.file-upload--list-picture-card .file-upload__item-name{position:absolute;bottom:var(--space-1);left:var(--space-1);right:var(--space-1);font-size:var(--font-size-caption);color:#fff;z-index:2;opacity:0;transition:opacity var(--fu-transition)}.file-upload--list-picture-card .file-upload__item:hover .file-upload__item-name,.file-upload--list-picture-card .file-upload__item:focus-within .file-upload__item-name{opacity:1}.file-upload--list-picture-card .file-upload__item-delete{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:3;width:32px;height:32px;color:#fff;font-size:16px;border-radius:var(--radius-sm)}.file-upload--list-picture-card .file-upload__item-delete:hover{color:#fff;background:hsla(0,0%,100%,.2)}.file-upload--list-picture-card .file-upload__dropzone{width:104px;height:104px;min-height:unset;padding:var(--space-2);border-radius:var(--radius-md);gap:var(--space-1)}.file-upload--list-picture-card .file-upload__icon{font-size:24px}.file-upload--list-picture-card .file-upload__label{font-size:var(--font-size-caption);font-weight:var(--font-weight-regular)}.menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1px}.menu-list__item{position:relative}.menu-list__item--divider{height:1px;background:var(--border-subtle);margin:var(--space-2) 0;pointer-events:none}.menu-item{display:flex;align-items:center;gap:var(--space-2);border:none;background:none;cursor:pointer;text-decoration:none;color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--radius-lg);width:100%;padding:var(--space-2) var(--space-3);transition:background var(--transition-fast) var(--easing-out),color var(--transition-fast);position:relative}@media(hover: hover)and (pointer: fine){.menu-item:hover:not(.menu-item--disabled){background:var(--background-hover);color:var(--text-primary)}.menu-item:hover:not(.menu-item--disabled) .menu-item__icon{color:var(--text-primary)}}.menu-item:active:not(.menu-item--disabled){background:var(--background-hover)}.menu-item:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.menu-item--active{background:var(--brand-subtle);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.menu-item--active .menu-item__icon{color:var(--brand-primary)}@media(hover: hover)and (pointer: fine){.menu-item--active:hover{background:var(--brand-subtle)}}.menu-item--disabled{opacity:var(--opacity-disabled);pointer-events:none}.menu-item__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--text-muted);transition:color var(--transition-fast)}.menu-item__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item__badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--size-5);height:var(--size-5);padding:0 var(--space-1);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-bold);background:var(--brand-primary);color:var(--text-onBrand);margin-left:auto;flex-shrink:0}.menu-section{display:flex;flex-direction:column}.menu-section__title{display:block;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-2) var(--space-3) var(--space-1);white-space:nowrap}[data-theme=dark] .menu-item--active .menu-item__icon{color:var(--brand-primary)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]) .menu-item--active .menu-item__icon{color:var(--brand-primary)}}.breadcrumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);list-style:none;padding:0;margin:0;font-size:var(--font-size-caption)}.breadcrumbs__list--xs{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.breadcrumbs__list--sm{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.breadcrumbs__list--md{font-size:var(--font-size-small);line-height:var(--line-height-4)}.breadcrumbs__list--lg{font-size:var(--font-size-body);line-height:var(--line-height-3)}.breadcrumbs__list--xl{font-size:var(--font-size-h3);line-height:var(--line-height-2)}.breadcrumbs__item{display:flex;align-items:center}.breadcrumbs__link{color:var(--interactive-brand);text-decoration:none;transition:color var(--transition-fast);cursor:pointer;border-radius:var(--radius-sm)}.breadcrumbs__link:hover{text-decoration:underline;text-underline-offset:2px;color:var(--brand-hover)}.breadcrumbs__link:active{color:var(--brand-active)}.breadcrumbs__link:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.breadcrumbs__separator{color:var(--text-tertiary);padding:0 var(--space-1);user-select:none}.breadcrumbs__current{color:var(--text-secondary);font-weight:var(--font-weight-medium)}@media(min-width: 480px){.breadcrumbs__list--sm-xs{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.breadcrumbs__list--sm-sm{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.breadcrumbs__list--sm-md{font-size:var(--font-size-small);line-height:var(--line-height-4)}.breadcrumbs__list--sm-lg{font-size:var(--font-size-body);line-height:var(--line-height-3)}.breadcrumbs__list--sm-xl{font-size:var(--font-size-h3);line-height:var(--line-height-2)}}@media(min-width: 768px){.breadcrumbs__list--md-xs{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.breadcrumbs__list--md-sm{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.breadcrumbs__list--md-md{font-size:var(--font-size-small);line-height:var(--line-height-4)}.breadcrumbs__list--md-lg{font-size:var(--font-size-body);line-height:var(--line-height-3)}.breadcrumbs__list--md-xl{font-size:var(--font-size-h3);line-height:var(--line-height-2)}}@media(min-width: 1024px){.breadcrumbs__list--lg-xs{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.breadcrumbs__list--lg-sm{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.breadcrumbs__list--lg-md{font-size:var(--font-size-small);line-height:var(--line-height-4)}.breadcrumbs__list--lg-lg{font-size:var(--font-size-body);line-height:var(--line-height-3)}.breadcrumbs__list--lg-xl{font-size:var(--font-size-h3);line-height:var(--line-height-2)}}@media(min-width: 1280px){.breadcrumbs__list--xl-xs{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.breadcrumbs__list--xl-sm{font-size:var(--font-size-caption);line-height:var(--line-height-5)}.breadcrumbs__list--xl-md{font-size:var(--font-size-small);line-height:var(--line-height-4)}.breadcrumbs__list--xl-lg{font-size:var(--font-size-body);line-height:var(--line-height-3)}.breadcrumbs__list--xl-xl{font-size:var(--font-size-h3);line-height:var(--line-height-2)}}.pagination{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pagination::before,.pagination::after{content:"";flex:1 1 0}.pagination::-webkit-scrollbar{display:none}.pagination__list{display:flex;list-style:none;margin:0;padding:0;gap:var(--space-1);flex:none}.pagination__item{display:flex;flex-shrink:0}.pagination__link,.pagination__prev a,.pagination__next a{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1-5) var(--space-2);min-width:var(--size-8);min-height:var(--size-8);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--background-card);color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-decoration:none;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.pagination__link:hover:not([aria-disabled=true]),.pagination__prev a:hover:not([aria-disabled=true]),.pagination__next a:hover:not([aria-disabled=true]){background:var(--background-hover);border-color:var(--border-strong);color:var(--brand-primary)}.pagination__link[aria-current=page],.pagination__prev a[aria-current=page],.pagination__next a[aria-current=page]{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-onBrand);font-weight:var(--font-weight-semibold);cursor:default}.pagination__link[aria-disabled=true],.pagination__link:disabled,.pagination__prev a[aria-disabled=true],.pagination__prev a:disabled,.pagination__next a[aria-disabled=true],.pagination__next a:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.pagination__ellipsis{display:flex;align-items:center;justify-content:center;padding:var(--space-1-5) var(--space-2);color:var(--text-tertiary);min-height:var(--size-8);flex-shrink:0}.pagination--sm .pagination__link,.pagination--sm .pagination__prev a,.pagination--sm .pagination__next a,.pagination--sm .pagination__ellipsis{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);min-height:var(--size-8);min-width:var(--size-8)}.pagination--md .pagination__link,.pagination--md .pagination__prev a,.pagination--md .pagination__next a,.pagination--md .pagination__ellipsis{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);min-height:var(--size-10);min-width:var(--size-10)}.pagination--lg .pagination__link,.pagination--lg .pagination__prev a,.pagination--lg .pagination__next a,.pagination--lg .pagination__ellipsis{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body);min-height:var(--size-12);min-width:var(--size-12)}@media(max-width: 767px){.pagination__ellipsis{display:none}}@media(max-width: 479px){.pagination__list:has(li:nth-child(7)) li:nth-child(2),.pagination__list:has(li:nth-child(7)) li:nth-last-child(2){display:none}}@media(min-width: 480px){.pagination--sm-sm .pagination__link,.pagination--sm-sm .pagination__prev a,.pagination--sm-sm .pagination__next a,.pagination--sm-sm .pagination__ellipsis{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);min-height:var(--size-8);min-width:var(--size-8)}.pagination--sm-md .pagination__link,.pagination--sm-md .pagination__prev a,.pagination--sm-md .pagination__next a,.pagination--sm-md .pagination__ellipsis{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);min-height:var(--size-10);min-width:var(--size-10)}.pagination--sm-lg .pagination__link,.pagination--sm-lg .pagination__prev a,.pagination--sm-lg .pagination__next a,.pagination--sm-lg .pagination__ellipsis{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body);min-height:var(--size-12);min-width:var(--size-12)}}@media(min-width: 768px){.pagination--md-sm .pagination__link,.pagination--md-sm .pagination__prev a,.pagination--md-sm .pagination__next a,.pagination--md-sm .pagination__ellipsis{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);min-height:var(--size-8);min-width:var(--size-8)}.pagination--md-md .pagination__link,.pagination--md-md .pagination__prev a,.pagination--md-md .pagination__next a,.pagination--md-md .pagination__ellipsis{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);min-height:var(--size-10);min-width:var(--size-10)}.pagination--md-lg .pagination__link,.pagination--md-lg .pagination__prev a,.pagination--md-lg .pagination__next a,.pagination--md-lg .pagination__ellipsis{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body);min-height:var(--size-12);min-width:var(--size-12)}}@media(min-width: 1024px){.pagination--lg-sm .pagination__link,.pagination--lg-sm .pagination__prev a,.pagination--lg-sm .pagination__next a,.pagination--lg-sm .pagination__ellipsis{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);min-height:var(--size-8);min-width:var(--size-8)}.pagination--lg-md .pagination__link,.pagination--lg-md .pagination__prev a,.pagination--lg-md .pagination__next a,.pagination--lg-md .pagination__ellipsis{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);min-height:var(--size-10);min-width:var(--size-10)}.pagination--lg-lg .pagination__link,.pagination--lg-lg .pagination__prev a,.pagination--lg-lg .pagination__next a,.pagination--lg-lg .pagination__ellipsis{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body);min-height:var(--size-12);min-width:var(--size-12)}}@media(min-width: 1280px){.pagination--xl-sm .pagination__link,.pagination--xl-sm .pagination__prev a,.pagination--xl-sm .pagination__next a,.pagination--xl-sm .pagination__ellipsis{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-small);min-height:var(--size-8);min-width:var(--size-8)}.pagination--xl-md .pagination__link,.pagination--xl-md .pagination__prev a,.pagination--xl-md .pagination__next a,.pagination--xl-md .pagination__ellipsis{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);min-height:var(--size-10);min-width:var(--size-10)}.pagination--xl-lg .pagination__link,.pagination--xl-lg .pagination__prev a,.pagination--xl-lg .pagination__next a,.pagination--xl-lg .pagination__ellipsis{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body);min-height:var(--size-12);min-width:var(--size-12)}}.tabs{width:100%}.tabs__list{display:flex;align-items:center;gap:var(--space-0-5);border-bottom:var(--border-width-thin) solid var(--border-subtle);overflow-x:auto;list-style:none;padding:0;margin:0;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.tabs__list::-webkit-scrollbar{display:none}.tabs__tab{position:relative;background:none;border:none;padding:var(--space-2) var(--space-4);color:var(--text-tertiary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);font-family:inherit;cursor:pointer;flex-shrink:0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color var(--transition-fast),background var(--transition-fast)}.tabs__tab::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:rgba(0,0,0,0);border-radius:var(--radius-full) var(--radius-full) 0 0;transition:background var(--transition-fast)}@media(hover: hover)and (pointer: fine){.tabs__tab:hover{color:var(--text-primary);background:var(--background-hover)}}.tabs__tab:active{background:var(--background-hover)}.tabs__tab:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.tabs__tab--active{color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.tabs__tab--active::after{background:var(--brand-primary)}.tabs__tab--disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.tabs__panel{padding-top:var(--space-4)}.tabs--sm .tabs__tab{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}.tabs--lg .tabs__tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body)}.tabs--outline .tabs__list{background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-1);gap:var(--space-1);width:fit-content}.tabs--outline .tabs__tab{border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.tabs--outline .tabs__tab::after{display:none}@media(hover: hover)and (pointer: fine){.tabs--outline .tabs__tab:hover{background:var(--background-hover);color:var(--text-primary)}}.tabs--outline .tabs__tab--active{background:var(--background-card);box-shadow:var(--shadow-sm);color:var(--text-primary);font-weight:var(--font-weight-semibold)}.tabs--fill .tabs__list{border-bottom:none;gap:var(--space-1)}.tabs--fill .tabs__tab{border-radius:var(--radius-full);color:var(--text-secondary)}.tabs--fill .tabs__tab::after{display:none}@media(hover: hover)and (pointer: fine){.tabs--fill .tabs__tab:hover{background:var(--background-hover);color:var(--text-primary)}}.tabs--fill .tabs__tab--active{background:var(--brand-primary);color:var(--text-onBrand);font-weight:var(--font-weight-semibold)}@media(hover: hover)and (pointer: fine){.tabs--fill .tabs__tab--active:hover{background:var(--brand-hover);color:var(--text-onBrand)}}.tabs--card .tabs__list{align-items:flex-end;gap:var(--space-1)}.tabs--card .tabs__tab{border:var(--border-width-thin) solid rgba(0,0,0,0);border-bottom:none;border-radius:var(--radius-md) var(--radius-md) 0 0;color:var(--text-secondary)}.tabs--card .tabs__tab::after{display:none}@media(hover: hover)and (pointer: fine){.tabs--card .tabs__tab:hover{background:var(--background-hover);color:var(--text-primary);border-color:var(--border-subtle)}}.tabs--card .tabs__tab--active{background:var(--background-card);color:var(--text-primary);border-color:var(--border-subtle);margin-bottom:-1px;border-bottom:var(--border-width-thin) solid var(--background-card);font-weight:var(--font-weight-semibold)}.tabs--topline .tabs__tab{border-radius:0 0 var(--radius-sm) var(--radius-sm)}.tabs--topline .tabs__tab::after{top:0;bottom:auto;border-radius:0 0 var(--radius-full) var(--radius-full)}.tabs--panel-card .tabs__panel{background:var(--background-card);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4)}.tabs--shape .tabs__list{border-bottom:none}.tabs--shape .tabs__tab::after{display:none}.tabs--shape .tabs__tab--active{background:var(--background-card);color:var(--text-primary);font-weight:var(--font-weight-semibold);border-radius:var(--radius-md) var(--radius-md) 0 0;border:var(--border-width-thin) solid var(--border-subtle);border-bottom:none;margin-bottom:-1px}.tabs--shape .tabs__panel{background:var(--background-card);border:var(--border-width-thin) solid var(--border-subtle);border-radius:0 0 var(--radius-md) var(--radius-md);padding:var(--space-4)}.tabs--shape.tabs--vertical .tabs__list{border-right:none}.tabs--shape.tabs--vertical .tabs__tab--active{border-radius:var(--radius-md) 0 0 var(--radius-md);border:var(--border-width-thin) solid var(--border-subtle);border-right:none;margin-bottom:0;margin-right:-1px}.tabs--shape.tabs--vertical .tabs__panel{border:var(--border-width-thin) solid var(--border-subtle);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0}.tabs--linemove .tabs__tab{color:var(--text-secondary)}@media(hover: hover)and (pointer: fine){.tabs--linemove .tabs__tab:hover{color:var(--text-primary);background:var(--background-hover)}}.tabs--linemove .tabs__tab::after{height:3px;transform:scaleX(0);transform-origin:center;transition:transform .28s cubic-bezier(0.4, 0, 0.2, 1),background .15s}.tabs--linemove .tabs__tab--active{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.tabs--linemove .tabs__tab--active::after{background:var(--brand-primary);transform:scaleX(1)}.tabs--vertical{display:flex;align-items:flex-start}.tabs--vertical .tabs__list{flex-direction:column;border-bottom:none;border-right:var(--border-width-thin) solid var(--border-subtle);overflow-x:visible;overflow-y:auto;width:max-content;flex-shrink:0}.tabs--vertical .tabs__tab{text-align:left;border-radius:var(--radius-sm) 0 0 var(--radius-sm);width:100%}.tabs--vertical .tabs__tab::after{top:0;bottom:0;right:-1px;left:auto;width:2px;height:auto;border-radius:0 var(--radius-full) var(--radius-full) 0}.tabs--vertical .tabs__panel{flex:1;padding-top:0;padding-left:var(--space-4)}@media(min-width: 480px){.tabs--sm-sm .tabs__tab{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}.tabs--sm-lg .tabs__tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body)}}@media(min-width: 768px){.tabs--md-sm .tabs__tab{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}.tabs--md-lg .tabs__tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body)}}@media(min-width: 1024px){.tabs--lg-sm .tabs__tab{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}.tabs--lg-lg .tabs__tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body)}}@media(min-width: 1280px){.tabs--xl-sm .tabs__tab{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}.tabs--xl-lg .tabs__tab{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body)}}.overlay{position:fixed;inset:0;background:color-mix(in srgb, var(--background-overlay) calc(var(--opacity-overlay) * 100%), transparent);z-index:var(--z-index-overlay);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--easing-out)}.overlay--visible{opacity:1;pointer-events:auto}.overlay--blur{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.overlay--subtle{background:color-mix(in srgb, var(--background-overlay) 40%, transparent)}.overlay--dark{background:color-mix(in srgb, var(--background-overlay) 80%, transparent)}.modal{position:fixed;inset:0;margin:auto;height:fit-content;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:scale(0.95) translateY(8px);max-height:90vh;border:var(--border-width-hairline) solid var(--border-subtle);border-radius:var(--radius-lg);padding:0;background:var(--background-card);box-shadow:var(--shadow-xl);transition:opacity var(--duration-normal) var(--easing-out),transform var(--duration-normal) var(--easing-out)}.modal[open]{opacity:1;pointer-events:auto;transform:scale(1) translateY(0)}.modal::backdrop{background:color-mix(in srgb, var(--background-overlay) calc(var(--opacity-overlay) * 100%), transparent);animation:modal-fade-in var(--duration-normal) var(--easing-out)}.modal--sm{width:320px}.modal--md{width:480px}.modal--lg{width:640px}.modal--xl{width:800px}.modal--full{width:90vw}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6) var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-subtle);flex-shrink:0}.modal__title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.modal__body{flex:0 1 auto;min-height:0;padding:var(--space-6);overflow-y:auto;color:var(--text-secondary);line-height:var(--line-height-relaxed);font-size:var(--font-size-body)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6) var(--space-5);border-top:var(--border-width-thin) solid var(--border-subtle);background:var(--surface-primary);flex-shrink:0;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.modal__close{display:inline-flex;align-items:center;justify-content:center;padding:0;width:var(--size-8);height:var(--size-8);background:rgba(0,0,0,0);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.modal__close:hover{background:var(--background-hover);color:var(--text-primary)}.modal__close:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(max-width: 479px){.modal:not(.modal--full){width:calc(100% - var(--space-4)) !important;margin:auto}}@media(min-width: 480px){.modal--sm-sm{width:320px}.modal--sm-md{width:480px}.modal--sm-lg{width:640px}.modal--sm-xl{width:800px}.modal--sm-full{width:90vw}}@media(min-width: 768px){.modal--md-sm{width:320px}.modal--md-md{width:480px}.modal--md-lg{width:640px}.modal--md-xl{width:800px}.modal--md-full{width:90vw}}@media(min-width: 1024px){.modal--lg-sm{width:320px}.modal--lg-md{width:480px}.modal--lg-lg{width:640px}.modal--lg-xl{width:800px}.modal--lg-full{width:90vw}}@media(min-width: 1280px){.modal--xl-sm{width:320px}.modal--xl-md{width:480px}.modal--xl-lg{width:640px}.modal--xl-xl{width:800px}.modal--xl-full{width:90vw}}@keyframes modal-fade-in{from{opacity:0}to{opacity:1}}.drawer__backdrop{position:fixed;inset:0;background:color-mix(in srgb, var(--background-overlay) calc(var(--opacity-overlay) * 100%), transparent);z-index:var(--z-index-overlay)}.drawer{display:none;flex-direction:column;border:none;padding:0;background:var(--background-card);box-shadow:var(--shadow-xl);margin:0;z-index:var(--z-index-modal)}.drawer[open]{display:flex}.drawer--left{position:fixed;top:0;left:0;bottom:0;width:360px;height:100vh;border-radius:0;border-right:var(--border-width-hairline) solid var(--border-subtle);animation:drawer-slide-left var(--duration-normal) var(--easing-out)}.drawer--right{position:fixed;top:0;right:0;left:auto;bottom:0;width:360px;height:100vh;border-radius:0;border-left:var(--border-width-hairline) solid var(--border-subtle);animation:drawer-slide-right var(--duration-normal) var(--easing-out)}.drawer--top{position:fixed;top:0;left:0;right:0;height:360px;width:100%;border-radius:0;border-bottom:var(--border-width-hairline) solid var(--border-subtle);animation:drawer-slide-down var(--duration-normal) var(--easing-out)}.drawer--bottom{position:fixed;bottom:0;left:0;right:0;top:auto;height:360px;width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-top:var(--border-width-hairline) solid var(--border-subtle);animation:drawer-slide-up var(--duration-normal) var(--easing-out)}.drawer--sm.drawer--left,.drawer--sm.drawer--right{width:280px}.drawer--sm.drawer--top,.drawer--sm.drawer--bottom{height:280px}.drawer--md.drawer--left,.drawer--md.drawer--right{width:360px}.drawer--md.drawer--top,.drawer--md.drawer--bottom{height:360px}.drawer--lg.drawer--left,.drawer--lg.drawer--right{width:480px}.drawer--lg.drawer--top,.drawer--lg.drawer--bottom{height:480px}.drawer--xl.drawer--left,.drawer--xl.drawer--right{width:640px}.drawer--xl.drawer--top,.drawer--xl.drawer--bottom{height:640px}.drawer--full.drawer--left,.drawer--full.drawer--right{width:100%}.drawer--full.drawer--top,.drawer--full.drawer--bottom{height:100%}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-subtle);flex-shrink:0}.drawer__title{margin:0;font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.drawer__body{flex:1;padding:var(--space-6);overflow-y:auto;color:var(--text-primary);line-height:var(--line-height-relaxed)}.drawer__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:var(--border-width-thin) solid var(--border-subtle);background:var(--surface-primary);flex-shrink:0}.drawer__close{display:inline-flex;align-items:center;justify-content:center;padding:0;width:var(--size-8);height:var(--size-8);background:rgba(0,0,0,0);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.drawer__close:hover{background:var(--background-hover);color:var(--text-primary)}.drawer__close:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media(min-width: 480px){.drawer--sm-sm.drawer--left,.drawer--sm-sm.drawer--right{width:280px}.drawer--sm-sm.drawer--top,.drawer--sm-sm.drawer--bottom{height:280px}.drawer--sm-md.drawer--left,.drawer--sm-md.drawer--right{width:360px}.drawer--sm-md.drawer--top,.drawer--sm-md.drawer--bottom{height:360px}.drawer--sm-lg.drawer--left,.drawer--sm-lg.drawer--right{width:480px}.drawer--sm-lg.drawer--top,.drawer--sm-lg.drawer--bottom{height:480px}.drawer--sm-xl.drawer--left,.drawer--sm-xl.drawer--right{width:640px}.drawer--sm-xl.drawer--top,.drawer--sm-xl.drawer--bottom{height:640px}.drawer--sm-full.drawer--left,.drawer--sm-full.drawer--right{width:100%}.drawer--sm-full.drawer--top,.drawer--sm-full.drawer--bottom{height:100%}}@media(min-width: 768px){.drawer--md-sm.drawer--left,.drawer--md-sm.drawer--right{width:280px}.drawer--md-sm.drawer--top,.drawer--md-sm.drawer--bottom{height:280px}.drawer--md-md.drawer--left,.drawer--md-md.drawer--right{width:360px}.drawer--md-md.drawer--top,.drawer--md-md.drawer--bottom{height:360px}.drawer--md-lg.drawer--left,.drawer--md-lg.drawer--right{width:480px}.drawer--md-lg.drawer--top,.drawer--md-lg.drawer--bottom{height:480px}.drawer--md-xl.drawer--left,.drawer--md-xl.drawer--right{width:640px}.drawer--md-xl.drawer--top,.drawer--md-xl.drawer--bottom{height:640px}.drawer--md-full.drawer--left,.drawer--md-full.drawer--right{width:100%}.drawer--md-full.drawer--top,.drawer--md-full.drawer--bottom{height:100%}}@media(min-width: 1024px){.drawer--lg-sm.drawer--left,.drawer--lg-sm.drawer--right{width:280px}.drawer--lg-sm.drawer--top,.drawer--lg-sm.drawer--bottom{height:280px}.drawer--lg-md.drawer--left,.drawer--lg-md.drawer--right{width:360px}.drawer--lg-md.drawer--top,.drawer--lg-md.drawer--bottom{height:360px}.drawer--lg-lg.drawer--left,.drawer--lg-lg.drawer--right{width:480px}.drawer--lg-lg.drawer--top,.drawer--lg-lg.drawer--bottom{height:480px}.drawer--lg-xl.drawer--left,.drawer--lg-xl.drawer--right{width:640px}.drawer--lg-xl.drawer--top,.drawer--lg-xl.drawer--bottom{height:640px}.drawer--lg-full.drawer--left,.drawer--lg-full.drawer--right{width:100%}.drawer--lg-full.drawer--top,.drawer--lg-full.drawer--bottom{height:100%}}@media(min-width: 1280px){.drawer--xl-sm.drawer--left,.drawer--xl-sm.drawer--right{width:280px}.drawer--xl-sm.drawer--top,.drawer--xl-sm.drawer--bottom{height:280px}.drawer--xl-md.drawer--left,.drawer--xl-md.drawer--right{width:360px}.drawer--xl-md.drawer--top,.drawer--xl-md.drawer--bottom{height:360px}.drawer--xl-lg.drawer--left,.drawer--xl-lg.drawer--right{width:480px}.drawer--xl-lg.drawer--top,.drawer--xl-lg.drawer--bottom{height:480px}.drawer--xl-xl.drawer--left,.drawer--xl-xl.drawer--right{width:640px}.drawer--xl-xl.drawer--top,.drawer--xl-xl.drawer--bottom{height:640px}.drawer--xl-full.drawer--left,.drawer--xl-full.drawer--right{width:100%}.drawer--xl-full.drawer--top,.drawer--xl-full.drawer--bottom{height:100%}}@keyframes drawer-slide-left{from{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes drawer-slide-right{from{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes drawer-slide-down{from{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes drawer-slide-up{from{transform:translateY(100%)}to{transform:translateY(0)}}.tooltip{position:relative;display:inline-block}.tooltip:hover>.tooltip__content,.tooltip:focus-within>.tooltip__content{visibility:visible;opacity:1;pointer-events:auto}.tooltip__content{visibility:hidden;opacity:0;position:absolute;z-index:var(--z-index-tooltip);padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md);background:var(--text-primary);color:var(--background-page);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);white-space:nowrap;pointer-events:none;transition:opacity var(--transition-fast);box-shadow:var(--shadow-lg);max-width:240px;white-space:normal;text-align:center}.tooltip--top>.tooltip__content{bottom:calc(100% + var(--space-2));left:50%;transform:translateX(-50%)}.tooltip--top>.tooltip__content::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:var(--text-primary)}.tooltip--bottom>.tooltip__content{top:calc(100% + var(--space-2));left:50%;transform:translateX(-50%)}.tooltip--bottom>.tooltip__content::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-bottom-color:var(--text-primary)}.tooltip--left>.tooltip__content{right:calc(100% + var(--space-2));top:50%;transform:translateY(-50%)}.tooltip--left>.tooltip__content::after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:5px solid rgba(0,0,0,0);border-left-color:var(--text-primary)}.tooltip--right>.tooltip__content{left:calc(100% + var(--space-2));top:50%;transform:translateY(-50%)}.tooltip--right>.tooltip__content::before{content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%);border:5px solid rgba(0,0,0,0);border-right-color:var(--text-primary)}.popover{position:relative;display:inline-block}.popover__trigger{cursor:pointer}.popover__content{display:none;position:absolute;z-index:var(--z-index-popover);background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-4);min-width:240px;animation:popover-fade-in var(--duration-fast) var(--easing-out)}.popover--open>.popover__content{display:block}.popover--top>.popover__content{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:var(--space-2)}.popover--bottom>.popover__content{top:100%;left:50%;transform:translateX(-50%);margin-top:var(--space-2)}.popover--left>.popover__content{right:100%;top:50%;transform:translateY(-50%);margin-right:var(--space-2)}.popover--right>.popover__content{left:100%;top:50%;transform:translateY(-50%);margin-left:var(--space-2)}@keyframes popover-fade-in{from{opacity:0}to{opacity:1}}.dropdown{position:relative;display:inline-block}.dropdown__trigger{cursor:pointer}.dropdown__menu{display:none;position:absolute;z-index:var(--z-index-dropdown);list-style:none;margin:0;padding:var(--space-1);background:var(--background-card);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:200px;animation:dropdown-fade-in var(--duration-fast) var(--easing-out)}.dropdown--open>.dropdown__menu{display:block}.dropdown--bottom-start>.dropdown__menu{top:calc(100% + var(--space-1));left:0}.dropdown--bottom-end>.dropdown__menu{top:calc(100% + var(--space-1));right:0}.dropdown--top-start>.dropdown__menu{bottom:calc(100% + var(--space-1));left:0}.dropdown--top-end>.dropdown__menu{bottom:calc(100% + var(--space-1));right:0}.dropdown__item{position:relative}.dropdown__link{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);color:var(--text-primary);font-size:var(--font-size-body);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);border-radius:var(--radius-sm);cursor:pointer;border:none;background:none}@media(hover: hover)and (pointer: fine){.dropdown__link:hover{background:var(--background-hover);color:var(--text-primary)}}.dropdown__link:active{background:var(--surface-interactive)}.dropdown__link--active{background:var(--brand-subtle);color:var(--brand-primary);font-weight:var(--font-weight-medium)}.dropdown__link--danger{color:var(--status-danger)}@media(hover: hover)and (pointer: fine){.dropdown__link--danger:hover{background:var(--status-dangerSubtle);color:var(--status-danger)}}.dropdown__label{padding:var(--space-2) var(--space-3) var(--space-1);font-weight:var(--font-weight-semibold);font-size:var(--font-size-caption);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.dropdown__separator{height:var(--border-width-thin);background:var(--border-subtle);margin:var(--space-1) 0}@keyframes dropdown-fade-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.toast{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--background-card);border:var(--border-width-thin) solid var(--border-subtle);box-shadow:var(--shadow-lg);animation:toast-slide-in var(--duration-normal) var(--easing-out);min-width:280px;max-width:400px}.toast__icon{display:flex;align-items:flex-start;flex-shrink:0;padding-top:var(--space-0-5)}.toast__body{flex:1;display:flex;flex-direction:column;gap:var(--space-0-5)}.toast__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);color:var(--text-primary)}.toast__desc{font-size:var(--font-size-small);color:var(--text-secondary);line-height:var(--line-height-normal)}.toast__close{display:flex;align-items:flex-start;justify-content:center;margin-left:auto;flex-shrink:0;width:var(--size-6);height:var(--size-6);padding:0;background:rgba(0,0,0,0);border:none;font-size:var(--font-size-body);color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.toast__close:hover{color:var(--text-primary)}.toast--success{border-color:var(--status-success);background:var(--status-successSubtle);border-left:3px solid var(--status-success)}.toast--success .toast__icon{color:var(--status-success)}.toast--success .toast__title{color:var(--status-success)}.toast--warning{border-color:var(--status-warning);background:var(--status-warningSubtle);border-left:3px solid var(--status-warning)}.toast--warning .toast__icon{color:var(--status-warning)}.toast--warning .toast__title{color:var(--status-warning)}.toast--danger{border-color:var(--status-danger);background:var(--status-dangerSubtle);border-left:3px solid var(--status-danger)}.toast--danger .toast__icon{color:var(--status-danger)}.toast--danger .toast__title{color:var(--status-danger)}.toast--info{border-color:var(--status-info);background:var(--status-infoSubtle);border-left:3px solid var(--status-info)}.toast--info .toast__icon{color:var(--status-info)}.toast--info .toast__title{color:var(--status-info)}.toast-group{position:fixed;display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;z-index:var(--z-index-tooltip)}.toast-group--top-left{top:var(--space-4);left:var(--space-4)}.toast-group--top-right{top:var(--space-4);right:var(--space-4)}.toast-group--top-center{top:var(--space-4);left:50%;transform:translateX(-50%)}.toast-group--bottom-left{bottom:var(--space-4);left:var(--space-4)}.toast-group--bottom-right{bottom:var(--space-4);right:var(--space-4)}.toast-group--bottom-center{bottom:var(--space-4);left:50%;transform:translateX(-50%)}.toast-group .toast{pointer-events:auto}@keyframes toast-slide-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.table{width:100%;border-collapse:collapse;border-spacing:0;font-size:var(--font-size-body);color:var(--text-primary);background:var(--background-card);border-radius:var(--radius-lg);overflow:hidden}.table__head{background:var(--surface-primary);border-bottom:var(--border-width-thin) solid var(--border-strong)}.table__body{background:var(--background-card)}.table__foot{background:var(--surface-primary);border-top:var(--border-width-thin) solid var(--border-strong)}.table__row{border-bottom:var(--border-width-hairline) solid var(--border-subtle)}.table__row:last-child{border-bottom:none}.table__header{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);vertical-align:bottom}.table__cell{padding:var(--space-3) var(--space-4);text-align:left;vertical-align:middle;color:var(--text-primary)}.table--striped tbody tr:nth-child(odd){background:var(--surface-primary)}.table--hoverable tbody tr{transition:background var(--transition-fast)}.table--hoverable tbody tr:hover{background:var(--surface-hover)}.table--bordered{border:var(--border-width-thin) solid var(--border-subtle)}.table--bordered .table__header,.table--bordered .table__cell{border-right:var(--border-width-hairline) solid var(--border-subtle)}.table--bordered .table__header:last-child,.table--bordered .table__cell:last-child{border-right:none}.table--compact .table__header,.table--compact .table__cell{padding:var(--space-2) var(--space-3)}.table--sticky .table__head{position:sticky;top:0;z-index:var(--z-index-sticky);box-shadow:0 1px 0 var(--border-subtle)}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@media(min-width: 768px){.table-wrapper{overflow-x:visible}}.accordion{border:none;background:rgba(0,0,0,0);overflow:visible}.accordion__item{border-bottom:1px solid var(--border-subtle)}.accordion__item:last-child{border-bottom:none}.accordion__trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:rgba(0,0,0,0);cursor:pointer;font-weight:var(--font-weight-medium);color:var(--text-primary);border:none;outline:none;transition:background var(--transition-fast),color var(--transition-fast)}.accordion__trigger:hover{background:var(--background-hover);color:var(--text-primary)}.accordion__trigger:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.accordion__trigger[aria-expanded=true]{color:var(--brand-primary)}.accordion__trigger-inner{display:flex;align-items:center;gap:var(--space-2)}.accordion__icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.2em;flex-shrink:0}.accordion__icon svg{width:1em;height:1em;stroke:currentColor;fill:none}.accordion__label{display:inline-block;color:inherit;font-weight:inherit}.accordion__arrow{width:.5rem;height:.5rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform var(--transition-normal)}.accordion__trigger[aria-expanded=true] .accordion__arrow{transform:rotate(-135deg)}.accordion__content{padding:var(--space-3) var(--space-4) var(--space-4);color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);animation:accordion-fade var(--transition-normal) ease}.accordion--card{border-radius:var(--radius-lg);background:var(--background-card);box-shadow:var(--shadow-md);overflow:hidden}.accordion--card .accordion__item{border-bottom:1px solid var(--border-strong)}.accordion--card .accordion__item:last-child{border-bottom:none}.accordion--card .accordion__trigger{padding:var(--space-5) var(--space-6);background:var(--background-card);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.accordion--card .accordion__trigger:hover{background:var(--surface-hover)}.accordion--card .accordion__trigger[aria-expanded=true]{background:var(--brand-surface);color:var(--brand-primary);border-left:3px solid var(--brand-primary)}.accordion--card .accordion__content{padding:var(--space-4) var(--space-6) var(--space-5);background:var(--surface-primary);border-top:1px solid var(--border-subtle);color:var(--text-secondary)}@keyframes accordion-fade{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.stepper{display:flex;align-items:flex-start;gap:0}.stepper--vertical{flex-direction:column}.stepper__step{display:flex;align-items:center;flex:1}.stepper__step:last-child{flex:0}.stepper__step:last-child .stepper__connector{display:none}.stepper--vertical .stepper__step{flex-direction:column;align-items:flex-start;flex:unset}.stepper--vertical .stepper__step:last-child .stepper__connector{display:none}.stepper__connector{flex:1;height:var(--border-width-thin);background:var(--border-subtle);transition:background var(--transition-normal);min-width:var(--space-6)}.stepper--vertical .stepper__connector{width:var(--border-width-thin);height:var(--space-8);min-width:unset;flex:unset;margin-left:calc(var(--size-8)/2)}.stepper__step--completed~.stepper__step .stepper__connector{background:var(--brand-primary)}.stepper__indicator{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.stepper--vertical .stepper__indicator{flex-direction:row;align-items:flex-start;gap:var(--space-3)}.stepper__node{display:flex;justify-content:center;align-items:center;width:var(--size-8);height:var(--size-8);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);flex-shrink:0;transition:background var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal);border:var(--border-width-thin) solid var(--border-subtle);background:var(--background-card);color:var(--text-tertiary)}.stepper__meta{display:flex;flex-direction:column;gap:var(--space-0-5);text-align:center}.stepper--vertical .stepper__meta{text-align:left;padding-top:var(--space-1)}.stepper__title{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-secondary);white-space:nowrap}.stepper__subtitle{font-size:var(--font-size-caption);color:var(--text-tertiary);white-space:nowrap}.stepper__step--active .stepper__node{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-onBrand);box-shadow:0 0 0 4px var(--brand-subtle)}.stepper__step--active .stepper__title{color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.stepper__step--active .stepper__connector{background:var(--border-subtle)}.stepper__step--completed .stepper__node{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-onBrand)}.stepper__step--completed .stepper__connector{background:var(--brand-primary)}.stepper__step--completed .stepper__title{color:var(--text-primary)}.stepper__step--error .stepper__node{background:var(--status-dangerSubtle);border-color:var(--status-danger);color:var(--status-danger)}.stepper__step--error .stepper__title{color:var(--status-danger)}@media(max-width: 767px){.stepper:not(.stepper--vertical){flex-direction:column;align-items:flex-start}.stepper:not(.stepper--vertical) .stepper__step{flex-direction:row;align-items:flex-start;flex:unset;width:100%}.stepper:not(.stepper--vertical) .stepper__step:last-child{flex:unset}.stepper:not(.stepper--vertical) .stepper__connector{width:var(--border-width-thin);height:var(--space-6);min-width:unset;flex:unset;margin-left:calc(var(--size-8)/2)}.stepper:not(.stepper--vertical) .stepper__indicator{flex-direction:row;align-items:flex-start;gap:var(--space-3)}.stepper:not(.stepper--vertical) .stepper__meta{text-align:left;padding-top:var(--space-1)}}.timeline{display:flex;flex-direction:column;position:relative;gap:0}.timeline__item{display:grid;grid-template-columns:var(--size-8) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"node content" "line content";gap:0 var(--space-4);position:relative}.timeline__item:last-child .timeline__line{display:none}.timeline__node{grid-area:node;display:flex;justify-content:center;align-items:center;width:var(--size-8);height:var(--size-8);border-radius:var(--radius-full);background:var(--background-card);border:var(--border-width-thin) solid var(--border-subtle);color:var(--text-muted);flex-shrink:0;z-index:1;transition:border-color var(--transition-fast),background var(--transition-fast)}.timeline__node svg{width:var(--size-4);height:var(--size-4)}.timeline__line{grid-area:line;width:var(--border-width-thin);background:var(--border-subtle);margin:0 auto;min-height:var(--space-6)}.timeline__content{grid-area:content;padding-bottom:var(--space-6)}.timeline__header{display:flex;align-items:center;gap:var(--space-2);min-height:var(--size-8);flex-wrap:wrap}.timeline__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.timeline__time{font-size:var(--font-size-caption);color:var(--text-tertiary);margin-left:auto;white-space:nowrap}.timeline__body{margin-top:var(--space-2);font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-relaxed)}.timeline__item--success .timeline__node{background:var(--status-successSubtle);border-color:var(--status-success);color:var(--status-success)}.timeline__item--warning .timeline__node{background:var(--status-warningSubtle);border-color:var(--status-warning);color:var(--status-warning)}.timeline__item--danger .timeline__node{background:var(--status-dangerSubtle);border-color:var(--status-danger);color:var(--status-danger)}.timeline__item--brand .timeline__node{background:var(--brand-subtle);border-color:var(--brand-primary);color:var(--brand-primary)}.timeline--compact .timeline__item{grid-template-columns:var(--size-6) 1fr}.timeline--compact .timeline__node{width:var(--size-6);height:var(--size-6)}.timeline--compact .timeline__content{padding-bottom:var(--space-4)}.timeline--compact .timeline__body{font-size:var(--font-size-small)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-4)}.empty-state--sm{padding:var(--space-6) var(--space-4);gap:var(--space-3)}.empty-state--lg{padding:var(--space-16) var(--space-8)}.empty-state--bordered{border:var(--border-width-thin) dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-primary)}.empty-state--card{background:var(--background-card);border:var(--border-width-hairline) solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-state__icon{display:flex;align-items:center;justify-content:center;width:var(--size-16);height:var(--size-16);border-radius:var(--radius-full);background:var(--surface-primary);color:var(--text-muted);font-size:var(--size-8);flex-shrink:0}.empty-state__icon svg{width:var(--size-8);height:var(--size-8)}.empty-state--sm .empty-state__icon{width:var(--size-12);height:var(--size-12);font-size:var(--size-6)}.empty-state__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);max-width:360px}.empty-state__title{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-tight)}.empty-state--sm .empty-state__title{font-size:var(--font-size-body)}.empty-state__description{font-size:var(--font-size-body);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin:0}.empty-state--sm .empty-state__description{font-size:var(--font-size-small)}.empty-state__actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--surface-primary);color:var(--text-primary)}.alert__icon{flex-shrink:0;font-size:var(--font-size-body);margin-top:2px}.alert__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1)}.alert__description{font-size:var(--font-size-small);color:var(--text-secondary);margin:0}.alert--success{background:var(--status-successSubtle);border-color:var(--status-success);color:var(--status-success)}.alert--success .alert__description{color:color-mix(in srgb, var(--status-success) 70%, var(--background-page))}.alert--warning{background:var(--status-warningSubtle);border-color:var(--status-warning);color:var(--status-warning)}.alert--warning .alert__description{color:color-mix(in srgb, var(--status-warning) 70%, var(--background-page))}.alert--danger{background:var(--status-dangerSubtle);border-color:var(--status-danger);color:var(--status-danger)}.alert--danger .alert__description{color:color-mix(in srgb, var(--status-danger) 70%, var(--background-page))}.alert--info{background:var(--status-infoSubtle);border-color:var(--status-info);color:var(--status-info)}.alert--info .alert__description{color:color-mix(in srgb, var(--status-info) 70%, var(--background-page))}.banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--surface-primary);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-small);color:var(--text-primary)}.banner__content{display:flex;align-items:center;gap:var(--space-3)}.banner__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.banner--success{background:var(--status-successSubtle);border-color:var(--status-success);color:var(--status-success)}.banner--warning{background:var(--status-warningSubtle);border-color:var(--status-warning);color:var(--status-warning)}.banner--danger{background:var(--status-dangerSubtle);border-color:var(--status-danger);color:var(--status-danger)}.banner--info{background:var(--status-infoSubtle);border-color:var(--status-info);color:var(--status-info)}.banner--brand{background:var(--brand-subtle);border-color:var(--brand-primary);color:var(--brand-primary)}.kbd{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-0-5) var(--space-2);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--text-secondary);font-family:monospace;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:1.4;box-shadow:var(--shadow-sm)}.kbd--sm{padding:1px var(--space-1);font-size:10px}.kbd--md{padding:var(--space-0-5) var(--space-2);font-size:var(--font-size-caption)}.kbd--lg{padding:var(--space-1) var(--space-3);font-size:var(--font-size-small)}.kbd-group{display:inline-flex;align-items:center;gap:var(--space-1)}code.code,.code:not(.code--block){display:inline;padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--surface-primary);border:1px solid var(--border-subtle);color:var(--status-danger);font-family:monospace;font-size:.875em}.code--block{display:block;padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-primary);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:monospace;font-size:var(--font-size-small);overflow-x:auto;white-space:pre}.code--block code{display:block;background:none;border:none;padding:0;color:inherit;font-size:inherit}.stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-5);background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.stat__icon{font-size:var(--size-8);margin-bottom:var(--space-1)}.stat__label{font-size:var(--font-size-small);color:var(--text-secondary);margin:0}.stat__value{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0;line-height:1.2}.stat__trend{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.stat__trend-value{font-variant-numeric:tabular-nums}.stat--trend-up .stat__trend{color:var(--status-success)}.stat--trend-down .stat__trend{color:var(--status-danger)}.stat--trend-neutral .stat__trend{color:var(--text-muted)}.stat__description{font-size:var(--font-size-caption);color:var(--text-muted);margin:0}.calendar{display:inline-flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);min-width:280px}.calendar__header{display:flex;align-items:center;justify-content:space-between}.calendar__title{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.calendar__nav{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border:none;border-radius:var(--radius-sm);background:rgba(0,0,0,0);color:var(--text-secondary);cursor:pointer;font-size:var(--font-size-body);transition:background var(--transition-fast)}.calendar__nav:hover{background:var(--background-hover)}.calendar__grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:2px}.calendar__day-name{display:flex;align-items:center;justify-content:center;height:var(--size-8);font-size:var(--font-size-caption);color:var(--text-muted);font-weight:var(--font-weight-medium)}.calendar__cell{display:flex;align-items:center;justify-content:center;height:var(--size-8);border:none;border-radius:var(--radius-sm);background:rgba(0,0,0,0);color:var(--text-primary);font-size:var(--font-size-caption);cursor:pointer;transition:background var(--transition-fast)}.calendar__cell:hover:not(:disabled){background:var(--background-hover)}.calendar__cell--empty{pointer-events:none}.calendar__cell--today{font-weight:var(--font-weight-bold);color:var(--brand-primary)}.calendar__cell--selected{background:var(--brand-primary) !important;color:var(--text-onBrand);font-weight:var(--font-weight-medium)}.calendar__cell--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.list{padding-left:var(--space-5);margin:0;color:var(--text-primary);font-size:var(--font-size-body)}.list--none{list-style:none;padding-left:0}.list--unordered{list-style:disc}.list--ordered{list-style:decimal}.list__item{padding:var(--space-1) 0;line-height:1.6}.list--spaced .list__item{padding:var(--space-2) 0}.list--spaced .list__item+.list__item{border-top:1px solid var(--divider-subtle)}.blockquote{margin:0;padding:var(--space-4) var(--space-6);border-left:4px solid var(--brand-primary);background:var(--brand-subtle);border-radius:0 var(--radius-md) var(--radius-md) 0}.blockquote__quote{font-size:var(--font-size-body);color:var(--text-primary);font-style:italic;line-height:1.7;margin:0}.blockquote__quote::before{content:"“"}.blockquote__quote::after{content:"”"}.blockquote__author{margin-top:var(--space-3);font-size:var(--font-size-small);color:var(--text-secondary)}.blockquote__author::before{content:"— "}.aspect-ratio{position:relative;width:100%}.aspect-ratio::before{content:"";display:block;padding-bottom:calc(100%/var(--aspect-ratio, 1.7777777778))}.aspect-ratio>*{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.scroll-area{overflow:hidden;position:relative}.scroll-area--vertical .scroll-area__viewport{overflow-y:auto;overflow-x:hidden;height:100%}.scroll-area--horizontal .scroll-area__viewport{overflow-x:auto;overflow-y:hidden;width:100%}.scroll-area--both .scroll-area__viewport{overflow:auto;width:100%;height:100%}.scroll-area__viewport{scrollbar-width:thin;scrollbar-color:var(--border-subtle) rgba(0,0,0,0)}.scroll-area__viewport::-webkit-scrollbar{width:6px;height:6px}.scroll-area__viewport::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.scroll-area__viewport::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:var(--radius-full)}.scroll-area__viewport::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.number-input{display:inline-flex;align-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden;background:var(--surface-primary);transition:border-color var(--transition-fast)}.number-input:focus-within{outline:2px solid var(--border-focus);outline-offset:2px;border-color:var(--brand-primary)}.number-input__btn{display:flex;align-items:center;justify-content:center;padding:0 var(--space-3);background:var(--background-hover);border:none;color:var(--text-primary);cursor:pointer;font-size:var(--font-size-body);height:100%;transition:background var(--transition-fast)}.number-input__btn:hover:not(:disabled){background:var(--border-subtle)}.number-input__btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.number-input__field{border:none;text-align:center;background:rgba(0,0,0,0);color:var(--text-primary);font-size:var(--font-size-body);outline:none;-moz-appearance:textfield}.number-input__field::-webkit-outer-spin-button,.number-input__field::-webkit-inner-spin-button{-webkit-appearance:none}.number-input--sm .number-input__btn{padding:var(--space-1) var(--space-2)}.number-input--sm .number-input__field{width:var(--size-10);padding:var(--space-1) 0;font-size:var(--font-size-small)}.number-input--md .number-input__btn{padding:var(--space-2) var(--space-3)}.number-input--md .number-input__field{width:var(--size-12);padding:var(--space-2) 0}.number-input--lg .number-input__btn{padding:var(--space-3) var(--space-4)}.number-input--lg .number-input__field{width:var(--size-16);padding:var(--space-3) 0;font-size:var(--font-size-body)}.number-input--disabled{opacity:var(--opacity-disabled);pointer-events:none}.otp-input{display:inline-flex;gap:var(--space-2)}.otp-input__cell{display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);transition:border-color var(--transition-fast)}.otp-input__cell:focus{outline:2px solid var(--border-focus);outline-offset:2px;border-color:var(--brand-primary)}.otp-input--sm .otp-input__cell{width:var(--size-8);height:var(--size-8);font-size:var(--font-size-small)}.otp-input--md .otp-input__cell{width:var(--size-10);height:var(--size-10)}.otp-input--lg .otp-input__cell{width:var(--size-12);height:var(--size-12);font-size:var(--font-size-body)}.otp-input--disabled{opacity:var(--opacity-disabled);pointer-events:none}.segmented-control{display:inline-flex;padding:var(--space-1);background:var(--background-hover);border-radius:var(--radius-md);gap:var(--space-1)}.segmented-control--full{display:flex;width:100%}.segmented-control--full .segmented-control__item{flex:1}.segmented-control__item{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1-5) var(--space-3);border:none;border-radius:var(--radius-sm);background:rgba(0,0,0,0);color:var(--text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.segmented-control__item:hover:not(.segmented-control__item--disabled):not(.segmented-control__item--active){color:var(--text-primary)}.segmented-control__item--active{background:var(--surface-primary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.segmented-control__item--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.segmented-control--sm .segmented-control__item{padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption)}.segmented-control--lg .segmented-control__item{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body)}@media(min-width: 480px){.segmented-control--sm-sm .segmented-control__item{padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption)}.segmented-control--sm-lg .segmented-control__item{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body)}}@media(min-width: 768px){.segmented-control--md-sm .segmented-control__item{padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption)}.segmented-control--md-lg .segmented-control__item{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body)}}@media(min-width: 1024px){.segmented-control--lg-sm .segmented-control__item{padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption)}.segmented-control--lg-lg .segmented-control__item{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body)}}@media(min-width: 1280px){.segmented-control--xl-sm .segmented-control__item{padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption)}.segmented-control--xl-lg .segmented-control__item{padding:var(--space-2) var(--space-4);font-size:var(--font-size-body)}}.combobox{position:relative;display:inline-block;min-width:200px}.combobox__trigger{display:flex;align-items:center;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-primary);transition:border-color var(--transition-fast)}.combobox__trigger:focus-within{outline:2px solid var(--border-focus);outline-offset:2px;border-color:var(--brand-primary)}.combobox__input{flex:1;padding:var(--space-2) var(--space-3);border:none;background:rgba(0,0,0,0);color:var(--text-primary);font-size:var(--font-size-body);outline:none;cursor:pointer}.combobox__input::placeholder{color:var(--text-muted)}.combobox__clear{display:flex;align-items:center;padding:0 var(--space-2);border:none;background:rgba(0,0,0,0);color:var(--text-muted);cursor:pointer;font-size:var(--font-size-caption)}.combobox__clear:hover{color:var(--text-primary)}.combobox__chevron{padding-right:var(--space-3);color:var(--text-muted);font-size:var(--font-size-caption);pointer-events:none}.combobox__list{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:200;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1);max-height:240px;overflow-y:auto;list-style:none;margin:0}.combobox__option{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-small);color:var(--text-primary);transition:background var(--transition-fast)}.combobox__option:hover{background:var(--background-hover)}.combobox__option--selected{background:var(--brand-subtle);color:var(--brand-primary);font-weight:var(--font-weight-medium)}.combobox__option--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.combobox__empty{padding:var(--space-4) var(--space-3);text-align:center;color:var(--text-muted);font-size:var(--font-size-small)}.combobox--sm .combobox__input{padding:var(--space-1) var(--space-2);font-size:var(--font-size-small)}.combobox--lg .combobox__input{padding:var(--space-3) var(--space-4)}.combobox--disabled{opacity:var(--opacity-disabled);pointer-events:none}.datepicker{position:relative;display:inline-block}.datepicker__trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:160px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-primary);color:var(--text-primary);font-size:var(--font-size-body);cursor:pointer;transition:border-color var(--transition-fast)}.datepicker__trigger:hover:not(:disabled){border-color:var(--border-strong)}.datepicker__trigger:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-color:var(--brand-primary)}.datepicker__value{flex:1;text-align:left}.datepicker__placeholder{color:var(--text-muted)}.datepicker__icon{flex-shrink:0;font-size:var(--font-size-body);color:var(--text-muted);line-height:1}.datepicker__popover{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:200;min-width:280px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-4)}.datepicker__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.datepicker__title{font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.datepicker__nav{display:flex;align-items:center;justify-content:center;width:var(--size-8);height:var(--size-8);border:none;border-radius:var(--radius-sm);background:rgba(0,0,0,0);color:var(--text-secondary);font-size:var(--font-size-body);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.datepicker__nav:hover{background:var(--background-hover);color:var(--text-primary)}.datepicker__grid{display:grid;grid-template-columns:repeat(7, 1fr);gap:var(--space-1)}.datepicker__day-name{display:flex;align-items:center;justify-content:center;height:var(--size-8);font-size:var(--font-size-small);color:var(--text-muted);font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.datepicker__cell{display:flex;align-items:center;justify-content:center;aspect-ratio:1;width:100%;border:none;border-radius:var(--radius-sm);background:rgba(0,0,0,0);color:var(--text-primary);font-size:var(--font-size-small);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.datepicker__cell:hover:not(:disabled){background:var(--background-hover)}.datepicker__cell--empty{pointer-events:none}.datepicker__cell--today{font-weight:var(--font-weight-bold);color:var(--brand-primary)}.datepicker__cell--selected{background:var(--brand-primary) !important;color:var(--text-onBrand);border-radius:var(--radius-sm)}.datepicker__cell--disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.datepicker--sm .datepicker__trigger{min-width:140px;padding:var(--space-1) var(--space-2);font-size:var(--font-size-small)}.datepicker--lg .datepicker__trigger{min-width:180px;padding:var(--space-3) var(--space-4);font-size:var(--font-size-large)}.datepicker--disabled{opacity:var(--opacity-disabled);pointer-events:none}.color-picker{display:inline-flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}.color-picker__swatches{display:flex;flex-wrap:wrap;gap:var(--space-1-5)}.color-picker__swatch{width:var(--size-6);height:var(--size-6);border-radius:var(--radius-sm);border:2px solid rgba(0,0,0,0);cursor:pointer;padding:0;transition:transform var(--transition-fast),border-color var(--transition-fast)}.color-picker__swatch:hover{transform:scale(1.15)}.color-picker__swatch:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.color-picker__swatch--active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--surface-primary),0 0 0 4px var(--brand-primary)}.color-picker__custom{display:flex;align-items:center;gap:var(--space-2)}.color-picker__native{width:var(--size-8);height:var(--size-8);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;padding:2px}.color-picker__hex{flex:1;padding:var(--space-1-5) var(--space-2);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-primary);color:var(--text-primary);font-size:var(--font-size-small);font-family:monospace}.color-picker__hex:focus{outline:2px solid var(--border-focus);outline-offset:2px;border-color:var(--brand-primary)}.color-picker--disabled{opacity:var(--opacity-disabled);pointer-events:none}.context-menu-wrapper{display:contents}.context-menu{min-width:180px;padding:var(--space-1);background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.context-menu__item{display:flex;align-items:center;width:100%;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:rgba(0,0,0,0);color:var(--text-primary);font-size:var(--font-size-small);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.context-menu__item:hover{background:var(--background-hover)}.context-menu__item:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.context-menu__divider{border:none;border-top:1px solid var(--divider-subtle);margin:var(--space-1) 0}.command-palette-backdrop{position:fixed;inset:0;background:color-mix(in srgb, var(--background-overlay) calc(var(--opacity-overlay) * 100%), transparent);z-index:var(--z-index-overlay);display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.command-palette{width:100%;max-width:560px;background:var(--surface-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.command-palette__search{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--divider-subtle)}.command-palette__input{width:100%;border:none;background:rgba(0,0,0,0);color:var(--text-primary);font-size:var(--font-size-body);outline:none}.command-palette__input::placeholder{color:var(--text-muted)}.command-palette__list{max-height:360px;overflow-y:auto;padding:var(--space-2)}.command-palette__empty{text-align:center;padding:var(--space-8) var(--space-4);color:var(--text-muted);font-size:var(--font-size-small)}.command-palette__group{margin-bottom:var(--space-2)}.command-palette__group-label{padding:var(--space-1) var(--space-3);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.command-palette__item{display:flex;align-items:center;width:100%;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-sm);background:rgba(0,0,0,0);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.command-palette__item:hover{background:var(--background-hover)}.command-palette__item-icon{flex-shrink:0;font-size:var(--font-size-body);color:var(--text-secondary)}.command-palette__item-content{display:flex;flex-direction:column;gap:2px}.command-palette__item-label{font-size:var(--font-size-small);color:var(--text-primary);font-weight:var(--font-weight-medium)}.command-palette__item-description{font-size:var(--font-size-caption);color:var(--text-muted)}.tree-view{font-size:var(--font-size-small);color:var(--text-primary)}.tree-view__root,.tree-view__children{list-style:none;margin:0;padding:0}.tree-view__node{margin:0}.tree-view__item{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;user-select:none;transition:background var(--transition-fast)}.tree-view__item:hover{background:var(--background-hover)}.tree-view__item:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.tree-view__item--selected{background:var(--brand-subtle);color:var(--brand-primary)}.tree-view__chevron{display:inline-flex;font-size:8px;color:var(--text-muted);transition:transform var(--transition-fast);flex-shrink:0}.tree-view__chevron--open{transform:rotate(90deg)}.tree-view__leaf-indent{width:8px;flex-shrink:0}.tree-view__icon{flex-shrink:0;font-size:var(--font-size-body)}.tree-view__label{flex:1;line-height:1.5}.resizable{display:flex;width:100%;height:100%;overflow:hidden}.resizable--vertical{flex-direction:column}.resizable__panel{overflow:auto;min-width:0;min-height:0;flex-shrink:0}.resizable__panel--flex{flex:1}.resizable__handle{flex-shrink:0;background:var(--border-subtle);transition:background var(--transition-fast);touch-action:none;position:relative}.resizable__handle:hover,.resizable__handle:active{background:var(--brand-primary)}.resizable__handle::before{content:"";position:absolute;z-index:1}.resizable--horizontal .resizable__handle{width:4px;cursor:col-resize}.resizable--horizontal .resizable__handle::before{top:0;bottom:0;left:-10px;right:-10px}.resizable--vertical .resizable__handle{height:4px;cursor:row-resize}.resizable--vertical .resizable__handle::before{left:0;right:0;top:-10px;bottom:-10px}.brand-picker{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);background:var(--surface-primary);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-lg)}.brand-picker__label{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.brand-picker__swatches{display:flex;flex-wrap:wrap;gap:var(--space-2)}.brand-picker__swatch{width:var(--size-8);height:var(--size-8);position:relative;flex-shrink:0;padding:0;border-radius:var(--radius-full);border:var(--border-width-thick) solid var(--border-subtle);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-tap-highlight-color:rgba(0,0,0,0)}.brand-picker__swatch::before{content:"";position:absolute;inset:-6px}@media(hover: hover)and (pointer: fine){.brand-picker__swatch:hover{transform:scale(1.1);border-color:var(--text-primary);box-shadow:var(--shadow-md)}}.brand-picker__swatch:active{transform:scale(0.92);border-color:var(--text-primary)}.brand-picker__swatch:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.brand-picker__reset{padding:var(--space-2) var(--space-4);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--text-primary);background:var(--surface-hover);border:var(--border-width-thin) solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}@media(hover: hover)and (pointer: fine){.brand-picker__reset:hover{background:var(--background-hover);border-color:var(--text-primary)}}.brand-picker__reset:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.brand-picker__reset:active{transform:scale(0.98)}.carousel{position:relative;width:100%}.carousel__viewport{overflow:hidden;position:relative;width:100%}.carousel__viewport--drag{cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}.carousel__viewport--drag:active{cursor:grabbing}.carousel__track{display:flex;width:100%;height:100%;transform:translateX(calc(-1 * var(--carousel-idx, 0) * 100%));transition:transform var(--duration-normal) var(--easing-inOut);will-change:transform}.carousel__item{flex:0 0 calc(100%/var(--carousel-spv, 1));min-width:0}.carousel__control{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-top:var(--space-3)}.carousel__btn{display:flex;justify-content:center;align-items:center;width:var(--size-8);height:var(--size-8);flex-shrink:0;border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-subtle);background:var(--background-card);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.carousel__btn:hover{background:var(--background-hover);border-color:var(--border-strong)}.carousel__btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.carousel__btn:active{transform:scale(0.94)}.carousel__btn--disabled,.carousel__btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed;pointer-events:none}.carousel__btn svg{display:block}[data-theme=dark] .carousel__btn{box-shadow:var(--shadow-sm)}@media(prefers-color-scheme: dark){:root:not([data-theme=light]) .carousel__btn{box-shadow:var(--shadow-sm)}}.carousel__indicators{display:flex;align-items:center;gap:var(--space-1-5)}.carousel__dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--border-subtle);border:none;padding:0;cursor:pointer;transition:background var(--transition-fast),width var(--transition-normal),transform var(--transition-fast)}.carousel__dot:hover{background:var(--border-strong);transform:scale(1.2)}.carousel__dot:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.carousel__dot--active{background:var(--brand-primary);width:18px}.carousel-dialog{width:100vw;height:100vh;width:100dvw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:none;background:var(--background-body);overscroll-behavior:contain}.carousel-dialog::backdrop{background:rgba(0,0,0,0)}.carousel--fullscreen{display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:100%;padding:calc(var(--space-4) + env(safe-area-inset-top, 0px)) calc(var(--space-4) + env(safe-area-inset-right, 0px)) calc(var(--space-4) + env(safe-area-inset-bottom, 0px)) calc(var(--space-4) + env(safe-area-inset-left, 0px))}.carousel--fullscreen .carousel__viewport{flex:1;min-height:0}.carousel--fullscreen .carousel__item{min-height:0;display:flex;align-items:center;justify-content:center}.carousel--fullscreen .carousel__item>*{flex:1;min-width:0}@media(pointer: coarse){.carousel--fullscreen .carousel__btn{width:var(--size-12);height:var(--size-12)}}.carousel--vertical .carousel__viewport--drag{touch-action:pan-x}.carousel--vertical .carousel__track{flex-direction:column;height:100%;transform:translateY(calc(-1 * var(--carousel-idx, 0) * 100%));transition:transform var(--duration-normal) var(--easing-inOut)}.carousel--vertical .carousel__item{flex:0 0 calc(100%/var(--carousel-spv, 1));min-height:0}.carousel--vertical .carousel__control{flex-direction:column;padding-top:0;padding-left:var(--space-3)}.carousel--vertical .carousel__dot--active{width:6px;height:18px}.carousel--vertical .carousel__indicators{flex-direction:column}
@keyframes route-fade-in{from{opacity:0}to{opacity:1}}@keyframes route-slide-in-from-right{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes route-slide-in-from-left{from{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes route-slide-in-from-bottom{from{transform:translateY(100vh)}to{transform:translateY(0)}}@keyframes route-slide-in-from-top{from{transform:translateY(-100vh)}to{transform:translateY(0)}}@keyframes route-zoom-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}@keyframes route-fade-out{from{opacity:1}to{opacity:0}}@keyframes route-slide-out-to-left{from{transform:translateX(0)}to{transform:translateX(-100vw)}}@keyframes route-slide-out-to-right{from{transform:translateX(0)}to{transform:translateX(100vw)}}@keyframes route-slide-out-to-top{from{transform:translateY(0)}to{transform:translateY(-100vh)}}@keyframes route-slide-out-to-bottom{from{transform:translateY(0)}to{transform:translateY(100vh)}}@keyframes route-zoom-out{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.05)}}.route--fade.route--enter{opacity:0;animation:route-fade-in 200ms var(--easing-out) forwards}.route--fade.route--exit{animation:route-fade-out 200ms var(--easing-in) forwards}.route--dissolve.route--enter{opacity:0;animation:route-fade-in var(--duration-normal) var(--easing-out) forwards}.route--dissolve.route--exit{animation:route-fade-out var(--duration-normal) var(--easing-in) forwards}.route--slide-left.route--enter{animation:route-slide-in-from-right var(--duration-normal) var(--easing-out) forwards}.route--slide-left.route--exit{animation:route-slide-out-to-left var(--duration-normal) var(--easing-in) forwards}.route--slide-right.route--enter{animation:route-slide-in-from-left var(--duration-normal) var(--easing-out) forwards}.route--slide-right.route--exit{animation:route-slide-out-to-right var(--duration-normal) var(--easing-in) forwards}.route--slide-up.route--enter{animation:route-slide-in-from-bottom var(--duration-normal) var(--easing-out) forwards}.route--slide-up.route--exit{animation:route-slide-out-to-top var(--duration-normal) var(--easing-in) forwards}.route--slide-down.route--enter{animation:route-slide-in-from-top var(--duration-normal) var(--easing-out) forwards}.route--slide-down.route--exit{animation:route-slide-out-to-bottom var(--duration-normal) var(--easing-in) forwards}.route--zoom.route--enter{animation:route-zoom-in var(--duration-normal) var(--easing-out) forwards}.route--zoom.route--exit{animation:route-zoom-out var(--duration-normal) var(--easing-in) forwards}
.about{min-height:100vh}.about__hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:5rem 2rem 4rem;gap:1.5rem}.about__avatar-wrap{position:relative;width:160px;height:160px;flex-shrink:0;animation:about-fade-up .7s ease-out both}.about__avatar{width:100%;height:100%;border:3px solid var(--border-subtle)}.about__avatar .image__img{object-position:top center}.about__avatar--default{display:block;border-radius:50%;background:var(--background-subtle);color:var(--text-tertiary)}.about__avatar-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--border-subtle);opacity:.4;animation:about-ring-spin 12s linear infinite}.about__name{font-size:clamp(2.2rem,5vw,3.5rem) !important;line-height:1.1;animation:about-fade-up .6s ease-out .1s both}.about__role{opacity:.55 !important;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem !important;animation:about-fade-up .6s ease-out .2s both}.about__bio{max-width:560px;line-height:1.75;opacity:.75;animation:about-fade-up .6s ease-out .3s both}.about__socials{display:flex;align-items:center;gap:1rem;animation:about-fade-up .6s ease-out .4s both}.about__skeleton-bio{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%;max-width:560px}.about__skeleton-socials{display:flex;align-items:center;gap:1rem}.about__social-link{display:inline-flex;align-items:center;justify-content:center;color:inherit;opacity:.5;transition:opacity .15s,transform .15s}.about__social-link:hover{opacity:1;transform:translateY(-1px)}.about__divider{width:40px;height:2px;background:var(--border-subtle);margin:0 auto;border-radius:2px}.about__section{max-width:720px;margin:0 auto;padding:3rem 2rem;animation:about-fade-up .6s ease-out .4s both}.about__section-heading{display:block;font-size:.7rem !important;letter-spacing:.12em;text-transform:uppercase;opacity:.45 !important;margin-bottom:1.25rem}.about__tags{display:flex;flex-wrap:wrap;gap:.6rem}.about__tag{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;border-radius:999px;border:1px solid var(--border-subtle);font-size:.82rem;opacity:.8;transition:opacity .15s,border-color .15s,transform .15s}.about__tag:hover{opacity:1;border-color:var(--border-default, currentColor);transform:translateY(-1px)}.about__tag-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.about__tag-dot--expert{background:#22c55e}.about__tag-dot--strong{background:#3b82f6}.about__tag-dot--learning{background:#f59e0b}.about__timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:1.5rem}.about__timeline::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:1px;background:var(--border-subtle)}.about__timeline-item{position:relative;padding:0 0 2.5rem 1.75rem;animation:about-fade-up .5s ease-out both}.about__timeline-item:last-child{padding-bottom:0}.about__timeline-item::before{content:"";position:absolute;left:-4px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--background-page);border:2px solid var(--border-subtle)}.about__timeline-period{display:block;font-size:.72rem !important;letter-spacing:.06em;opacity:.45 !important;margin-bottom:.2rem}.about__timeline-role{display:block;font-size:1rem !important;font-weight:600 !important;line-height:1.3;margin-bottom:.1rem}.about__timeline-company{display:block;opacity:.55 !important;font-size:.85rem !important;margin-bottom:.6rem}.about__timeline-desc{display:block;line-height:1.7;opacity:.7;font-size:.88rem !important}@keyframes about-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes about-ring-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(max-width: 600px){.about__hero{padding:3.5rem 1.25rem 2.5rem}.about__avatar-wrap{width:130px;height:130px}.about__section{padding:2rem 1.25rem}}.home{min-height:100vh}.home__nav{position:fixed;top:0;left:0;right:0;height:clamp(56px,40px + 2vw,76px);padding:0 clamp(24px,3vw,56px);z-index:100;background:color-mix(in srgb, var(--background-page) 80%, transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.home__nav-link{position:relative;display:inline-flex;align-items:center;gap:.4em;font-size:clamp(.875rem,.65rem + .6vw,1.125rem);opacity:.65}.home__nav-link svg{width:1em;height:1em;flex-shrink:0}.home__nav-link{text-decoration:none !important;transition:opacity .2s ease}.home__nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.home__nav-link:hover{opacity:1}.home__nav-link:hover::after{transform:scaleX(1)}.home__nav-links{display:flex;align-items:center;gap:clamp(16px,1.5vw,28px)}.home__nav-burger{display:none !important}.home__nav-mobile,.home__nav-scrim{display:none}@media(orientation: portrait){.home__nav-links{display:none}.home__nav-burger{display:inline-flex !important}.home__nav-scrim{display:block;position:fixed;inset:0;z-index:98;background:rgba(0,0,0,0)}.home__nav-mobile{display:grid;position:fixed;top:calc(clamp(56px,40px + 2vw,76px) + 6px);right:clamp(16px,3vw,56px);width:max-content;z-index:99;padding:6px 20px 10px;background:var(--background-page);border:1px solid var(--border-default, rgba(128, 128, 128, 0.25));border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.home__nav-mobile .home__nav-link{font-size:1rem;padding:12px 0}}.home__nav-logo{display:flex;align-items:center;justify-content:center;opacity:.75;text-decoration:none !important;flex-shrink:0;transition:opacity .15s}.home__nav-logo svg{display:block;width:clamp(34px,14px + 2.8vw,62px);height:auto}.home__nav-logo:hover{opacity:1}.home__nav-btn,.home__nav .nav-controls__btn{border-radius:50% !important;width:clamp(36px,24px + 1.2vw,48px);height:clamp(36px,24px + 1.2vw,48px);padding:0 !important;font-size:clamp(.875rem,.65rem + .6vw,1.125rem);opacity:.7;flex-shrink:0}.home__nav-btn svg,.home__nav .nav-controls__btn svg{width:1em;height:1em}.home__nav-btn:hover,.home__nav .nav-controls__btn:hover{opacity:1}.home__nav-btn--lang,.home__nav .nav-controls__btn--lang{width:auto;min-width:clamp(70px,50px + 1.7vw,92px);padding:0 12px !important;border-radius:20px !important}.home__hero{width:100vw;height:100vh;display:flex !important;align-items:center !important;justify-content:center !important}.home__stack{display:flex;flex-direction:column;align-items:center}.home__logo{line-height:0;position:relative;will-change:transform,opacity;animation:logo-enter 1s cubic-bezier(0.16, 1, 0.3, 1) both}.home__logo::before{content:"";position:absolute;inset:-15%;border-radius:50%;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent, #6366f1) 12%, transparent) 0%, transparent 70%);animation:glow-pulse 4s ease-in-out 1.2s infinite alternate;pointer-events:none;z-index:-1}.home__tagline{display:block;align-self:center;max-width:42ch;margin-top:.5rem;text-align:center;opacity:.6 !important;line-height:1.5;letter-spacing:.01em;font-size:clamp(1rem,.85rem + .6vw,1.35rem) !important;animation:tagline-in .7s cubic-bezier(0.16, 1, 0.3, 1) .5s both}@keyframes logo-enter{from{opacity:0;transform:scale(0.92);filter:blur(6px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes glow-pulse{from{opacity:.5;transform:scale(0.95)}to{opacity:1;transform:scale(1.05)}}@keyframes logo-enter-mobile{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}@keyframes tagline-in{from{opacity:0;transform:translateY(8px)}to{opacity:.6;transform:translateY(0)}}@media(max-width: 1024px){.home__logo{animation:logo-enter-mobile 1s cubic-bezier(0.16, 1, 0.3, 1) both}.home__logo::before{animation:none}}@media(max-width: 640px){.home__logo{width:min(52vh,52vw) !important;height:min(52vh,52vw) !important}.home__tagline{margin-top:6rem;font-size:1rem !important}}@media(orientation: landscape)and (max-height: 700px){.home__logo{width:min(55vh,55vw) !important;height:min(55vh,55vw) !important;max-width:220px !important;max-height:220px !important}.home__tagline{margin-top:2rem}}@media(min-width: 641px)and (max-width: 1180px)and (orientation: portrait){.home__tagline{margin-top:6rem}}@media(prefers-reduced-motion: reduce){.home__logo,.home__logo::before,.home__tagline{animation:none}}.login{min-height:100vh}.login__content{min-height:100vh;padding:80px 24px 40px}.login__header{margin-bottom:8px;text-align:center}.login__form{width:100%;max-width:420px}.login__error{padding:10px 14px;border-radius:8px;background:color-mix(in srgb, var(--status-danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--status-danger) 30%, transparent);margin-bottom:4px}.login__totp{text-align:center;font-size:1.5rem;letter-spacing:.4em;font-variant-numeric:tabular-nums}.login__back{margin-right:auto}.dashboard-layout{display:flex;height:100vh;height:100dvh;overflow:hidden}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:48px}.sidebar{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:220px;display:flex;flex-direction:column;background:var(--background-page);border-right:1px solid var(--border-subtle);z-index:100;transition:width .2s ease;overflow:hidden}.sidebar--collapsed{width:48px;cursor:pointer}.sidebar--collapsed .sidebar__brand-name,.sidebar--collapsed .sidebar__item-label{opacity:0;width:0;overflow:hidden}.sidebar--collapsed .sidebar__header{justify-content:center;padding:.75rem 0}.sidebar--collapsed .sidebar__brand{display:none}.sidebar--collapsed .sidebar__item{justify-content:center;padding:.625rem 0;gap:0}.sidebar--collapsed .sidebar__footer-controls{justify-content:center;padding:.25rem 0}.sidebar--collapsed .sidebar__footer-controls .nav-controls__btn{width:32px;height:32px;min-width:0;padding:0;justify-content:center}.sidebar--collapsed .sidebar__footer-controls .nav-controls__btn--lang .btn__label{display:none}.sidebar--collapsed .sidebar__footer-btn.btn,.sidebar--collapsed .sidebar__footer-link{justify-content:center;padding:.5rem 0;gap:0}.sidebar--collapsed .sidebar__footer-btn .btn__label{display:none}.sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-bottom:1px solid var(--border-subtle);min-height:52px;flex-shrink:0}.sidebar__brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:.8125rem;min-width:0;overflow:hidden}.sidebar__brand svg{width:22px;height:22px;flex-shrink:0}.sidebar__brand-name{white-space:nowrap;overflow:hidden;transition:opacity .15s ease,width .15s ease}.sidebar__toggle{flex-shrink:0}.sidebar__nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.375rem .375rem}.sidebar__item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;color:var(--text-secondary);text-decoration:none;font-size:.8125rem;border-radius:.375rem;white-space:nowrap;transition:background .1s ease,color .1s ease;margin-bottom:1px}.sidebar__item:hover{background:var(--background-subtle);color:var(--text-primary)}.sidebar__item--active{background:var(--background-subtle);color:var(--text-primary);font-weight:500}.sidebar__item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px}.sidebar__item-label{overflow:hidden;white-space:nowrap;transition:opacity .15s ease,width .15s ease}.sidebar__footer{padding:.375rem;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:1px;flex-shrink:0}.sidebar__footer .divider{margin:.25rem 0}.sidebar__footer-controls{display:flex;align-items:center;padding:.25rem .375rem}.sidebar__footer-controls .nav-controls{gap:.375rem}.sidebar__footer-btn.btn,.sidebar__footer-link{display:flex;align-items:center;justify-content:flex-start;gap:.625rem;height:auto;padding:.5rem .625rem;color:var(--text-secondary);text-decoration:none;font-size:.8125rem;border-radius:.375rem;white-space:nowrap;cursor:pointer;background:rgba(0,0,0,0);border:none;width:100%;text-align:left;transition:background .1s ease,color .1s ease}.sidebar__footer-btn.btn:hover,.sidebar__footer-link:hover{background:var(--background-subtle);color:var(--text-primary)}.dashboard-header{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--border-subtle);position:sticky;top:0;z-index:10;background:var(--background-page)}.dashboard-content{flex:1;padding:2rem;overflow-y:auto}.dashboard-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-table-wrap table{min-width:560px}@media(max-width: 768px){.dashboard-table-wrap{overflow-x:visible}.dashboard-table-wrap .table{min-width:0;display:block;background:rgba(0,0,0,0);border:none;border-radius:0;overflow:visible}.dashboard-table-wrap .table__head{display:none}.dashboard-table-wrap .table__body{display:block;background:rgba(0,0,0,0)}.dashboard-table-wrap .table .table__row{display:block;background:var(--background-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin-bottom:.75rem;padding:.375rem 0}.dashboard-table-wrap .table .table__row:last-child{border-bottom:1px solid var(--border-subtle);margin-bottom:0}.dashboard-table-wrap .table .table__cell{display:block;border-right:none;border-bottom:none;padding:.375rem 1rem;text-align:left}.dashboard-table-wrap .table .table__cell[data-label]::before{content:attr(data-label) ": ";font-weight:var(--font-weight-semibold);font-size:var(--font-size-small);color:var(--text-tertiary)}.dashboard-table-wrap .table .table__cell:last-child{padding-top:.5rem}}.dashboard-stat-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem}.dashboard-recents{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}.dashboard-shortcuts{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1.5rem}.settings-form{max-width:720px}.settings-2fa{display:flex;flex-direction:column;gap:.5rem}.settings-2fa .settings-2fa__qr{border-radius:8px;border:1px solid var(--border-color, rgba(0, 0, 0, 0.1));background:#fff;padding:8px}.settings-2fa .settings-2fa__secret{font-family:monospace;letter-spacing:.15em;padding:8px 12px;border-radius:6px;background:color-mix(in srgb, currentColor 6%, transparent);user-select:all;word-break:break-all}@media(max-width: 900px){.dashboard-header{padding:0 1rem}.dashboard-content{padding:1.25rem}}@media(max-width: 768px){.dashboard-stat-grid{grid-template-columns:repeat(2, 1fr)}.dashboard-recents{grid-template-columns:1fr}.dashboard-content{padding:1rem}.settings-form{max-width:100%}}@media(max-width: 480px){.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-header{height:52px}.dashboard-content{padding:.75rem}}.public-page{min-height:100vh}.public-content{padding-top:56px}.public-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.public-section__heading{font-size:clamp(2rem,5vw,3.5rem) !important}.public-posts-list{max-width:720px}.public-card{border:1px solid var(--border-subtle);border-radius:12px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}.public-card:hover{border-color:var(--border-default, currentColor);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.public-card:focus-visible{outline:2px solid var(--border-focus, currentColor);outline-offset:2px}.public-card__title{line-height:1.3}.public-card__link{text-decoration:none !important;opacity:.7;transition:opacity .15s}.public-card__link:hover{opacity:1}.public-card--post{padding:1.5rem;border-radius:12px}.public-card__date{opacity:.6}.public-card__excerpt{line-height:1.6;opacity:.75}.public-card--skeleton{height:320px;background:linear-gradient(90deg, var(--background-subtle, rgba(0, 0, 0, 0.04)) 25%, var(--background-page) 50%, var(--background-subtle, rgba(0, 0, 0, 0.04)) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.public-card--post-skeleton{height:140px}@keyframes skeleton-shimmer{from{background-position:200% 0}to{background-position:-200% 0}}.public-article{max-width:800px;margin:0 auto;padding:3rem 2rem 6rem}.public-article__back{margin-bottom:2.5rem}.public-back-link{display:inline-flex;align-items:center;gap:.4rem;text-decoration:none !important;opacity:.6;transition:opacity .15s}.public-back-link:hover{opacity:1}.public-article__title{font-size:clamp(2rem,5vw,3rem) !important;line-height:1.15}.public-article__meta{flex-wrap:wrap}.public-article__tags{flex-wrap:wrap}.public-article__divider{height:1px;background:var(--border-subtle);margin:.5rem 0}.contact-page{max-width:560px}.public-carousel{position:relative;width:100%;border-radius:12px;overflow:hidden;background:var(--background-subtle, rgba(0, 0, 0, 0.04));aspect-ratio:16/9;max-height:440px}.public-carousel .carousel__viewport,.public-carousel .carousel__track,.public-carousel .carousel__item,.public-carousel .carousel__item .image{height:100%}.public-carousel img{width:100%;height:100%;object-fit:cover}.public-carousel--placeholder{display:flex;align-items:center;justify-content:center}.public-carousel__placeholder-svg{width:100%;height:100%;opacity:.6}.public-carousel__btn.carousel__btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .15s;padding:0;flex-shrink:0}.public-carousel__btn.carousel__btn:hover{background:rgba(0,0,0,.7)}.public-carousel__btn.carousel__btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.public-carousel__btn--prev{left:12px}.public-carousel__btn--next{right:12px}.public-carousel__btn.public-carousel__btn--fullscreen{top:12px;right:12px;transform:none}.public-carousel__dots.carousel__indicators{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.public-carousel__dots.carousel__indicators .carousel__dot{width:7px;height:7px;background:hsla(0,0%,100%,.45);transition:background .15s,transform .15s}.public-carousel__dots.carousel__indicators .carousel__dot:hover{background:hsla(0,0%,100%,.75)}.public-carousel__dots.carousel__indicators .carousel__dot--active{background:#fff;transform:scale(1.25)}.public-carousel.carousel--fullscreen{aspect-ratio:auto;max-height:none;border-radius:0;background:#000}.public-carousel.carousel--fullscreen img{object-fit:contain}.public-article__error{padding:4rem 0;text-align:center}.public-prose{white-space:pre-wrap;line-height:1.8;word-break:break-word}.prose{display:flex;flex-direction:column;gap:1.1rem}.prose__p{line-height:1.8;word-break:break-word}.prose__heading{margin:.4rem 0 -0.3rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.prose__list{margin:0;padding-left:1.2rem;display:flex;flex-direction:column;gap:.45rem;line-height:1.6;color:var(--text-secondary)}.prose__code{margin:0;padding:1rem 1.2rem;background:var(--background-subtle);border:1px solid var(--border-default);border-left:3px solid var(--accent);border-radius:var(--radius-lg);overflow-x:auto;font-family:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.65;color:var(--text-primary)}.prose__code code{font-family:inherit;white-space:pre}.public-article__skeleton{display:flex;flex-direction:column;gap:1rem}.public-skeleton{border-radius:6px;background:linear-gradient(90deg, var(--background-subtle, rgba(0, 0, 0, 0.04)) 25%, var(--background-page) 50%, var(--background-subtle, rgba(0, 0, 0, 0.04)) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.public-skeleton--title{height:2.5rem;width:70%}.public-skeleton--meta{height:1rem;width:40%}.public-skeleton--body{height:1rem;width:100%}@media(max-width: 600px){.public-section{padding:2.5rem 1.25rem}.public-article{padding:2rem 1.25rem 4rem}}.projects-grid{grid-template-columns:repeat(3, 1fr)}@media(max-width: 960px){.projects-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){.projects-grid{grid-template-columns:1fr}}.project-card{animation:project-fade-up .5s ease-out both}.project-card:hover{border-color:color-mix(in srgb, var(--accent, #6366f1) 35%, var(--border-subtle)) !important;box-shadow:0 12px 32px color-mix(in srgb, var(--accent, #6366f1) 10%, transparent) !important;transform:translateY(-3px)}.project-card__client{display:block;text-transform:uppercase;font-size:.7rem !important;letter-spacing:.1em;opacity:.45 !important}.project-card--featured.card--horizontal:has(.card__media){grid-template-columns:minmax(0, 3fr) minmax(0, 2fr)}.project-card--featured:hover{transform:none}.project-card__eyebrow{display:block;text-transform:uppercase;font-size:.7rem !important;letter-spacing:.12em;color:var(--accent, #6366f1);opacity:.8 !important;margin-bottom:.25rem}@media(max-width: 960px){.project-card--featured.card--horizontal:has(.card__media){grid-template-columns:1fr;grid-template-areas:"media" "header" "body" "footer"}}.projects-empty{animation:project-fade-up .5s ease-out both}.project-article__eyebrow{display:block;text-transform:uppercase;font-size:.72rem !important;letter-spacing:.12em;opacity:.5 !important;animation:project-fade-up .5s ease-out both}.project-article__title{font-size:clamp(2rem,5vw,3rem) !important;line-height:1.15;animation:project-fade-up .5s ease-out .08s both}.project-article__meta{animation:project-fade-up .5s ease-out .16s both}.project-article__meta-item+.project-article__meta-item{position:relative}.project-article__meta-item+.project-article__meta-item::before{content:"·";margin:0 .6rem;opacity:.4}.project-article__external{text-decoration:none !important;display:inline-flex;align-items:center;gap:.3rem;position:relative;opacity:.6;transition:opacity .15s}.project-article__external::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.project-article__external:hover{opacity:1}.project-article__external:hover::after{transform:scaleX(1)}.project-article__tags{animation:project-fade-up .5s ease-out .24s both}.project-article__tag--tech{font-size:.68rem !important}.project-article__hero{position:relative;animation:project-fade-up .5s ease-out .32s both}.project-article__hero::before{content:"";position:absolute;inset:-12% -8%;border-radius:50%;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--accent, #6366f1) 9%, transparent) 0%, transparent 70%);pointer-events:none;z-index:-1}.project-article__divider{background:linear-gradient(90deg, color-mix(in srgb, var(--accent, #6366f1) 30%, var(--border-subtle)), var(--border-subtle) 30%, transparent);border:none;height:1px}.project-article__error-icon{opacity:.3;margin-bottom:1rem}.project-article__error-exit{margin-top:1.5rem}.project-article__hero-skeleton{aspect-ratio:16/9;width:100%}@keyframes project-fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion: reduce){.project-card,.project-card--featured,.projects-empty,.project-article__eyebrow,.project-article__title,.project-article__meta,.project-article__tags,.project-article__hero{animation:none}.project-card:hover,.project-card--featured:hover{transform:none}}