.sleep-page{--paper:#f6f5ee;--ink:#193b30;--muted:#67746a;--line:#d7ddd0;--lime:#d9ef91;--white:#fffef8;margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}
.sleep-page *{box-sizing:border-box}.sleep-page a{color:inherit;text-decoration:none}.sleep-page button{font:inherit;cursor:pointer}.sleep-page :is(a,button):focus-visible{outline:3px solid #8ca370;outline-offset:5px}.sleep-page [hidden]{display:none!important}.sleep-page .shell{width:min(1120px,calc(100% - 64px));margin:auto}.sleep-page .reading-shell{width:min(800px,calc(100% - 48px));margin:auto}.sleep-page h1,.sleep-page h2,.sleep-page h3,.sleep-page p{margin-top:0}.sleep-page h1{font-size:clamp(38px,5vw,64px);line-height:1.26;font-weight:550;letter-spacing:-2px;margin-bottom:25px}.sleep-page h1 em{font-family:Georgia,'Songti SC',serif;font-style:normal;background:linear-gradient(transparent 75%,var(--lime) 75%,var(--lime) 94%,transparent 94%)}.sleep-page h2{font-size:29px;line-height:1.5;font-weight:500;letter-spacing:-.6px}.sleep-page h3{font-size:20px;font-weight:500;line-height:1.6}.sleep-page p{color:var(--muted)}.sleep-page .micro{font:11px/1.8 monospace;letter-spacing:1.5px;color:var(--muted)}.sleep-page .subtle{font-size:12px;color:var(--muted)}.sleep-page .site-header{border-bottom:1px solid var(--line);background:var(--paper)}.sleep-page .header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sleep-page .brand{display:flex;align-items:center;gap:11px;font-size:18px;font-weight:650;white-space:nowrap}.sleep-page .brand-icon{width:33px;height:33px;border:1.5px solid var(--ink);border-radius:50%;display:grid;place-items:center;font:italic 24px Georgia,serif}.sleep-page .header-nav{display:flex;gap:26px;font-size:12px}.sleep-page .pill{display:inline-block;background:#e7eddc;padding:5px 11px;border-radius:20px;font-size:11px;color:#53644b;line-height:1.6}.sleep-page .pill.pending{background:#ebe7dc;color:#7b6c50}.sleep-page .crumbs{display:flex;gap:11px;flex-wrap:wrap;font-size:12px;color:var(--muted);padding-top:28px}.sleep-page .crumbs a{text-decoration:underline;text-underline-offset:4px}.sleep-page .sleep-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;padding:56px 0 60px;align-items:center}.sleep-page .hero-deck{max-width:570px;font-size:15px;line-height:2}.sleep-page .hero-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-top:26px}.sleep-page .observation-cover{position:relative;min-height:320px;padding:32px;background:#e9eddf;border:1px solid #cbd4c0;display:flex;flex-direction:column;justify-content:space-between}.sleep-page .observation-cover:after{content:'';position:absolute;right:22px;top:48px;width:130px;height:130px;border:1px solid #aabb96;border-radius:50%;box-shadow:0 0 0 18px #f6f5ee55,0 0 0 19px #bdcbb0}.sleep-page .cover-mark{font:italic 44px Georgia,'Songti SC',serif;position:relative;z-index:1;margin:26px 0 18px}.sleep-page .cover-years{font:28px Georgia,serif;position:relative;z-index:1}.sleep-page .cover-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #bccbb0;padding-top:16px;font-size:11px}.sleep-page .preview-note{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 0;font-size:11px;color:var(--muted);display:flex;gap:22px;flex-wrap:wrap}.sleep-page section{padding:58px 0;border-bottom:1px solid var(--line);scroll-margin-top:24px}.sleep-page .section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:27px}.sleep-page .section-heading h2{margin:9px 0 0}.sleep-page .section-heading p{font-size:12px;margin:0;max-width:360px}.sleep-page .switcher{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:24px}.sleep-page .switcher button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:9px 18px;border-radius:25px;font-size:12px}.sleep-page .switcher button[aria-selected=true],.sleep-page .metric-switch button[aria-pressed=true]{background:var(--ink);color:var(--white);border-color:var(--ink)}.sleep-page .snapshot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sleep-page .snapshot{padding:22px;background:var(--white);border:1px solid var(--line);min-width:0}.sleep-page .snapshot h3{margin:11px 0 6px}.sleep-page .snapshot>p{font-size:12px;min-height:43px}.sleep-page .image-slot{background:repeating-linear-gradient(135deg,#f0f1e7 0px,#f0f1e7 1px,#f8f8f1 1px,#f8f8f1 10px);border:1px dashed #bdc8b2;min-height:210px;display:flex;align-items:center;justify-content:center;text-align:center;padding:23px;color:#69765f;flex-direction:column;gap:9px}.sleep-page .image-slot svg{width:35px;height:35px;stroke:#8fa17d;fill:none;stroke-width:1.3}.sleep-page .image-slot b{font-size:14px;font-weight:500}.sleep-page .image-slot span{font-size:11px;line-height:1.8;max-width:260px}.sleep-page .pending-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:17px}.sleep-page .pending-metrics span{font-size:10px;color:var(--muted);display:block}.sleep-page .pending-metrics strong{font-size:18px;font-weight:400;display:block;margin-top:3px}.sleep-page .caption{font-size:11px;margin:17px 0 0;line-height:1.9}.sleep-page .chart-wrap{border:1px solid var(--line);background:var(--white);padding:26px}.sleep-page .metric-switch{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.sleep-page .metric-switch button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:7px 13px;font-size:12px;border-radius:4px}.sleep-page .empty-chart{position:relative;height:270px;border-left:1px solid #bfc9b6;border-bottom:1px solid #bfc9b6;margin:20px 12px 35px 30px;background:repeating-linear-gradient(to top,transparent 0px,transparent 65px,#e6ebdf 65px,#e6ebdf 66px);display:grid;place-items:center}.sleep-page .axis-label{position:absolute;left:0;top:-24px;font-size:10px;color:var(--muted)}.sleep-page .chart-months{position:absolute;bottom:-29px;left:0;right:0;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.sleep-page .chart-empty-label{background:var(--white);border:1px dashed #c0cbb4;padding:17px 20px;text-align:center;font-size:13px}.sleep-page .chart-empty-label small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.sleep-page .timeline-list{list-style:none;padding:0;margin:0}.sleep-page .timeline-item{display:grid;grid-template-columns:150px 1fr;gap:35px;padding:27px 0;border-top:1px solid var(--line)}.sleep-page .timeline-date{font:19px Georgia,serif;padding-top:5px}.sleep-page .timeline-date small{font:10px/1.6 monospace;display:block;color:var(--muted);margin-top:9px;letter-spacing:1px}.sleep-page .timeline-content h3{margin:11px 0 7px}.sleep-page .timeline-content p{font-size:13px;margin-bottom:12px;max-width:720px}.sleep-page .text-link{display:inline-flex;gap:15px;font-size:12px;padding:6px 0;border-bottom:1px solid #809578}.sleep-page .review-plan{display:grid;grid-template-columns:1fr 1.2fr;gap:55px;padding:34px;background:var(--ink);color:var(--white)}.sleep-page .review-plan h2{margin:16px 0;font-size:29px}.sleep-page .review-plan p{color:#c1ceba;font-size:13px}.sleep-page .review-plan .micro{color:#b9c9ac}.sleep-page .review-plan .text-link{color:var(--lime);border-color:#b2c38f}.sleep-page .outline-list{padding:0;list-style:none;margin:0}.sleep-page .outline-list li{border-top:1px solid #ffffff30;padding:12px 0;font-size:13px;display:flex;gap:16px}.sleep-page .outline-list span{color:var(--lime);font:18px Georgia,serif}.sleep-page .materials{display:grid;grid-template-columns:1fr 1fr;gap:24px}.sleep-page .material-note{border-top:2px solid #a5b78c;padding-top:18px}.sleep-page .material-note h3{font-size:17px;margin-bottom:8px}.sleep-page .material-note p{font-size:13px;margin:0}.sleep-page .footer-inner{padding:30px 0 35px;display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted)}.sleep-page .article-header{padding:48px 0 32px;border-bottom:1px solid var(--line)}.sleep-page .article-header h1{font-size:clamp(32px,4vw,46px);line-height:1.5;letter-spacing:-1px;margin:18px 0}.sleep-page .article-header .article-summary{font-size:15px;line-height:2}.sleep-page .article-meta{font-size:12px;color:var(--muted);display:flex;gap:17px;flex-wrap:wrap}.sleep-page .article-body{padding:30px 0}.sleep-page .article-body section{padding:24px 0 28px}.sleep-page .article-body h2{font-size:24px}.sleep-page .article-body p{font-size:15px;line-height:2.1}.sleep-page .article-body blockquote{margin:24px 0;padding:18px 24px;border-left:3px solid #a9be85;background:#edf0e3;color:var(--ink);font-family:Georgia,'Songti SC',serif;font-size:19px;line-height:1.9}.sleep-page .writing-slot{padding:24px;background:var(--white);border:1px dashed #b7c6a7;margin:22px 0}.sleep-page .writing-slot p{font-size:13px;margin:10px 0 0}.sleep-page .source-note{font-size:11px!important;line-height:1.9!important;margin-top:20px;color:var(--muted)}.sleep-page .article-nav{display:flex;gap:24px;flex-wrap:wrap;padding:20px 0 35px}.sleep-page .source-pending{font-size:12px;color:var(--muted);padding:7px 0}.sleep-feature{grid-column:1/-1;display:grid!important;grid-template-columns:1.1fr 1fr;gap:38px;background:#edf0e3!important;padding:30px!important;align-items:center;border-color:#b4c49c!important;scroll-margin-top:110px}.sleep-feature h3{font-size:27px!important;margin-bottom:13px!important}.sleep-feature p{max-width:500px}.sleep-feature .card-top{margin-bottom:18px}.sleep-feature .experiment-footer{margin-top:24px}.sleep-feature .sleep-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sleep-feature .sleep-mini{border:1px dashed #b6c6a5;background:#f8f9f0;padding:19px 10px;text-align:center;min-width:0}.sleep-feature .sleep-mini b{display:block;font:24px Georgia,'Songti SC',serif;margin-bottom:16px;font-weight:400}.sleep-feature .sleep-mini span{font-size:11px;color:#738069;display:block;line-height:1.9}.sleep-feature .sleep-mini i{display:block;font-size:10px;font-style:normal;border-top:1px solid #d5decb;padding-top:10px;margin-top:15px}.sleep-feature .sleep-mini-caption{margin-top:13px;font-size:10px;line-height:1.8;color:#75836a}
@media(max-width:900px){.sleep-page .sleep-hero{gap:35px}.sleep-page .snapshot-grid{gap:10px}.sleep-page .snapshot{padding:17px}.sleep-page .header-nav{gap:17px}.sleep-page .timeline-item{grid-template-columns:115px 1fr;gap:22px}.sleep-feature{gap:24px}.sleep-feature h3{font-size:23px!important}}
@media(max-width:650px){.sleep-page .shell{width:calc(100% - 36px)}.sleep-page .reading-shell{width:calc(100% - 36px)}.sleep-page .header-inner{height:72px;gap:12px}.sleep-page .brand{font-size:15px;gap:8px}.sleep-page .brand-icon{width:29px;height:29px;font-size:21px}.sleep-page .header-nav{font-size:11px;gap:12px}.sleep-page .header-nav .desktop-nav{display:none}.sleep-page .sleep-hero{grid-template-columns:1fr;gap:24px;padding:34px 0 36px}.sleep-page h1{font-size:43px}.sleep-page .hero-deck{font-size:14px}.sleep-page .observation-cover{min-height:250px;padding:25px}.sleep-page section{padding:38px 0}.sleep-page .section-heading{align-items:start;flex-direction:column;gap:12px}.sleep-page .section-heading h2{font-size:25px}.sleep-page .snapshot-grid{grid-template-columns:1fr;gap:16px}.sleep-page .snapshot{padding:22px}.sleep-page .snapshot>p{min-height:0}.sleep-page .image-slot{min-height:210px}.sleep-page .timeline-item{grid-template-columns:1fr;gap:8px;padding:23px 0}.sleep-page .timeline-date small{display:inline;margin-left:10px}.sleep-page .timeline-content h3{font-size:19px}.sleep-page .review-plan{grid-template-columns:1fr;gap:23px;padding:24px}.sleep-page .materials{grid-template-columns:1fr;gap:26px}.sleep-page .chart-wrap{padding:19px 14px}.sleep-page .empty-chart{height:220px;margin-left:7px;margin-right:0}.sleep-page .chart-empty-label{font-size:12px;padding:14px}.sleep-page .article-header{padding-top:30px}.sleep-page .article-header h1{font-size:31px}.sleep-page .article-body blockquote{padding:16px 20px;font-size:18px}.sleep-page .footer-inner{flex-direction:column;gap:12px}.sleep-feature{grid-template-columns:1fr;gap:22px;padding:23px!important}.sleep-feature h3{font-size:24px!important}.sleep-feature .sleep-mini{padding:17px 6px}.sleep-feature .sleep-mini b{font-size:22px}.sleep-feature .sleep-mini span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.sleep-page{scroll-behavior:auto}}