.lifespan-console{display:grid;grid-template-columns:minmax(440px,.9fr) 1.1fr;border:1px solid var(--line);background:linear-gradient(145deg,#121612,#0c0f0d);border-radius:var(--radius);overflow:hidden}
.system-sliders{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;padding:20px;border-right:1px solid var(--line)}
.system-slider{display:grid;grid-template-columns:minmax(105px,1fr) 1.15fr 28px;align-items:center;gap:9px;min-height:32px}
.system-slider label{font-size:10px;color:#aab3ac;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.system-slider input{width:100%;height:18px;accent-color:var(--lime);cursor:pointer}
.system-slider output{font:10px var(--mono);color:var(--lime);text-align:right}
.lifespan-model{padding:20px 22px;min-width:0}
.life-head{display:flex;align-items:flex-start;justify-content:space-between}
.life-head h3{font-size:18px;margin:7px 0}
.life-value{text-align:right}
.life-value strong{font-size:42px;line-height:.9;letter-spacing:-.05em;color:var(--lime)}
.life-value span{display:block;font:9px var(--mono);color:var(--muted);margin-top:5px}
.life-chart{margin-top:3px}
.life-chart svg{display:block;width:100%;height:136px;overflow:visible}
.life-area{fill:url(#lifeArea)}
.life-line{fill:none;stroke:var(--lime);stroke-width:2.5}
.life-marker{stroke:#65705f;stroke-width:1;stroke-dasharray:3 4}
.life-chart circle{fill:var(--lime);filter:drop-shadow(0 0 7px var(--lime))}
.life-axis{display:flex;justify-content:space-between;font:8px var(--mono);color:#667068;border-top:1px solid #252b26;padding-top:7px}
.life-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:11px;font:8px var(--mono);color:#8e9890}
.life-legend span{display:flex;align-items:center;gap:5px}
.life-legend i{width:7px;height:7px;border-radius:50%}
.life-legend .current{background:#687169}
.life-legend .potential{background:var(--lime)}
.life-legend small{margin-left:auto;color:#687169;font-size:8px}
@media(max-width:1100px){.lifespan-console{grid-template-columns:1fr}.system-sliders{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:760px){.system-sliders{grid-template-columns:1fr}.system-slider{grid-template-columns:minmax(120px,1fr) 1.2fr 30px}.life-legend small{margin-left:0;width:100%}}
@media(max-width:480px){.system-slider{grid-template-columns:minmax(105px,1fr) 1fr 26px}.lifespan-model,.system-sliders{padding:16px}.life-value strong{font-size:34px}}