.score-display{text-align:center;padding:30px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:var(--radius-lg);color:#fff;margin-bottom:24px}
.score-value{font-size:4rem;font-weight:800;line-height:1}
.score-label{font-size:1.1rem;opacity:0.9;margin-top:8px}
.score-grade{display:inline-block;padding:6px 16px;background:rgba(255,255,255,0.2);border-radius:20px;margin-top:12px;font-weight:600}
.metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}
.metric-card{background:var(--bg-alt);border-radius:var(--radius);padding:20px}
.metric-card .value{font-size:1.5rem;font-weight:700;color:var(--primary)}
.metric-card .label{font-size:0.85rem;color:var(--text-light);margin-top:4px}
.reading-level{margin-top:24px}
.reading-level h4{font-size:1rem;color:var(--primary);margin-bottom:16px}
.level-scale{display:flex;height:12px;border-radius:6px;overflow:hidden;margin-bottom:12px}
.level-segment{flex:1;transition:opacity 0.3s}
.level-segment:nth-child(1){background:#38a169}
.level-segment:nth-child(2){background:#68d391}
.level-segment:nth-child(3){background:#f6e05e}
.level-segment:nth-child(4){background:#ed8936}
.level-segment:nth-child(5){background:#e53e3e}
.level-labels{display:flex;justify-content:space-between;font-size:0.8rem;color:var(--text-light)}
.level-indicator{position:relative;margin-top:-22px;transition:left 0.3s}
.level-marker{position:absolute;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--primary);transform:translateX(-50%)}
.interpretation{background:var(--bg-alt);border-radius:var(--radius);padding:20px;margin-top:24px}
.interpretation h4{font-size:1rem;color:var(--primary);margin-bottom:12px}
.interpretation p{font-size:0.95rem;color:var(--text);line-height:1.6}
@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}.score-value{font-size:3rem}}