:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@media (max-width: 576px){h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}body{font-size:.95rem}body:before{content:"MOBILE v2";position:fixed;top:0;left:0;background:#ff6b6b;color:#fff;padding:4px 8px;font-size:10px;font-weight:700;z-index:9999;border-radius:0 0 4px}}:root{--cm-radius-xs: 4px;--cm-radius-sm: 6px;--cm-radius-md: 8px;--cm-radius-lg: 12px;--cm-radius-xl: 16px}:root{--cm-shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--cm-shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--cm-shadow-lg: 0 4px 6px rgba(0, 0, 0, .1);--cm-shadow-hover: 0 2px 4px rgba(0, 0, 0, .1)}:root{--cm-space-xs: .25rem;--cm-space-sm: .5rem;--cm-space-md: .75rem;--cm-space-lg: 1rem;--cm-space-xl: 1.5rem;--cm-space-2xl: 2rem;--cm-space-3xl: 3rem}:root{--cm-font-xs: .7rem;--cm-font-sm: .8rem;--cm-font-base: .875rem;--cm-font-md: 1rem;--cm-font-lg: 1.125rem;--cm-font-xl: 1.25rem;--cm-font-2xl: 1.5rem;--cm-font-3xl: 1.875rem}:root{--cm-gray-50: #f8fafc;--cm-gray-100: #f1f5f9;--cm-gray-200: #e2e8f0;--cm-gray-300: #cbd5e1;--cm-gray-400: #94a3b8;--cm-gray-500: #64748b;--cm-gray-600: #475569;--cm-gray-700: #334155;--cm-gray-800: #1e293b;--cm-gray-900: #0f172a;--cm-blue-50: #eff6ff;--cm-blue-100: #dbeafe;--cm-blue-500: #3b82f6;--cm-blue-600: #2563eb;--cm-blue-700: #1d4ed8;--cm-green-50: #f0fdf4;--cm-green-100: #dcfce7;--cm-green-500: #10b981;--cm-green-600: #059669;--cm-green-700: #047857;--cm-red-50: #fef2f2;--cm-red-100: #fee2e2;--cm-red-500: #ef4444;--cm-red-600: #dc2626;--cm-red-700: #b91c1c;--cm-purple-50: #f5f3ff;--cm-purple-100: #ede9fe;--cm-purple-500: #8b5cf6;--cm-purple-600: #7c3aed;--cm-purple-700: #6d28d9}:root{--cm-border-light: 1px solid var(--cm-gray-200);--cm-border-medium: 1px solid var(--cm-gray-300);--cm-border-strong: 1px solid var(--cm-gray-400)}.cm-card{border-radius:var(--cm-radius-md);box-shadow:var(--cm-shadow-sm);border:var(--cm-border-light)}.cm-card-hover{border-radius:var(--cm-radius-md);box-shadow:var(--cm-shadow-hover);border:var(--cm-border-medium)}.cm-text-xs{font-size:var(--cm-font-xs)}.cm-text-sm{font-size:var(--cm-font-sm)}.cm-text-base{font-size:var(--cm-font-base)}.cm-text-md{font-size:var(--cm-font-md)}.cm-text-lg{font-size:var(--cm-font-lg)}.cm-text-xl{font-size:var(--cm-font-xl)}.cm-text-muted{color:var(--cm-gray-500)}.cm-text-subtle{color:var(--cm-gray-400)}.cm-space-xs{margin:var(--cm-space-xs)}.cm-space-sm{margin:var(--cm-space-sm)}.cm-space-md{margin:var(--cm-space-md)}.cm-space-lg{margin:var(--cm-space-lg)}.cm-space-xl{margin:var(--cm-space-xl)}.signal-tile{background:linear-gradient(180deg,var(--cm-white),var(--cm-gray-50));border:var(--cm-border-light);border-radius:var(--cm-radius-md);padding:var(--cm-space-md);height:100%;cursor:pointer;transition:all .2s ease}.signal-tile:hover{box-shadow:var(--cm-shadow-lg);transform:translateY(-1px)}.tile-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--cm-space-sm)}.stage-section{margin-bottom:var(--cm-space-xl)}.performance-insights-chips .stage-section{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--cm-space-md)!important;flex-direction:unset!important}.performance-insights-chips .chip-tile{width:auto!important;max-width:none!important;grid-column:auto!important;padding:var(--cm-space-sm) var(--cm-space-md)!important;min-height:auto!important;line-height:1.2!important}.performance-insights-chips .chip-tile.is-primary{border:2px solid var(--cm-blue-600)!important;box-shadow:var(--cm-shadow-lg)!important;transform:scale(1.02)!important}.tile-icon{width:24px;height:24px;border-radius:var(--cm-radius-sm);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:#fff}.tile-icon.intensity{background:var(--cm-teal-500)}.tile-icon.efficiency{background:var(--cm-green-500)}.tile-icon.productivity{background:var(--cm-purple-500)}.tile-icon.velocity{background:var(--cm-orange-500)}.tile-status{font-size:var(--cm-font-xs);padding:var(--cm-space-xs) var(--cm-space-sm);border-radius:var(--cm-radius-sm);font-weight:600;text-transform:uppercase}.tile-status.live{background:var(--cm-green-100);color:var(--cm-green-800)}.tile-status.partial{background:var(--cm-yellow-100);color:var(--cm-yellow-800)}.tile-status.incomplete{background:var(--cm-red-100);color:var(--cm-red-800)}.tile-value{font-size:var(--cm-font-lg);font-weight:700;color:var(--cm-gray-900);margin-bottom:var(--cm-space-xs);text-align:center}.tile-delta{font-size:var(--cm-font-xs);font-weight:500;color:var(--cm-gray-500);margin-bottom:var(--cm-space-xs);text-align:center}.tile-label{font-size:var(--cm-font-sm);font-weight:500;color:var(--cm-gray-700);margin-bottom:var(--cm-space-xs);text-align:center}.tile-time{font-size:var(--cm-font-xs);color:var(--cm-gray-500);text-align:center}.signal-tiles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--cm-space-sm)}.cm-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cm-space-md)}@media (max-width: 1200px){.cm-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.cm-grid{grid-template-columns:repeat(2,1fr)}}.ide-comparison-container{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:16px!important;margin-bottom:24px;flex-direction:unset!important;flex-wrap:unset!important;.cm-grid-ide-comparison{grid-template-columns:1fr}}.performance-insights-chips .stage-section{display:grid!important;grid-template-columns:repeat(3,minmax(280px,1fr))!important;gap:16px!important;align-items:stretch;width:100%!important;flex-direction:unset!important;flex-wrap:unset!important;flex:none!important;max-width:none!important;justify-content:unset!important;align-content:unset!important}@media (max-width: 1200px){.performance-insights-chips .stage-section{grid-template-columns:repeat(2,minmax(280px,1fr))!important}}@media (max-width: 768px){.performance-insights-chips .stage-section{grid-template-columns:1fr!important}}.pi-chips-grid{align-items:stretch;flex:none!important}.pi-chips-grid>*{width:auto!important;max-width:none!important;min-width:0!important;display:block;grid-column:auto!important}.chip-tile{width:auto!important;max-width:none!important;flex:initial!important;min-width:0!important;flex-basis:unset!important;flex-grow:0!important;flex-shrink:1!important}.pi-chips-grid .chip-tile.expanded{grid-column:1 / -1!important}.insight-chip-container{position:relative}.insight-chip-expanded{grid-column:1 / -1}.insight-chip-expanded-content{grid-column:1 / -1;width:100%;margin-top:.5rem;padding:1rem;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.signal-tiles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.signal-tiles-grid{grid-template-columns:1fr}}