:root{--container-max: 1280px;--container-content: 1280px;--container-narrow: 768px;--container-wide: 1536px;--container-padding: var(--space-6);--container-padding-mobile: 1rem;--grid-columns: 12;--grid-gap: var(--space-6);--grid-gap-sm: 1rem;--grid-gap-lg: 2rem;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: ui-monospace, "Cascadia Code", "Fira Code", Consolas, "Liberation Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-fluid-sm: clamp(.875rem, .8rem + .5vw, 1rem);--text-fluid-base: clamp(1rem, .95rem + .5vw, 1.125rem);--text-fluid-lg: clamp(1.125rem, 1rem + 1vw, 1.5rem);--text-fluid-xl: clamp(1.25rem, 1.1rem + 1.25vw, 1.875rem);--text-fluid-2xl: clamp(1.5rem, 1.25rem + 1.5vw, 2.25rem);--text-fluid-3xl: clamp(1.875rem, 1.5rem + 2vw, 3rem);--text-fluid-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3.75rem);--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4), 0 4px 6px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .4), 0 8px 10px rgba(0, 0, 0, .3);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .3);--shadow-none: none;--duration-fast: .15s;--duration-base: .25s;--duration-slow: .35s;--duration-slower: .5s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--transition-fast: var(--duration-fast) var(--ease-out);--transition-base: var(--duration-base) var(--ease-out);--transition-slow: var(--duration-slow) var(--ease-out);--animation-spin: spin 1s linear infinite;--animation-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animation-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-bounce: bounce 1s infinite;--animation-fade-in: fadeIn var(--duration-base) var(--ease-out);--animation-slide-up: slideUp var(--duration-base) var(--ease-out);--animation-slide-down: slideDown var(--duration-base) var(--ease-out);--z-below: -1;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--border-width-thin: 1px;--border-width-base: 2px;--border-width-thick: 4px;--opacity-disabled: .5;--opacity-muted: .7;--opacity-hover: .8;--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: var(--brand-color);--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(16px);--backdrop-blur-xl: blur(24px);--backdrop-glass: blur(10px) saturate(180%);--backdrop-opacity: rgba(0, 0, 0, .3);--shell-bg-start: #121212;--shell-bg-end: #0a0a0a;--shell-dropdown: #232323;--shell-text: #ffffff;--shell-text-muted: #d3d7de;--shell-border: rgba(255, 255, 255, .1);--shell-input-bg: rgba(0, 0, 0, .2);--shell-backdrop: rgba(0, 0, 0, .5);--shell-bg-light-start: #f9fafb;--shell-bg-light-end: #ffffff;--shell-dropdown-light: #f3f4f6;--shell-text-light: var(--text-primary);--shell-text-muted-light: var(--text-secondary);--shell-border-light: var(--border-default);--shell-input-bg-light: var(--bg-muted);--header-height: 66px;--header-logo-size: 40px;--header-btn-size: 36px;--header-mobile-width: 320px}@media(max-width:768px){:root{--container-padding: var(--container-padding-mobile);--grid-gap: var(--grid-gap-sm)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}:root{--bg-base: #0f0f10;--bg-surface: #151516;--bg-elevated: #1c1c1e;--bg-muted: #232325;--bg-overlay: rgba(0, 0, 0, .65);--text-primary: #f5f5f5;--text-secondary: #a3a3a3;--text-muted: #737373;--text-disabled: #525252;--text-inverse: #0a0a0a;--border-default: #262626;--border-muted: #1f1f1f;--border-strong: #404040;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .15);--color-success-50: #f0fdf4;--color-success-500: #22c55e;--color-success-700: #15803d;--color-success-900: #14532d;--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .15);--color-warning-50: #fffbeb;--color-warning-500: #f59e0b;--color-warning-700: #b45309;--color-warning-900: #78350f;--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .15);--color-error-50: #fef2f2;--color-error-500: #ef4444;--color-error-700: #b91c1c;--color-error-900: #7f1d1d;--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .15);--color-info-50: #eff6ff;--color-info-500: #3b82f6;--color-info-700: #1d4ed8;--color-info-900: #1e3a8a;--color-purple: #9c27b0;--color-purple-bg: rgba(156, 39, 176, .15);--color-purple-50: #faf5ff;--color-purple-500: #9c27b0;--color-purple-700: #7b1fa2;--color-purple-900: #4a148c;--interactive-hover: rgba(255, 255, 255, .05);--interactive-active: rgba(255, 255, 255, .1);--interactive-selected: rgba(255, 255, 255, .08);--scrollbar-track: #1a1a1a;--scrollbar-thumb: #404040;--scrollbar-thumb-hover: #525252;--divider: #262626;--link-color: var(--brand-color);--link-hover: var(--brand-color-accent);--action-feedback: #9c27b0;--action-feedback-hover: #7b1fa2;--action-support: #4caf50;--action-support-hover: #388e3c;--action-changelog: #ffc107;--action-changelog-hover: #ffa000}[data-theme=light],:root:not([data-theme])[data-system-light=true]{--bg-base: #ffffff;--bg-surface: #f9fafb;--bg-elevated: #ffffff;--bg-overlay: rgba(255, 255, 255, .9);--bg-muted: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-disabled: #9ca3af;--text-inverse: #ffffff;--border-default: #e5e7eb;--border-muted: #f3f4f6;--border-strong: #d1d5db;--color-success: #16a34a;--color-success-bg: rgba(22, 163, 74, .1);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .1);--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .1);--color-info: #2563eb;--color-info-bg: rgba(37, 99, 235, .1);--color-purple: #7b1fa2;--color-purple-bg: rgba(123, 31, 162, .1);--interactive-hover: rgba(0, 0, 0, .04);--interactive-active: rgba(0, 0, 0, .08);--interactive-selected: rgba(0, 0, 0, .06);--scrollbar-track: #f3f4f6;--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af;--divider: #e5e7eb;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shell-bg-start: var(--bg-surface);--shell-bg-end: var(--bg-base);--shell-dropdown: #f3f4f6;--shell-text: var(--text-primary);--shell-text-muted: var(--text-secondary);--shell-border: var(--border-default);--shell-input-bg: var(--bg-muted);--shell-backdrop: rgba(0, 0, 0, .3)}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg-base: #ffffff;--bg-surface: #f9fafb;--bg-elevated: #ffffff;--bg-overlay: rgba(255, 255, 255, .9);--bg-muted: #f3f4f6;--text-primary: #111827;--text-secondary: #4b5563;--text-muted: #6b7280;--text-disabled: #9ca3af;--text-inverse: #ffffff;--border-default: #e5e7eb;--border-muted: #f3f4f6;--border-strong: #d1d5db;--color-success: #16a34a;--color-success-bg: rgba(22, 163, 74, .1);--color-warning: #d97706;--color-warning-bg: rgba(217, 119, 6, .1);--color-error: #dc2626;--color-error-bg: rgba(220, 38, 38, .1);--color-info: #2563eb;--color-info-bg: rgba(37, 99, 235, .1);--color-purple: #7b1fa2;--color-purple-bg: rgba(123, 31, 162, .1);--interactive-hover: rgba(0, 0, 0, .04);--interactive-active: rgba(0, 0, 0, .08);--interactive-selected: rgba(0, 0, 0, .06);--scrollbar-track: #f3f4f6;--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: #9ca3af;--divider: #e5e7eb;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 8px 10px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .15);--shell-bg-start: var(--bg-surface);--shell-bg-end: var(--bg-base);--shell-dropdown: #f3f4f6;--shell-text: var(--text-primary);--shell-text-muted: var(--text-secondary);--shell-border: var(--border-default);--shell-input-bg: var(--bg-muted);--shell-backdrop: rgba(0, 0, 0, .3)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .justify-start{justify-content:flex-end}[dir=rtl] .justify-end{justify-content:flex-start}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-right:0;margin-left:auto}[dir=rtl] .pl-4{padding-left:0;padding-right:var(--space-4)}[dir=rtl] .pr-4{padding-right:0;padding-left:var(--space-4)}[dir=rtl] .text-left{text-align:right}[dir=rtl] .text-right{text-align:left}[dir=rtl] .left-0{left:auto;right:0}[dir=rtl] .right-0{right:auto;left:0}[dir=rtl] .border-l{border-left:none;border-right:var(--border-width-thin) solid var(--border-default)}[dir=rtl] .border-r{border-right:none;border-left:var(--border-width-thin) solid var(--border-default)}[dir=rtl] .icon-flip,[dir=rtl] .icon-arrow-left,[dir=rtl] .icon-arrow-right,[dir=rtl] .icon-chevron-left,[dir=rtl] .icon-chevron-right{transform:scaleX(-1)}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] select{text-align:right}[dir=rtl] input[type=number]{text-align:left;direction:ltr}[dir=rtl] ul,[dir=rtl] ol{padding-right:var(--space-4);padding-left:0}[dir=rtl] table{direction:rtl}[dir=rtl] th,[dir=rtl] td{text-align:right}[dir=rtl]{scrollbar-gutter:stable both-edges}[dir=rtl] .ltr,[dir=rtl] code,[dir=rtl] pre,[dir=rtl] .font-mono{direction:ltr;text-align:left}[dir=rtl] .dropdown-menu{left:auto;right:0}[dir=rtl] .modal-header,[dir=rtl] .modal-footer{flex-direction:row-reverse}