.sleep-age-scale{flex-direction:column;gap:12px;margin:20px 0;display:flex}.sleep-age-row{grid-template-columns:150px 1fr 80px;align-items:center;gap:14px;display:grid}@media (max-width:620px){.sleep-age-row{grid-template-columns:110px 1fr 66px;gap:8px}}.sleep-age-label{color:#222;font-size:.86rem;font-weight:700}@media (max-width:620px){.sleep-age-label{font-size:.76rem}}.sleep-age-track{background:#0000000f;border-radius:999px;width:100%;height:12px;position:relative;overflow:hidden}.sleep-age-fill{background:linear-gradient(90deg,#5b8def,#7f5bd6);border-radius:999px;height:100%}.sleep-age-value{color:#444;text-align:right;white-space:nowrap;font-size:.8rem;font-weight:700}@media (max-width:620px){.sleep-age-value{font-size:.72rem}}.sleep-age-note{color:#888;margin-top:4px;font-size:.82rem;font-style:italic}
.sleep-cycle-timeline{flex-direction:column;gap:14px;margin:20px 0;display:flex}.sct-legend{color:#555;flex-wrap:wrap;gap:16px;font-size:.8rem;display:flex}.sct-legend-item{align-items:center;gap:6px;display:flex}.sct-dot{border-radius:3px;flex-shrink:0;width:10px;height:10px}.sct-dot.rem{background:#a56cc1}.sct-dot.light{background:#5b8def}.sct-dot.deep{background:#2c3e77}.sct-row{gap:8px;height:130px;display:flex}.sct-cycle{border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden}.sct-seg.rem{background:#a56cc1}.sct-seg.light{background:#5b8def}.sct-seg.deep{background:#2c3e77}.sct-labels{gap:8px;display:flex}.sct-label-col{text-align:center;flex:1}.sct-cycle-label{color:#333;font-size:.78rem;font-weight:700}.sct-cycle-time{color:#999;font-size:.7rem}.sct-note{color:#888;font-size:.82rem;font-style:italic}@media (max-width:560px){.sct-row{gap:5px;height:110px}.sct-cycle-label,.sct-cycle-time{font-size:.62rem}}