.progression-controls{display:grid;grid-template-columns:minmax(240px,1fr) auto;gap:12px;align-items:end;margin-bottom:14px}.progression-controls label{display:grid;gap:7px;color:var(--muted);font-size:.76rem;font-weight:700}.progression-controls select{min-height:46px}.progression-result{display:grid;gap:16px}.progression-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.progression-summary article,.progression-chart,.progression-timeline{border:1px solid var(--line);background:rgba(13,10,23,.72);border-radius:14px}.progression-summary article{padding:16px;display:grid;gap:6px}.progression-summary span,.progression-summary small{color:var(--muted);font-size:.72rem}.progression-summary strong{font-size:1.45rem;color:var(--text)}.progression-summary em{font-style:normal;color:#c994ff;font-size:.74rem;font-weight:800}.progression-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.progression-chart{padding:17px}.progression-chart header{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:10px}.progression-chart h3{margin:0;font-size:.95rem}.progression-chart header span{color:var(--muted);font-size:.72rem}.progression-chart svg{display:block;width:100%;height:150px;overflow:visible}.progression-chart .chart-grid{stroke:rgba(208,177,255,.12);stroke-width:1}.progression-chart .chart-line{fill:none;stroke:#a65cf2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.progression-chart .chart-line.secondary{stroke:#f0a8ff}.progression-chart circle{fill:#0d0a17;stroke:#d7a8ff;stroke-width:3}.progression-axis{display:flex;justify-content:space-between;color:var(--muted);font-size:.68rem;margin-top:4px}.progression-timeline{padding:17px}.progression-timeline h3{margin:0 0 12px}.progression-entry{display:grid;grid-template-columns:125px 1fr;gap:16px;padding:12px 0;border-top:1px solid rgba(208,177,255,.12)}.progression-entry:first-of-type{border-top:0}.progression-entry time{color:#c994ff;font-size:.75rem;font-weight:800}.progression-entry p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.55}.progression-entry strong{color:var(--text)}.progression-empty{padding:28px;border:1px dashed var(--line);border-radius:14px;color:var(--muted);text-align:center}.progression-note{margin:0;color:var(--muted);font-size:.76rem;line-height:1.6}
@media(max-width:900px){.progression-summary{grid-template-columns:1fr 1fr}.progression-chart-grid{grid-template-columns:1fr}}@media(max-width:600px){.progression-controls{grid-template-columns:1fr}.progression-summary{grid-template-columns:1fr}.progression-entry{grid-template-columns:1fr;gap:4px}}