@charset "UTF-8";.article-tool .tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.article-tool .tab{border:1.5px solid #d9e6d1;background:#fff;color:#12463a;font-family:inherit;font-weight:600;font-size:.88rem;padding:10px 16px;border-radius:999px;cursor:pointer;text-align:left}.article-tool .tab:hover{border-color:#6fbf4a}.article-tool .tab.active{background:#12463a;border-color:#12463a;color:#fff}.article-tool .panel{background:#fff;border:1px solid #d9e6d1;border-radius:20px;padding:26px 26px 20px;margin-bottom:22px}.article-tool .chart-wrap{position:relative}.article-tool svg.hypnogram{width:100%;height:auto;display:block;overflow:visible}.article-tool .stage-band{fill:#edf5e7}.article-tool .gridline{stroke:#d9e6d1;stroke-width:1}.article-tool .axis-label{font-family:Inter;font-size:11px;fill:#5a7268}.article-tool .row-label{font-family:Inter;font-weight:600;font-size:12px;fill:#12463a}.article-tool .stage-path{fill:none;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;transition:d .5s ease}.article-tool .stage-path.awake{stroke:#5a7268}.article-tool .stage-path.light{stroke:#8faaa0}.article-tool .stage-path.deep{stroke:#12463a}.article-tool .stage-path.rem{stroke:#2e7d32}.article-tool .rem-fill{fill:#edf5e7;opacity:.9;transition:d .5s ease}.article-tool .cursor{stroke:#2e7d32;stroke-width:2;stroke-dasharray:4 4;opacity:.85}.article-tool .cursor-dot{fill:#2e7d32}@media (prefers-reduced-motion:no-preference){.article-tool .cursor-group{animation:sweep 6s linear infinite}}@keyframes sweep{0%{transform:translateX(0)}100%{transform:translateX(var(--sweep-w))}}.article-tool .legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;font-size:.86rem;color:#5a7268}.article-tool .legend span{display:inline-flex;align-items:center;gap:7px}.article-tool .legend i{width:16px;height:4px;border-radius:2px;display:inline-block}.article-tool .legend i.awake{background:#5a7268}.article-tool .legend i.light{background:#8faaa0}.article-tool .legend i.deep{background:#12463a}.article-tool .legend i.rem{background:#2e7d32}.article-tool .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.article-tool .stat{background:#edf5e7;border-radius:14px;padding:16px 18px}.article-tool .stat .num{font-family:Newsreader;font-size:1.7rem;color:#12463a;font-weight:600}.article-tool .stat .lbl{font-size:.82rem;color:#5a7268;margin-top:2px}.article-tool .stat.highlight{background:#12463a}.article-tool .stat.highlight .num{color:#fff}.article-tool .stat.highlight .lbl{color:#b8ccc2}.article-tool .note{background:#fbf3e1;border-left:4px solid #d99a2b;border-radius:0 12px 12px 0;padding:16px 20px;font-size:.92rem;color:#8a5a12;margin:24px 0 0}.article-tool .note strong{color:#4a3a15}@media (max-width:720px){.article-tool .wrap{padding:0 16px}.article-tool .stage-head{padding:28px 0 6px}.article-tool .lede{max-width:none}.article-tool .tabs{flex-direction:column}.article-tool .tab{width:100%;text-align:center}.article-tool .panel{padding:18px 14px 16px;border-radius:16px}.article-tool .row-label{font-size:24px}.article-tool .axis-label{font-size:19px}.article-tool .legend{gap:12px;font-size:.8rem;margin-top:12px}.article-tool .stats{grid-template-columns:1fr;gap:10px}.article-tool .stat{padding:14px 16px;display:flex;align-items:center;justify-content:space-between}.article-tool .stat .num{font-size:1.4rem}.article-tool .stat .lbl{margin-top:0}.article-tool .note{padding:14px 16px;font-size:.88rem}}