.chart,.chart-container,.chart-grid,.grid-line{position:relative}.history-list{display:flex;flex-direction:column;gap:8px;width:100%}.history-item{background-color:#36343f;border-radius:8px;overflow:hidden}.history-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s}.history-header:hover{background-color:#464352}.history-date,.history-score{display:flex;align-items:center;gap:8px}.history-score-value{font-size:1.4rem;font-weight:700}.history-score-label{font-size:.9rem;color:#aaa}.expand-icon{font-size:1.2rem;transition:transform .2s}.history-details{padding:16px;border-top:1px solid #262431}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-item{background-color:#262431;padding:12px;border-radius:6px;display:flex;justify-content:center;flex-direction:column;align-items:center}.detail-label{font-size:.9rem;color:#aaa;margin-bottom:4px}.detail-value{font-size:1.2rem;font-weight:700}.x-axis,.y-axis{color:#777;font-size:.8rem;display:flex}#dialog-content .dialog-body{padding-bottom:24px}.chart-container{margin-bottom:24px;width:100%}.chart{display:flex;height:250px;margin-bottom:30px}.y-axis{flex-direction:column;justify-content:space-between;padding-right:10px;text-align:right;width:40px}.chart-grid{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid #444;border-bottom:1px solid #444}.grid-line{width:100%;height:1px;background-color:#444}.vertical-grid-line{position:absolute;top:0;height:100%;width:1px;background-color:#444}.x-axis{position:absolute;bottom:-25px;left:40px;right:0;justify-content:space-between}.x-label{text-align:center;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.legend-item{display:flex;align-items:center;gap:6px;margin-bottom:4px}.legend-color{width:16px;height:4px;border-radius:2px}@media (max-width:478px){.x-axis,.y-axis{font-size:.7rem}.chart{height:200px}.y-axis{width:30px}.x-axis{left:30px}.chart-legend{gap:8px}.legend-item{font-size:.9rem}.dialog-container{width:100%;padding:16px;height:100%;max-height:100svh;border-radius:0}.detail-grid{grid-template-columns:1fr}.history-score-value{font-size:1.2rem}.history-score-label{font-size:.8rem}}