*{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)}.source-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:var(--pico-muted-color);background:var(--pico-code-background-color);padding:.125rem .375rem;border-radius:3px;font-weight:500;border:1px solid var(--pico-border-color);transition:all .2s ease;white-space:nowrap}.source-badge:hover{background:var(--pico-card-background-color);color:var(--pico-color);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}[data-theme=dark] .source-badge{background:#2d3748;border-color:#4a5568;color:#a0aec0}[data-theme=dark] .source-badge:hover{background:#374151;color:#e2e8f0}.source-badge svg{flex-shrink:0;opacity:.8}.source-badge:hover svg{opacity:1}@media (max-width: 768px){.source-badge{font-size:.7rem;padding:.1rem .3rem;gap:.2rem}.source-badge svg{width:12px;height:12px}}.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}}