:root{--color-primary: #5b7ff5;--color-primary-hover: #4a6fe0;--color-primary-active: #3f5ec8;--color-primary-bg: rgba(91, 127, 245, .08);--color-primary-bg-hover: rgba(91, 127, 245, .14);--color-primary-bg-strong: rgba(91, 127, 245, .18);--color-primary-border: rgba(91, 127, 245, .3);--color-primary-ring: rgba(91, 127, 245, .15);--color-primary-ring-soft: rgba(91, 127, 245, .1);--color-primary-light: #7da0f8;--color-text-primary: #1d1d1f;--color-text-secondary: #86868b;--color-text-tertiary: #aeaeb2;--color-text-placeholder: #c7c7cc;--color-bg-page: #f5f5f7;--color-bg-surface: #ffffff;--color-bg-surface-2: #fafafa;--color-bg-surface-3: #ececee;--color-bg-dark: #1e1e22;--color-bg-dark-2: #2a2a2e;--color-bg-dark-3: #1a1a1e;--color-border: rgba(0, 0, 0, .06);--color-border-strong: rgba(0, 0, 0, .1);--color-border-subtle: rgba(0, 0, 0, .04);--color-danger: #ff3b30;--color-danger-hover: #e0332b;--color-danger-bg: rgba(255, 59, 48, .06);--color-success: #10b981;--color-success-bg: rgba(16, 185, 129, .1);--color-warning: #e17055;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 18px;--radius-3xl: 20px;--shadow-xs: 0 1px 3px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .08);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .1), 0 1px 4px rgba(0, 0, 0, .04);--shadow-xl: 0 8px 40px rgba(0, 0, 0, .12);--shadow-primary: 0 1px 3px rgba(91, 127, 245, .3);--shadow-primary-lg: 0 4px 14px rgba(91, 127, 245, .35);--transition-fast: all .15s ease;--transition-base: all .2s ease;--transition-slow: all .3s ease;--font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Menlo", "Monaco", monospace;--tooltip-bg: rgba(30, 30, 30, .92);--tooltip-color: #ffffff;--tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .15)}.has-tooltip{position:relative}.has-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--tooltip-bg);color:var(--tooltip-color);font-size:12px;line-height:1;padding:6px 10px;border-radius:var(--radius-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;font-family:inherit;letter-spacing:.02em;box-shadow:var(--tooltip-shadow);z-index:999}.has-tooltip:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(4px);border:4px solid transparent;border-top-color:var(--tooltip-bg);pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease}.has-tooltip:hover:after,.has-tooltip:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.has-tooltip.tooltip-bottom:after{bottom:auto;top:calc(100% + 8px);transform:translate(-50%) translateY(-4px)}.has-tooltip.tooltip-bottom:before{bottom:auto;top:calc(100% + 4px);border-top-color:transparent;border-bottom-color:var(--tooltip-bg);transform:translate(-50%) translateY(-4px)}.has-tooltip.tooltip-bottom:hover:after,.has-tooltip.tooltip-bottom:hover:before{transform:translate(-50%) translateY(0)}*{font-family:var(--font-system)}