body, #lv-cell-growth-calculator { background: #ffffff; }
#lv-cell-growth-calculator, #lv-cell-growth-calculator * { box-sizing: border-box; }
#lv-cell-growth-calculator { color: var(--lv-navy); font-family: var(--lv-font); overflow-x: hidden; }
#lv-cell-growth-calculator .lv-calc-header { margin: 22px auto 24px; }
#lv-cell-growth-calculator .lv-calc-header h1 { margin-bottom: 0; }
#lv-cell-growth-calculator .lv-calc-header p { max-width: 880px; font-size: 15px; line-height: 1.6; }
#lv-cell-growth-calculator .lv-hero-divider { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 10px auto 16px; }
#lv-cell-growth-calculator .lv-hero-divider > span { width: 64px; height: 2px; border-radius: 999px; background: var(--lv-blue); opacity: .28; }
#lv-cell-growth-calculator .lv-hero-divider svg { width: 38px; height: 38px; overflow: visible; }
#lv-cell-growth-calculator .lv-cell-body { fill: rgba(45,108,223,.06); stroke: var(--lv-brand-dark); stroke-width: 2.8; }
#lv-cell-growth-calculator .lv-cell-nucleus { fill: rgba(3,33,56,.08); stroke: var(--lv-brand-dark); stroke-width: 2.3; }
#lv-cell-growth-calculator .lv-cell-accent { fill: none; stroke: #6fa9b7; stroke-width: 2.4; stroke-linecap: round; }
#lv-cell-growth-calculator .lv-setup-guidance { margin: -4px 0 16px; font-size: 14px; }
#lv-cell-growth-calculator .lv-measurement-picker { margin: 0 0 20px; padding: 0; border: 0; }
#lv-cell-growth-calculator .lv-measurement-picker legend { margin-bottom: 14px; color: var(--lv-navy); font-size: 22px; font-weight: 800; letter-spacing: -0.02em; }
#lv-cell-growth-calculator .lv-measurement-options { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); align-items: center; gap: 0; padding: 5px; overflow: hidden; border: 1px solid #d7e2ef; border-radius: 24px; background: #eef2f7; box-shadow: inset 0 0 0 1px rgba(45,108,223,.07); }
#lv-cell-growth-calculator .lv-measurement-options label { position: relative; display: flex; align-items: center; width: 100%; min-width: 0; cursor: pointer; }
#lv-cell-growth-calculator .lv-measurement-options input { position: absolute; opacity: 0; pointer-events: none; }
#lv-cell-growth-calculator .lv-measurement-options span { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 35px; padding: 6px 8px; border: 1px solid transparent; border-radius: 18px; color: #526b80; font-size: 16px; font-weight: 800; line-height: 1.15; text-align: center; white-space: normal; overflow-wrap: anywhere; transition: background var(--lv-transition), box-shadow var(--lv-transition), color var(--lv-transition); }
#lv-cell-growth-calculator .lv-measurement-options input:checked + span { background: #ffffff; box-shadow: 0 4px 12px rgba(17,24,39,.08); color: #2d6cdf; }
#lv-cell-growth-calculator .lv-measurement-options input:focus-visible + span { outline: 3px solid rgba(45,108,223,.22); outline-offset: 2px; }
#lv-cell-growth-calculator .lv-measurement-guidance { margin-top: 10px; color: var(--lv-muted); font-size: 14px; line-height: 1.55; }
#lv-cell-growth-calculator .lv-input-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
#lv-cell-growth-calculator .lv-analysis-note { margin: 4px 0 18px; padding: 12px 14px; border: 1px solid rgba(45,108,223,.24); border-radius: 12px; background: var(--lv-blue-soft); color: var(--lv-navy); font-size: 14px; line-height: 1.55; }
#lv-cell-growth-calculator .lv-condition { margin-top: 18px; padding: 18px; border: 1px solid var(--lv-border); border-radius: 14px; background: #fbfdff; }
#lv-cell-growth-calculator .lv-condition-header { display: flex; align-items: end; justify-content: space-between; gap: 12px; }
#lv-cell-growth-calculator .lv-condition-name { flex: 1 1 280px; margin-bottom: 0; }
#lv-cell-growth-calculator .lv-condition-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 2px; }
#lv-cell-growth-calculator .lv-condition-actions .lv-btn { padding: 10px 14px; }
#lv-cell-growth-calculator .lv-condition-table-wrap { margin-top: 14px; overflow-x: auto; border: 1px solid var(--lv-border); border-radius: 12px; background: #fff; }
#lv-cell-growth-calculator .lv-condition-table { width: 100%; min-width: 770px; border-collapse: collapse; }
#lv-cell-growth-calculator .lv-condition-table th, #lv-cell-growth-calculator .lv-condition-table td { padding: 10px; border-bottom: 1px solid #e5e7eb; text-align: left; vertical-align: middle; }
#lv-cell-growth-calculator .lv-condition-table th { background: var(--lv-blue-soft); color: var(--lv-navy); font-size: 13px; }
#lv-cell-growth-calculator .lv-condition-table tr:last-child td { border-bottom: 0; }
#lv-cell-growth-calculator .lv-condition-table .lv-input { min-width: 100px; padding: 10px; }
#lv-cell-growth-calculator .lv-analysis-window-details { margin-top: 14px; padding: 11px 13px; border: 1px solid var(--lv-border); border-radius: 12px; background: #ffffff; }
#lv-cell-growth-calculator .lv-analysis-window-details summary { color: var(--lv-blue); cursor: pointer; font-size: 13px; font-weight: 800; }
#lv-cell-growth-calculator .lv-analysis-window-details p { margin: 8px 0 10px; color: var(--lv-muted); font-size: 13px; line-height: 1.5; }
#lv-cell-growth-calculator .lv-analysis-window-list { display: grid; gap: 8px; }
#lv-cell-growth-calculator .lv-analysis-window-list label { color: var(--lv-navy); font-size: 13px; font-weight: 700; }
#lv-cell-growth-calculator .lv-row-excluded { background: #f8fafc; opacity: .72; }
#lv-cell-growth-calculator .lv-row-excluded .lv-input { background: #f8fafc; }
#lv-cell-growth-calculator .lv-excluded-row-note { display: block; margin-top: 4px; color: var(--lv-red-text); font-size: 12px; font-weight: 700; }
#lv-cell-growth-calculator .lv-mini-btn { padding: 8px 10px; border: 1px solid var(--lv-border); border-radius: 9px; background: #fff; color: var(--lv-navy); cursor: pointer; font: inherit; font-size: 13px; font-weight: 700; }
#lv-cell-growth-calculator .lv-mini-btn:hover { border-color: var(--lv-blue); color: var(--lv-blue); }
#lv-cell-growth-calculator .lv-remove-row, #lv-cell-growth-calculator .lv-remove-condition { background: var(--lv-red-bg); border-color: var(--lv-red-border); color: var(--lv-red-text); }
#lv-cell-growth-calculator .lv-remove-row:hover, #lv-cell-growth-calculator .lv-remove-condition:hover { background: #fee2e2; border-color: #fca5a5; color: var(--lv-red-text); }
#lv-cell-growth-calculator .lv-bench-summary { margin-top: 14px; }
#lv-cell-growth-calculator .lv-bench-summary h3, #lv-cell-growth-calculator .lv-chart-card h3 { margin: 0 0 10px; font-size: 18px; }
#lv-cell-growth-calculator .lv-compact-results-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
#lv-cell-growth-calculator .lv-metric-card { padding: 14px; }
#lv-cell-growth-calculator .lv-metric-value { font-size: 19px; }
#lv-cell-growth-calculator .lv-interpretation { margin-top: 18px; padding: 16px; border: 1px solid rgba(45,108,223,.3); border-left: 5px solid var(--lv-blue); border-radius: 12px; background: var(--lv-blue-soft); line-height: 1.65; }
#lv-cell-growth-calculator .lv-interpretation h3 { margin: 0 0 8px; font-size: 18px; }
#lv-cell-growth-calculator .lv-interpretation p { margin: 0; color: var(--lv-navy); }
#lv-cell-growth-calculator .lv-comparison { margin-top: 18px; padding: 16px; border: 1px solid var(--lv-border); border-radius: 12px; background: #fbfdff; }
#lv-cell-growth-calculator .lv-comparison h3 { margin: 0 0 8px; font-size: 18px; }
#lv-cell-growth-calculator .lv-comparison ul { margin: 0; padding-left: 18px; color: var(--lv-muted); line-height: 1.65; }
#lv-cell-growth-calculator .lv-chart-card { margin-top: 18px; padding: 16px; border: 1px solid var(--lv-border); border-radius: 12px; background: #fff; }
#lv-cell-growth-calculator .lv-chart-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 8px; }
#lv-cell-growth-calculator .lv-chart-heading h3 { margin: 0; font-size: 18px; }
#lv-cell-growth-calculator .lv-chart-controls { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px 14px; }
#lv-cell-growth-calculator .lv-chart-scale-control { display: inline-flex; align-items: center; gap: 7px; color: var(--lv-muted); font-size: 13px; font-weight: 700; white-space: nowrap; }
#lv-cell-growth-calculator .lv-chart-scale-control:has(input:disabled) { opacity: .58; }
#lv-cell-growth-calculator .lv-chart-scale-control input:disabled { cursor: not-allowed; }
#lv-cell-growth-calculator .lv-chart-control-help { min-height: 18px; margin: -2px 0 8px; color: var(--lv-muted); font-size: 12px; line-height: 1.45; }
#lv-cell-growth-calculator .lv-growth-chart { display: block; width: 100%; height: auto; min-height: 260px; }
#lv-cell-growth-calculator .lv-chart-legend { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-top: 8px; color: var(--lv-navy); font-size: 13px; font-weight: 700; }
#lv-cell-growth-calculator .lv-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
#lv-cell-growth-calculator .lv-chart-legend i { width: 12px; height: 12px; border-radius: 50%; }
#lv-cell-growth-calculator .lv-chart-caption { margin: 10px 0 0; color: var(--lv-muted); font-size: 13px; line-height: 1.5; }
#lv-cell-growth-calculator .lv-calculation-details { margin-top: 18px; }
#lv-cell-growth-calculator .lv-detail-condition { margin-top: 18px; }
#lv-cell-growth-calculator .lv-detail-condition h3 { margin-bottom: 10px; }
#lv-cell-growth-calculator .lv-detail-row { font-size: 14px; }
#lv-cell-growth-calculator .lv-stats-table-wrap { margin-top: 12px; overflow-x: auto; border: 1px solid var(--lv-border); border-radius: 12px; }
#lv-cell-growth-calculator .lv-stats-table { width: 100%; min-width: 680px; border-collapse: collapse; }
#lv-cell-growth-calculator .lv-stats-table th, #lv-cell-growth-calculator .lv-stats-table td { padding: 10px; border-bottom: 1px solid #e5e7eb; text-align: left; }
#lv-cell-growth-calculator .lv-stats-table th { background: var(--lv-blue-soft); font-size: 13px; }
#lv-cell-growth-calculator .lv-export-card { margin-top: 18px; }
#lv-cell-growth-calculator .lv-method-summary { line-height: 1.65; }
#lv-cell-growth-calculator .lv-meta-section { max-width: 1100px; margin: 34px auto 8px; padding-top: 18px; border-top: 1px solid #e5e7eb; }
#lv-cell-growth-calculator .lv-meta-section p { margin: 0; color: #7a8491; font-size: 13px; }
@media (max-width: 850px) { #lv-cell-growth-calculator .lv-input-grid { grid-template-columns: 1fr; } #lv-cell-growth-calculator .lv-measurement-options { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; overflow: visible; } #lv-cell-growth-calculator .lv-measurement-options label:last-child { grid-column: 1 / -1; } #lv-cell-growth-calculator .lv-measurement-picker legend { font-size: 20px; } #lv-cell-growth-calculator .lv-condition { padding: 14px; } #lv-cell-growth-calculator .lv-condition-header { align-items: stretch; flex-direction: column; } #lv-cell-growth-calculator .lv-condition-actions { flex-direction: column; } #lv-cell-growth-calculator .lv-condition-actions .lv-btn { width: 100%; } #lv-cell-growth-calculator .lv-chart-heading { align-items: flex-start; flex-direction: column; } #lv-cell-growth-calculator .lv-chart-controls { justify-content: flex-start; } #lv-cell-growth-calculator .lv-growth-chart { min-height: 210px; } }