:root{--primary: #E8530A;--primary-hover: #CC4A08;--primary-active: #B03E06;--primary-soft: rgba(232, 83, 10, .1);--primary-glow: rgba(232, 83, 10, .18);--shell-bg: #0F172A;--shell-elevated: #1E293B;--shell-border: rgba(255, 255, 255, .08);--shell-text: #E2E8F0;--shell-text-muted: #94A3B8;--canvas: #F9F8F6;--canvas-white: #FFFFFF;--canvas-soft: #F1F0ED;--canvas-hover: #EBEAE6;--ink: #1A1D23;--body: #4A4F59;--body-muted: #737882;--caption: #9CA0A9;--hairline: #E4E2DE;--hairline-strong: #D1CECA;--success: #0D9488;--success-soft: rgba(13, 148, 136, .1);--success-text: #0F766E;--warning: #F59E0B;--warning-soft: rgba(245, 158, 11, .1);--warning-text: #B45309;--danger: #DC2626;--danger-soft: rgba(220, 38, 38, .1);--danger-text: #B91C1C;--info: #3B82F6;--info-soft: rgba(59, 130, 246, .1);--font-display: "Manrope", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size-display-xl: 48px;--font-size-display-lg: 36px;--font-size-h1: 32px;--font-size-h2: 24px;--font-size-h3: 20px;--font-size-body-lg: 17px;--font-size-body-md: 15px;--font-size-body-sm: 13px;--font-size-caption: 12px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 9999px;--shadow-card: 0 4px 16px rgba(26, 29, 35, .06), 0 1px 3px rgba(26, 29, 35, .04);--shadow-card-hover: 0 8px 24px rgba(26, 29, 35, .1), 0 2px 8px rgba(26, 29, 35, .06);--shadow-dropdown: 0 8px 32px rgba(26, 29, 35, .12);--shadow-modal: 0 12px 48px rgba(26, 29, 35, .16);--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--space-section: 48px;--breakpoint-mobile: 375px;--breakpoint-tablet: 768px;--breakpoint-desktop: 1024px;--breakpoint-wide: 1440px}[data-theme=dark]{--canvas: #0F172A;--canvas-white: #1E293B;--canvas-soft: #334155;--ink: #E2E8F0;--body: #CBD5E1;--body-muted: #94A3B8}.card-interactive{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.btn{transition:all var(--transition-fast);cursor:pointer}.btn:active{transform:scale(.97)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--canvas-soft) 25%,var(--canvas-hover) 50%,var(--canvas-soft) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pingPulse{0%,to{opacity:1}50%{opacity:.6}}.ping-dot{position:relative;display:inline-flex;width:12px;height:12px}.ping-dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--primary);animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.ping-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:var(--primary);animation:pingPulse 1.5s ease-in-out infinite}.card-selected{border-color:var(--primary)!important;box-shadow:0 0 0 1px var(--primary-glow),var(--shadow-card-hover)}.gen-context-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--canvas-soft);border-radius:var(--radius-pill);font-size:12px;font-weight:600;color:var(--body);letter-spacing:.3px}.gen-context-badge .gen-name{font-family:var(--font-display);color:var(--ink)}.gen-context-badge .gen-year{color:var(--caption)}.card-hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal),border-color var(--transition-normal)}.card-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.focus-ring:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}