.night-history-link{font-size:10px;color:#1761ff}.night-review-card{overflow:hidden;border:1px solid #e0e7f1;border-radius:17px;background:#fff}.night-duration{background:#111725;color:#fff;padding:21px 20px}.night-duration .hero-number{font-size:61px;margin:19px 0 15px}.night-duration .hero-number small{font-size:20px;letter-spacing:0;font-weight:400;color:#91a8cb;margin:0 7px 0 3px}.night-duration .hero-caption{font-size:10px}.night-curve-panel{padding:19px 17px 13px}.night-curve-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.night-curve-heading h2{font-size:14px;margin:0;font-weight:600}.night-curve-heading span{font-size:9px;color:#8c9bb1}.sleep-curve>svg{width:100%;height:auto;display:block;overflow:visible}.sleep-curve text{fill:#8b9bb1;font-size:9px;stroke:none;font-family:inherit}.stage-grid{stroke:#edf1f7;stroke-width:1;stroke-dasharray:3 4;fill:none}.stage-connector{stroke:#c8d9f7;stroke-width:1.3;fill:none}.stage-selected{fill:none;stroke:#111b2c;stroke-width:1.2}.stage-selector{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;padding-top:10px;border-top:1px solid #edf0f5;font-size:10px;color:#8a9bb6}.stage-selector b{font-weight:500;color:#304968;margin-right:8px}.stage-selector button{width:36px;height:36px;font-size:21px;color:#1761ff}.stage-selector button:disabled{opacity:.2}.stage-detail-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:9px;color:#91a3bf;margin:5px 0 0}.stage-detail-actions button{font-size:10px;color:#1761ff;padding:6px 0}.night-mean-label{display:block;font-size:9px;color:#8d9db7;margin-top:5px}.night-event{border:1px solid #e1e7f0;border-radius:11px;background:#fff;margin:0 0 12px;overflow:hidden}.night-event-source{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:16px 13px}.night-event-source time{font:10px monospace;color:#6881a5}.night-event-source>span:nth-child(2){flex:1;min-width:0}.night-event-source b{font-size:12px;font-weight:550;display:block}.night-event-source small{font-size:9px;line-height:1.6;color:#879ab6;display:block;margin-top:5px}.night-event-source>span:last-child{color:#1761ff;font-size:12px}.manual-note{padding:14px;margin:0 12px 13px;border-radius:7px;background:#f0f5ff;border-left:2px solid #1761ff}.manual-badge{display:block;font-size:9px;color:#1761ff;margin-bottom:7px}.manual-note b{font-size:11px;font-weight:500}.manual-note p{font-size:11px;line-height:1.7;color:#627c9f;overflow-wrap:anywhere;margin:7px 0}.manual-note button{font-size:9px;color:#7188a8;padding:5px 0}.annotation-reference{background:#f0f4fa;border:1px solid #e1e8f4;border-radius:9px;padding:15px}.annotation-reference>span{font-size:10px;color:#8496b1;display:block}.annotation-reference b{font-size:12px;font-weight:550;display:block;margin:9px 0}.annotation-reference small{font-size:9px;color:#879ab7}.annotation-audit{margin-top:24px;border-top:1px solid #e0e6ef;padding-top:17px;color:#7c91af;font-size:11px}.annotation-audit p{line-height:1.8;border-bottom:1px solid #e5eaf2;padding:10px 0}.annotation-audit small{font-size:9px;display:block;color:#99a8be}#sheet textarea{display:block;width:100%;border:1px solid #dce5f3;border-radius:7px;background:#f5f8fd;color:#244c88;padding:12px;font:12px/1.6 inherit;margin-top:10px;resize:vertical}#sheet [hidden]{display:none!important}.night-report-row{width:100%;display:flex;align-items:center;justify-content:space-between;padding:22px 0;border-bottom:1px solid #e1e7ef;text-align:left;font-size:14px}.night-report-row small{display:block;color:#8c9bb2;font-size:10px;margin-top:8px}.night-report-row>span:last-child{color:#1761ff;font-size:10px}.overview-night-link{display:flex;width:100%;align-items:center;gap:13px;border:1px solid #e1e7f1;border-radius:12px;background:#fff;margin-top:18px;padding:20px 17px;text-align:left}.overview-night-link>svg{color:#1761ff;width:22px;height:22px}.overview-night-link>span:nth-child(2){flex:1}.overview-night-link b{display:block;font-size:13px;font-weight:550}.overview-night-link small{display:block;font-size:10px;color:#8a9db9;margin-top:7px}.overview-night-link>span:last-child{font-size:12px;color:#1761ff}@media(max-width:355px){.night-duration{padding:19px 17px}.night-duration .hero-number{font-size:52px}.night-curve-panel{padding:17px 12px 12px}.night-duration .hero-caption{font-size:9px}.stage-selector{font-size:9px}}

.personal-card{display:flex;align-items:center;gap:15px;padding:20px 0 25px;border-bottom:1px solid #e1e7ef}.personal-avatar{height:52px;width:52px;border-radius:50%;background:#e9effa;display:grid;place-items:center;color:#1761ff}.personal-avatar svg{width:25px;height:25px}.personal-card b{display:block;font-size:16px;font-weight:550}.personal-card small{display:block;color:#8b9bb4;font-size:10px;margin-top:8px}

/* UI 08: a calendar-day review followed by its cross-midnight sleep. */
.day-recap-card{padding:18px 17px 14px;border:1px solid #e0e7f1;border-radius:16px;background:#fff}.day-section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 16px}.day-section-heading h2{font-size:14px;font-weight:600;margin:0;letter-spacing:-.3px}.day-section-heading>span{font-size:9px;color:#8294ae;white-space:nowrap}.day-recap-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.day-recap-stats button{min-width:0;text-align:left;padding:0 9px;border-left:1px solid #e6ebf3;cursor:pointer}.day-recap-stats button:first-child{padding-left:0;border:0}.day-recap-stats span{display:block;font-size:10px;color:#7388a7}.day-recap-stats strong{display:block;font-size:25px;letter-spacing:-1px;line-height:1.2;font-weight:550;margin:11px 0 5px;font-variant-numeric:tabular-nums}.day-recap-stats small{font-size:9px;color:#8a9db9}.day-stress-summary{display:flex;align-items:baseline;justify-content:space-between;width:100%;border-top:1px solid #e7ecf4;padding-top:14px;margin-bottom:13px;text-align:left;font-size:10px;color:#6b80a1;cursor:pointer}.day-stress-summary b{font-size:17px;letter-spacing:-.5px;color:#111725;margin-left:7px;font-weight:550}.day-stress-summary small{font-size:8px;color:#8a9ab3;margin-left:3px}.day-stress-summary>span:last-child{color:#1761ff;font-size:9px}.day-rhythm{display:block;width:100%;height:auto;overflow:visible}.day-rhythm text{fill:#8c9db5;font:8px monospace}.day-chart-grid{stroke:#e6ecf5;stroke-width:1;stroke-dasharray:3 4}.day-stress-line{fill:none;stroke:#1761ff;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.day-rhythm rect{fill:#abc7ff}.day-chart-key{display:flex;justify-content:flex-end;gap:14px;font-size:8px;color:#8596af;margin-top:10px}.day-chart-key span{display:flex;align-items:center;gap:5px}.day-chart-key i{width:11px;height:2px;background:#1761ff}.day-chart-key span+span i{width:7px;height:7px;background:#abc7ff;border-radius:1px}.day-events{margin:25px 0 28px}.day-events .day-section-heading{margin-bottom:7px}.day-event{display:flex;align-items:center;gap:10px;width:100%;padding:14px 0;text-align:left;position:relative;cursor:pointer}.day-event:after{content:'';position:absolute;left:57px;top:35px;bottom:-12px;width:1px;background:#dae3f2}.day-event:last-child:after{display:none}.day-event time{font:10px monospace;color:#8396b2;width:38px;flex-shrink:0}.day-event-icon{display:grid;place-items:center;border:1px solid #dbe5f6;background:#f5f8ff;width:21px;height:21px;border-radius:50%;color:#1761ff;flex-shrink:0;z-index:1}.day-event-icon svg{width:11px;height:11px}.day-event b{flex:1;min-width:0;font-size:11px;font-weight:500}.day-event-value{font-size:12px;color:#355273;white-space:nowrap;font-variant-numeric:tabular-nums}.day-event-value small{font-size:8px;margin-left:4px;color:#8a9cb6}.day-event-arrow{font-size:9px;color:#8c9eb8}.sleep-review-heading{margin-top:24px;margin-bottom:14px}.day-recap-stats button:focus-visible,.day-stress-summary:focus-visible,.day-event:focus-visible{outline:2px solid #1761ff;outline-offset:3px;border-radius:5px}@media(max-width:355px){.day-recap-card{padding:16px 12px 13px}.day-recap-stats strong{font-size:22px}.day-recap-stats button{padding:0 7px}.day-event{gap:7px}.day-event b{font-size:10px}.day-event:after{left:54px}.day-event-value{font-size:11px}}