@import"https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400&display=swap";@import"https://fonts.googleapis.com/css2?family=Signika:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap";@layer hellboy-theme-defaults{:root{--primary-hue: 267;--primary-saturation: 100%;--primary-lightness: 30%;--primary-lightness-hover: 40%;--primary-lightness-active: 35%;--primary-lightness-disabled: 10%;--secondary-hue: 267;--secondary-saturation: 100%;--secondary-lightness: 22%;--secondary-lightness-hover: 32%;--secondary-lightness-active: 27%;--secondary-lightness-disabled: 2%;--accent-hue: 0;--accent-saturation: 57%;--accent-lightness: 50%;--accent-lightness-hover: 60%;--accent-lightness-active: 55%;--accent-lightness-disabled: 30%;--success-hue: 140;--success-saturation: 100%;--success-lightness: 19%;--success-lightness-hover: 29%;--success-lightness-active: 24%;--warning-hue: 41;--warning-saturation: 100%;--warning-lightness: 34%;--warning-lightness-hover: 44%;--warning-lightness-active: 39%;--error-hue: 0;--error-saturation: 65%;--error-lightness: 32%;--error-lightness-hover: 42%;--error-lightness-active: 37%;--info-hue: 300;--info-saturation: 60%;--info-lightness: 30%;--info-lightness-hover: 40%;--info-lightness-active: 35%}}.heading-anchor{opacity:0;margin-left:var(--spacing-1)}*:hover>.heading-anchor,.heading-anchor:focus{opacity:1}.header__title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);color:var(--color-foreground-1);display:flex;align-items:center;gap:var(--spacing-2);letter-spacing:var(--letter-spacing-tight);position:relative}.hero{position:relative;display:flex;width:100%;overflow:hidden;background-repeat:no-repeat}.hero__background{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover;z-index:0;will-change:opacity}.hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover;pointer-events:none;z-index:2}.navbar__menu-group-popover-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-1);padding:var(--spacing-2) var(--spacing-3) 0 var(--spacing-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-1);font-family:var(--font-family-action)}.menu{display:flex;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-base);padding:var(--spacing-xs);list-style:none;margin:0}.menu--vertical{flex-direction:column}.menu--horizontal{flex-direction:row}.menu__item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border:none;background:none;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:var(--motion-transition-hover-in);width:100%;text-align:left;font-family:var(--font-family-action)}.menu__item:hover{background:var(--color-surface-hover);transition:var(--motion-transition-hover-out)}.menu__item:focus{outline:2px solid var(--color-focus);outline-offset:-2px}.menu__item--disabled{opacity:.5;cursor:not-allowed}.menu__item--has-children .menu__item-chevron{margin-left:auto;transition:transform var(--motion-transition-base)}.menu__item--has-children:hover .menu__item-chevron{transform:rotate(90deg)}.menu--left .menu__item--has-children:hover .menu__item-chevron{transform:rotate(-90deg)}.menu--right .menu__item--has-children:hover .menu__item-chevron{transform:rotate(90deg)}.menu--top .menu__item--has-children:hover .menu__item-chevron{transform:rotate(180deg)}.menu--bottom .menu__item--has-children:hover .menu__item-chevron{transform:rotate(0)}.menu__item--small{padding:var(--spacing-xs);font-size:var(--font-size-sm);gap:var(--spacing-xs)}.menu__item--medium{padding:var(--spacing-sm);font-size:var(--font-size-base);gap:var(--spacing-sm)}.menu__item--large{padding:var(--spacing-md);font-size:var(--font-size-lg);gap:var(--spacing-md)}.menu__item-wrapper{margin:0;padding:0;list-style:none}.menu__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.menu__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu__item-end{flex-shrink:0}.menu__submenu{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);box-shadow:var(--shadow-lg);padding:var(--spacing-sm);min-width:200px;animation:var(--motion-keyframes-scale-in)}.menu__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border)}.menu__title--small{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.menu__title--medium{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.menu__title--large{font-size:var(--font-size-xs);padding:var(--spacing-md) var(--spacing-lg)}.menu__separator{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.menu__separator--small{margin:var(--spacing-xs) 0}.menu__separator--medium{margin:var(--spacing-sm) 0}.menu__separator--large{margin:var(--spacing-md) 0}@media (max-width: 768px){.menu,.menu__item{padding:var(--spacing-xs)}.menu__submenu{min-width:180px}}.menu__item-container{position:relative}:root{--font-family-base: "Noto Serif", serif;--font-family-action: "Rubik", sans-serif;--font-family-heading: "Signika", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Courier New", monospace;--font-size-base: 18px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--font-weight-light: 200;--font-weight-normal: 366;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-base: 24px;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .02em}:root{--spacing-0: 0px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-7: 28px;--spacing-8: 32px;--spacing-9: 36px;--spacing-10: 40px;--spacing-11: 44px;--spacing-12: 48px;--spacing-13: 52px;--spacing-14: 56px;--spacing-15: 60px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--spacing-28: 112px;--spacing-32: 128px;--spacing-36: 144px;--spacing-40: 160px;--spacing-44: 176px;--spacing-48: 192px;--spacing-52: 208px;--spacing-56: 224px;--spacing-60: 240px;--spacing-64: 256px;--spacing-72: 288px;--spacing-80: 320px;--spacing-96: 384px;--radius-sm: 4px;--radius-base: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}:root{--motion-duration-fast: .15s;--motion-duration-base: .2s;--motion-duration-slow: .3s;--motion-duration-slower: .5s;--motion-easing-standard: cubic-bezier(.4, 0, .2, 1);--motion-easing-decelerate: cubic-bezier(0, 0, .2, 1);--motion-easing-accelerate: cubic-bezier(.4, 0, 1, 1);--motion-easing-sharp: cubic-bezier(.4, 0, .6, 1);--motion-transition-fast: var(--motion-duration-fast) var(--motion-easing-standard);--motion-transition-base: var(--motion-duration-base) var(--motion-easing-standard);--motion-transition-slow: var(--motion-duration-slow) var(--motion-easing-standard);--motion-transition-slower: var(--motion-duration-slower) var(--motion-easing-standard);--motion-transition-color: color var(--motion-transition-base);--motion-transition-background: background-color var(--motion-transition-base);--motion-transition-transform: transform var(--motion-transition-base);--motion-transition-scale: transform var(--motion-transition-fast);--motion-transition-opacity: opacity var(--motion-transition-base);--motion-transition-fade-in: opacity var(--motion-duration-base) var(--motion-easing-decelerate);--motion-transition-fade-out: opacity var(--motion-duration-base) var(--motion-easing-accelerate);--motion-transition-border: border-color var(--motion-transition-base);--motion-transition-shadow: box-shadow var(--motion-transition-base);--motion-easing-linear: linear;--motion-transition-color-hover-in: color var(--motion-duration-fast) var(--motion-easing-linear);--motion-transition-color-hover-out: color var(--motion-duration-fast) var(--motion-easing-accelerate);--motion-transition-background-hover-in: background-color var(--motion-duration-fast) var(--motion-easing-linear);--motion-transition-background-hover-out: background-color var(--motion-duration-fast) var(--motion-easing-accelerate);--motion-transition-hover-in: color var(--motion-duration-fast) var(--motion-easing-linear), background-color var(--motion-duration-fast) var(--motion-easing-linear), box-shadow var(--motion-duration-fast) var(--motion-easing-linear), outline var(--motion-duration-fast) var(--motion-easing-accelerate);--motion-transition-hover-out: color var(--motion-duration-fast) var(--motion-easing-accelerate), background-color var(--motion-duration-fast) var(--motion-easing-accelerate), box-shadow var(--motion-duration-fast) var(--motion-easing-accelerate), outline var(--motion-duration-fast) var(--motion-easing-accelerate);--motion-keyframes-fade-in: fadeIn .2s ease-out;--motion-keyframes-fade-out: fadeOut .2s ease-in;--motion-keyframes-slide-in-right: slideInRight .3s ease-out;--motion-keyframes-slide-out-right: slideOutRight .3s ease-in;--motion-keyframes-slide-in-left: slideInLeft .3s ease-out;--motion-keyframes-slide-out-left: slideOutLeft .3s ease-in;--motion-keyframes-slide-in-top: slideInTop .3s ease-out;--motion-keyframes-slide-out-top: slideOutTop .3s ease-in;--motion-keyframes-slide-in-bottom: slideInBottom .3s ease-out;--motion-keyframes-slide-out-bottom: slideOutBottom .3s ease-in;--motion-keyframes-scale-in: scaleIn .2s ease-out;--motion-keyframes-scale-out: scaleOut .2s ease-in}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideOutLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes slideInTop{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes slideOutTop{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}@media (prefers-reduced-motion: reduce){:root{--motion-duration-fast: .01s;--motion-duration-base: .01s;--motion-duration-slow: .01s;--motion-duration-slower: .01s}*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}:root{--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-thumb: 0 2px 6px rgba(0, 0, 0, .3);--shadow-thumb-hover: 0 4px 8px rgba(0, 0, 0, .4);--shadow-thumb-active: 0 6px 12px rgba(0, 0, 0, .5);--shadow-focus-ring: 0 0 0 3px hsla(var(--accent-hue), var(--accent-saturation), var(--accent-lightness), .1);--shadow-focus-ring-error: 0 0 0 3px hsla(var(--error-hue), var(--error-saturation), var(--error-lightness), .1);--shadow-floating-top: 0 2px 42px rgba(0, 0, 0, .2);--shadow-floating-bottom: 0 -2px 42px rgba(0, 0, 0, .8)}:root[data-theme=light]{--shadow-floating-top: 0 16px 0 0 rgba(0, 0, 0, .2);--shadow-floating-bottom: 0 -16px 0 0 rgba(0, 0, 0, .2)}:root{--z-base: 1;--z-dropdown-shadow: 5;--z-hover-state: 10;--z-focus-ring: 15;--z-floating-base: 100;--z-tooltip: 150;--z-badge: 120;--z-floating-action: 180;--z-popover-base: 1000;--z-select-dropdown: 1050;--z-popover: 1100;--z-context-menu: 1150;--z-date-picker: 1200;--z-time-picker: 1200;--z-modal-base: 2000;--z-drawer: 2100;--z-dialog: 2200;--z-lightbox: 2300;--z-notification-base: 3000;--z-toast: 3100;--z-alert: 3200;--z-banner: 3300;--z-fixed-base: 4000;--z-sticky-header: 4100;--z-sticky-footer: 4100;--z-fixed-nav: 4200;--z-overlay-base: 5000;--z-modal-backdrop: 5100;--z-drawer-backdrop: 5100}:root{--breakpoint-xs: 320px;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@custom-media --screen-sm (min-width: 640px);@custom-media --screen-md (min-width: 768px);@custom-media --screen-lg (min-width: 1024px);@custom-media --screen-xl (min-width: 1280px);@custom-media --screen-2xl (min-width: 1536px);@custom-media --screen-max-sm (max-width: 639px);@custom-media --screen-max-md (max-width: 767px);@custom-media --screen-max-lg (max-width: 1023px);@custom-media --screen-max-xl (max-width: 1279px);@custom-media --screen-max-2xl (max-width: 1535px);*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-2);font-weight:var(--font-weight-normal)}*::selection{color:var(--color-on-accent);background-color:var(--color-accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:var(--spacing-6) 0 var(--spacing-2) 0}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}ul,ol{margin:var(--spacing-4) 0 var(--spacing-4) var(--spacing-6);padding:0}li{margin-bottom:var(--spacing-2)}button{border:none;cursor:pointer;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit}p{margin:0 0 var(--spacing-8) 0}a{color:var(--color-foreground-1);text-decoration:none}a:hover{color:var(--color-foreground-1)}a,a.link-action{color:var(--color-foreground-2);font-weight:400;box-shadow:0 2px 0 0 var(--color-accent);background-color:transparent}a:hover,a.link-action:hover{color:var(--color-on-primary);background-color:var(--color-accent);box-shadow:0 4px 0 0 var(--color-accent)}code.inline-code{background-color:var(--color-bg-2);padding:.2rem .4rem;border-radius:4px;font-family:var(--font-family-mono);font-size:.875em}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-foreground-4)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.m-0{margin:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.text-center{text-align:center}.demo-content{margin:1rem 0;padding:1rem;background-color:var(--color-surface-variant);border-radius:4px;border:1px solid var(--color-outline)}.scrollable{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color var(--motion-transition-slow)}.scrollable:hover{scrollbar-width:thin!important;scrollbar-color:var(--color-accent) transparent;transition:scrollbar-color var(--motion-transition-slow)}.category-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-foreground-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-3)}:root[data-theme=light]{--lightness-foreground-1: 4%;--lightness-foreground-2: 8%;--lightness-foreground-3: 12%;--lightness-foreground-4: 40%;--lightness-foreground-5: 44%;--lightness-foreground-6: 48%;--lightness-bg-1: 82%;--lightness-bg-2: 96%;--lightness-bg-3: 92%;--color-foreground-0: hsla(0, 0%, 0%, 1);--color-primary: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);--color-on-primary: hsla(var(--primary-hue), 0%, 100%, 1);--color-secondary: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness), 1);--color-on-secondary: hsla(var(--secondary-hue), 0%, 100%, 1);--color-tertiary: var(--color-secondary);--color-on-tertiary: var(--color-on-secondary);--color-accent: hsla(var(--accent-hue), var(--accent-saturation), var(--accent-lightness), 1);--color-on-accent: hsla(var(--accent-hue), 0%, 100%, 1);--color-success: hsla(var(--success-hue), var(--success-saturation), var(--success-lightness), 1);--color-on-success: hsla(var(--success-hue), 0%, 100%, 1);--color-warning: hsla(var(--warning-hue), var(--warning-saturation), var(--warning-lightness), 1);--color-on-warning: hsla(var(--warning-hue), 0%, 100%, 1);--color-error: hsla(var(--error-hue), var(--error-saturation), var(--error-lightness), 1);--color-on-error: hsla(var(--error-hue), 0%, 100%, 1);--color-info: hsla(var(--info-hue), var(--info-saturation), var(--info-lightness), 1);--color-on-info: hsla(var(--info-hue), 0%, 100%, 1);--color-foreground-1: hsla(0, 0%, var(--lightness-foreground-1), 1);--color-foreground-2: hsla(var(--primary-hue), 80%, var(--lightness-foreground-2), 1);--color-foreground-3: hsla(var(--primary-hue), 80%, var(--lightness-foreground-3), 1);--color-foreground-4: hsla(var(--primary-hue), 80%, var(--lightness-foreground-4), 1);--color-foreground-5: hsla(var(--primary-hue), 80%, var(--lightness-foreground-5), 1);--color-foreground-6: hsla(var(--primary-hue), 80%, var(--lightness-foreground-6), 1);--color-bg-1: hsla(var(--primary-hue), 30%, var(--lightness-bg-1), 1);--color-bg-2: hsla(var(--primary-hue), 50%, var(--lightness-bg-2), 1);--color-bg-3: hsla(var(--primary-hue), 30%, var(--lightness-bg-3), 1);--color-primary-hover: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 10%), 1);--color-primary-active: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 5%), 1);--color-primary-disabled: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) - 20%), .5);--color-secondary-hover: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + 10%), 1);--color-secondary-active: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + 5%), 1);--color-secondary-disabled: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) - 20%), .5);--color-tertiary-hover: var(--color-secondary-hover);--color-tertiary-active: var(--color-secondary-active);--color-tertiary-disabled: var(--color-secondary-disabled);--color-accent-hover: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) + 10%), 1);--color-accent-active: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) + 5%), 1);--color-accent-disabled: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) - 20%), .5);--color-success-hover: hsla(var(--success-hue), var(--success-saturation), calc(var(--success-lightness) + 10%), 1);--color-success-active: hsla(var(--success-hue), var(--success-saturation), calc(var(--success-lightness) + 5%), 1);--color-warning-hover: hsla(var(--warning-hue), var(--warning-saturation), calc(var(--warning-lightness) + 10%), 1);--color-warning-active: hsla(var(--warning-hue), var(--warning-saturation), calc(var(--warning-lightness) + 5%), 1);--color-error-hover: hsla(var(--error-hue), var(--error-saturation), calc(var(--error-lightness) + 10%), 1);--color-error-active: hsla(var(--error-hue), var(--error-saturation), calc(var(--error-lightness) + 5%), 1);--color-info-hover: hsla(var(--info-hue), var(--info-saturation), calc(var(--info-lightness) + 10%), 1);--color-info-active: hsla(var(--info-hue), var(--info-saturation), calc(var(--info-lightness) + 5%), 1)}:root[data-theme=dark]{--lightness-foreground-1: 94%;--lightness-foreground-2: 88%;--lightness-foreground-3: 82%;--lightness-foreground-4: 64%;--lightness-foreground-5: 48%;--lightness-foreground-6: 32%;--lightness-bg-1: 8%;--lightness-bg-2: 12%;--lightness-bg-3: 20%;--color-foreground-0: hsla(0, 0%, 100%, 1);--color-primary: hsla(var(--primary-hue), var(--primary-saturation), var(--primary-lightness), 1);--color-on-primary: hsla(var(--primary-hue), 0%, 100%, 1);--color-secondary: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness), 1);--color-on-secondary: hsla(var(--secondary-hue), 0%, 100%, 1);--color-tertiary: hsla(var(--secondary-hue), var(--secondary-saturation), var(--secondary-lightness), 1);--color-on-tertiary: hsla(var(--secondary-hue), 0%, 100%, 1);--color-accent: hsla(var(--accent-hue), var(--accent-saturation), var(--accent-lightness), 1);--color-on-accent: hsla(var(--accent-hue), 0%, 100%, 1);--color-success: hsla(var(--success-hue), var(--success-saturation), var(--success-lightness), 1);--color-on-success: hsla(var(--success-hue), 0%, 100%, 1);--color-warning: hsla(var(--warning-hue), var(--warning-saturation), var(--warning-lightness), 1);--color-on-warning: hsla(var(--warning-hue), 0%, 100%, 1);--color-error: hsla(var(--error-hue), var(--error-saturation), var(--error-lightness), 1);--color-on-error: hsla(var(--error-hue), 0%, 100%, 1);--color-info: hsla(var(--info-hue), var(--info-saturation), var(--info-lightness), 1);--color-on-info: hsla(var(--info-hue), 0%, 100%, 1);--color-foreground-1: hsla(0, 0%, var(--lightness-foreground-1), 1);--color-foreground-2: hsla(var(--primary-hue), 80%, var(--lightness-foreground-2), 1);--color-foreground-3: hsla(var(--primary-hue), 80%, var(--lightness-foreground-3), 1);--color-foreground-4: hsla(var(--primary-hue), 80%, var(--lightness-foreground-4), 1);--color-foreground-5: hsla(var(--primary-hue), 80%, var(--lightness-foreground-5), 1);--color-foreground-6: hsla(var(--primary-hue), 80%, var(--lightness-foreground-6), 1);--color-bg-1: hsla(var(--primary-hue), 10%, var(--lightness-bg-1), 1);--color-bg-2: hsla(var(--primary-hue), 30%, var(--lightness-bg-2), 1);--color-bg-3: hsla(var(--primary-hue), 50%, var(--lightness-bg-3), 1);--color-primary-hover: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 10%), 1);--color-primary-active: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) + 5%), 1);--color-primary-disabled: hsla(var(--primary-hue), var(--primary-saturation), calc(var(--primary-lightness) - 20%), .5);--color-secondary-hover: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + 10%), 1);--color-secondary-active: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) + 5%), 1);--color-secondary-disabled: hsla(var(--secondary-hue), var(--secondary-saturation), calc(var(--secondary-lightness) - 20%), .5);--color-tertiary-hover: var(--color-secondary-hover);--color-tertiary-active: var(--color-secondary-active);--color-tertiary-disabled: var(--color-secondary-disabled);--color-accent-hover: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) + 10%), 1);--color-accent-active: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) + 5%), 1);--color-accent-disabled: hsla(var(--accent-hue), var(--accent-saturation), calc(var(--accent-lightness) - 20%), .5);--color-success-hover: hsla(var(--success-hue), var(--success-saturation), calc(var(--success-lightness) + 10%), 1);--color-success-active: hsla(var(--success-hue), var(--success-saturation), calc(var(--success-lightness) + 5%), 1);--color-warning-hover: hsla(var(--warning-hue), var(--warning-saturation), calc(var(--warning-lightness) + 10%), 1);--color-warning-active: hsla(var(--warning-hue), var(--warning-saturation), calc(var(--warning-lightness) + 5%), 1);--color-error-hover: hsla(var(--error-hue), var(--error-saturation), calc(var(--error-lightness) + 10%), 1);--color-error-active: hsla(var(--error-hue), var(--error-saturation), calc(var(--error-lightness) + 5%), 1);--color-info-hover: hsla(var(--info-hue), var(--info-saturation), calc(var(--info-lightness) + 10%), 1);--color-info-active: hsla(var(--info-hue), var(--info-saturation), calc(var(--info-lightness) + 5%), 1)}:root{--color-text-primary: var(--color-foreground-1);--color-text-secondary: var(--color-foreground-2);--color-text-tertiary: var(--color-foreground-3);--color-primary-dark: var(--color-primary-active);--color-surface-variant: var(--color-bg-3);--color-outline: var(--color-foreground-2);--color-surface-primary: var(--color-primary);--color-surface-secondary: var(--color-secondary);--color-on-surface-primary: var(--color-on-primary);--color-on-surface-secondary: var(--color-on-secondary);--color-status-error: var(--color-error);--color-status-success: var(--color-success);--color-status-warning: var(--color-warning);--color-status-info: var(--color-info);--color-on-status-error: var(--color-on-error);--color-on-status-success: var(--color-on-success);--color-on-status-warning: var(--color-on-warning);--color-on-status-info: var(--color-on-info);--color-action-primary: var(--color-accent);--color-on-action-primary: var(--color-on-accent);--color-action-primary-hover: var(--color-accent-hover);--color-action-primary-active: var(--color-accent-active);--color-action-primary-disabled: var(--color-accent-disabled);--color-action-secondary: var(--color-secondary);--color-on-action-secondary: var(--color-on-secondary);--color-action-secondary-hover: var(--color-secondary-hover);--color-action-secondary-active: var(--color-secondary-active);--color-action-secondary-disabled: var(--color-secondary-disabled);--color-action-tertiary: var(--color-tertiary);--color-on-action-tertiary: var(--color-on-tertiary);--color-action-tertiary-hover: var(--color-tertiary-hover);--color-action-tertiary-active: var(--color-tertiary-active);--color-action-tertiary-disabled: var(--color-tertiary-disabled)}.field{width:100%;font-family:inherit;font-size:var(--font-size-base);line-height:1.5;color:var(--color-foreground-1);background-color:var(--color-bg-1);border:none;outline:2px solid var(--color-foreground-3);outline-offset:-2px;border-radius:var(--radius-base);padding:var(--spacing-2) var(--spacing-3);transition:outline-color var(--transition-base),box-shadow var(--transition-base);cursor:pointer}.field--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.field--lg{font-size:var(--font-size-lg);padding:var(--spacing-3) var(--spacing-4)}.field:focus,.field:focus-visible{outline-color:var(--color-action-primary);box-shadow:var(--shadow-focus-ring)}.field:hover:not(:disabled):not(.field--error){outline-color:var(--color-action-primary-hover)}.field--error{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.field--error:focus,.field--error:focus-visible{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1);box-shadow:var(--shadow-focus-ring-error)}.field:disabled,.field--disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-bg-2)}.field--open{outline-color:var(--color-action-primary)}.focus-ring:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px;box-shadow:var(--shadow-focus-ring)}.focus-ring--error:focus-visible{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1);box-shadow:var(--shadow-focus-ring-error)}.thumb{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:var(--color-action-primary);border:2px solid var(--color-action-primary);box-shadow:var(--shadow-thumb);color:var(--color-on-accent);transition:transform var(--motion-transition-fast),box-shadow var(--motion-transition-fast),border-color var(--motion-transition-fast),background-color var(--motion-transition-fast);z-index:1}.thumb--hover,.thumb:hover{border-color:var(--color-action-primary-hover);box-shadow:var(--shadow-thumb-hover)}.thumb--active{transform:scale(1.2);border-color:var(--color-action-primary-active);box-shadow:var(--shadow-thumb-active)}.thumb--disabled{border-color:var(--color-foreground-3);background-color:var(--color-bg-3);opacity:.6;cursor:not-allowed}.thumb--checked{background-color:var(--color-accent);border-color:var(--color-accent)}.backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:hsla(var(--secondary-hue),var(--secondary-saturation),var(--secondary-lightness),.5);opacity:0;visibility:hidden}.backdrop[data-enter]{opacity:1;visibility:visible;animation:fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.backdrop[data-leave]{opacity:0;visibility:hidden;animation:fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.backdrop--blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.accordion{display:flex;flex-direction:column;gap:0;width:100%}.accordion-item{border:1px solid var(--color-foreground-3);border-radius:var(--radius-base);overflow:hidden;transition:box-shadow var(--transition-base)}.accordion-item:not(:last-child){margin-bottom:var(--spacing-2)}.accordion-item--open{box-shadow:var(--shadow-sm)}.accordion-item--disabled{opacity:.6}.accordion-item__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-4);background-color:var(--color-bg-2);border:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-foreground-1);text-align:left;font-family:var(--font-family-heading)}.accordion-item__header:hover:not(:disabled){background-color:var(--color-bg-3)}.accordion-item__header:active:not(:disabled){background-color:var(--color-bg-4)}.accordion-item__header:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:-2px}.accordion-item__header:disabled{cursor:not-allowed;opacity:.5}.accordion-item__header-content{flex:1;min-width:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.accordion-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:var(--spacing-3);color:var(--color-foreground-3);transition:transform var(--transition-fast)}.accordion-item--open .accordion-item__icon{transform:rotate(180deg)}.accordion-item__content{background-color:var(--color-bg-1);border-top:1px solid var(--color-foreground-3);animation:accordionOpen var(--transition-base) ease-out}@keyframes accordionOpen{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.accordion-item__content-inner{padding:var(--spacing-4);color:var(--color-foreground-2);font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}@media (prefers-reduced-motion: reduce){.accordion-item{transition:none}.accordion-item__header{transition:background-color 0ms,color 0ms}.accordion-item__icon{transition:transform 0ms}.accordion-item__content{animation:none}}.avatar{display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-color:var(--color-surface-secondary);color:var(--color-on-surface-secondary);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);transition:all var(--transition-base, .2s ease)}.avatar--xs{width:24px;height:24px;font-size:var(--font-size-xs)}.avatar--sm{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar--md{width:40px;height:40px;font-size:var(--font-size-md)}.avatar--lg{width:56px;height:56px;font-size:var(--font-size-lg)}.avatar--xl{width:72px;height:72px;font-size:var(--font-size-xl)}.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__fallback,.avatar__initials{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:var(--color-primary);color:var(--color-on-primary)}.avatar:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.avatar:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.avatar--interactive{cursor:pointer;background-color:var(--color-action-secondary);color:var(--color-on-action-secondary);border-color:transparent;transition:var(--motion-transition-hover-in),transform var(--motion-duration-fast) var(--motion-easing-linear)}.avatar--interactive:not(:hover):not(:active){transition:var(--motion-transition-hover-out),transform var(--motion-duration-fast) var(--motion-easing-accelerate)}.avatar--interactive:hover:not(:disabled){background-color:var(--color-action-secondary-hover);box-shadow:var(--shadow-md)}.avatar--interactive:active:not(:disabled){background-color:var(--color-action-secondary-active);transform:scale(.98)}.avatar--interactive:focus-visible:not(:disabled){outline:2px solid var(--color-action-secondary);outline-offset:2px}.badge{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-action);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap;transition:all var(--transition-base, .2s ease)}.badge--sm{padding:.01rem .5rem;font-size:var(--font-size-xs);min-height:16px}.badge--md{padding:.14rem .5rem 0;font-size:var(--font-size-sm);min-height:24px}.badge--lg{padding:0 .6rem;font-size:var(--font-size-md);min-height:32px}.badge--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.badge--secondary{background-color:var(--color-secondary);color:var(--color-on-secondary)}.badge--tertiary{background-color:var(--color-tertiary);color:var(--color-on-tertiary)}.badge--accent{background-color:var(--color-accent);color:var(--color-on-accent)}.badge--success{background-color:hsla(var(--success-hue),var(--success-saturation),var(--success-lightness),1);color:hsla(var(--success-hue),0%,100%,1)}.badge--warning{background-color:hsla(var(--warning-hue),var(--warning-saturation),var(--warning-lightness),1);color:hsla(var(--warning-hue),0%,100%,1)}.badge--error{background-color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1);color:hsla(var(--error-hue),0%,100%,1)}.badge--info{background-color:hsla(var(--info-hue),var(--info-saturation),var(--info-lightness),1);color:hsla(var(--info-hue),0%,100%,1)}.bagde-group{display:inline-flex;align-items:center;gap:var(--spacing-1)}.banner{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-weight:500;gap:var(--spacing-3)}.banner__content{display:flex;align-items:flex-start;gap:var(--spacing-3);flex:1}.banner__message{flex:1;line-height:1.5;margin:var(--spacing-1) var(--spacing-1) var(--spacing-1) 0}.banner--info{background-color:hsla(var(--info-hue),var(--info-saturation),var(--info-lightness),1);color:hsla(var(--info-hue),0%,100%,1)}.banner--warning{background-color:hsla(var(--warning-hue),var(--warning-saturation),var(--warning-lightness),1);color:hsla(var(--warning-hue),0%,100%,1)}.banner--error{background-color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1);color:hsla(var(--error-hue),0%,100%,1)}.banner--success{background-color:hsla(var(--success-hue),var(--success-saturation),var(--success-lightness),1);color:hsla(var(--success-hue),0%,100%,1)}.banner--fixed{margin-bottom:0;border-radius:0;width:100%}.banner--fixed.floating-bar .banner{margin-bottom:0}.breadcrumbs{width:100%;padding:var(--spacing-4) var(--spacing-8);border-bottom:1px solid var(--color-border-primary);font-family:var(--font-family-action)}.breadcrumbs__list{list-style:none;display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-2);padding:0;margin:0 auto}.breadcrumbs__item{display:flex;align-items:center;gap:var(--spacing-2)}.breadcrumbs__link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color var(--motion-transition-fast);cursor:pointer}.breadcrumbs__link:hover{outline:4px solid var(--color-action-primary);border-radius:var(--radius-sm);border:0;color:var(--color-on-accent)}.breadcrumbs__link:active{color:var(--color-action-primary-active)}.breadcrumbs__text{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.breadcrumbs__text--current{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.breadcrumbs__separator{color:var(--color-text-tertiary);font-size:var(--font-size-sm);-webkit-user-select:none;user-select:none}@media (min-width: 768px){.breadcrumbs{padding:var(--spacing-3) var(--spacing-5)}}@media (min-width: 1024px){.breadcrumbs{padding:var(--spacing-5) var(--spacing-7)}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;border-radius:var(--radius-base);border:1px solid transparent;font-family:var(--font-family-action);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);transition:var(--motion-transition-hover-in),transform var(--motion-duration-fast) var(--motion-easing-linear);cursor:pointer}.btn:not(:hover):not(:active){transition:var(--motion-transition-hover-out),transform var(--motion-duration-fast) var(--motion-easing-accelerate)}.btn--xs{padding:var(--spacing-1);font-size:var(--font-size-xs)}.btn--sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-height:32px}.btn--md{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);min-height:40px}.btn--lg{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}.btn--icon-only{padding:var(--spacing-2);width:auto;aspect-ratio:1}.btn--icon-only.btn--xs{padding:var(--spacing-1);min-width:24px;min-height:24px}.btn--icon-only.btn--sm{padding:var(--spacing-1);min-width:32px;min-height:32px}.btn--icon-only.btn--md{padding:var(--spacing-2);min-width:40px;min-height:40px}.btn--icon-only.btn--lg{padding:var(--spacing-3);min-width:48px;min-height:48px}.btn--circle{border-radius:50%;aspect-ratio:1;padding:var(--spacing-2)}.btn--circle.btn--xs{padding:var(--spacing-1);min-width:24px;min-height:24px}.btn--circle.btn--sm{padding:var(--spacing-1);min-width:32px;min-height:32px}.btn--circle.btn--md{padding:var(--spacing-2);min-width:40px;min-height:40px}.btn--circle.btn--lg{padding:var(--spacing-3);min-width:48px;min-height:48px}.btn--active{background-color:var(--color-accent);color:var(--color-on-accent)}.btn--active:hover:not(:disabled){background-color:var(--color-accent-hover);color:var(--color-on-accent)}.btn--active:active:not(:disabled){background-color:var(--color-accent-active);color:var(--color-on-accent)}.btn--primary{background-color:var(--color-action-primary);outline:0px solid var(--color-action-primary);box-shadow:0 0 0 0 var(--color-action-primary);color:var(--color-on-action-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-action-primary-hover);box-shadow:0 0 0 2px var(--color-action-primary-hover);outline:2px solid var(--color-action-primary-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-action-primary-active);transform:scale(.98)}.btn--primary:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.btn--secondary{background-color:var(--color-action-secondary);color:var(--color-on-action-secondary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-action-secondary-hover)}.btn--secondary:active:not(:disabled){background-color:var(--color-action-secondary-active);transform:scale(.98)}.btn--secondary:focus-visible:not(:disabled){outline:2px solid var(--color-action-secondary);outline-offset:2px}.btn--tertiary{background-color:transparent;color:var(--color-foreground-2);border-color:var(--color-action-tertiary);border-width:2px}.btn--tertiary:hover:not(:disabled){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-hover),.2);border-color:var(--color-action-primary-hover);color:var(--color-foreground-2)}.btn--tertiary:active:not(:disabled){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-active),.2);border-color:var(--color-action-primary-active);color:var(--color-action-primary-active);transform:scale(.98)}.btn--tertiary:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.btn--ghost{background-color:transparent;color:var(--color-foreground-2);border-color:transparent;border-width:2px}.btn--ghost:hover:not(:disabled){background-color:transparent;border-color:var(--color-action-primary-hover);color:var(--color-foreground-2)}.btn--ghost:active:not(:disabled){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-active),.2);border-color:var(--color-action-primary-active);color:var(--color-action-primary-active);transform:scale(.98)}.btn--ghost:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.btn:disabled{background-color:var(--color-primary-disabled);color:var(--color-foreground-2);cursor:not-allowed;border-color:var(--color-primary-disabled)}.btn--full-width{width:100%}@media (hover: none) and (pointer: coarse){.btn--primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn--secondary:active:not(:disabled){background-color:var(--color-secondary-active)}.btn--tertiary:active:not(:disabled){background-color:hsla(var(--primary-hue),var(--primary-saturation),var(--primary-lightness-active),.2)}.btn--ghost:active:not(:disabled){background-color:hsla(var(--primary-hue),var(--primary-saturation),var(--primary-lightness-active),.2)}}.btn__spinner{display:inline-block;width:16px;height:16px;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;animation:btn-spin .6s linear infinite}.btn__icon,.btn__icon-placeholder{flex-shrink:0}@keyframes btn-spin{to{transform:rotate(360deg)}}.timed-button-wrapper{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:auto;opacity:1;transition:opacity 1s var(--motion-easing-decelerate) .3s}.toast-container[data-removing=true] .timed-button-wrapper{opacity:0;transition:opacity .9s var(--motion-easing-decelerate) 0ms}.timed-button__svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);pointer-events:none}.timed-button__progress{fill:none;stroke:var(--color-primary);stroke-width:4;stroke-dashoffset:0;stroke-linecap:round}.timed-button-wrapper--xs .timed-button__progress{stroke-dasharray:100.53}.timed-button-wrapper--sm .timed-button__progress{stroke-dasharray:113.1}.timed-button-wrapper--md .timed-button__progress{stroke-dasharray:163.36}.timed-button-wrapper--lg .timed-button__progress{stroke-dasharray:175.93}.timed-button__btn{position:relative;z-index:1}.btn-group{position:relative;display:inline-flex;gap:0;isolation:isolate}.btn-group--horizontal{flex-direction:row}.btn-group--vertical{flex-direction:column}.btn-group--full-width{width:100%}.btn-group--full-width .btn-group__button{flex:1}.btn-group__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);white-space:nowrap;text-decoration:none;-webkit-user-select:none;user-select:none;border:1px solid transparent;font-family:var(--font-family-action);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);transition:var(--motion-transition-hover-in),transform var(--motion-duration-fast) var(--motion-easing-linear);cursor:pointer;flex-shrink:0}.btn-group__button:not(:hover):not(:active){transition:var(--motion-transition-hover-out),transform var(--motion-duration-fast) var(--motion-easing-accelerate)}.btn-group--horizontal .btn-group__button{border-radius:0;margin-left:-1px}.btn-group--horizontal .btn-group__button:first-child{border-top-left-radius:var(--radius-base);border-bottom-left-radius:var(--radius-base);margin-left:0}.btn-group--horizontal .btn-group__button:last-child{border-top-right-radius:var(--radius-base);border-bottom-right-radius:var(--radius-base)}.btn-group--vertical .btn-group__button{border-radius:0;margin-top:-1px}.btn-group--vertical .btn-group__button:first-child{border-top-left-radius:var(--radius-base);border-top-right-radius:var(--radius-base);margin-top:0}.btn-group--vertical .btn-group__button:last-child{border-bottom-left-radius:var(--radius-base);border-bottom-right-radius:var(--radius-base)}.btn-group__button:hover:not(:disabled),.btn-group__button:focus-visible:not(:disabled),.btn-group__button--selected{z-index:1}.btn-group--xs .btn-group__button{padding:var(--spacing-1);font-size:var(--font-size-xs)}.btn-group--sm .btn-group__button{padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);min-height:32px}.btn-group--md .btn-group__button{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-base);min-height:40px}.btn-group--lg .btn-group__button{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-lg);min-height:48px}.btn-group--primary .btn-group__button{background-color:var(--color-background-1);color:var(--color-foreground-2);border-color:var(--color-action-primary)}.btn-group--primary .btn-group__button:hover:not(:disabled):not(.btn-group__button--selected){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-hover),.1);border-color:var(--color-action-primary-hover)}.btn-group--primary .btn-group__button:active:not(:disabled){transform:scale(.98)}.btn-group--primary .btn-group__button--selected{background-color:var(--color-action-primary);color:var(--color-on-action-primary);border-color:var(--color-action-primary)}.btn-group--primary .btn-group__button--selected:hover:not(:disabled){background-color:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover)}.btn-group--primary .btn-group__button:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.btn-group--secondary .btn-group__button{background-color:var(--color-background-1);color:var(--color-foreground-2);border-color:var(--color-action-secondary)}.btn-group--secondary .btn-group__button:hover:not(:disabled):not(.btn-group__button--selected){background-color:var(--color-background-2);border-color:var(--color-action-secondary-hover)}.btn-group--secondary .btn-group__button:active:not(:disabled){transform:scale(.98)}.btn-group--secondary .btn-group__button--selected{background-color:var(--color-action-secondary);color:var(--color-on-action-secondary);border-color:var(--color-action-secondary)}.btn-group--secondary .btn-group__button--selected:hover:not(:disabled){background-color:var(--color-action-secondary-hover);border-color:var(--color-action-secondary-hover)}.btn-group--secondary .btn-group__button:focus-visible:not(:disabled){outline:2px solid var(--color-action-secondary);outline-offset:2px}.btn-group--tertiary .btn-group__button{background-color:transparent;color:var(--color-foreground-2);border-color:var(--color-action-tertiary);border-width:2px;margin-left:-2px}.btn-group--tertiary .btn-group__button:first-child{margin-left:0}.btn-group--vertical.btn-group--tertiary .btn-group__button{margin-left:0;margin-top:-2px}.btn-group--vertical.btn-group--tertiary .btn-group__button:first-child{margin-top:0}.btn-group--tertiary .btn-group__button:hover:not(:disabled):not(.btn-group__button--selected){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-hover),.2);border-color:var(--color-action-primary-hover);color:var(--color-foreground-2)}.btn-group--tertiary .btn-group__button:active:not(:disabled){transform:scale(.98)}.btn-group--tertiary .btn-group__button--selected{background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness),.2);color:var(--color-action-primary);border-color:var(--color-action-primary)}.btn-group--tertiary .btn-group__button--selected:hover:not(:disabled){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-hover),.3);border-color:var(--color-action-primary-hover)}.btn-group--tertiary .btn-group__button:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.btn-group--ghost .btn-group__button{background-color:transparent;color:var(--color-foreground-2);border-color:transparent;border-width:2px;margin-left:-2px}.btn-group--ghost .btn-group__button:first-child{margin-left:0}.btn-group--vertical.btn-group--ghost .btn-group__button{margin-left:0;margin-top:-2px}.btn-group--vertical.btn-group--ghost .btn-group__button:first-child{margin-top:0}.btn-group--ghost .btn-group__button:hover:not(:disabled):not(.btn-group__button--selected){background-color:transparent;border-color:var(--color-action-primary-hover);color:var(--color-foreground-2)}.btn-group--ghost .btn-group__button:active:not(:disabled){transform:scale(.98)}.btn-group--ghost .btn-group__button--selected{background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness),.2);color:var(--color-action-primary);border-color:var(--color-action-primary)}.btn-group--ghost .btn-group__button--selected:hover:not(:disabled){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-hover),.3);border-color:var(--color-action-primary-hover)}.btn-group--ghost .btn-group__button:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.btn-group__button--disabled,.btn-group__button:disabled{background-color:var(--color-primary-disabled);color:var(--color-foreground-2);cursor:not-allowed;border-color:var(--color-primary-disabled);opacity:.5}.btn-group--disabled .btn-group__button{cursor:not-allowed;opacity:.5}.btn-group__icon{flex-shrink:0}@media (hover: none) and (pointer: coarse){.btn-group--primary .btn-group__button:active:not(:disabled){background-color:var(--color-action-primary-active)}.btn-group--secondary .btn-group__button:active:not(:disabled){background-color:var(--color-action-secondary-active)}.btn-group--tertiary .btn-group__button:active:not(:disabled){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-active),.2)}.btn-group--ghost .btn-group__button:active:not(:disabled){background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness-active),.2)}}.card{background-color:var(--color-bg-2);color:var(--color-foreground-1);border-radius:8px;padding:var(--spacing-4);border:none;transition:box-shadow var(--transition-base),transform var(--transition-base),background-color var(--transition-base);overflow:visible}.card--default{border:1px solid var(--color-foreground-2);border-color:#0000001a}.card--elevated{box-shadow:var(--shadow-sm)}.card--outlined{border:2px solid var(--color-foreground-2);border-color:#00000026}.card--interactive{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:var(--color-bg-2)}.card--interactive:hover{background-color:hsla(0,0%,var(--lightness-bg-2),.8);transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card--interactive:active{background-color:hsla(0,0%,var(--lightness-bg-2),.9);transform:translateY(0)}.card--interactive:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}@media (hover: none) and (pointer: coarse){.card--interactive:active{background-color:hsla(0,0%,var(--lightness-bg-2),.8);transform:translateY(-1px)}}.checkbox{display:inline-flex;flex-direction:column;gap:var(--spacing-1)}.checkbox__container{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.checkbox__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-foreground-2);border-radius:4px;background-color:var(--color-bg-1);transition:all var(--motion-transition-base)}.checkbox__icon{color:var(--color-on-primary);opacity:1;transition:opacity var(--motion-transition-base)}.checkbox__label{font-size:var(--font-size-md);color:var(--color-foreground-1);line-height:1.5}.checkbox--sm .checkbox__box{width:16px;height:16px}.checkbox--sm .checkbox__label{font-size:var(--font-size-sm)}.checkbox--md .checkbox__box{width:20px;height:20px}.checkbox--lg .checkbox__box{width:24px;height:24px}.checkbox--lg .checkbox__label{font-size:var(--font-size-lg)}.checkbox__input[aria-checked=true]+.checkbox__box,.checkbox__input:checked+.checkbox__box{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox__input[aria-checked=mixed]+.checkbox__box{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox__input:focus-visible+.checkbox__box{outline:2px solid var(--color-primary);outline-offset:2px}.checkbox__container:hover .checkbox__box{border-color:var(--color-primary)}.checkbox__container:hover .checkbox__input[aria-checked=true]+.checkbox__box,.checkbox__container:hover .checkbox__input:checked+.checkbox__box,.checkbox__container:hover .checkbox__input[aria-checked=mixed]+.checkbox__box{background-color:HSLA(var(--primary-hue),var(--primary-saturation),calc(var(--primary-lightness) - 5%),1)}.checkbox--disabled .checkbox__container{cursor:not-allowed;opacity:.5}.checkbox--disabled .checkbox__box{background-color:var(--color-bg-2);border-color:var(--color-foreground-3)}.checkbox--error .checkbox__box{border-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.checkbox--error .checkbox__input:focus-visible+.checkbox__box{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.checkbox__feedback{padding-left:calc(var(--spacing-2) + 20px)}.checkbox__error-text{font-size:var(--font-size-sm);color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1);display:block}.checkbox__helper-text{font-size:var(--font-size-sm);color:var(--color-foreground-2);display:block}.code-block{background-color:var(--color-bg-2);border:1px solid var(--color-foreground-2);border-color:#0000001a;border-radius:var(--radius-base);padding:var(--spacing-8);margin:var(--spacing-4) 0;font-family:var(--font-family-mono);font-size:var(--font-size-sm);overflow-x:auto;transition:background-color var(--transition-base, .2s ease)}.code-block code{background:none;padding:0;border-radius:0;color:var(--color-foreground-1)}.code-block--inline{background:none;border:none;border-radius:0;padding:0;margin:0;font-family:var(--font-family-mono);font-size:inherit;color:var(--color-primary);display:inline}.color-control{width:100%}.color-control__header{margin-bottom:var(--spacing-6)}.color-control__title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-foreground-1);margin:0 0 var(--spacing-2) 0}.color-control__description{color:var(--color-foreground-2);margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.color-control__sliders{display:flex;flex-direction:column;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.color-control__slider{display:flex;align-items:center;gap:var(--spacing-3)}.color-control__slider .slider{flex:1}.color-control__slider .slider__header{margin-bottom:var(--spacing-1)}.color-control__preview{width:40px;height:40px;border-radius:8px;flex-shrink:0;box-shadow:0 2px 8px #0000001a}.color-control__actions{margin-bottom:var(--spacing-6)}.color-control__reset-btn{background-color:var(--color-bg-2);color:var(--color-foreground-1);border:1px solid var(--color-foreground-2);border-color:#0000001a;padding:var(--spacing-2) var(--spacing-4);border-radius:6px;font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.color-control__reset-btn:hover:not(:disabled){background-color:var(--color-action-primary);color:var(--color-on-action-primary);border-color:var(--color-action-primary)}.color-control__reset-btn:active:not(:disabled){background-color:var(--color-action-primary-active)}.color-control__reset-btn:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.color-control__reset-btn:disabled{cursor:not-allowed;opacity:.5}.color-control__preview-section{border-top:1px solid var(--color-foreground-2);border-top-color:#0000001a;padding-top:var(--spacing-4)}.color-control__preview-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-foreground-1);margin:0 0 var(--spacing-3) 0}.color-control__color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-3)}.color-control__color-sample{padding:var(--spacing-3);border-radius:8px;color:#fff;font-size:var(--font-size-sm);font-weight:500;text-align:center;box-shadow:0 2px 8px #0000001a;border:2px solid transparent;transition:border-color var(--transition-base)}.color-control__color-sample:hover{border-color:#ffffff4d}.dialog__portal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-dialog);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4)}.dialog__portal--full{padding:0}.dialog{position:relative;display:flex;flex-direction:column;background-color:var(--color-bg-1);border-radius:12px;box-shadow:0 20px 25px -5px hsla(var(--primary-hue),var(--primary-saturation),var(--primary-lightness),.1),0 10px 10px -5px hsla(var(--primary-hue),var(--primary-saturation),var(--primary-lightness),.04);max-height:calc(100vh - var(--spacing-8));width:100%;animation:dialogSlideIn var(--motion-duration-slow) var(--motion-easing-decelerate);overflow:hidden}.dialog--sm{max-width:400px}.dialog--md{max-width:600px}.dialog--lg{max-width:800px}.dialog--xl{width:96vw;max-width:96vw;height:90vh;max-height:90vh}.dialog--full{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0}.dialog__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-bg-2)}.dialog__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-foreground-0);line-height:var(--line-height-tight)}.dialog__content{flex:1;overflow-y:auto;padding:var(--spacing-4);color:var(--color-foreground-1)}.dialog__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-2);padding:var(--spacing-4);border-top:1px solid var(--color-bg-2)}@keyframes dialogBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 640px){.dialog__portal{padding:0;align-items:flex-end}.dialog{max-width:100%;max-height:90vh;border-radius:12px 12px 0 0;animation:dialogSlideUp var(--motion-duration-slow) var(--motion-easing-decelerate)}.dialog--sm,.dialog--md,.dialog--lg{max-width:100%}@keyframes dialogSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media (min-width: 641px) and (max-width: 1024px){.dialog__portal{padding:var(--spacing-3)}.dialog--lg{max-width:90vw}}.divider{width:100%;position:relative}.divider hr{border:2px solid var(--color-bg-2);box-shadow:none;border-radius:var(--radius-base)}.divider--with-go-top{display:flex;align-items:center}.divider--with-go-top.divider--sm{margin:var(--spacing-8) 0 0 0}.divider--with-go-top.divider--md{margin:var(--spacing-12) 0 0 0}.divider--with-go-top.divider--lg{margin:var(--spacing-16) 0 0 0}hr.divider--sm,.divider--sm .divider__line{border:1px solid var(--color-bg-3);box-shadow:none;margin:0;border-radius:var(--radius-base)}hr.divider--md,.divider--md .divider__line{border:2px solid var(--color-bg-2);margin:var(--spacing-4) 0;border-radius:var(--radius-base)}hr.divider--lg,.divider--lg .divider__line{border:4px solid var(--color-bg-2);margin:var(--spacing-12) 0;border-radius:var(--radius-base)}.divider__line{flex:1}.divider__go-top-btn{margin:0 var(--spacing-4);border-radius:var(--radius-full)}.divider--lg .divider__go-top-btn{position:absolute;outline:6px solid var(--color-bg-2);left:50%;margin-left:-24px}@media (max-width: 640px){.divider--with-go-top.divider--sm{margin:var(--spacing-4) 0}.divider--with-go-top.divider--md{margin:var(--spacing-6) 0}.divider--with-go-top.divider--lg{margin:var(--spacing-8) 0}}.drag-handle{position:relative;background-color:var(--color-bg-1);border-color:#0000001a;transition:all var(--transition-base, .2s ease);z-index:10}.drag-handle:hover:not(:disabled){background-color:var(--color-action-primary)}.drag-handle:active:not(:disabled),.drag-handle--dragging{background-color:var(--color-action-primary-hover)}.drag-handle--dragging .drag-handle__indicator,.drag-handle:active:not(:disabled) .drag-handle__indicator{background-color:var(--color-on-action-primary)}.drag-handle--vertical{width:6px;cursor:col-resize}.drag-handle--vertical .drag-handle__indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:4px;height:32px;background-color:var(--color-foreground-2);border-radius:1px;transition:all var(--transition-base, .2s ease)}.drag-handle--vertical:hover .drag-handle__indicator{width:4px}.drag-handle--horizontal{height:8px;cursor:row-resize;margin:-4px 0}.drag-handle--horizontal .drag-handle__indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:2px;width:24px;background-color:var(--color-foreground-2);border-radius:1px;transition:background-color var(--transition-base, .2s ease)}.drawer{position:fixed;z-index:var(--z-drawer);background-color:var(--color-bg-1);border:1px solid var(--color-foreground-2);border-color:#0000001a;box-shadow:var(--shadow-lg);transition:background-color var(--motion-transition-background);opacity:0;visibility:hidden;pointer-events:none}.drawer[data-enter]{opacity:1;visibility:visible;pointer-events:auto;animation:var(--motion-keyframes-slide-in-right),fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer[data-leave]{opacity:0;visibility:hidden;pointer-events:none;animation:var(--motion-keyframes-slide-out-right),fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.drawer--right{top:0;right:0;bottom:0}.drawer--left{top:0;left:0;bottom:0}.drawer--top{top:0;left:0;right:0}.drawer--bottom{bottom:0;left:0;right:0}.drawer__content{display:flex;flex-direction:column;height:100%;overflow:hidden}.drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4, 1rem);border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a;flex-shrink:0}.drawer__title{margin:0;font-size:var(--font-size-lg, 1.125rem);font-weight:600;color:var(--color-foreground-1)}.drawer__body{flex:1;overflow-y:auto;padding:var(--spacing-4, 1rem);color:var(--color-foreground-1)}.drawer--right[data-enter]{animation:slideInRight var(--motion-duration-slow) var(--motion-easing-decelerate),fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer--right[data-leave]{animation:slideOutRight var(--motion-duration-slow) var(--motion-easing-accelerate),fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.drawer--left[data-enter]{animation:slideInLeft var(--motion-duration-slow) var(--motion-easing-decelerate),fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer--left[data-leave]{animation:slideOutLeft var(--motion-duration-slow) var(--motion-easing-accelerate),fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.drawer--top[data-enter]{animation:slideInTop var(--motion-duration-slow) var(--motion-easing-decelerate),fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer--top[data-leave]{animation:slideOutTop var(--motion-duration-slow) var(--motion-easing-accelerate),fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.drawer--bottom[data-enter]{animation:slideInBottom var(--motion-duration-slow) var(--motion-easing-decelerate),fadeIn var(--motion-duration-base) var(--motion-easing-decelerate)}.drawer--bottom[data-leave]{animation:slideOutBottom var(--motion-duration-slow) var(--motion-easing-accelerate),fadeOut var(--motion-duration-base) var(--motion-easing-accelerate)}.firewall{display:block;width:100%;height:100%}.firewall path{transition:none;will-change:none}.firewall .fw-line{mix-blend-mode:screen}.floating-bar{position:sticky;width:100%;z-index:var(--z-floating-base)}.floating-bar--top{top:0;margin-bottom:0}.floating-bar--bottom{bottom:-1px;margin-top:0}.floating-bar__content{padding:0}.footer{background-color:var(--color-bg-3);border-top:2px solid var(--color-foreground-5);box-shadow:0 0 0 6px var(--color-bg-2);margin-top:auto;padding:var(--spacing-5) var(--spacing-4);font-size:var(--font-size-sm);position:relative;z-index:1}.footer__container{margin:0 auto;padding:0 var(--spacing-4)}.footer__bottom{display:flex;flex-direction:column;gap:var(--spacing-2);text-align:center}.footer__copyright{margin:0;font-size:var(--font-size-sm);color:var(--color-foreground-3);line-height:var(--line-height-base)}@media (max-width: 768px){.footer{padding:var(--spacing-4) 0}.footer__content{grid-template-columns:1fr;gap:var(--spacing-4)}.footer__bottom{flex-direction:column}}.grid{display:grid;gap:var(--grid-gap, 1rem)}.grid--auto-fit{grid-template-columns:repeat(auto-fit,minmax(var(--grid-min-width, 250px),1fr))}.grid--auto-fill{grid-template-columns:repeat(auto-fill,minmax(var(--grid-min-width, 250px),1fr))}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-5{grid-template-columns:repeat(5,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-7{grid-template-columns:repeat(7,1fr)}.grid--cols-8{grid-template-columns:repeat(8,1fr)}.grid--cols-9{grid-template-columns:repeat(9,1fr)}.grid--cols-10{grid-template-columns:repeat(10,1fr)}.grid--cols-11{grid-template-columns:repeat(11,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}.header{border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a;padding:var(--spacing-4) var(--spacing-8) var(--spacing-8) var(--spacing-8);transition:background-color var(--motion-transition-background),border-color var(--motion-transition-color)}.header--compact{padding:var(--spacing-2) var(--spacing-6)}.header__container{width:100%;margin:0 auto}.header__title{margin:0 0 var(--spacing-2) 0;font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);color:var(--color-foreground-1);display:flex;align-items:center;gap:var(--spacing-2);position:relative}.header--compact .header__title{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-4xl)}.header__hash-link{opacity:0;margin-left:var(--spacing-2)}*:hover>.header__hash-link,.header__hash-link:focus{opacity:1}.header__subtitle{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-foreground-2)}.header--compact .header__subtitle{margin:0 0 var(--spacing-1) 0;font-size:var(--font-size-md)}@media (min-width: 768px){.header{padding:var(--spacing-8) var(--spacing-4) var(--spacing-4) var(--spacing-4)}.header--compact{padding:var(--spacing-2) var(--spacing-4)}}@media (min-width: 1024px){.header{padding:var(--spacing-16) var(--spacing-8) var(--spacing-8) var(--spacing-8)}.header--compact{padding:var(--spacing-3) var(--spacing-5)}}.hero{position:relative;display:flex;width:100%;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;z-index:1}.hero__background{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;z-index:0;will-change:background-position}.hero__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,var(--color-bg-1) 0%,rgba(0,0,0,0) 100%);pointer-events:none;z-index:2}.hero__content{position:relative;z-index:2;pointer-events:auto;display:flex;flex-direction:column;width:100%;max-width:var(--container-max-width, 1200px);margin:0 auto;padding:var(--spacing-8);gap:var(--spacing-4)}.hero--align-left .hero__content{align-items:flex-start;text-align:left}.hero--align-center .hero__content{align-items:center;text-align:center}.hero--align-right .hero__content{align-items:flex-end;text-align:right}.hero--vertical-top{align-items:flex-start}.hero--vertical-center{align-items:center}.hero--vertical-bottom{align-items:flex-end}.hero__title{font-size:var(--font-size-8xl);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-foreground-1);margin:0;letter-spacing:-.04em}.hero__subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);line-height:1.5;padding:.2em .6em;color:var(--color-foreground-2);margin:0;max-width:60ch}.hero--parallax .hero__background{will-change:transform;transform-style:preserve-3d}.hero__background-image-author{position:absolute;top:var(--spacing-2);right:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-foreground-4);padding:var(--spacing-1) var(--spacing-2);z-index:3}@media (max-width: 768px){.hero__title{font-size:calc(var(--font-size-3xl))}.hero__subtitle{font-size:var(--font-size-lg)}.hero__content{padding:var(--spacing-6) var(--spacing-4)}}@media (max-width: 480px){.hero__title{font-size:calc(var(--font-size-2xl))}.hero__subtitle{font-size:var(--font-size-md)}.hero__content{padding:var(--spacing-4) var(--spacing-3)}}.hero__svg-wave-container{position:absolute;bottom:-2px;left:0;right:0;width:100%;height:auto;z-index:3;overflow:hidden}.hero__svg-wave{width:100%;height:112px;display:block}.hero__svg-wave path{transition:d .1s ease-out}.hero__title-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);width:100%}.hero__logo-wrapper{display:inline-block;width:auto;height:auto;max-width:100%}.hero__logo-wrapper svg{width:100%;height:auto;display:block}.hero__title-container .hero__title{font-size:var(--font-size-8xl);font-weight:var(--font-weight-bold);line-height:1.2;color:var(--color-foreground-1);margin:0;letter-spacing:-.04em}.hero__title-container .hero__subtitle{font-size:var(--font-size-xl);font-weight:var(--font-weight-normal);line-height:1.5;padding:.2em .6em;color:var(--color-foreground-2);margin:0;max-width:60ch}@media (max-width: 768px){.hero__title-container .hero__title{font-size:calc(var(--font-size-3xl))}.hero__title-container .hero__subtitle{font-size:var(--font-size-lg)}.hero__title-container{gap:var(--spacing-3)}}@media (max-width: 480px){.hero__title-container .hero__title{font-size:calc(var(--font-size-2xl))}.hero__title-container .hero__subtitle{font-size:var(--font-size-md)}.hero__title-container{gap:var(--spacing-2)}}.icon{display:inline-flex;align-items:center;justify-content:center}.icon--skeleton{background:linear-gradient(90deg,#0000000f,#00000008,#0000000f);border-radius:4px;animation:hb-skeleton 1.2s ease-in-out infinite}@keyframes hb-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.icon{display:inline-block;flex-shrink:0;transition:color var(--transition-base, .2s ease)}.icon--interactive{cursor:pointer;color:var(--color-foreground-1)}.icon--interactive:hover:not(:disabled){color:var(--color-action-primary-hover)}.icon--interactive:active:not(:disabled){color:var(--color-action-primary-active)}.icon--interactive:disabled{cursor:not-allowed;color:var(--color-foreground-2)}.input-container{display:flex;flex-direction:column;gap:var(--spacing-2)}.input-container--full-width{width:100%}.input__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-foreground-1);cursor:pointer}.input__wrapper{position:relative;display:flex;align-items:center}.input{width:100%;font-family:inherit;font-size:var(--font-size-base);line-height:1.5;color:var(--color-foreground-1);background-color:var(--color-bg-1);border:none;outline:2px solid var(--color-foreground-3);outline-offset:-2px;border-radius:var(--radius-base);padding:var(--spacing-2) var(--spacing-3);transition:outline-color var(--transition-base),box-shadow var(--transition-base)}.input--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.input--lg{font-size:var(--font-size-lg);padding:var(--spacing-3) var(--spacing-4)}.input--error{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.input--error:focus{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1);box-shadow:var(--shadow-focus-ring-error)}.input--disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-bg-2)}.input:focus{outline-color:var(--color-action-primary);box-shadow:var(--shadow-focus-ring)}.input:hover:not(:disabled):not(.input--error){outline-color:var(--color-action-primary-hover)}.input::placeholder{color:var(--color-foreground-2);opacity:.7}.input--has-icon-left{padding-left:var(--spacing-10)}.input--has-icon-right{padding-right:var(--spacing-10)}.input--sm.input--has-icon-left{padding-left:var(--spacing-8)}.input--sm.input--has-icon-right{padding-right:var(--spacing-8)}.input--lg.input--has-icon-left{padding-left:var(--spacing-12)}.input--lg.input--has-icon-right{padding-right:var(--spacing-12)}.input__icon{position:absolute;display:flex;align-items:center;justify-content:center;color:var(--color-foreground-2);pointer-events:none}.input__icon--left{left:var(--spacing-3)}.input__icon--right{right:var(--spacing-3);pointer-events:auto;background:none;border:none;cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.input__icon--right:hover:not(:disabled){background-color:var(--color-bg-3);color:var(--color-action-primary-hover)}.input__icon--right:active:not(:disabled){background-color:var(--color-bg-2);color:var(--color-action-primary-active)}.input__icon--right:disabled{cursor:not-allowed;opacity:.6}.input__icon--right:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.input__message{font-size:var(--font-size-sm);margin:0;color:var(--color-foreground-2)}.input__message--error{color:hsla(var(--error-hue),var(--error-saturation),60%,1)}:root[data-theme=dark] .input{background-color:var(--color-bg-2)}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-foreground-1);-webkit-box-shadow:0 0 0 1000px var(--color-bg-1) inset;transition:background-color 5000s ease-in-out 0s}:root[data-theme=dark] .input:-webkit-autofill,:root[data-theme=dark] .input:-webkit-autofill:hover,:root[data-theme=dark] .input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-bg-2) inset}.input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input__datetime-picker{padding:var(--spacing-3);min-width:300px}.input__datetime-combined{display:flex;gap:var(--spacing-3)}.input__trigger-wrapper{position:relative;display:flex;align-items:center;width:100%}.date-picker{display:flex;flex-direction:column;gap:var(--spacing-2)}.date-picker__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding-bottom:var(--spacing-2);border-bottom:1px solid var(--color-foreground-2)}.date-picker__nav{background:none;border:none;color:var(--color-foreground-1);font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.date-picker__nav:hover:not(:disabled){background-color:var(--color-bg-3)}.date-picker__nav:disabled{opacity:.5;cursor:not-allowed}.date-picker__title{display:flex;gap:var(--spacing-2);align-items:center}.date-picker__select{background-color:var(--color-bg-1);color:var(--color-foreground-1);border:1px solid var(--color-foreground-2);border-radius:var(--radius-sm);padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-sm);cursor:pointer}.date-picker__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-1);margin-top:var(--spacing-2)}.date-picker__weekday{text-align:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-foreground-2);padding:var(--spacing-1)}.date-picker__days{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--spacing-1)}.date-picker__day{aspect-ratio:1;background:none;border:none;color:var(--color-foreground-1);font-size:var(--font-size-sm);cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--transition-fast);padding:var(--spacing-1)}.date-picker__day:hover:not(:disabled):not(.date-picker__day--empty){background-color:var(--color-bg-3)}.date-picker__day--selected{background-color:var(--color-action-primary);color:#fff;font-weight:600}.date-picker__day--empty{cursor:default;visibility:hidden}.date-picker__day:disabled{opacity:.5;cursor:not-allowed}.time-picker{display:flex;gap:var(--spacing-2);min-width:240px}.time-picker__column{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.time-picker__label{text-align:center;font-size:var(--font-size-xs);font-weight:600;color:var(--color-foreground-2);padding:var(--spacing-1)}.time-picker__scroll{max-height:200px;overflow-y:auto;border-radius:var(--radius-sm);background:var(--color-bg-2)}.time-picker__item{width:100%;background:none;border:none;color:var(--color-foreground-1);font-size:var(--font-size-sm);padding:var(--spacing-2);cursor:pointer;transition:background-color var(--transition-fast);text-align:center;font-variant-numeric:tabular-nums}.time-picker__item:hover:not(:disabled){background-color:var(--color-bg-3)}.time-picker__item--selected{background-color:var(--color-action-primary);color:#fff;font-weight:600}.time-picker__item:disabled{opacity:.5;cursor:not-allowed}.layout{min-height:100vh}.layout__container.scrollable{scrollbar-color:transparent var(--color-bg-2)}.layout__container.scrollable:hover{scrollbar-color:var(--color-accent) var(--color-bg-2)}.layout--single{display:flex;flex-direction:column}.layout--single .layout__container{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.layout--single .layout__main{flex:1;display:flex;flex-direction:column;background-color:var(--color-bg-3)}.layout--single .layout__header,.layout--single .layout__footer,.layout--single .layout__bottom-bar{flex-shrink:0}.layout--stacked{display:flex;flex-direction:column}.layout--stacked .layout__container{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.layout--stacked .layout__main{flex:1;display:flex;flex-direction:column;background-color:var(--color-bg-3)}.layout--stacked .layout__header,.layout--stacked .layout__footer,.layout--stacked .layout__bottom-bar{flex-shrink:0}.layout--sidebar-main-sidebar{display:flex;flex-direction:row;min-height:100vh}.layout--sidebar-main-sidebar .layout__container{flex:1;display:flex;flex-direction:column;min-width:0;max-height:100vh;overflow-y:auto;overflow-x:hidden}.layout--sidebar-main-sidebar .layout__sidebar{flex-shrink:0;max-height:100vh;background-color:var(--color-bg-1);border-right:1px solid var(--color-foreground-2);border-right-color:#0000001a;overflow-y:auto;overflow-x:hidden}.layout--sidebar-main-sidebar .layout__sidebar--right{border-right:none;border-left:1px solid var(--color-foreground-2);border-left-color:#0000001a;background-color:var(--color-bg-2)}.layout--sidebar-main-sidebar .layout__sidebar--left{background-color:var(--color-bg-3);background:linear-gradient(to right,var(--color-bg-1) 0,var(--color-bg-1) 64px,var(--color-bg-3) 100%)}.layout--sidebar-main-sidebar .drag-handle{flex-shrink:0}.layout--sidebar-main-sidebar .layout__container{flex:1;display:flex;flex-direction:column;min-width:0}.layout--sidebar-main-sidebar .layout__main{flex:1;display:flex;flex-direction:column;background-color:var(--color-bg-3)}.layout--sidebar-main-sidebar .layout__header,.layout--sidebar-main-sidebar .layout__footer,.layout--sidebar-main-sidebar .layout__bottom-bar{flex-shrink:0}.layout__header,.layout__page-header{background-color:var(--color-bg-1);border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a;padding:var(--spacing-6) var(--spacing-4);transition:all var(--transition-base, .2s ease)}.layout__footer,.layout__page-footer{background-color:var(--color-bg-1);border-top:1px solid var(--color-foreground-2);transition:all var(--transition-base, .2s ease);margin-top:var(--spacing-16)}@media (max-width: 1024px){.layout--sidebar-main-sidebar .layout__sidebar{width:240px}}@media (max-width: 768px){.layout--sidebar-main-sidebar,.layout--sidebar-main-sidebar .layout__container{flex-direction:column}.layout--sidebar-main-sidebar .layout__sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a}.layout--sidebar-main-sidebar .layout__sidebar--right{border-left:none;border-top:1px solid var(--color-foreground-2);border-top-color:#0000001a;border-bottom:none}}.layout__bottom-bar{flex-shrink:0;background-color:var(--color-bg-1);border-top:1px solid var(--color-foreground-2);border-top-color:#0000001a;min-height:60px;display:flex;align-items:center;padding:0 var(--spacing-4)}.list{display:flex;flex-direction:column;gap:var(--spacing-1);padding:0;margin:0}.list-item{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);transition:background-color var(--motion-duration-fast) var(--motion-easing-linear),color var(--motion-duration-fast) var(--motion-easing-linear);color:var(--color-foreground-1);background-color:transparent}.list-item:not(:hover):not(:active){transition:background-color var(--motion-duration-fast) var(--motion-easing-accelerate),color var(--motion-duration-fast) var(--motion-easing-accelerate)}.list-item--interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.list-item--interactive:hover:not(.list-item--disabled){background-color:var(--color-accent-hover)}.list-item--interactive:active:not(.list-item--disabled){background-color:var(--color-accent-active)}.list-item--interactive:focus-visible{outline:2px solid var(--color-action-primary);outline-offset:2px}.list-item--selected{background-color:hsla(var(--accent-hue),var(--accent-saturation),var(--accent-lightness),.12);color:var(--color-on-primary);font-weight:500}.list-item--selected:hover:not(.list-item--disabled){background-color:var(--color-accent-active)}.list-item--disabled{cursor:not-allowed;opacity:.5}.list-item__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-foreground-2)}.list-item--selected .list-item__icon{color:var(--color-on-primary)}.list-item__content{flex:1;font-size:var(--font-size-base);display:flex;flex-direction:column;gap:var(--spacing-1)}.list-item__category{font-size:var(--font-size-xs);color:var(--color-foreground-3);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.list-category{display:flex;flex-direction:column;gap:var(--spacing-2)}.list-category__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-foreground-2);padding:var(--spacing-2) var(--spacing-2) 0;text-transform:uppercase;letter-spacing:.5px}.list-category__items{display:flex;flex-direction:column;gap:var(--spacing-1)}.list-item__indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-action-primary)}:root[data-theme=dark] .list-item--interactive:hover:not(.list-item--disabled){background-color:var(--color-accent-hover)}:root[data-theme=dark] .list-item--selected{background-color:var(--color-accent-active)}.navbar{width:100%;height:100vh;min-width:64px;background-color:var(--color-bg-2);display:flex;flex-direction:column;overflow-x:hidden;gap:var(--spacing-1);transition:background-color var(--transition-base, .2s ease);padding:var(--spacing-3)}.navbar::-webkit-scrollbar,.navbar__content::-webkit-scrollbar{width:8px}.navbar::-webkit-scrollbar-track,.navbar__content::-webkit-scrollbar-track{background:transparent}.navbar::-webkit-scrollbar-thumb,.navbar__content::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px;transition:background-color .2s ease}.navbar:hover::-webkit-scrollbar-thumb,.navbar__content:hover::-webkit-scrollbar-thumb{background-color:#000}.navbar--header{font-size:1.4rem;margin:0 0 8px;color:var(--color-foreground-1);display:flex;align-items:center;gap:var(--spacing-1, .25rem);font-family:var(--font-family-action)}.navbar__content{padding:var(--spacing-4, 1rem);display:flex;flex-direction:column;gap:var(--spacing-2, .5rem);flex:1;min-height:0;overflow-y:auto}.expanded .navbar__content{min-width:210px}.navbar__menu-item{display:flex;align-items:center;gap:var(--spacing-3, .75rem);padding:var(--spacing-2, .5rem) calc(var(--spacing-2, .5rem) + 2px);color:var(--color-foreground-2);border-radius:var(--radius-base, 8px);font-size:var(--font-size-sm, .875rem);font-weight:500;width:100%;position:relative;border:none;background:transparent;cursor:pointer;font-family:var(--font-family-action);text-align:left}.navbar>.navbar__menu-item{min-height:40px}.navbar__menu-item[href]{text-decoration:none}.navbar__menu-item:not(:hover):not(:active):not(.navbar__menu-item--active){transition:background-color var(--motion-duration-none) var(--motion-easing-accelerate),color var(--motion-duration-fast) var(--motion-easing-accelerate)}.navbar__menu-item:hover:not(:disabled):not(.navbar__menu-item--active),.navbar__menu-group-header:hover:not(:disabled){background-color:var(--color-action-secondary);color:var(--color-on-action-primary)}.navbar__menu-item:active:not(:disabled){background-color:var(--color-action-primary-active);color:var(--color-on-action-primary)}.navbar__menu-item:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.navbar__menu-item--active{background-color:var(--color-action-primary);color:var(--color-on-action-primary)}.navbar__menu-item--active .navbar__menu-item-icon{color:var(--color-on-action-primary)}.navbar__menu-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-foreground-4)}.navbar__menu-item-icon:last-child{margin-left:auto}.navbar__menu-item-label{flex:1;min-width:0}.navbar--collapsed .navbar__menu-item-label{display:none}.navbar--collapsed .navbar__menu-item{width:auto;padding:var(--spacing-2);justify-content:center}.navbar--logo{display:inline-block}a.navbar--logo{color:var(--color-foreground-1);border:none}.navbar--collapsed .navbar--logo{display:none}.navbar .floating-bar{background-color:var(--color-bg-2);margin-top:var(--spacing-8);margin-bottom:var(--spacing-8);padding:var(--spacing-4) 0}.navbar__menu-group{display:flex;flex-direction:column}.navbar__menu-group>.navbar__menu-group-content{margin-left:calc(var(--spacing-8, 2rem) + 2px);max-height:0;overflow:hidden;transition:max-height var(--motion-duration-slow) var(--motion-easing-standard)}.navbar__menu-group>.navbar__menu-group-content.navbar__menu-group-content--expanded{max-height:2000px}.navbar__menu-group-header-expanded{display:block}.navbar__menu-group-header-collapsed,.navbar--collapsed .navbar__menu-group-header-expanded{display:none}.navbar--collapsed .navbar__menu-group-header-collapsed{display:block}.navbar--collapsed .navbar__menu-group-content{display:none!important}.navbar__menu-group-header{align-items:center;background:none;border:none;border-radius:var(--radius-sm, 4px);color:var(--color-foreground-2);cursor:pointer;display:flex;font-size:var(--font-size-sm, .875rem);font-weight:600;font-family:var(--font-family-action);gap:var(--spacing-3, .75rem);padding:var(--spacing-3, .75rem) var(--spacing-3, .75rem);text-align:left;transition:background-color var(--motion-duration-fast) var(--motion-easing-linear),color var(--motion-duration-fast) var(--motion-easing-linear);width:100%}.navbar__menu-group-header--collapsed{justify-content:center;padding:var(--spacing-2)}.navbar__menu-group-header--collapsed.navbar__menu-group-header--has-active{background-color:var(--color-action-primary);color:var(--color-on-action-primary)}.navbar__menu-group-header--toggle{background-color:var(--color-action-secondary);color:var(--color-on-action-secondary);box-shadow:0 0 0 2px var(--color-action-primary)}.navbar__menu-group-header--toggle:hover:not(:disabled){background-color:var(--color-action-secondary-hover);color:var(--color-on-action-secondary)}.navbar__menu-group-header--active{background-color:var(--color-action-primary);color:var(--color-on-action-primary)}.navbar__menu-group-header--active .navbar__menu-group-icon{color:var(--color-on-action-primary)}.navbar__menu-group-header:not(:hover){transition:background-color var(--motion-duration-fast) var(--motion-easing-accelerate),color var(--motion-duration-fast) var(--motion-easing-accelerate)}.navbar__menu-group-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-foreground-4)}.navbar__menu-group-title{flex:1;min-width:0}.navbar--collapsed .navbar__menu-group-title{display:none}.navbar__menu-group-chevron{display:flex;align-items:center;justify-content:center;width:12px;height:12px;flex-shrink:0;transition:transform .2s ease}.navbar--collapsed .navbar__menu-group-chevron{display:none}.navbar__menu-group-chevron--expanded{transform:rotate(180deg)}.navbar__menu-group-header--static{cursor:default;font-weight:300;color:var(--color-foreground-5);background-color:transparent;margin:var(--spacing-2) 0 0 0}.navbar__menu-group-header--static:hover{background-color:transparent;color:var(--color-foreground-5)}.navbar__menu-category{font-size:var(--font-size-xs);font-weight:600;color:var(--color-foreground-3);letter-spacing:.5px}@media (max-width: 768px){.navbar{width:280px}.navbar__content{padding:var(--spacing-3, .75rem)}}.navbar__menu-category{display:flex;flex-direction:column}.navbar__menu-category-title{font-family:var(--font-family-heading);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 300);color:var(--color-foreground-3);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide, .02em);padding:var(--spacing-1, .5rem) var(--spacing-3, .75rem)}.navbar--collapsed .navbar__menu-category-title{display:none}.navbar__menu-category-content{display:flex;flex-direction:column;gap:var(--spacing-1, .25rem)}.navbar__menu-group-popover{min-width:200px;max-width:none}.navbar__menu-group-popover-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-1);padding:var(--spacing-2) var(--spacing-3) 0 var(--spacing-3);margin-left:var(--spacing-3);font-family:var(--font-family-action);cursor:default}.navbar__menu-group-popover-content{display:flex;flex-direction:row;gap:var(--spacing-2);padding:var(--spacing-4)}.navbar__menu-group-popover-column{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:140px}.navbar__menu-group-popover-content .navbar__menu-item{width:100%}.navbar__bottom-bar{position:sticky;bottom:0;z-index:10;padding:var(--spacing-3, .75rem) var(--spacing-4, 1rem);border-top:1px solid var(--color-bg-3);background-color:var(--color-bg-2);display:flex;flex-direction:column;gap:var(--spacing-2, .5rem)}.navbar__menu-group-popover-content .navbar__menu-item-label{display:block}.navbar--collapsed{overflow-x:hidden;width:64px}.page-index{padding:var(--spacing-4)}.page-index__title{margin:0 0 var(--spacing-3) 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-foreground-3);text-transform:uppercase;letter-spacing:.05em}.page-index__nav{overflow-y:auto;max-height:calc(100vh - 200px)}.page-index__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.page-index__item{margin:0;padding:0}.page-index__item--level-1{margin-top:var(--spacing-2)}.page-index__item--level-1:first-child{margin-top:0}.page-index__item--level-2{margin-left:var(--spacing-3)}.page-index__item--level-3{margin-left:var(--spacing-6)}.page-index__item--level-4{margin-left:var(--spacing-9)}.page-index__item--level-5{margin-left:var(--spacing-12)}.page-index__item--level-6{margin-left:var(--spacing-15)}.page-index__link{width:100%;padding:var(--spacing-1) var(--spacing-2);background:none;border:none;border-radius:var(--radius-sm);text-align:left;font-size:var(--font-size-sm);color:var(--color-foreground-2);cursor:pointer;transition:all .15s ease;display:block;text-decoration:none;line-height:1.4}.page-index__link:hover{background-color:var(--color-bg-2);color:var(--color-foreground-1)}.page-index__link--active{background-color:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-medium)}.page-index__link--active:hover{background-color:var(--color-primary);color:var(--color-on-primary)}.page-index__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.page-index--collapsed{padding:var(--spacing-2);width:48px;text-align:center}.page-index--collapsed .page-index__title{display:none}.page-index--collapsed .page-index__list{gap:var(--spacing-1)}.page-index--collapsed .page-index__item--level-2,.page-index--collapsed .page-index__item--level-3,.page-index--collapsed .page-index__item--level-4,.page-index--collapsed .page-index__item--level-5,.page-index--collapsed .page-index__item--level-6{margin-left:0}.page-index--collapsed .page-index__link{padding:var(--spacing-1);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.page-index--collapsed .page-index__link-text--collapsed{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase}.page{width:100%;margin:0 auto;padding:0}.page--full{max-width:none;padding:0}.page--wide{max-width:1400px}.page--medium{max-width:1200px}.page--narrow{max-width:800px}@media (min-width: 768px){.page,.page--full{padding:0}}@media (min-width: 1024px){.page,.page--full{padding:0}}.popover{position:fixed;background:var(--color-bg-1);border-radius:var(--radius-base);outline:2px solid var(--color-bg-3);outline-offset:-2px;box-shadow:var(--shadow-md);z-index:var(--z-popover);min-width:200px;margin-top:var(--spacing-1);animation:popover-slide-in var(--transition-base, .2s ease);opacity:0;visibility:hidden;pointer-events:none}.popover--top{animation:popover-slide-in-top var(--transition-base, .2s ease);margin-bottom:var(--spacing-2)}.popover--bottom{animation:popover-slide-in-bottom var(--transition-base, .2s ease);margin-top:var(--spacing-2)}.popover--left{animation:popover-slide-in-left var(--transition-base, .2s ease);margin-right:var(--spacing-2)}.popover--right{animation:popover-slide-in-right var(--transition-base, .2s ease);margin-left:var(--spacing-2)}.popover:hover{outline:2px solid var(--color-primary-hover)}@keyframes popover-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-slide-in-top{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-slide-in-bottom{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-slide-in-left{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@keyframes popover-slide-in-right{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.radio{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.radio__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid var(--color-foreground-2);border-radius:50%;background-color:var(--color-bg-1);transition:all var(--motion-transition-base)}.radio__dot{width:50%;height:50%;border-radius:50%;background-color:var(--color-on-primary);opacity:0;transform:scale(0);transition:all var(--motion-transition-base)}.radio__label{font-size:var(--font-size-md);color:var(--color-foreground-1);line-height:1.5}.radio--sm .radio__box{width:16px;height:16px}.radio--sm .radio__label{font-size:var(--font-size-sm)}.radio--md .radio__box{width:20px;height:20px}.radio--lg .radio__box{width:24px;height:24px}.radio--lg .radio__label{font-size:var(--font-size-lg)}.radio__input[aria-checked=true]+.radio__box,.radio__input:checked+.radio__box{background-color:var(--color-primary);border-color:var(--color-primary)}.radio__input[aria-checked=true]+.radio__box .radio__dot,.radio__input:checked+.radio__box .radio__dot{opacity:1;transform:scale(1)}.radio__input:focus-visible+.radio__box{outline:2px solid var(--color-primary);outline-offset:2px}.radio:hover .radio__box{border-color:var(--color-primary)}.radio:hover .radio__input[aria-checked=true]+.radio__box,.radio:hover .radio__input:checked+.radio__box{background-color:HSLA(var(--primary-hue),var(--primary-saturation),calc(var(--primary-lightness) - 5%),1)}.radio--disabled{cursor:not-allowed;opacity:.5}.radio--disabled .radio__box{background-color:var(--color-bg-2);border-color:var(--color-foreground-3)}.radio--error .radio__box{border-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.radio--error .radio__input:focus-visible+.radio__box{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-1)}.radio-group__label{font-size:var(--font-size-md);font-weight:600;color:var(--color-foreground-1);margin-bottom:var(--spacing-1)}.radio-group__container{display:flex;gap:var(--spacing-3)}.radio-group--vertical .radio-group__container{flex-direction:column}.radio-group--horizontal .radio-group__container{flex-direction:row;flex-wrap:wrap}.radio-group__feedback{margin-top:var(--spacing-1)}.radio-group__error-text{font-size:var(--font-size-sm);color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1);display:block}.radio-group__helper-text{font-size:var(--font-size-sm);color:var(--color-foreground-2);display:block}.radio-group--error .radio__box{border-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.radio-group--error .radio__input:focus-visible+.radio__box{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.rich-textarea-container{position:relative;width:100%}.rich-textarea{position:relative;min-height:120px;max-height:400px;overflow-y:auto;padding:var(--spacing-3);background-color:var(--color-bg-2);color:var(--color-foreground-1);border:2px solid var(--color-bg-1);border-radius:4px;font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-base);outline:none;transition:border-color var(--motion-transition-base),box-shadow var(--motion-transition-base);white-space:pre-wrap;word-wrap:break-word}.rich-textarea:focus{border-color:var(--color-action-primary);box-shadow:var(--shadow-focus-ring)}.rich-textarea:empty:before{content:attr(data-placeholder);color:var(--color-foreground-3);opacity:.6;pointer-events:none}.rich-textarea--disabled{background-color:var(--color-bg-1);color:var(--color-foreground-3);cursor:not-allowed;opacity:.6}.rich-textarea--readonly{background-color:var(--color-bg-1);cursor:default}.rich-textarea b,.rich-textarea strong{font-weight:700}.rich-textarea i,.rich-textarea em{font-style:italic}.rich-textarea u{text-decoration:underline}.rich-textarea s{text-decoration:line-through}.rich-textarea a{color:var(--color-action-primary);text-decoration:underline;cursor:pointer}.rich-textarea a:hover{color:var(--color-action-primary-hover)}.rich-textarea ul,.rich-textarea ol{margin:var(--spacing-2) 0;padding-left:var(--spacing-5)}.rich-textarea li{margin:var(--spacing-1) 0}.rich-textarea blockquote{margin:var(--spacing-3) 0;padding-left:var(--spacing-4);border-left:4px solid var(--color-action-primary);color:var(--color-foreground-2);font-style:italic}.rich-textarea pre,.rich-textarea code{font-family:Courier New,monospace;background-color:var(--color-bg-1);padding:var(--spacing-1) var(--spacing-2);border-radius:4px}.rich-textarea pre{display:block;margin:var(--spacing-2) 0;padding:var(--spacing-3);overflow-x:auto}.rich-textarea h1,.rich-textarea h2,.rich-textarea h3{margin:var(--spacing-3) 0 var(--spacing-2);font-weight:700}.rich-textarea h1{font-size:var(--font-size-2xl)}.rich-textarea h2{font-size:var(--font-size-xl)}.rich-textarea h3{font-size:var(--font-size-lg)}.rich-textarea p{margin:var(--spacing-2) 0}.rich-textarea__toolbar{position:absolute;display:flex;gap:var(--spacing-1);padding:var(--spacing-2);background-color:var(--color-bg-1);border:1px solid var(--color-bg-2);border-radius:8px;box-shadow:0 4px 12px hsla(var(--primary-hue),var(--primary-saturation),var(--primary-lightness),.15);z-index:1000;transform:translate(-50%);pointer-events:auto}.rich-textarea__toolbar:before{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid var(--color-bg-1)}.rich-textarea__toolbar-button{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--spacing-2);background-color:transparent;color:var(--color-foreground-1);border:1px solid transparent;border-radius:4px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background-color var(--motion-transition-fast),border-color var(--motion-transition-fast)}.rich-textarea__toolbar-button:hover{background-color:var(--color-bg-2);border-color:var(--color-bg-3)}.rich-textarea__toolbar-button:focus{outline:2px solid var(--color-action-primary);outline-offset:2px}.rich-textarea__toolbar-button--active{background-color:var(--color-action-primary);color:var(--color-on-primary);border-color:var(--color-action-primary)}.rich-textarea__toolbar-button--active:hover{background-color:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover)}.rich-textarea__top-toolbar{border-bottom:1px solid var(--color-bg-2);background-color:var(--color-bg-1)}.rich-textarea__top-toolbar-content{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) 0}.rich-textarea__heading-select{min-width:120px}.rich-textarea__top-toolbar-buttons{display:flex;align-items:center;gap:var(--spacing-1)}.rich-textarea-container--with-top-toolbar .rich-textarea{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.rich-textarea-container .rich-textarea a{cursor:text;color:var(--color-action-primary);text-decoration:underline}.rich-textarea-container--holding-ctrl .rich-textarea a{cursor:pointer}.section{padding:var(--spacing-8) var(--spacing-4);width:100%;transition:border-color var(--motion-transition-color)}.section:last-of-type{border-bottom:none}.section__title{margin:0 0 var(--spacing-8) 0;font-size:var(--font-size-4xl);font-weight:var(--font-weight-semibold);color:var(--color-foreground-3);display:flex;align-items:center;gap:var(--spacing-2);position:relative;letter-spacing:-.02em}.section__hash-link{opacity:0}*:hover>.section__hash-link,.section__hash-link:focus{opacity:1}.section__content{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-foreground-1)}.section--sm{padding:var(--spacing-4) var(--spacing-4)}.section--lg{padding:var(--spacing-12) var(--spacing-4)}@media (min-width: 768px){.section{padding:var(--spacing-8) var(--spacing-6)}.section--sm{padding:var(--spacing-4) var(--spacing-6)}.section--lg{padding:var(--spacing-12) var(--spacing-6)}}@media (min-width: 1024px){.section{padding:var(--spacing-8) var(--spacing-8);margin:0 auto}.section--sm{padding:var(--spacing-4) var(--spacing-8)}.section--lg{padding:var(--spacing-12) var(--spacing-8)}}.select-container{display:flex;flex-direction:column;gap:var(--spacing-2)}.select-container--full-width{width:100%}.select__label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-foreground-1);cursor:pointer}.select__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);font-family:inherit;font-size:var(--font-size-base);line-height:1.5;color:var(--color-foreground-1);background-color:var(--color-bg-1);border:none;outline:2px solid var(--color-foreground-3);outline-offset:-2px;border-radius:var(--radius-base);padding:var(--spacing-2) var(--spacing-3);cursor:pointer;transition:outline-color var(--motion-duration-fast) var(--motion-easing-linear),box-shadow var(--motion-duration-fast) var(--motion-easing-linear);text-align:left}.select__trigger:not(:hover):not(:focus-visible):not(.select__trigger--open){transition:outline-color var(--motion-duration-fast) var(--motion-easing-accelerate),box-shadow var(--motion-duration-fast) var(--motion-easing-accelerate)}.select__trigger--sm{font-size:var(--font-size-sm);padding:var(--spacing-1) var(--spacing-2)}.select__trigger--lg{font-size:var(--font-size-lg);padding:var(--spacing-3) var(--spacing-4)}.select__trigger-content{display:flex;align-items:center;gap:var(--spacing-2);flex:1}.select__trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select__trigger-icon{flex-shrink:0;color:var(--color-foreground-2);transition:transform var(--transition-fast)}.select__trigger--open .select__trigger-icon{transform:rotate(180deg)}.select__trigger:focus-visible{outline-color:var(--color-action-primary);box-shadow:var(--shadow-focus-ring)}.select__trigger:hover:not(:disabled):not(.select__trigger--error){outline-color:var(--color-action-primary-hover)}.select__trigger--open{outline-color:var(--color-action-primary)}.select__trigger--error{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1)}.select__trigger--error:focus-visible{outline-color:hsla(var(--error-hue),var(--error-saturation),50%,1);box-shadow:var(--shadow-focus-ring-error)}.select__trigger:disabled,.select__trigger--disabled{cursor:not-allowed;opacity:.6;background-color:var(--color-bg-2)}.select__dropdown{min-width:200px;max-height:300px;overflow-y:auto;padding:var(--spacing-2)}.select__message{font-size:var(--font-size-sm);margin:0;color:var(--color-foreground-2)}.select__message--error{color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1)}:root[data-theme=dark] .select__trigger{background-color:var(--color-bg-2)}.slider{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%}.slider__header{display:flex;justify-content:space-between;align-items:center}.slider__label{font-weight:500;color:var(--color-foreground-1);font-size:var(--font-size-sm)}.slider__body{display:flex;gap:var(--spacing-4);align-items:center}.slider__value{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-foreground-2);background-color:var(--color-bg-2);padding:var(--spacing-1) var(--spacing-2);border-radius:4px;min-width:3rem;text-align:center;transition:all var(--transition-base, .2s ease)}.slider__container{position:relative;width:100%;cursor:grab}.slider--dragging .slider__container{cursor:grabbing}.slider__input{width:100%;height:8px;border-radius:4px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-action-primary)}.slider__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:32px;height:32px;border:none;background:transparent;cursor:grab;pointer-events:auto;margin-top:-16px}.slider__input::-webkit-slider-thumb:hover,.slider__input::-webkit-slider-thumb:active,.slider--dragging .slider__input::-webkit-slider-thumb{border:none;background:transparent;cursor:grabbing}.slider__input::-moz-range-thumb{width:32px;height:32px;border:none;background:transparent;cursor:grab;pointer-events:auto}.slider__input::-moz-range-thumb:hover,.slider__input::-moz-range-thumb:active{border:none;background:transparent;cursor:grabbing}.slider__input::-ms-thumb{width:32px;height:32px;border:none;background:transparent;cursor:grab;pointer-events:auto}.slider--disabled .slider__input{cursor:not-allowed;filter:brightness(.6)}.slider__marks{position:absolute;top:-6px;left:0;right:0;height:8px;pointer-events:none}.slider__thumb{position:absolute;top:-4px;pointer-events:none;z-index:1}.slider__thumb-icon{width:32px;height:32px;border-radius:50%;background-color:var(--color-action-primary);border:2px solid var(--color-action-primary);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-thumb);color:var(--color-on-accent);transition:transform var(--motion-transition-fast),box-shadow var(--motion-transition-fast),border-color var(--motion-transition-fast)}.slider__input:hover+.slider__thumb .slider__thumb-icon,.slider__input:focus+.slider__thumb .slider__thumb-icon{border-color:var(--color-action-primary-hover);box-shadow:var(--shadow-thumb-hover)}.slider__input:active+.slider__thumb .slider__thumb-icon,.slider--dragging .slider__thumb .slider__thumb-icon{transform:scale(1.2);border-color:var(--color-action-primary-active);box-shadow:var(--shadow-thumb-active)}.slider--disabled .slider__thumb .slider__thumb-icon{border-color:var(--color-foreground-3);background-color:var(--color-bg-3);opacity:.6}.slider--horizontal .slider__body{flex-direction:row;gap:var(--spacing-7);align-items:flex-start}.slider--horizontal .slider__header{flex-direction:column;white-space:nowrap}.slider--horizontal .slider__container{flex:1;min-width:200px}.switch__wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-1)}.switch__label{display:inline-flex;align-items:center;gap:var(--spacing-2);cursor:pointer;-webkit-user-select:none;user-select:none}.switch__input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.switch{position:relative;display:inline-block;flex-shrink:0}.switch__track{position:relative;display:inline-flex;align-items:center;border-radius:var(--radius-full);background-color:var(--color-bg-1);border:none;outline:2px solid var(--color-foreground-3);outline-offset:-2px;transition:outline-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base);overflow:hidden}.switch--sm{width:33px;height:24px}.switch--sm .switch__track{width:39px;height:24px}.switch--sm .switch__thumb{width:24px;height:24px;margin:0}.switch--sm .switch__text{font-size:var(--font-size-sm)}.switch--sm.switch--checked .switch__thumb{transform:translate(15px)}.switch--md{width:44px;height:32px}.switch--md .switch__track{width:52px;height:32px}.switch--md .switch__thumb{width:32px;height:32px;margin:0}.switch--md.switch--checked .switch__thumb{transform:translate(20px)}.switch--lg{width:55px;height:40px}.switch--lg .switch__track{width:65px;height:40px}.switch--lg .switch__thumb{width:40px;height:40px;margin:0}.switch--lg.switch--checked .switch__thumb{transform:translate(25px)}.switch--checked .switch__track{background-color:var(--color-accent);outline-color:var(--color-accent)}.switch__input:hover+.switch__track{outline-color:var(--color-action-primary-hover)}.switch__input:focus+.switch__track{outline-color:var(--color-action-primary);box-shadow:var(--shadow-focus-ring)}.switch--checked .switch__input:hover+.switch__track{outline-color:var(--color-accent)}.switch--checked .switch__input:focus+.switch__track{outline-color:var(--color-accent);box-shadow:var(--shadow-focus-ring)}.switch__input:active+.switch__track .thumb{transform:scale(1.2)}.switch--disabled{opacity:.5;cursor:not-allowed}.switch--disabled .switch__label{cursor:not-allowed}.switch--error .switch__track{outline-color:var(--color-error)}.switch--error.switch--checked .switch__track{background-color:var(--color-error);outline-color:var(--color-error)}.switch__text{margin:0 var(--spacing-2);color:var(--color-foreground-1);line-height:1.5}.switch__message{margin-top:var(--spacing-1)}.switch__helper-text{font-size:var(--font-size-xs);color:var(--color-foreground-3)}:root[data-theme=dark] .switch__track{background-color:var(--color-bg-2);outline-color:var(--color-foreground-4)}:root[data-theme=dark] .switch:not(.switch--checked) .switch__icon--off{color:var(--color-foreground-4)}.table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.table-container .scrollable{overflow-x:auto}.table--sm{font-size:var(--font-size-xs)}.table--sm .table__cell,.table--sm .table__cell--header{padding:var(--spacing-2) var(--spacing-3)}.table--md .table__cell,.table--md .table__cell--header{padding:var(--spacing-3) var(--spacing-4)}.table--lg .table__cell,.table--lg .table__cell--header{padding:var(--spacing-4) var(--spacing-6)}.table__cell,.table__cell--header{padding:var(--spacing-3) var(--spacing-4);text-align:left;vertical-align:top}.table__cell--header{font-weight:var(--font-weight-semibold);background-color:var(--color-bg-2);border-bottom:1px solid var(--color-foreground-2);color:var(--color-foreground-1)}.table__cell{color:var(--color-foreground-1);border-bottom:1px solid var(--color-foreground-2);border-bottom-color:#0000001a;transition:background-color var(--transition-base, .2s ease)}.table__row:hover .table__cell:not(.table__cell--header){background-color:transparent}.table--bordered{outline:2px solid var(--color-foreground-6);outline-offset:4px;border-radius:var(--radius-base)}.table--bordered .table__cell,.table--bordered .table__cell--header{border-right:2px solid var(--color-foreground-6)}.table--bordered .table__cell:last-child,.table--bordered .table__cell--header:last-child{border-right:none}.table--bordered .table__row:last-child .table__cell{border-bottom:none}.table--striped tbody .table__row:nth-child(odd){background-color:hsla(var(--secondary-hue),50%,50%,.2)}.table--striped tbody .table__row:nth-child(2n){background-color:var(--color-bg-3)}.table--striped tbody .table__row:nth-child(2n) .table__cell{background-color:transparent}.table--striped tbody .table__row:nth-child(odd) .table__cell{background-color:transparent}.table--hover tbody .table__row:hover{background-color:var(--color-bg-2)}.table--hover tbody .table__row:hover .table__cell{background-color:transparent}.tag{display:inline-flex;align-items:center;background-color:var(--color-foreground-1);color:var(--color-bg-1);cursor:default;justify-content:center;font-family:var(--font-family-action);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition-base, .2s ease);text-transform:uppercase}.tag.clickable:hover{cursor:pointer}.tag--sm{padding:.08rem .4rem;font-size:var(--font-size-xs, .75rem);min-height:16px}.tag--md{padding:var(--spacing-1, .25rem) var(--spacing-2, .5rem) .1rem var(--spacing-2, .5rem);font-size:var(--font-size-sm, .875rem);min-height:24px}.tag--lg{padding:var(--spacing-1, .25rem) var(--spacing-3, .75rem);font-size:var(--font-size-base, 1rem);min-height:32px}.tag--primary{background-color:var(--color-primary);color:var(--color-on-primary);outline-width:0}.tag--primary.clickable:hover{outline:2px solid var(--color-primary-hover)}.tag--secondary{background-color:var(--color-secondary);color:var(--color-on-secondary);outline-width:0}.tag--secondary.clickable:hover{outline:2px solid var(--color-secondary-hover)}.tag--tertiary{background-color:var(--color-tertiary);color:var(--color-on-tertiary);outline-width:0}.tag--tertiary.clickable:hover{outline:2px solid var(--color-tertiary-hover)}.tag--accent{background-color:var(--color-accent);color:var(--color-on-accent);outline-width:0}.tag--accent.clickable:hover{outline:2px solid var(--color-accent-hover)}.tag--success{background-color:hsla(var(--success-hue),var(--success-saturation),var(--success-lightness),1);color:hsla(var(--success-hue),var(--success-saturation),96%,1);border-color:hsla(var(--success-hue),var(--success-saturation),var(--success-lightness),1)}.tag--success.clickable:hover{outline:2px solid hsla(var(--success-hue),var(--success-saturation),var(--success-lightness),1)}.tag--warning{background-color:hsla(var(--warning-hue),var(--warning-saturation),var(--warning-lightness),1);color:hsla(var(--warning-hue),var(--warning-saturation),96%,1);border-color:hsla(var(--warning-hue),var(--warning-saturation),var(--warning-lightness),1)}.tag--warning.clickable:hover{outline:2px solid hsla(var(--warning-hue),var(--warning-saturation),var(--warming-lightness),1)}.tag--error{background-color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1);color:hsla(var(--error-hue),var(--error-saturation),96%,1);border-color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1)}.tag--error.clickable:hover{outline:2px solid hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),1)}.tag--info{background-color:hsla(var(--info-hue),var(--info-saturation),var(--info-lightness),1);color:hsla(var(--info-hue),var(--info-saturation),96%,1);border-color:hsla(var(--info-hue),var(--info-saturation),var(--info-lightness),1)}.tag--info.clickable:hover{outline:2px solid hsla(var(--info-hue),var(--info-saturation),var(--info-lightness),1)}.theme-control{display:flex;flex-direction:column;gap:var(--spacing-2, .5rem)}.theme-control__option{display:flex;align-items:center;gap:var(--spacing-3, .75rem);padding:var(--spacing-2, .5rem);border-radius:var(--radius-sm, 4px);cursor:pointer;transition:all var(--transition-base, .2s ease);color:var(--color-foreground-1)}.theme-control__option:hover:not(:disabled){background:var(--color-bg-2)}.theme-control__option:focus-visible:not(:disabled){outline:2px solid var(--color-action-primary);outline-offset:2px}.theme-control__option--active{background:var(--color-action-primary);color:var(--color-on-action-primary)}.theme-control__icon{width:20px;height:20px}.toast-container-global{position:fixed;display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none;z-index:var(--z-toast);padding:var(--spacing-4);max-height:100vh;overflow-y:auto}.toast-container-global--top-left{top:0;left:0;align-items:flex-start}.toast-container-global--top-center{top:0;left:50%;transform:translate(-50%);align-items:center}.toast-container-global--top-right{top:0;right:0;align-items:flex-end}.toast-container-global--bottom-left{bottom:0;left:0;align-items:flex-start;flex-direction:column-reverse}.toast-container-global--bottom-center{bottom:0;left:50%;transform:translate(-50%);align-items:center;flex-direction:column-reverse}.toast-container-global--bottom-right{bottom:0;right:0;align-items:flex-end;flex-direction:column-reverse}.toast-container{display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:auto}.toast-list{display:flex;flex-direction:column;gap:var(--spacing-2);opacity:1;transition:opacity 1s var(--motion-easing-decelerate)}.toast-container[data-removing=true] .toast-list{opacity:0}.toast-container[data-removing=true] .toast{opacity:0;transition:opacity 1s var(--motion-easing-decelerate),transform 1s var(--motion-easing-decelerate)}.toast-container-global--top-left .toast-container,.toast-container-global--bottom-left .toast-container{align-items:flex-start}.toast-container-global--top-center .toast-container,.toast-container-global--bottom-center .toast-container{align-items:center}.toast-container-global--top-right .toast-container,.toast-container-global--bottom-right .toast-container{align-items:flex-end}.toast-container-global--bottom-left .toast-container,.toast-container-global--bottom-center .toast-container,.toast-container-global--bottom-right .toast-container{flex-direction:column-reverse}.toast{display:flex;flex-direction:column;pointer-events:auto;border-radius:var(--radius-md);padding:var(--spacing-3) var(--spacing-4);gap:var(--spacing-2);min-width:300px;max-width:400px;box-shadow:var(--shadow-lg);background-color:var(--color-surface);border:1px solid var(--color-outline);color:var(--color-foreground);font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-normal);position:relative;opacity:0;transition:opacity var(--motion-duration-slower) var(--motion-easing-decelerate),transform var(--motion-duration-slower) var(--motion-easing-decelerate)}.toast:not([data-removing=true]){opacity:1}.toast--top{transform:translateY(-1rem)}.toast--top:not([data-removing=true]){transform:translateY(0)}.toast--top[data-removing=true]{transform:translateY(-1rem);opacity:0}.toast--bottom{transform:translateY(1rem)}.toast--bottom:not([data-removing=true]){transform:translateY(0)}.toast--bottom[data-removing=true]{transform:translateY(1rem);opacity:0}.toast--info{background-color:hsla(var(--info-hue),var(--info-saturation),var(--info-lightness),.95);border-color:hsla(var(--info-hue),var(--info-saturation),var(--info-lightness-hover),.3);color:var(--color-foreground)}.toast--success{background-color:hsla(var(--success-hue),var(--success-saturation),var(--success-lightness),.95);border-color:hsla(var(--success-hue),var(--success-saturation),var(--success-lightness-hover),.3);color:var(--color-foreground)}.toast--warning{background-color:hsla(var(--warning-hue),var(--warning-saturation),var(--warning-lightness),.95);border-color:hsla(var(--warning-hue),var(--warning-saturation),var(--warning-lightness-hover),.3);color:var(--color-foreground)}.toast--error{background-color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness),.95);border-color:hsla(var(--error-hue),var(--error-saturation),var(--error-lightness-hover),.3);color:var(--color-foreground)}.toast__content{display:flex;gap:var(--spacing-3);align-items:flex-start}.toast__icon{flex-shrink:0;margin-top:2px}.toast__message{flex:1;word-break:break-word;overflow-wrap:break-word}.toast__actions{display:flex;gap:var(--spacing-1);align-items:center;justify-content:flex-end;margin-top:var(--spacing-1)}.toast__action-btn,.toast__close-btn{flex-shrink:0}@keyframes toastSlideInDown{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1rem)}}@keyframes toastSlideInUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}.toast:hover{box-shadow:var(--shadow-xl)}@media (max-width: 640px){.toast{min-width:280px;max-width:90vw;padding:var(--spacing-2) var(--spacing-3)}.toast-container{padding:var(--spacing-2)}.toast-container--top-center,.toast-container--bottom-center{width:calc(100% - var(--spacing-4));left:var(--spacing-2);right:var(--spacing-2);transform:none}}.tooltip{position:fixed;z-index:var(--z-tooltip);background:var(--color-bg-1);border:1px solid var(--color-bg-3);border-color:#00000026;border-radius:var(--radius-base);box-shadow:var(--shadow-md);max-width:200px;padding:var(--spacing-2, .5rem) var(--spacing-3, .75rem);font-size:var(--font-size-xs, .75rem);font-weight:500;color:var(--color-foreground-1);white-space:nowrap;animation:tooltip-fade-in var(--transition-fast, .15s ease);opacity:0;visibility:hidden;pointer-events:none}.tooltip--top{margin-bottom:var(--spacing-1)}.tooltip--bottom{margin-top:var(--spacing-1)}.tooltip--left{margin-right:var(--spacing-1)}.tooltip--right{margin-left:var(--spacing-1)}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}:root{--z-tour-overlay: 6000;--z-tour-balloon: 6100}.tour-balloon-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-tour-overlay);background:#0000008c;cursor:default;pointer-events:all}.tour-balloon-overlay--gradient{background:#000000bf;cursor:default;pointer-events:all}.tour-balloon-spotlight{position:fixed;z-index:calc(var(--z-tour-overlay) + 1);background:transparent;border-radius:var(--radius-base, 6px);box-shadow:0 0 0 9999px #0000008c;pointer-events:none;outline:2px solid rgba(255,255,255,.25);outline-offset:0}.tour-balloon{position:fixed;z-index:var(--z-tour-balloon);background:var(--color-bg-1);border:1px solid var(--color-bg-3);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-xl);padding:var(--spacing-4, 1rem) var(--spacing-5, 1.25rem);min-width:240px;max-width:320px;display:flex;flex-direction:column;gap:var(--spacing-3, .75rem);animation:tour-balloon-appear .18s ease}@keyframes tour-balloon-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tour-balloon:before,.tour-balloon:after{content:"";position:absolute;width:12px;height:12px;transform:rotate(45deg);pointer-events:none}.tour-balloon:before{background:var(--color-bg-3)}.tour-balloon:after{background:var(--color-bg-1)}.tour-balloon--bottom:before{top:-7px;left:calc(50% - 6px + var(--tour-arrow-offset, 0px))}.tour-balloon--bottom:after{top:-5px;left:calc(50% - 6px + var(--tour-arrow-offset, 0px))}.tour-balloon--top:before{bottom:-7px;left:calc(50% - 6px + var(--tour-arrow-offset, 0px))}.tour-balloon--top:after{bottom:-5px;left:calc(50% - 6px + var(--tour-arrow-offset, 0px))}.tour-balloon--right:before{left:-7px;top:calc(50% - 6px + var(--tour-arrow-offset-y, 0px))}.tour-balloon--right:after{left:-5px;top:calc(50% - 6px + var(--tour-arrow-offset-y, 0px))}.tour-balloon--left:before{right:-7px;top:calc(50% - 6px + var(--tour-arrow-offset-y, 0px))}.tour-balloon--left:after{right:-5px;top:calc(50% - 6px + var(--tour-arrow-offset-y, 0px))}.tour-balloon__header{display:flex;align-items:center;gap:var(--spacing-2, .5rem)}.tour-balloon__step-counter{font-size:var(--font-size-xs, .75rem);font-weight:600;color:var(--color-foreground-3);background:var(--color-bg-2);padding:2px var(--spacing-2, .5rem);border-radius:var(--radius-full, 9999px);white-space:nowrap;flex-shrink:0}.tour-balloon__title{font-size:var(--font-size-sm, .875rem);font-weight:600;color:var(--color-foreground-1);flex:1;min-width:0}.tour-balloon__close{all:unset;cursor:pointer;color:var(--color-foreground-3);font-size:var(--font-size-sm, .875rem);line-height:1;padding:var(--spacing-1, .25rem);border-radius:var(--radius-base, 6px);flex-shrink:0;transition:color .15s ease,background .15s ease}.tour-balloon__close:hover{color:var(--color-foreground-1);background:var(--color-bg-2)}.tour-balloon__body{font-size:var(--font-size-sm, .875rem);color:var(--color-foreground-2);line-height:var(--line-height-relaxed, 1.6)}.tour-balloon__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2, .5rem);padding-top:var(--spacing-1, .25rem)}.tour-balloon__footer-left{display:flex;align-items:center}.tour-balloon__footer-right{display:flex;align-items:center;gap:var(--spacing-2, .5rem);margin-left:auto}@layer hellboy-theme-defaults{:root{--primary-hue: 267;--primary-saturation: 100%;--primary-lightness: 30%;--primary-lightness-hover: 40%;--primary-lightness-active: 35%;--primary-lightness-disabled: 10%;--secondary-hue: 267;--secondary-saturation: 100%;--secondary-lightness: 22%;--secondary-lightness-hover: 32%;--secondary-lightness-active: 27%;--secondary-lightness-disabled: 2%;--accent-hue: 0;--accent-saturation: 57%;--accent-lightness: 50%;--accent-lightness-hover: 60%;--accent-lightness-active: 55%;--accent-lightness-disabled: 30%;--success-hue: 140;--success-saturation: 100%;--success-lightness: 19%;--success-lightness-hover: 29%;--success-lightness-active: 24%;--warning-hue: 41;--warning-saturation: 100%;--warning-lightness: 34%;--warning-lightness-hover: 44%;--warning-lightness-active: 39%;--error-hue: 0;--error-saturation: 65%;--error-lightness: 32%;--error-lightness-hover: 42%;--error-lightness-active: 37%;--info-hue: 300;--info-saturation: 60%;--info-lightness: 30%;--info-lightness-hover: 40%;--info-lightness-active: 35%}}:root{--hellboy-logo-bg: hsla(var(--primary-hue), 10%, 8%, 1);--hellboy-logo-head: var(--color-accent);--hellboy-logo-eyes: #ffff00;--hellboy-logo-brows: #ac9393;--hellboy-logo-mouth: hsla(0, 0%, 0%, .4)}@media (prefers-color-scheme: light){:root{--hellboy-logo-bg: hsla(var(--primary-hue), 30%, 20%, 1);--hellboy-logo-head: var(--color-accent);--hellboy-logo-eyes: #ffff00;--hellboy-logo-brows: #ac9393;--hellboy-logo-mouth: hsla(0, 0%, 0%, .4)}}.badge-group{display:flex;gap:var(--spacing-2);margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.hero__background{filter:blur(8px)!important}#nav-settings-btn>div{display:flex!important;align-items:center;justify-content:space-between}.navbar__menu-group-header{border-radius:var(--radius-base, 8px)!important}.navbar__menu-group-popover-title{margin-top:var(--spacing-2)!important}a.navbar--logo{color:var(--color-foreground-2);box-shadow:none!important;background-color:transparent!important}a.navbar--logo:hover{color:var(--color-foreground-1)}.category-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family-heading);color:var(--color-foreground-3);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-1)}.component-preview{min-height:320px;width:100%;position:relative;display:flex;flex-direction:column;background-color:var(--color-bg-1);overflow:visible;padding:var(--spacing-16);margin:var(--spacing-6) 0;isolation:isolate}.component-preview--centered{justify-content:center;align-items:center}.component-preview:not(.component-preview--centered){justify-content:flex-start;align-items:stretch}.component-preview__options{position:absolute;top:var(--spacing-4);right:var(--spacing-4);z-index:100;display:flex;gap:var(--spacing-3);flex-wrap:wrap;justify-content:flex-end;min-width:200px}.component-preview__content{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;flex:1}.component-preview__multiple{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:400px;width:100%}.component-preview__multiple-item{width:100%}.component-preview--checkerboard{background-color:transparent;background-image:linear-gradient(45deg,#0000001a 25%,#ffffff1a 25%),linear-gradient(45deg,#ffffff1a 75%,#0000001a 75%),linear-gradient(45deg,#ffffff1a 75%,#0000001a 75%),linear-gradient(45deg,#0000001a 25%,#ffffff1a 25%);background-size:40px 40px;background-position:0 0,0 0,-20px -20px,20px 20px}.component-preview__checkerboard-toggle{position:absolute;top:var(--spacing-3);left:var(--spacing-3);z-index:100}.full-page-demo{width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg-1)}.full-page-demo__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex;justify-content:flex-end;background:var(--color-bg-2);flex-shrink:0}.full-page-demo__content{flex:1;overflow:auto;padding:var(--spacing-4);max-height:90vh;max-width:90vw;margin:0 auto;display:flex;flex-direction:column}.full-page-demo__content>*{max-height:100%;overflow:auto}.screen-examples-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.screen-example-list-item{display:flex;flex-direction:column;gap:var(--spacing-6);padding:0 var(--spacing-6) 0 0;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-2);overflow:hidden}.screen-example-preview{display:flex;align-items:center;justify-content:center;width:100%;min-height:140px;padding:var(--spacing-3);background:var(--color-bg-1)}.screen-example-list-item__main{display:flex;flex-direction:column;gap:var(--spacing-3)}.screen-example-list-item__title{margin:0}.screen-example-list-item__description{font-size:var(--font-size-md);margin:0;opacity:.8;color:var(--color-text-secondary)}.screen-example-list-item__meta,.screen-example-list-item__components{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.screen-example-list-item__actions{display:flex;flex-wrap:wrap;gap:var(--spacing-4)}.screen-example-code-dialog{margin:0;padding:var(--spacing-6);background-color:var(--color-bg-3);border-radius:var(--radius-md);overflow:auto;font-size:var(--font-size-sm);font-family:monospace}@media (min-width: 768px){.screen-example-list-item{flex-direction:row;align-items:center}.screen-example-preview{flex:0 0 220px;width:220px}.screen-example-list-item__main{flex:1;min-width:0}.screen-example-list-item__actions{flex:0 0 auto;flex-direction:column;align-items:stretch}}