.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-primary)}.theme-toggle:active{transform:scale(.95)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--bg-primary);border-bottom:1px solid var(--border-color);z-index:50;transition:background-color var(--transition-base),border-color var(--transition-base)}.header__container{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-lg);max-width:1400px;margin:0 auto}.header__logo{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:var(--text-primary);font-weight:600;font-size:15px;transition:color var(--transition-fast)}.header__logo:hover{color:var(--accent-primary)}.header__logo-icon{display:flex;align-items:center}.header__nav{display:flex;align-items:center;gap:var(--spacing-md)}.header__nav-link{color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--transition-fast);display:flex;align-items:center;gap:6px}.header__nav-link:hover{color:var(--text-primary)}.header__github{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-color);border-radius:6px;color:var(--text-secondary);transition:all var(--transition-fast)}.header__github:hover{background:var(--bg-secondary);border-color:var(--border-hover);color:var(--text-primary)}@media (max-width: 768px){.header__container{padding:0 var(--spacing-md)}.header__logo-text{display:none}}.sidebar{position:fixed;top:var(--header-height);left:0;width:var(--sidebar-width);height:calc(100vh - var(--header-height));background:var(--bg-primary);border-right:1px solid var(--border-color);overflow-y:auto;padding:var(--spacing-lg) 0;transition:background-color var(--transition-base),border-color var(--transition-base)}.sidebar__nav{padding:0 var(--spacing-md)}.sidebar__section{margin-bottom:var(--spacing-xl)}.sidebar__section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--spacing-md);padding:0 var(--spacing-sm)}.sidebar__list{list-style:none;display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;padding:6px var(--spacing-sm);color:var(--text-secondary);text-decoration:none;border-radius:6px;transition:all var(--transition-fast);font-size:14px;font-weight:500}.sidebar__link:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar__link--active{background:var(--bg-secondary);color:var(--text-primary);font-weight:600}@media (max-width: 768px){.sidebar{display:none}}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__container{display:flex;flex:1;padding-top:var(--header-height)}.layout__main{flex:1;margin-left:var(--sidebar-width);padding:var(--spacing-2xl) var(--spacing-xl);max-width:calc(var(--max-content-width) + var(--sidebar-width) + var(--spacing-xl) * 2)}.layout__content{max-width:var(--max-content-width)}@media (max-width: 768px){.layout__main{margin-left:0;padding:var(--spacing-lg)}}.code-block{margin:1.5rem 0;border-radius:8px;overflow:hidden;border:1px solid var(--border-color);background:var(--bg-code)}.code-block__header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-code);border-bottom:1px solid var(--border-color)}.code-block__language{color:var(--text-tertiary);font-size:12px;text-transform:uppercase;font-weight:600;letter-spacing:.05em;font-family:var(--font-family-mono)}.code-block__copy-btn{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-family-base)}.code-block__copy-btn:hover{background:#ffffff0d;border-color:var(--border-hover);color:var(--text-primary)}.code-block__copy-btn:active{transform:scale(.95)}.code-block__copy-btn--copied{color:#10b981;border-color:#10b981}.markdown-content{color:var(--text-primary);line-height:1.7;font-size:15px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:2.5rem;margin-bottom:1rem;font-weight:600;line-height:1.3;color:var(--text-primary);letter-spacing:-.02em}.markdown-content h1{font-size:36px;margin-top:0}.markdown-content h2{font-size:28px;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.markdown-content h3{font-size:22px}.markdown-content h4{font-size:18px}.markdown-content p{margin:1.25rem 0;color:var(--text-secondary)}.markdown-content a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}.markdown-content a:hover{color:var(--accent-hover)}.markdown-content ul,.markdown-content ol{margin:1.25rem 0;padding-left:1.5rem;color:var(--text-secondary)}.markdown-content li{margin:.5rem 0}.markdown-content .inline-code{background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:.9em;font-family:var(--font-family-mono);color:var(--text-primary);border:1px solid var(--border-color)}.markdown-content blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:3px solid var(--accent-primary);background:var(--bg-secondary);border-radius:0 6px 6px 0;color:var(--text-secondary)}.markdown-content blockquote p{margin:0}.markdown-content .table-wrapper{overflow-x:auto;margin:1.5rem 0;border:1px solid var(--border-color);border-radius:8px}.markdown-content table{width:100%;border-collapse:collapse;font-size:14px}.markdown-content th,.markdown-content td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.markdown-content th{background:var(--bg-secondary);font-weight:600;color:var(--text-primary)}.markdown-content td{color:var(--text-secondary)}.markdown-content tr:last-child td{border-bottom:none}.markdown-content hr{margin:2.5rem 0;border:none;border-top:1px solid var(--border-color)}.demo{margin:2rem 0;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);overflow:hidden;transition:border-color var(--transition-base)}.demo__header{padding:16px 20px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.demo__title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.demo__description{font-size:13px;color:var(--text-secondary);margin:0}.demo__content{padding:32px 20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.not-found{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.not-found__content{text-align:center;max-width:600px}.not-found__title{font-size:6rem;font-weight:700;margin:0;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.not-found__subtitle{font-size:2rem;font-weight:600;margin:1rem 0;color:var(--text-primary)}.not-found__description{font-size:1.125rem;color:var(--text-secondary);margin:1rem 0 2rem;line-height:1.6}.not-found__actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found__button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:1rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:all .2s ease}.not-found__button--primary{background-color:#3b82f6;color:#fff}.not-found__button--primary:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.not-found__button--secondary{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.not-found__button--secondary:hover{background-color:var(--bg-secondary);border-color:var(--border-hover)}@media (max-width: 640px){.not-found__title{font-size:4rem}.not-found__subtitle{font-size:1.5rem}.not-found__description{font-size:1rem}.not-found__actions{flex-direction:column}.not-found__button{width:100%;justify-content:center}}:root{--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--bg-code: #1e1e1e;--text-primary: #000000;--text-secondary: #666666;--text-tertiary: #999999;--border-color: #e5e5e5;--border-hover: #d4d4d4;--accent-primary: #0070f3;--accent-hover: #0060df;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", "Monaco", "Inconsolata", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--sidebar-width: 240px;--header-height: 60px;--max-content-width: 800px;--transition-fast: .15s ease;--transition-base: .2s ease}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #111111;--bg-code: #0a0a0a;--text-primary: #ffffff;--text-secondary: #a1a1a1;--text-tertiary: #666666;--border-color: #262626;--border-hover: #404040;--accent-primary: #0070f3;--accent-hover: #3291ff}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);color:var(--text-primary);background-color:var(--bg-primary);line-height:1.6;transition:background-color var(--transition-base),color var(--transition-base)}code{font-family:var(--font-family-mono)}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::selection{background-color:var(--accent-primary);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}.skip-to-content{position:absolute;top:-100px;left:0;background:var(--accent-primary);color:#fff;padding:var(--spacing-md);text-decoration:none;z-index:100;border-radius:4px}.skip-to-content:focus{top:var(--spacing-md);left:var(--spacing-md)}:root{--color-brand-primary-50: rgba(239, 246, 255, 1);--color-brand-primary-100: rgba(219, 234, 254, 1);--color-brand-primary-200: rgba(191, 219, 254, 1);--color-brand-primary-300: rgba(147, 197, 253, 1);--color-brand-primary-400: rgba(96, 165, 250, 1);--color-brand-primary-500: rgba(59, 130, 246, 1);--color-brand-primary-600: rgba(37, 99, 235, 1);--color-brand-primary-700: rgba(29, 78, 216, 1);--color-brand-primary-800: rgba(30, 64, 175, 1);--color-brand-primary-900: rgba(30, 58, 138, 1);--color-brand-primary-950: rgba(23, 37, 84, 1);--color-brand-secondary-50: rgba(250, 245, 255, 1);--color-brand-secondary-100: rgba(243, 232, 255, 1);--color-brand-secondary-200: rgba(233, 213, 255, 1);--color-brand-secondary-300: rgba(216, 180, 254, 1);--color-brand-secondary-400: rgba(192, 132, 252, 1);--color-brand-secondary-500: rgba(168, 85, 247, 1);--color-brand-secondary-600: rgba(147, 51, 234, 1);--color-brand-secondary-700: rgba(126, 34, 206, 1);--color-brand-secondary-800: rgba(107, 33, 168, 1);--color-brand-secondary-900: rgba(88, 28, 135, 1);--color-brand-secondary-950: rgba(59, 7, 100, 1);--color-semantic-success-50: rgba(240, 253, 244, 1);--color-semantic-success-100: rgba(220, 252, 231, 1);--color-semantic-success-200: rgba(187, 247, 208, 1);--color-semantic-success-300: rgba(134, 239, 172, 1);--color-semantic-success-400: rgba(74, 222, 128, 1);--color-semantic-success-500: rgba(34, 197, 94, 1);--color-semantic-success-600: rgba(22, 163, 74, 1);--color-semantic-success-700: rgba(21, 128, 61, 1);--color-semantic-success-800: rgba(22, 101, 52, 1);--color-semantic-success-900: rgba(20, 83, 45, 1);--color-semantic-success-950: rgba(5, 46, 22, 1);--color-semantic-warning-50: rgba(255, 251, 235, 1);--color-semantic-warning-100: rgba(254, 243, 199, 1);--color-semantic-warning-200: rgba(253, 230, 138, 1);--color-semantic-warning-300: rgba(252, 211, 77, 1);--color-semantic-warning-400: rgba(251, 191, 36, 1);--color-semantic-warning-500: rgba(245, 158, 11, 1);--color-semantic-warning-600: rgba(217, 119, 6, 1);--color-semantic-warning-700: rgba(180, 83, 9, 1);--color-semantic-warning-800: rgba(146, 64, 14, 1);--color-semantic-warning-900: rgba(120, 53, 15, 1);--color-semantic-warning-950: rgba(69, 26, 3, 1);--color-semantic-error-50: rgba(254, 242, 242, 1);--color-semantic-error-100: rgba(254, 226, 226, 1);--color-semantic-error-200: rgba(254, 202, 202, 1);--color-semantic-error-300: rgba(252, 165, 165, 1);--color-semantic-error-400: rgba(248, 113, 113, 1);--color-semantic-error-500: rgba(239, 68, 68, 1);--color-semantic-error-600: rgba(220, 38, 38, 1);--color-semantic-error-700: rgba(185, 28, 28, 1);--color-semantic-error-800: rgba(153, 27, 27, 1);--color-semantic-error-900: rgba(127, 29, 29, 1);--color-semantic-error-950: rgba(69, 10, 10, 1);--color-semantic-info-50: rgba(240, 249, 255, 1);--color-semantic-info-100: rgba(224, 242, 254, 1);--color-semantic-info-200: rgba(186, 230, 253, 1);--color-semantic-info-300: rgba(125, 211, 252, 1);--color-semantic-info-400: rgba(56, 189, 248, 1);--color-semantic-info-500: rgba(14, 165, 233, 1);--color-semantic-info-600: rgba(2, 132, 199, 1);--color-semantic-info-700: rgba(3, 105, 161, 1);--color-semantic-info-800: rgba(7, 89, 133, 1);--color-semantic-info-900: rgba(12, 74, 110, 1);--color-semantic-info-950: rgba(8, 47, 73, 1);--color-neutral-0: rgba(255, 255, 255, 1);--color-neutral-50: rgba(250, 250, 250, 1);--color-neutral-100: rgba(245, 245, 245, 1);--color-neutral-200: rgba(229, 229, 229, 1);--color-neutral-300: rgba(212, 212, 212, 1);--color-neutral-400: rgba(163, 163, 163, 1);--color-neutral-500: rgba(115, 115, 115, 1);--color-neutral-600: rgba(82, 82, 82, 1);--color-neutral-700: rgba(64, 64, 64, 1);--color-neutral-800: rgba(38, 38, 38, 1);--color-neutral-900: rgba(23, 23, 23, 1);--color-neutral-950: rgba(10, 10, 10, 1);--color-neutral-1000: rgba(0, 0, 0, 1);--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-serif: Georgia, Cambria, "Times New Roman", Times, serif;--font-family-mono: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 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-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-base: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--shadow-primary: 0 4px 14px 0 rgba(59, 130, 246, .39);--shadow-success: 0 4px 14px 0 rgba(34, 197, 94, .39);--shadow-warning: 0 4px 14px 0 rgba(245, 158, 11, .39);--shadow-error: 0 4px 14px 0 rgba(239, 68, 68, .39);--duration-instant: 0ms;--duration-fast: .15s;--duration-base: .3s;--duration-slow: .5s;--duration-slower: .7s;--duration-slowest: 1s;--easing-linear: linear;--easing-ease: ease;--easing-ease-in: ease-in;--easing-ease-out: ease-out;--easing-ease-in-out: ease-in-out;--easing-spring: cubic-bezier(.68, -.55, .265, 1.55);--easing-smooth: cubic-bezier(.4, 0, .2, 1);--easing-sharp: cubic-bezier(.4, 0, .6, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--z-index-hide: -1;--z-index-base: 0;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-notification: 1080;--z-index-max: 9999;--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--text-disabled: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--text-link: var(--color-brand-primary-600);--text-link-hover: var(--color-brand-primary-700);--text-success: var(--color-semantic-success-600);--text-warning: var(--color-semantic-warning-600);--text-error: var(--color-semantic-error-600);--text-info: var(--color-semantic-info-600);--background-primary: var(--color-neutral-0);--background-secondary: var(--color-neutral-50);--background-tertiary: var(--color-neutral-100);--background-inverse: var(--color-neutral-900);--background-disabled: var(--color-neutral-100);--background-overlay: rgba(0, 0, 0, .5);--border-default: var(--color-neutral-200);--border-hover: var(--color-neutral-300);--border-focus: var(--color-brand-primary-500);--border-error: var(--color-semantic-error-500);--border-success: var(--color-semantic-success-500);--interactive-default: var(--color-brand-primary-500);--interactive-hover: var(--color-brand-primary-600);--interactive-active: var(--color-brand-primary-700);--interactive-disabled: var(--color-neutral-300);--interactive-focus: var(--color-brand-primary-500);--grid-columns-1: 1;--grid-columns-2: 2;--grid-columns-3: 3;--grid-columns-4: 4;--grid-columns-5: 5;--grid-columns-6: 6;--grid-columns-7: 7;--grid-columns-8: 8;--grid-columns-9: 9;--grid-columns-10: 10;--grid-columns-11: 11;--grid-columns-12: 12;--container-max-width-xs: 320px;--container-max-width-sm: 640px;--container-max-width-md: 768px;--container-max-width-lg: 1024px;--container-max-width-xl: 1280px;--container-max-width-2xl: 1536px;--container-max-width-3xl: 1920px;--container-max-width-4xl: 2560px;--container-max-width-full: 100%;--aspect-ratio-square: 1 / 1;--aspect-ratio-video: 16 / 9;--aspect-ratio-cinema: 21 / 9;--aspect-ratio-portrait: 3 / 4;--aspect-ratio-landscape: 4 / 3;--aspect-ratio-ultrawide: 18 / 5;--aspect-ratio-golden: 1.618 / 1;--blur-none: 0;--blur-sm: 4px;--blur-base: 8px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 24px;--blur-2xl: 40px;--blur-3xl: 64px;--gradient-linear-primary: linear-gradient(135deg, rgba(59, 130, 246, 1) 0%, rgba(37, 99, 235, 1) 100%);--gradient-linear-secondary: linear-gradient(135deg, rgba(168, 85, 247, 1) 0%, rgba(147, 51, 234, 1) 100%);--gradient-linear-success: linear-gradient(135deg, rgba(34, 197, 94, 1) 0%, rgba(22, 163, 74, 1) 100%);--gradient-linear-warning: linear-gradient(135deg, rgba(245, 158, 11, 1) 0%, rgba(217, 119, 6, 1) 100%);--gradient-linear-error: linear-gradient(135deg, rgba(239, 68, 68, 1) 0%, rgba(220, 38, 38, 1) 100%);--gradient-linear-info: linear-gradient(135deg, rgba(14, 165, 233, 1) 0%, rgba(2, 132, 199, 1) 100%);--gradient-linear-neutral: linear-gradient(135deg, rgba(115, 115, 115, 1) 0%, rgba(64, 64, 64, 1) 100%);--gradient-radial-primary: radial-gradient(circle, rgba(59, 130, 246, 1) 0%, rgba(37, 99, 235, 1) 100%);--gradient-radial-secondary: radial-gradient(circle, rgba(168, 85, 247, 1) 0%, rgba(147, 51, 234, 1) 100%);--gradient-mesh-sunset: linear-gradient(135deg, rgba(251, 191, 36, 1) 0%, rgba(239, 68, 68, 1) 50%, rgba(168, 85, 247, 1) 100%);--gradient-mesh-ocean: linear-gradient(135deg, rgba(14, 165, 233, 1) 0%, rgba(59, 130, 246, 1) 50%, rgba(168, 85, 247, 1) 100%);--gradient-mesh-forest: linear-gradient(135deg, rgba(34, 197, 94, 1) 0%, rgba(14, 165, 233, 1) 50%, rgba(59, 130, 246, 1) 100%);--focus-ring-width-sm: 2px;--focus-ring-width-base: 3px;--focus-ring-width-lg: 4px;--focus-ring-offset-sm: 1px;--focus-ring-offset-base: 2px;--focus-ring-offset-lg: 4px;--focus-ring-color-primary: var(--color-brand-primary-500);--focus-ring-color-secondary: var(--color-brand-secondary-500);--focus-ring-color-success: var(--color-semantic-success-500);--focus-ring-color-warning: var(--color-semantic-warning-500);--focus-ring-color-error: var(--color-semantic-error-500);--focus-ring-color-info: var(--color-semantic-info-500);--focus-ring-style: solid;--icon-size-xs: 12px;--icon-size-sm: 16px;--icon-size-base: 20px;--icon-size-md: 24px;--icon-size-lg: 32px;--icon-size-xl: 40px;--icon-size-2xl: 48px;--icon-size-3xl: 64px;--icon-size-4xl: 96px;--icon-size-5xl: 128px;--motion-scale-0: 0;--motion-scale-50: .5;--motion-scale-75: .75;--motion-scale-90: .9;--motion-scale-95: .95;--motion-scale-100: 1;--motion-scale-105: 1.05;--motion-scale-110: 1.1;--motion-scale-125: 1.25;--motion-scale-150: 1.5;--motion-rotate-0: 0deg;--motion-rotate-45: 45deg;--motion-rotate-90: 90deg;--motion-rotate-180: 180deg;--motion-rotate-270: 270deg;--motion-rotate-360: 360deg;--motion-translate-0: 0;--motion-translate-1: .25rem;--motion-translate-2: .5rem;--motion-translate-3: .75rem;--motion-translate-4: 1rem;--motion-translate-full: 100%;--motion-skew-0: 0deg;--motion-skew-3: 3deg;--motion-skew-6: 6deg;--motion-skew-12: 12deg;--viewport-vw-10: 10vw;--viewport-vw-20: 20vw;--viewport-vw-25: 25vw;--viewport-vw-30: 30vw;--viewport-vw-40: 40vw;--viewport-vw-50: 50vw;--viewport-vw-60: 60vw;--viewport-vw-70: 70vw;--viewport-vw-75: 75vw;--viewport-vw-80: 80vw;--viewport-vw-90: 90vw;--viewport-vw-100: 100vw;--viewport-vh-10: 10vh;--viewport-vh-20: 20vh;--viewport-vh-25: 25vh;--viewport-vh-30: 30vh;--viewport-vh-40: 40vh;--viewport-vh-50: 50vh;--viewport-vh-60: 60vh;--viewport-vh-70: 70vh;--viewport-vh-75: 75vh;--viewport-vh-80: 80vh;--viewport-vh-90: 90vh;--viewport-vh-100: 100vh;--accessibility-focus-outline: var(--focus-ring-width-base) var(--focus-ring-style) var(--focus-ring-color-primary);--accessibility-focus-outline-offset: var(--focus-ring-offset-base);--accessibility-touch-target-min-width: 44px;--accessibility-touch-target-min-height: 44px;--transform-none: none;--transform-scale-up: scale(1.05);--transform-scale-down: scale(.95);--transform-rotate-90: rotate(90deg);--transform-rotate-180: rotate(180deg);--transform-rotate-270: rotate(270deg);--transform-flip-x: scaleX(-1);--transform-flip-y: scaleY(-1);--transform-perspective-sm: 500px;--transform-perspective-base: 1000px;--transform-perspective-lg: 1500px;--filter-brightness-50: brightness(.5);--filter-brightness-75: brightness(.75);--filter-brightness-90: brightness(.9);--filter-brightness-100: brightness(1);--filter-brightness-110: brightness(1.1);--filter-brightness-125: brightness(1.25);--filter-brightness-150: brightness(1.5);--filter-contrast-50: contrast(.5);--filter-contrast-75: contrast(.75);--filter-contrast-100: contrast(1);--filter-contrast-125: contrast(1.25);--filter-contrast-150: contrast(1.5);--filter-grayscale-0: grayscale(0);--filter-grayscale-50: grayscale(.5);--filter-grayscale-100: grayscale(1);--filter-blur-none: blur(0);--filter-blur-sm: blur(4px);--filter-blur-base: blur(8px);--filter-blur-md: blur(12px);--filter-blur-lg: blur(16px);--filter-blur-xl: blur(24px);--filter-saturate-0: saturate(0);--filter-saturate-50: saturate(.5);--filter-saturate-100: saturate(1);--filter-saturate-150: saturate(1.5);--filter-saturate-200: saturate(2);--filter-sepia-0: sepia(0);--filter-sepia-50: sepia(.5);--filter-sepia-100: sepia(1);--filter-invert-0: invert(0);--filter-invert-50: invert(.5);--filter-invert-100: invert(1);--filter-hue-rotate-0: hue-rotate(0deg);--filter-hue-rotate-90: hue-rotate(90deg);--filter-hue-rotate-180: hue-rotate(180deg);--filter-hue-rotate-270: hue-rotate(270deg)}@media (prefers-color-scheme: dark){:root{--text-primary: var(--color-neutral-0);--text-secondary: var(--color-neutral-400);--text-tertiary: var(--color-neutral-500);--text-disabled: var(--color-neutral-600);--text-inverse: var(--color-neutral-900);--background-primary: var(--color-neutral-1000);--background-secondary: var(--color-neutral-950);--background-tertiary: var(--color-neutral-900);--background-inverse: var(--color-neutral-0);--background-disabled: var(--color-neutral-900);--border-default: var(--color-neutral-800);--border-hover: var(--color-neutral-700)}}