:where(.m-sleep) .sgrid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px;display:grid}@media (width<=600px){:where(.m-sleep) .sgrid{grid-template-columns:1fr}}:where(.m-sleep) .sbox{border-radius:var(--border-radius-md);padding:8px 10px}:where(.m-sleep) .sl{margin-bottom:2px;font-size:11px}:where(.m-sleep) .sv{font-size:12px;font-weight:500;line-height:1.4}:where(.m-sleep) .snote{font-size:12px;line-height:1.5}:where(.m-sleep) .cgrid-2x3{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:1rem;display:grid}@media (width<=520px){:where(.m-sleep) .cgrid-2x3{grid-template-columns:1fr}}:where(.m-sleep) .hormone-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}@media (width<=560px){:where(.m-sleep) .hormone-grid{grid-template-columns:repeat(2,1fr)}}:where(.m-sleep) .calc-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}@media (width<=500px){:where(.m-sleep) .calc-grid{grid-template-columns:1fr}}:where(.m-sleep) .calc-result{background:var(--color-background-secondary,#f5f5f5);border-radius:var(--border-radius-md,8px);color:var(--color-text-primary,#1a1a1a);min-height:60px;padding:11px 13px;font-size:13px;line-height:1.7}:where(.m-sleep) .hygiene-item{border-bottom:.5px solid var(--color-border-tertiary,#e0e0e0);align-items:flex-start;gap:10px;padding:9px 0;display:flex}:where(.m-sleep) .hygiene-item:last-child{border-bottom:none}:where(.m-sleep) .hygiene-check{border:1.5px solid var(--color-border-secondary,#ccc);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;transition:background .12s,border-color .12s;display:flex}:where(.m-sleep) .hygiene-check.checked{background:var(--accent);border-color:var(--accent)}:where(.m-sleep) .hygiene-check.checked:after{content:"✓";color:#fff;font-size:12px;font-weight:600}:where(.m-sleep) .hygiene-text{color:var(--color-text-primary,#1a1a1a);flex:1;font-size:13px;line-height:1.5}:where(.m-sleep) .hygiene-sub{color:var(--color-text-secondary,#666);margin-top:2px;font-size:11px}:where(.m-sleep) .hygiene-score{color:var(--color-text-primary,#1a1a1a);font-size:28px;font-weight:500}:where(.m-sleep) .hygiene-score-label{color:var(--color-text-secondary,#666);font-size:12px}:where(.m-sleep) .nap-display{background:var(--color-background-secondary,#f5f5f5);border-radius:var(--border-radius-md,8px);color:var(--color-text-primary,#1a1a1a);padding:11px 13px;font-size:13px;line-height:1.7}:where(.m-sleep) .caf-label{color:var(--color-text-secondary,#666);min-width:120px;font-size:12px}:where(.m-sleep) .caf-bar-track{background:var(--color-background-secondary,#f5f5f5);border-radius:4px;flex:1;min-width:80px;height:12px;overflow:hidden}:where(.m-sleep) .caf-bar-fill{background:#c8952a;border-radius:4px;height:12px;transition:width .3s}:where(.m-sleep) .chart-svg{width:100%;overflow:visible}:where(.m-sleep) .comp-table{border-collapse:collapse;width:100%;font-size:12px}:where(.m-sleep) .comp-table th{color:var(--color-text-secondary,#666);letter-spacing:.04em;text-transform:uppercase;border-bottom:.5px solid var(--color-border-tertiary,#e0e0e0);text-align:left;padding:6px 10px;font-size:11px;font-weight:600}:where(.m-sleep) .comp-table td{border-bottom:.5px solid var(--color-border-tertiary,#e0e0e0);color:var(--color-text-primary,#1a1a1a);vertical-align:top;padding:8px 10px;line-height:1.4}:where(.m-sleep) .comp-table tr:last-child td{border-bottom:none}:where(.m-sleep) .comp-table tr:hover td{background:var(--color-background-secondary,#f5f5f5)}:where(.m-sleep) .text-hex-72243e{color:#72243e}:where(.m-sleep) .text-indigo-900{color:#3c3489}:where(.m-sleep) .sleep-panel{background:var(--color-background-primary,#fff);border:.5px solid var(--color-border-tertiary,#e0e0e0);border-radius:var(--border-radius-lg,12px);margin-bottom:1rem;padding:13px 15px}:where(.m-sleep) .sleep-label{color:var(--color-text-primary,#1a1a1a);margin-bottom:4px;font-size:13px;font-weight:500}:where(.m-sleep) .sleep-text{color:var(--color-text-secondary,#666);margin-bottom:12px;font-size:12px;line-height:1.6}:where(.m-sleep) .cycle-caption{color:var(--color-text-secondary,#666);margin-bottom:2px;font-size:11px}:where(.m-sleep) .cycle-bar{border-radius:var(--border-radius-md,8px);border:.5px solid var(--color-border-tertiary,#e0e0e0);height:32px;display:flex;overflow:hidden}:where(.m-sleep) .cycle-block-n1{background:#b5d4f4;flex:1;justify-content:center;align-items:center;display:flex}:where(.m-sleep) .stage-label{color:var(--tint-color);font-size:10px;font-weight:500}:where(.m-sleep) .stage-label-n1{--tint-color:#042c53}:where(.m-sleep) .cycle-block-n2{background:#2276c9;flex:2;justify-content:center;align-items:center;display:flex}:where(.m-sleep) .stage-label-white{--tint-color:#fff}:where(.m-sleep) .cycle-block-n3{background:#26215c;flex:2;justify-content:center;align-items:center;display:flex}:where(.m-sleep) .stage-label-n3{--tint-color:#cecbf6}:where(.m-sleep) .cycle-block-n2-brief{background:#2276c9;flex:1;justify-content:center;align-items:center;display:flex}:where(.m-sleep) .cycle-block-rem{background:#ce3b6c;flex:2;justify-content:center;align-items:center;display:flex}:where(.m-sleep) .cycle-legend{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}:where(.m-sleep) .cycle-legend-item{color:var(--color-text-secondary,#666);align-items:center;gap:4px;font-size:11px;display:flex}:where(.m-sleep) .sleep-media{background:#b5d4f4;border-radius:2px;width:10px;height:10px;display:inline-block}:where(.m-sleep) .legend-swatch-n2{background:#2276c9;border-radius:2px;width:10px;height:10px;display:inline-block}:where(.m-sleep) .legend-swatch-n3{background:#26215c;border-radius:2px;width:10px;height:10px;display:inline-block}:where(.m-sleep) .legend-swatch-rem{background:#ce3b6c;border-radius:2px;width:10px;height:10px;display:inline-block}:where(.m-sleep) .cycle-shift-panel{background:var(--color-background-primary,#fff);border:.5px solid var(--color-border-tertiary,#e0e0e0);border-radius:var(--border-radius-lg,12px);margin-bottom:8px;padding:11px 14px}:where(.m-sleep) .cycle-shift-title{color:var(--color-text-primary,#1a1a1a);margin-bottom:8px;font-size:12px;font-weight:500}:where(.m-sleep) .cycle-shift-label{color:var(--color-text-secondary,#666);margin-bottom:3px;font-size:11px}:where(.m-sleep) .cycle-shift-bar{border-radius:3px;height:20px;display:flex;overflow:hidden}:where(.m-sleep) .sleep-div-style{background:#b5d4f4;flex:.5}:where(.m-sleep) .cycle-seg-n2{background:#2276c9;flex:2}:where(.m-sleep) .cycle-seg-deep-long{background:#26215c;flex:3.5}:where(.m-sleep) .cycle-seg-rem-short{background:#ce3b6c;flex:1}:where(.m-sleep) .cycle-shift-note{color:var(--color-text-secondary,#666);margin-top:2px;font-size:10px}:where(.m-sleep) .cycle-seg-deep-mid{background:#26215c;flex:2.5}:where(.m-sleep) .cycle-seg-rem-mid{background:#ce3b6c;flex:2}:where(.m-sleep) .cycle-seg-deep-short{background:#26215c;flex:1}:where(.m-sleep) .cycle-seg-rem-long{background:#ce3b6c;flex:3.5}:where(.m-sleep) .cycle-seg-deep-trace{background:#26215c;flex:.2}:where(.m-sleep) .cycle-seg-rem-max{background:#ce3b6c;flex:5}:where(.m-sleep) .alarm-note{background:var(--color-background-secondary,#f5f5f5);border-radius:var(--border-radius-md,8px);color:var(--color-text-secondary,#666);padding:10px 12px;font-size:12px;line-height:1.6}:where(.m-sleep) .sleep-strong-style{color:var(--color-text-primary,#1a1a1a)}:where(.m-sleep) .tool-title{color:var(--color-text-primary,#1a1a1a);margin-bottom:8px;font-size:13px;font-weight:500}:where(.m-sleep) .field-label{color:var(--color-text-secondary,#666);margin-bottom:5px;font-size:11px}:where(.m-sleep) .wake-time{border-radius:var(--border-radius-md,8px);border:.5px solid var(--color-border-secondary,#ccc);background:var(--color-background-primary,#fff);height:36px;color:var(--color-text-primary,#1a1a1a);width:100%;font-size:13px;font-family:var(--font-sans,sans-serif);padding:0 10px}:where(.m-sleep) .stage-panel{border-radius:var(--border-radius-lg,12px);background:var(--tint-background);border:var(--tint-border);margin-bottom:10px;padding:13px 15px}:where(.m-sleep) .stage-panel-n1{--tint-background:#e6f1fb;--tint-border:.5px solid #85b7eb}:where(.m-sleep) .sbadge-style{color:#042c53;background:#b5d4f4}:where(.m-sleep) .sbox-style{background:#b5d4f4}:where(.m-sleep) .stage-panel-n2{--tint-background:#eeedfe;--tint-border:.5px solid #afa9ec}:where(.m-sleep) .sbadge-n2{color:#26215c;background:#cecbf6}:where(.m-sleep) .sbox-n2{background:#cecbf6}:where(.m-sleep) .stage-panel-n3{--tint-background:#26215c;--tint-border:.5px solid #534ab7}:where(.m-sleep) .sbadge-n3{color:#cecbf6;background:#534ab7}:where(.m-sleep) .sl-n3{color:#afa9ec}:where(.m-sleep) .stage-panel-rem{--tint-background:#fbeaf0;--tint-border:.5px solid #ed93b1}:where(.m-sleep) .sname-rem{color:#4b1528}:where(.m-sleep) .sbadge-rem{color:#4b1528;background:#f4c0d1}:where(.m-sleep) .sbox-rem{background:#f4c0d1}:where(.m-sleep) .stage-compare-panel{background:var(--color-background-primary,#fff);border:.5px solid var(--color-border-tertiary,#e0e0e0);border-radius:var(--border-radius-lg,12px);margin-bottom:1rem;padding:13px 15px;overflow-x:auto}:where(.m-sleep) .panel-heading{color:var(--color-text-primary,#1a1a1a);margin-bottom:10px;font-size:12px;font-weight:500}:where(.m-sleep) .sleep-span-style{color:#042c53;font-weight:500}:where(.m-sleep) .stage-name-n2{color:#3c3489;font-weight:500}:where(.m-sleep) .stage-tag-n3{color:#cecbf6;background:#26215c;border-radius:3px;padding:1px 5px;font-weight:500}:where(.m-sleep) .stage-name-rem{color:#72243e;font-weight:500}:where(.m-sleep) .hormone-timeline-title{color:var(--color-text-primary,#1a1a1a);margin-bottom:10px;font-size:13px;font-weight:500}:where(.m-sleep) .hormone-slider-label{color:var(--color-text-secondary,#666);min-width:60px;font-size:12px}:where(.m-sleep) .time-out{text-align:right;min-width:55px;color:var(--color-text-primary,#1a1a1a);font-size:13px;font-weight:500}:where(.m-sleep) .hormone-display{color:var(--color-text-primary,#1a1a1a);background:var(--color-background-secondary,#f5f5f5);border-radius:var(--border-radius-md,8px);margin-bottom:10px;padding:11px 13px;font-size:13px;line-height:1.8}:where(.m-sleep) .hormone-card{background:var(--color-background-secondary,#f5f5f5);border-radius:var(--border-radius-md,8px);padding:9px 11px}:where(.m-sleep) .hormone-name{color:var(--color-text-primary,#1a1a1a);margin-bottom:3px;font-size:12px;font-weight:500}:where(.m-sleep) .hormone-desc{color:var(--color-text-secondary,#666);font-size:12px;line-height:1.5}:where(.m-sleep) .caffeine-intro{color:var(--color-text-secondary,#666);margin-bottom:10px;font-size:12px;line-height:1.5}:where(.m-sleep) .caffeine-field-label{color:var(--color-text-secondary,#666);margin-bottom:4px;font-size:11px}:where(.m-sleep) .caf-time{border-radius:var(--border-radius-md,8px);border:.5px solid var(--color-border-secondary,#ccc);background:var(--color-background-primary,#fff);height:34px;color:var(--color-text-primary,#1a1a1a);font-size:13px;font-family:var(--font-sans,sans-serif);padding:0 10px}:where(.m-sleep) .caf-result{color:var(--color-text-primary,#1a1a1a);background:var(--color-background-secondary,#f5f5f5);border-radius:var(--border-radius-md,8px);margin-bottom:10px;padding:11px 13px;font-size:13px;line-height:1.7}:where(.m-sleep) .depriv-display{color:var(--color-text-primary,#1a1a1a);background:var(--color-background-secondary,#f5f5f5);border-radius:var(--border-radius-md,8px);padding:11px 13px;font-size:13px;line-height:1.8}:where(.m-sleep) .deprivation-sources{color:#999;font-size:11px;line-height:1.5}:where(.m-sleep) .source-note{color:#999;margin-top:4px;font-size:11px;line-height:1.5}:where(.m-sleep) .checklist-title{color:var(--color-text-primary,#1a1a1a);font-size:13px;font-weight:500}:where(.m-sleep) .hygiene-score-bar{background:var(--color-background-secondary,#f5f5f5);border-radius:3px;height:6px;margin-bottom:14px;overflow:hidden}:where(.m-sleep) .hygiene-score-fill{background:var(--accent);border-radius:3px;width:0%;height:6px;transition:width .3s}:where(.m-sleep) .hygiene-feedback{color:var(--color-text-secondary,#666);background:var(--color-background-secondary,#f5f5f5);border-radius:var(--border-radius-md,8px);margin-top:10px;padding:10px 12px;font-size:12px;line-height:1.6;display:none}:where(.m-sleep) .hygiene-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:1rem;display:grid}:where(.m-sleep) .nap-card-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:1rem;display:grid}html[data-theme=dark] :where(.m-sleep) .legend-swatch-n3,html[data-theme=dark] :where(.m-sleep) .cycle-seg-deep-long,html[data-theme=dark] :where(.m-sleep) .cycle-seg-deep-mid,html[data-theme=dark] :where(.m-sleep) .cycle-seg-deep-short,html[data-theme=dark] :where(.m-sleep) .cycle-seg-deep-trace{background:#6860c6}@media (prefers-color-scheme:dark){html[data-theme=auto] :where(.m-sleep) .legend-swatch-n3,html[data-theme=auto] :where(.m-sleep) .cycle-seg-deep-long,html[data-theme=auto] :where(.m-sleep) .cycle-seg-deep-mid,html[data-theme=auto] :where(.m-sleep) .cycle-seg-deep-short,html[data-theme=auto] :where(.m-sleep) .cycle-seg-deep-trace{background:#6860c6}}:where(.m-sleep) .sbadge-n3{background:#4f46b1}:where(.m-sleep) .sleep-span-style{color:#042c53}html[data-theme=dark] :where(.m-sleep) .sleep-span-style{color:#1686f4}@media (prefers-color-scheme:dark){html[data-theme=auto] :where(.m-sleep) .sleep-span-style{color:#1686f4}}:where(.m-sleep) .stage-name-n2{color:#3c3489}html[data-theme=dark] :where(.m-sleep) .stage-name-n2{color:#857ece}@media (prefers-color-scheme:dark){html[data-theme=auto] :where(.m-sleep) .stage-name-n2{color:#857ece}}:where(.m-sleep) .stage-name-rem{color:#72243e}html[data-theme=dark] :where(.m-sleep) .stage-name-rem{color:#cd6286}@media (prefers-color-scheme:dark){html[data-theme=auto] :where(.m-sleep) .stage-name-rem{color:#cd6286}}.fa-moon{background-color:currentColor;width:.75em;-webkit-mask:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 384 512%22><path fill=%22currentColor%22 d=%22M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z%22/></svg>") 50%/contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 384 512%22><path fill=%22currentColor%22 d=%22M223.5 32C100 32 0 132.3 0 256S100 480 223.5 480c60.6 0 115.5-24.2 155.8-63.4c5-4.9 6.3-12.5 3.1-18.7s-10.1-9.7-17-8.5c-9.8 1.7-19.8 2.6-30.1 2.6c-96.9 0-175.5-78.8-175.5-176c0-65.8 36-123.1 89.3-153.3c6.1-3.5 9.2-10.5 7.7-17.3s-7.3-11.9-14.3-12.5c-6.3-.5-12.6-.8-19-.8z%22/></svg>") 50%/contain no-repeat}
