@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color:#25392f;font-synthesis:none;--green:#236653;--muted:#738078;--border:#e0e6dd;background:#f5f7f4;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,summary,a{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:1px solid var(--border);color:#365647;background:#fff;border-radius:7px;padding:9px 14px;font-size:12px;transition:background .15s}button:hover{background:#edf3ed}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #81a593}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}p,h1,h2,h3{margin:0}.shell{max-width:1192px;margin:0 auto;padding:0 48px}.masthead{border-bottom:1px solid var(--border);align-items:center;gap:25px;height:98px;display:flex}.brand{letter-spacing:-.7px;color:#254d3c;align-items:center;gap:11px;font-size:20px;font-weight:600;display:flex}.brand:hover{text-decoration:none}.brand-mark{text-align:center;color:#fff;letter-spacing:-2px;background:#254d3c;border-radius:11px;width:36px;height:36px;font-family:Georgia,serif;font-size:29px;font-weight:600;line-height:32px}.brand-mark span{color:#bdcf95}.header-caption{color:#7b897f;letter-spacing:.08em;border-left:1px solid #d7dfd3;padding-left:25px;font-size:11px}.timezone{color:#7a897f;margin-left:auto;font-size:11px}.timezone span{background:#e9eee6;border-radius:3px;margin-left:8px;padding:3px 6px;font-size:10px}main{padding-top:40px}.demo-note{color:#71582a;background:#fff4d9;border:1px solid #e8d6a8;border-radius:7px;margin-bottom:23px;padding:10px 16px;font-size:12px;font-weight:600}.demo-note span{margin-left:12px;font-weight:400}.intro{justify-content:space-between;align-items:center;gap:24px;margin-bottom:33px;display:flex}.eyebrow{color:#728677;letter-spacing:.16em;font-size:10px;font-weight:500}h1{letter-spacing:.03em;margin:8px 0 11px;font-size:31px;font-weight:600}.lead{color:#768278;font-size:12px;line-height:1.8}.sync-info{text-align:right;padding-top:20px}.status-pill{color:#4c715b;background:#e6ede1;border-radius:5px;align-items:center;gap:7px;padding:5px 9px;font-size:11px;display:inline-flex}.status-pill>span{background:#5c845e;border-radius:50%;width:5px;height:5px}.status-pill.warning{color:#8b562b;background:#f7e8d8}.status-pill.warning>span{background:#b87837}.sync-info p{color:#879187;margin-top:9px;font-size:10px}.sync-info strong{color:#677569;font-variant-numeric:tabular-nums;margin-left:8px;font-weight:400}.period-panel{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:20px;padding:18px 23px 14px}.period-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.period-title{font-variant-numeric:tabular-nums;margin-top:6px;font-size:14px;font-weight:500}.period-title>span{color:#aab4a9;margin:0 13px}.period-actions{gap:12px;display:flex}.preset{color:#335f46;white-space:nowrap;background:#f3f7ef;border-color:#bdcebb}.arrows{gap:4px;display:flex}.arrows button{width:35px;padding:8px;font-size:15px}.date-controls{color:#7f8b80;margin-top:12px;font-size:11px}summary{width:fit-content}.date-controls form{border-top:1px solid var(--border);flex-wrap:wrap;align-items:end;gap:16px;margin-top:15px;padding-top:15px;display:flex}label{color:#667b6b;flex-direction:column;gap:6px;font-size:11px;display:flex}input{color:#34523e;background:#fff;border:1px solid #cbd8c9;border-radius:6px;min-width:0;padding:8px 10px;font-size:13px}.primary{color:#fff;background:#285b43;border-color:#285b43}.primary:hover{background:#1c4934}.form-help{color:#839080;width:100%}.inline-error{color:#a45931;margin-top:12px;font-size:12px}.alert{color:#825b36;background:#fff8ed;border:1px solid #e5d3b4;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin:16px 0;padding:15px 20px;font-size:12px;line-height:1.9;display:flex}.alert span{color:#987c5e;font-size:11px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:26px;display:grid}.stat{border:1px solid var(--border);background:#fff;border-radius:9px;padding:20px 22px 18px}.stat.featured{background:#eef3e9;border-color:#dbe6d0}.stat-label{color:#71816f;font-size:11px}.stat-value{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin:10px 0 6px;font-size:34px;font-weight:500;line-height:1.45}.stat-value small{color:#8b9687;letter-spacing:0;margin-left:7px;font-size:11px;font-weight:400}.stat.featured .stat-value{color:#315936}.stat p{color:#929b8d;font-size:10px;line-height:1.8}.stat.latest{border-top:2px solid #bccfb7}.chart-panel{border:1px solid var(--border);background:#fff;border-radius:11px;padding:27px 28px 0}.chart-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}h2{letter-spacing:.02em;margin:6px 0 7px;font-size:17px;font-weight:500}.chart-heading p:last-child{color:#8a9688;font-size:11px}.text-button{color:#788b7a;white-space:nowrap;background:0 0;border:none;padding:5px;font-size:11px}.text-button span{vertical-align:-1px;margin-right:4px;font-size:17px}.chart-meta{justify-content:space-between;align-items:center;gap:14px;margin:29px 0 0;font-size:10px;display:flex}.legend{color:#7b897d;gap:20px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:2px;width:16px;display:inline-block}.legend .line{background:var(--green);height:2px}.legend .band{background:#d7e4db;height:9px}.coverage{color:#899386;font-variant-numeric:tabular-nums}.coverage strong{color:#557d5c;margin-left:6px;font-weight:500}.coverage>span{margin-left:3px}.heart-chart{width:100%;height:332px;margin-top:7px}.chart-placeholder{text-align:center;color:#819080;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:332px;display:flex}.chart-placeholder h3{color:#61775f;font-size:14px;font-weight:500}.chart-placeholder p{max-width:390px;font-size:12px;line-height:1.9}.empty-mark{color:#9aad93;background:#f1f5ed;border-radius:50%;width:48px;height:48px;font-size:27px;line-height:43px}.loader{border:2px solid #dce6d7;border-top-color:#6d936a;border-radius:50%;width:24px;height:24px;animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader{animation:none}}.sleep-panel{margin-top:24px;padding-bottom:0}.sleep-period{margin:20px 0 14px;font-size:12px}.sleep-period>p{color:#334155;font-variant-numeric:tabular-nums;font-size:14px}.sleep-presets{background:#f0f3f7;border-radius:28px;grid-template-columns:repeat(4,1fr);gap:4px;max-width:540px;margin-top:16px;padding:4px;display:grid}.sleep-presets button{color:#536173;background:0 0;border:0;border-radius:24px;min-height:42px;padding:9px 12px;font-size:13px}.sleep-presets button:hover{background:#e4eaf0}.sleep-presets button[aria-pressed=true]{color:#fff;background:#087da8;font-weight:600}.sleep-sync-details{color:#667588;margin:12px 0 20px;font-size:11px}.sleep-legend{flex-wrap:wrap;gap:8px 16px;margin:12px 0 18px;font-size:11px;display:flex}.sleep-legend span{align-items:center;gap:5px;display:inline-flex}.sleep-legend i{border-radius:3px;width:12px;height:12px}.sleep-color.awake{background:#d34e85}.sleep-color.light{background:#4778f5}.sleep-color.deep{background:#60278c}.sleep-color.rem{background:#55cbe5}.sleep-color.asleep{background:#547565}.sleep-color.restless{background:#cf9609}.sleep-color.unknown{background:#d9dfe5;border:1px dashed #8c97a3}.sleep-status,.sleep-overview,.sleep-session p,.sleep-days p{margin:12px 0;font-size:12px;line-height:1.9}.sleep-overview{color:#657184}.sleep-message{padding:30px 0;font-size:13px;line-height:1.9}.sleep-session-view{color:#243246;margin-top:24px}.sleep-session-picker{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.sleep-session-picker button{color:#536173;text-align:left;border-radius:10px}.sleep-session-picker button span{margin-top:4px;font-size:10px;display:block}.sleep-session-picker button[aria-pressed=true]{color:#086b94;background:#edf7fb;border-color:#88bbd1}.sleep-duration-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.sleep-duration-heading h3{font-size:19px;font-weight:600}.sleep-duration-heading>span{color:#68768a;font-size:11px}.sleep-duration-line{flex-wrap:wrap;align-items:baseline;gap:4px 18px;margin:15px 0 8px;display:flex}.sleep-duration-value{letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:42px;font-weight:500;line-height:1.25}.sleep-duration-value small{letter-spacing:0;margin:0 6px 0 3px;font-size:21px;font-weight:400}.sleep-duration-value .sleep-duration-approx{color:#657184;margin:0 7px 0 0;font-size:14px}.sleep-duration-line p{color:#435065;font-size:12px;font-weight:500}.sleep-duration-note{color:#657184;font-size:12px;line-height:1.9}.sleep-partial-note{color:#50617b;background:#f3f6fb;border-radius:8px;margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.8}.sleep-stage-chart{margin-top:26px}.sleep-timeline{width:100%;position:relative}.sleep-chart-canvas{width:100%;height:100%;position:absolute;inset:0}.sleep-stage-labels{pointer-events:none;margin:0;padding:0;position:absolute;inset:0}.sleep-stage-label{flex-wrap:wrap;align-items:baseline;gap:0 8px;font-size:14px;line-height:1.5;display:flex;position:absolute;left:0}.sleep-stage-label dt{font-weight:500}.sleep-stage-label dd{color:#566276;font-variant-numeric:tabular-nums;margin:0;font-size:13px}.sleep-time-axis{color:#536173;font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.sleep-time-axis>span{text-align:center;flex-direction:column;gap:4px;display:flex}.sleep-time-axis>span:first-child{text-align:left}.sleep-time-axis>span:last-child{text-align:right}.sleep-time-axis strong{font-size:12px;font-weight:500}.sleep-time-axis small{color:#728095;font-size:10px}.sleep-session{color:#435065;background:#fafbfd;border:1px solid #e1e7ed;border-radius:10px;margin:22px 0;padding:14px 16px;font-size:12px}.sleep-session summary{max-width:100%;line-height:1.9}.sleep-session summary strong{color:#08769e;margin-right:12px;font-weight:500}.sleep-session summary>span{font-size:11px}.sleep-days>details{border-bottom:1px solid var(--border);padding:14px 0;font-size:12px}.sleep-days summary{width:100%;line-height:1.9}.sleep-stack{background:#f0f3f7;border-radius:4px;width:100%;max-width:600px;height:18px;margin-top:8px;display:flex;overflow:hidden}.sleep-days{max-height:720px;overflow:auto}.sleep-session .table-wrap{width:100%}.sleep-session table{min-width:370px}.sleep-panel .chart-foot{font-size:11px;line-height:1.9;display:block}@media (width<=600px){.sleep-period>p{font-size:12px}.sleep-presets button{padding:9px 4px;font-size:12px}.sleep-duration-value{font-size:32px}.sleep-duration-value small{font-size:18px}.sleep-duration-line p{font-size:11px}.sleep-stage-label{font-size:13px}.sleep-stage-label dd{font-size:12px}.sleep-session{padding:12px}}.chart-foot{color:#95a08f;border-top:1px solid #edf0e9;justify-content:space-between;gap:14px;padding:15px 0 19px;font-size:10px;display:flex}.chart-foot p{align-items:center;gap:7px;display:flex}.gap-key{border-top:2px dashed #afbcaa;width:14px;display:inline-block}.data-table{border-top:1px solid var(--border);color:#748470;padding:14px 0;font-size:11px}.table-wrap{max-height:310px;margin-top:15px;overflow:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;text-align:right;width:100%;font-size:11px}caption{text-align:left;padding-bottom:10px}td,th{border-bottom:1px solid #e5eadd;padding:8px 12px}th{background:#f5f7f1;font-weight:500}td:first-child,th:first-child{text-align:left}.record-note{color:#84917e;gap:14px;margin:29px 0 44px;display:flex}.note-icon{text-align:center;border:1px solid #adbda4;border-radius:50%;flex:0 0 19px;width:19px;height:19px;margin-top:3px;font-family:Georgia,serif;font-size:12px;line-height:17px}.record-note h2{color:#77886f;margin:0 0 8px;font-size:11px}.record-note p{font-size:11px;line-height:1.9}footer{border-top:1px solid var(--border);color:#91a087;align-items:center;gap:21px;padding:22px 0 30px;font-size:10px;display:flex}footer>span:first-child{letter-spacing:-.03em;color:#708566;font-size:13px;font-weight:600}footer a{color:#748a6f;margin-left:auto;font-size:10px}.header-caption,.timezone,.lead,.sync-info p,.date-controls,.eyebrow,.stat-label,.stat p,.stat-value small,.chart-heading p:last-child,.coverage,.chart-foot,.record-note,.record-note h2,.form-help,footer,footer a{color:#637360}@media (width>=1300px){.shell{padding:0 48px}}@media (width<=850px){.shell{padding:0 24px}.stats{gap:10px}.stat{padding:16px 14px}.stat-value{font-size:28px}.header-caption{display:none}}@media (width<=600px){.shell{padding:0 18px}.masthead{height:76px}.brand{font-size:18px}.timezone{font-size:9px}main{padding-top:25px}h1{font-size:27px}.intro{align-items:start;gap:12px;margin-bottom:25px}.lead{max-width:220px;font-size:10px}.sync-info{padding-top:22px}.sync-info p{max-width:114px;line-height:1.8}.sync-info strong{display:block}.status-pill{white-space:nowrap;font-size:10px}.demo-note{font-size:10px}.demo-note span{margin:5px 0 0;display:block}.period-panel{padding:15px}.period-top{flex-direction:column;align-items:start;gap:12px}.period-title{font-size:12px}.period-title>span{margin:0 7px}.period-actions{justify-content:space-between;width:100%}.stats{grid-template-columns:repeat(2,1fr);margin-bottom:18px}.stat{padding:15px 17px}.stat-value{margin-top:6px}.chart-panel{padding:20px 14px 0}h2{font-size:16px}.chart-meta{flex-wrap:wrap;margin-top:22px}.coverage{width:100%}.heart-chart,.chart-placeholder{height:290px}.chart-foot{flex-direction:column;gap:7px;line-height:1.8}.date-controls form{flex-direction:column;align-items:stretch;gap:13px}input{width:100%}footer{flex-wrap:wrap;gap:9px 16px;line-height:1.8}footer>span:nth-child(2){order:3;width:100%}.record-note{margin:24px 0 30px}.alert{padding:12px;font-size:11px}}