:root{--color-primary: #1a5276;--color-primary-hover: #154360;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-background: #ffffff;--color-text: #1a1a2e;--color-text-muted: #5a6270;--color-text-subtle: #8c939e;--color-border: #e1e4e8;--color-border-subtle: #eef0f3;--color-success: #27ae60;--color-warning: #d4a017;--color-danger: #c0392b;--color-accent: #2980b9;--color-active-bg: #e8f0fe;--color-hover-bg: #f5f6f8;--color-button-primary: #000000;--color-button-primary-hover: #1a1a1a;--color-button-primary-text: #ffffff;--color-header-bg: #ffffff;--color-header-border: #e1e4e8;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-mono: "SF Mono", "Fira Code", "Fira Mono", ui-monospace, Menlo, Consolas, monospace;--font-size-base: 14px;--font-size-small: 12px;--font-size-xsmall: 11px;--font-size-heading: 22px;--font-size-heading-small: 18px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-small: 6px;--radius-medium: 10px;--radius-large: 14px;--radius-pill: 999px;--spacing-unit: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--sidebar-width: 260px;--header-height: 48px;--nav-bar-height: 48px;--pf-blue: #0070d2;--pf-navy: #1b2a4a;--pf-gray-50: #f9fafb;--pf-gray-100: #f3f4f6;--pf-gray-200: #e5e7eb;--pf-gray-300: #d1d5db;--pf-gray-400: #9ca3af;--pf-gray-500: #6b7280;--pf-gray-600: #4b5563;--pf-gray-700: #374151;--pf-gray-800: #1f2937;--pf-gray-900: #111827;--pf-red: #dc2626;--pf-red-light: #fef2f2;--pf-red-border: #fecaca;--pf-color-white: #ffffff;--pf-color-brand: var(--pf-blue);--pf-color-brand-ring-strong: rgba(0, 112, 210, .45);--pf-color-gray-50: var(--pf-gray-50);--pf-color-gray-100: var(--pf-gray-100);--pf-color-gray-200: var(--pf-gray-200);--pf-color-gray-300: var(--pf-gray-300);--pf-color-gray-500: var(--pf-gray-500);--pf-color-gray-600: var(--pf-gray-600);--pf-color-gray-700: var(--pf-gray-700);--pf-color-gray-800: var(--pf-gray-800);--pf-color-gray-900: var(--pf-gray-900);--pf-color-blue-50: #eff6ff;--pf-color-blue-100: #dbeafe;--pf-color-blue-200: #bfdbfe;--pf-color-blue-300: #93c5fd;--pf-color-blue-500: #3b82f6;--pf-color-blue-600: #2563eb;--pf-color-blue-700: #1d4ed8;--pf-color-blue-800: #1e40af;--pf-color-green-50: #ecfdf5;--pf-color-green-200: #a7f3d0;--pf-color-green-500: #10b981;--pf-color-green-800: #065f46;--pf-color-amber-50: #fffbeb;--pf-color-amber-100: #fef3c7;--pf-color-amber-200: #fde68a;--pf-color-amber-300: #fcd34d;--pf-color-amber-800: #92400e;--pf-color-red-50: #fef2f2;--pf-color-red-200: #fecaca;--pf-color-red-500: #ef4444;--pf-color-red-800: #991b1b;--pf-color-violet-50: #f5f3ff;--pf-color-violet-200: #ddd6fe;--pf-color-indigo-500: #6366f1;--pf-space-0-5: 2px;--pf-space-1: 4px;--pf-space-1-5: 6px;--pf-space-2: 8px;--pf-space-2-5: 10px;--pf-space-3: 12px;--pf-space-4: 16px;--pf-space-4-5: 18px;--pf-space-5: 20px;--pf-space-6: 24px;--pf-text-2xs: .625rem;--pf-text-xs: .75rem;--pf-text-base-sm: .8125rem;--pf-text-base: .875rem;--pf-text-md: 1rem;--pf-text-2xl: 1.5rem;--pf-text-3xl: 1.875rem;--pf-weight-medium: 500;--pf-weight-semibold: 600;--pf-weight-bold: 700;--pf-leading-normal: 1.5;--pf-leading-relaxed: 1.6;--pf-leading-loose: 1.75;--pf-font-mono: "SF Mono", "Fira Code", ui-monospace, Menlo, Consolas, monospace;--pf-radius-xs: 2px;--pf-radius-sm: 4px;--pf-radius-md: 6px;--pf-radius-lg: 8px;--pf-radius-full: 9999px;--pf-shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--pf-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--pf-shadow-dropdown: 0 4px 12px rgba(0, 0, 0, .1);--pf-transition-fast: .12s ease;--pf-transition-slow: .3s ease;--pf-overlay-light: rgba(0, 0, 0, .03);--pf-overlay-subtle: rgba(0, 0, 0, .06);--pf-overlay-medium: rgba(0, 0, 0, .08);--pf-overlay-backdrop: rgba(0, 0, 0, .35);--pf-text-on-surface: rgba(0, 0, 0, .5);--pf-color-blue-tint: rgba(0, 102, 204, .08);--pf-color-blue-tint-hover: rgba(0, 102, 204, .14);--pf-color-gray-tint: rgba(107, 114, 128, .08);--pf-color-gray-tint-hover: rgba(107, 114, 128, .14);--pf-color-indigo-tint: rgba(99, 102, 241, .08);--pf-color-indigo-tint-hover: rgba(99, 102, 241, .14);--pf-size-content-max: 720px;--pf-size-avatar-md: 32px;--transition-fast: .12s ease;--transition-medium: .2s ease;--shadow-content: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .04);--shadow-sidebar: 1px 0 0 var(--color-border-subtle);--content-frame-radius: 10px;--content-frame-margin: 12px;--player-color-primary: var(--color-primary);--player-color-primary-hover: var(--color-primary-hover);--player-color-surface: var(--color-surface);--player-color-surface-raised: var(--color-surface-raised);--player-color-background: var(--color-background);--player-color-text: var(--color-text);--player-color-text-muted: var(--color-text-muted);--player-color-text-subtle: var(--color-text-subtle);--player-color-border: var(--color-border);--player-color-border-subtle: var(--color-border-subtle);--player-color-success: var(--color-success);--player-color-danger: var(--color-danger);--player-color-accent: var(--color-accent);--player-color-active-bg: var(--color-active-bg);--player-color-hover-bg: var(--color-hover-bg);--player-color-header-bg: var(--color-header-bg);--player-color-header-border: var(--color-header-border);--player-font-family: var(--font-family);--player-font-size-base: var(--font-size-base);--player-font-size-small: var(--font-size-small);--player-font-size-xsmall: var(--font-size-xsmall);--player-font-size-heading: var(--font-size-heading);--player-font-weight-normal: var(--font-weight-normal);--player-font-weight-medium: var(--font-weight-medium);--player-font-weight-semibold: var(--font-weight-semibold);--player-font-weight-bold: var(--font-weight-bold);--player-radius-small: var(--radius-small);--player-radius-medium: var(--radius-medium);--player-radius-large: var(--radius-large);--player-spacing-unit: var(--spacing-unit);--player-sidebar-width: var(--sidebar-width);--player-header-height: var(--header-height);--player-nav-bar-height: var(--nav-bar-height);--player-transition-fast: var(--transition-fast);--player-transition-medium: var(--transition-medium);--player-shadow-content: var(--shadow-content);--player-shadow-sidebar: var(--shadow-sidebar);--player-content-frame-radius: var(--content-frame-radius);--player-content-frame-margin: var(--content-frame-margin)}:root.theme-dark{--color-primary: #5b9bd5;--color-primary-hover: #7bb3e0;--color-surface: #1c1c1e;--color-surface-raised: #2c2c2e;--color-background: #0e0e10;--color-text: #e5e5e7;--color-text-muted: #98989f;--color-text-subtle: #636366;--color-border: #2c2c2e;--color-border-subtle: #1c1c1e;--color-success: #32d74b;--color-warning: #facc15;--color-danger: #ff453a;--color-accent: #64d2ff;--color-active-bg: #1c3a5c;--color-hover-bg: #232325;--color-button-primary: #ffffff;--color-button-primary-hover: #e5e5e7;--color-button-primary-text: #000000;--color-header-bg: #161618;--color-header-border: #2c2c2e;--shadow-content: 0 2px 8px rgba(0, 0, 0, .3), 0 0 0 1px rgba(255, 255, 255, .06);--shadow-sidebar: 1px 0 0 var(--color-border)}:root.theme-high-contrast{--color-primary: #ffffff;--color-primary-hover: #f0f0f0;--color-surface: #000000;--color-surface-raised: #0a0a0a;--color-background: #000000;--color-text: #ffffff;--color-text-muted: #cccccc;--color-text-subtle: #999999;--color-border: #666666;--color-border-subtle: #333333;--color-success: #00ff00;--color-warning: #ffff00;--color-danger: #ff4444;--color-accent: #ffff00;--color-active-bg: #333333;--color-hover-bg: #1a1a1a;--color-button-primary: #ffffff;--color-button-primary-hover: #e0e0e0;--color-button-primary-text: #000000;--color-header-bg: #000000;--color-header-border: #666666;--font-size-base: 16px;--font-size-small: 14px;--font-size-xsmall: 13px;--font-size-heading: 26px;--font-size-heading-small: 22px;--radius-small: 2px;--radius-medium: 4px;--radius-large: 6px;--spacing-unit: 10px;--sidebar-width: 280px;--header-height: 52px;--nav-bar-height: 52px;--transition-fast: 0s;--transition-medium: 0s;--shadow-content: 0 0 0 2px #666666;--shadow-sidebar: 2px 0 0 #666666;--content-frame-radius: 4px}@keyframes pf-spin{to{transform:rotate(360deg)}}@keyframes pf-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes pf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pf-fade-in-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background:var(--color-background)}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit;padding:0}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}