*{box-sizing:border-box}:root{--cardiac-primary: var(--pico-primary);--cardiac-success: var(--pico-ins-color);--cardiac-warning: #ff9500;--cardiac-danger: var(--pico-del-color);--cardiac-info: #3b82f6;--cardiac-chart-bg: var(--pico-card-background-color);--cardiac-chart-border: var(--pico-border-color);--cardiac-spacing-xs: .25rem;--cardiac-spacing-sm: .5rem;--cardiac-spacing-md: 1rem;--cardiac-spacing-lg: 1.5rem;--cardiac-spacing-xl: 2rem}[data-theme=dark]{--cardiac-warning: #ffad33;--cardiac-info: #60a5fa}.chart-container{background:var(--cardiac-chart-bg);border:1px solid var(--cardiac-chart-border);border-radius:var(--pico-border-radius);padding:var(--cardiac-spacing-lg);margin:var(--cardiac-spacing-md) 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--cardiac-spacing-md);margin:var(--cardiac-spacing-md) 0}.metric-card{background:var(--pico-card-background-color);border:1px solid var(--pico-border-color);border-radius:var(--pico-border-radius);padding:var(--cardiac-spacing-lg)}.controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--cardiac-spacing-md);background:var(--pico-card-background-color);border-radius:var(--pico-border-radius);padding:var(--cardiac-spacing-lg);margin:var(--cardiac-spacing-md) 0}.insight-success{background:color-mix(in srgb,var(--cardiac-success) 8%,transparent);border:1px solid var(--cardiac-success);border-radius:var(--pico-border-radius);padding:var(--cardiac-spacing-lg);margin:var(--cardiac-spacing-md) 0}.insight-warning{background:color-mix(in srgb,var(--cardiac-warning) 8%,transparent);border:1px solid var(--cardiac-warning);border-radius:var(--pico-border-radius);padding:var(--cardiac-spacing-lg);margin:var(--cardiac-spacing-md) 0}.insight-danger{background:color-mix(in srgb,var(--cardiac-danger) 8%,transparent);border:1px solid var(--cardiac-danger);border-radius:var(--pico-border-radius);padding:var(--cardiac-spacing-lg);margin:var(--cardiac-spacing-md) 0}.insight-info{background:color-mix(in srgb,var(--cardiac-info) 8%,transparent);border:1px solid var(--cardiac-info);border-radius:var(--pico-border-radius);padding:var(--cardiac-spacing-lg);margin:var(--cardiac-spacing-md) 0}.transparency-panel{background:color-mix(in srgb,var(--cardiac-primary) 5%,transparent);border:1px solid color-mix(in srgb,var(--cardiac-primary) 20%,transparent);border-radius:var(--pico-border-radius);padding:var(--cardiac-spacing-xl);margin:var(--cardiac-spacing-lg) 0}.coefficient-display{background:var(--pico-code-background-color);border-radius:var(--pico-border-radius);padding:var(--cardiac-spacing-xs) var(--cardiac-spacing-sm);font-family:var(--pico-font-family-monospace);font-weight:700;display:inline-block;margin:var(--cardiac-spacing-xs);font-size:.9em}.universal-coefficient{background:color-mix(in srgb,var(--cardiac-success) 10%,transparent);border:1px solid var(--cardiac-success);border-radius:var(--pico-border-radius);padding:var(--cardiac-spacing-lg);margin:var(--cardiac-spacing-md) 0;display:flex;justify-content:space-between;align-items:center}.coefficient-value{font-size:1.25rem;font-weight:700;color:var(--cardiac-success);font-family:var(--pico-font-family-monospace);margin-top:var(--cardiac-spacing-xs)}.similarity-score{text-align:right}.similarity-value{font-size:1.75rem;font-weight:700;color:var(--cardiac-success);line-height:1}.tab-navigation{display:flex;gap:var(--cardiac-spacing-sm);margin:var(--cardiac-spacing-md) 0;border-bottom:1px solid var(--pico-border-color);padding-bottom:var(--cardiac-spacing-sm)}.tab-button{padding:var(--cardiac-spacing-sm) var(--cardiac-spacing-lg);border:1px solid var(--pico-border-color);border-radius:var(--pico-border-radius) var(--pico-border-radius) 0 0;background:#f1f5f9;color:#475569;border-color:#cbd5e1;cursor:pointer;transition:all .2s ease;border-bottom:none;position:relative;bottom:-1px;font-weight:500}.tab-button:hover{background:#e2e8f0;text-decoration:none;transform:translateY(-1px)}.tab-button.active{background:var(--cardiac-primary);color:var(--pico-primary-inverse);border-color:var(--cardiac-primary);transform:translateY(-1px)}[data-theme=dark] .tab-button:not(.active){background:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .tab-button:not(.active):hover{background:#4b5563}.range-control{display:flex;align-items:center;gap:var(--cardiac-spacing-md);margin:var(--cardiac-spacing-md) 0}.range-control input[type=range]{flex:1}.range-value{font-weight:700;color:var(--cardiac-primary);min-width:3.5rem;text-align:right;font-family:var(--pico-font-family-monospace)}.button-group{display:flex;gap:var(--cardiac-spacing-sm);flex-wrap:wrap;margin:var(--cardiac-spacing-sm) 0}.button-small{padding:var(--cardiac-spacing-xs) var(--cardiac-spacing-sm);font-size:.875rem}.status-excellent{color:var(--cardiac-success);font-weight:700}.status-good{color:var(--cardiac-primary);font-weight:700}.status-warning{color:var(--cardiac-warning);font-weight:700}.status-error{color:var(--cardiac-danger);font-weight:700}.formula-info{font-size:.875rem;color:var(--pico-muted-color);margin-top:var(--cardiac-spacing-xs)}.formula-notes{font-size:.875rem;color:var(--cardiac-primary);font-style:italic;margin-top:var(--cardiac-spacing-xs)}.recharts-text{fill:var(--pico-color)!important}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line{stroke:var(--pico-border-color)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--pico-border-color)!important;opacity:.5}.recharts-tooltip-wrapper{background:var(--pico-card-background-color)!important;border:1px solid var(--pico-border-color)!important;border-radius:var(--pico-border-radius)!important}@media (max-width: 768px){.controls-grid,.metrics-grid{grid-template-columns:1fr}.tab-navigation{flex-wrap:wrap}.universal-coefficient{flex-direction:column;text-align:center;gap:var(--cardiac-spacing-md)}.similarity-score{text-align:center}}@media (max-width: 480px){.button-group{flex-direction:column}.range-control{flex-direction:column;align-items:stretch;gap:var(--cardiac-spacing-sm)}.range-value{text-align:center}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.d-flex{display:flex}.d-grid{display:grid}.d-none{display:none}.gap-sm{gap:var(--cardiac-spacing-sm)}.gap-md{gap:var(--cardiac-spacing-md)}.gap-lg{gap:var(--cardiac-spacing-lg)}@media print{.tab-navigation,.button-group,button{display:none}.chart-container,.transparency-panel{break-inside:avoid}}
