#sleep-app{--sl-ink:#303b35;--sl-muted:#687068;--sl-main:#526c5e;--sl-soft:#e8ece5;--sl-surface:#f8f7f2;--sl-line:#d7dcd2;--sl-heart:#a07860;--sl-breath:#647f71;--sl-deep:#526f61;--sl-light:#a6b8ac;--sl-awake:#c8b68d;font-family:"Segoe UI","Microsoft YaHei",sans-serif;color:var(--sl-ink);font-size:13px;line-height:1.6;max-width:1100px;margin:auto}
#sleep-app *{box-sizing:border-box}
#sleep-app button,#sleep-app input,#sleep-app select{font:inherit}
#sleep-app button{min-height:40px;border:1px solid #b9c2b7;border-radius:3px;padding:7px 14px;background:transparent;color:var(--sl-ink);font-weight:400}
#sleep-app button:hover{background:#e8ece4}
#sleep-app button:disabled{opacity:.6}
#sleep-app input,#sleep-app select{min-height:42px;border:1px solid #cbd2c6;border-radius:2px;padding:7px 10px;background:var(--sl-surface);color:var(--sl-ink);min-width:0;font-size:16px}
#sleep-app input[type=checkbox]{min-height:auto;width:16px;height:16px;accent-color:var(--sl-main)}
#sleep-app h1,#sleep-app h2,#sleep-app h3,#sleep-app p{margin:0}
#sleep-app h1{font-size:22px;font-weight:500;letter-spacing:1px;line-height:1.4}
#sleep-app h2{font-size:15px;font-weight:500;letter-spacing:.3px}
#sleep-app h3{font-size:13px;font-weight:500}
#sleep-app small{font-size:11px;color:var(--sl-muted)}
#sleep-app .sl-muted{color:var(--sl-muted)}
#sleep-app .sl-primary{background:var(--sl-main);border-color:var(--sl-main);color:#fff}
#sleep-app .sl-primary:hover{background:#435b4d}
#sleep-app .sl-shell{container-type:inline-size;max-width:100%;margin:auto;background:#f5f4ee;border:1px solid var(--sl-line);border-radius:4px;overflow:clip}
#sleep-app .sl-hero{padding:30px 32px 0}
#sleep-app .sl-hero-line{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-right:90px}
#sleep-app .sl-tagline{color:var(--sl-muted);margin-top:7px;font-size:12px}
#sleep-app .sl-status{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:22px;padding-bottom:18px;border-bottom:1px solid var(--sl-line);font-size:11px;color:var(--sl-muted)}
#sleep-app .sl-dot{display:inline-block;width:5px;height:5px;background:#647f6c;border-radius:50%;margin-right:6px}
#sleep-app .sl-demo{margin-left:auto;color:var(--sl-muted)}
#sleep-app .sl-main{padding:0 32px 20px;display:grid;gap:0}
#sleep-app .sl-panel{background:transparent;border:0;border-top:1px solid var(--sl-line);border-radius:0;padding:24px 0;min-width:0}
#sleep-app .sl-main>.sl-panel:first-child{border-top:0}
#sleep-app .sl-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
#sleep-app .sl-heading-title{display:flex;align-items:center;gap:0}
#sleep-app .sl-pill{font-size:11px;color:var(--sl-muted);white-space:nowrap}
#sleep-app .sl-vital-row{display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px;align-items:center}
#sleep-app .sl-vital-row+.sl-vital-row{margin-top:15px;padding-top:16px;border-top:1px solid #e2e5dc}
#sleep-app .sl-vital-name{color:var(--sl-muted);font-size:12px}
#sleep-app .sl-vital-value{font-size:29px;letter-spacing:-.5px;line-height:1.35;font-weight:400;margin:6px 0}
#sleep-app .sl-vital-value span{font-size:12px;letter-spacing:0;color:var(--sl-muted);margin-left:7px}
#sleep-app .sl-chart{height:105px;width:100%;display:block;overflow:visible}
#sleep-app .sl-six{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:1px solid var(--sl-line);padding:18px 0 22px}
#sleep-app .sl-stat{border-right:1px solid var(--sl-line);padding:0 14px;min-width:0}
#sleep-app .sl-stat:first-child{padding-left:0}
#sleep-app .sl-stat:last-child{border-right:0}
#sleep-app .sl-stat label{display:block;font-size:11px;color:var(--sl-muted);margin-bottom:8px}
#sleep-app .sl-stat strong{font-size:20px;font-weight:400;white-space:nowrap}
#sleep-app .sl-stat strong span{font-size:11px;color:var(--sl-muted);margin-left:4px}
#sleep-app .sl-stat .sl-score{color:var(--sl-ink)}
#sleep-app .sl-two{display:grid;grid-template-columns:1fr 1fr;gap:32px;min-width:0;border-top:1px solid var(--sl-line)}
#sleep-app .sl-two>.sl-panel{border-top:0}
#sleep-app .sl-two>.sl-panel+ .sl-panel{padding-left:28px;border-left:1px solid var(--sl-line)}
#sleep-app .sl-control-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
#sleep-app .sl-switch-label{display:flex;align-items:center;gap:7px;font-size:12px}
#sleep-app .sl-time-row{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}
#sleep-app .sl-time{font-size:22px!important;letter-spacing:1px;flex:1;max-width:205px;min-width:130px}
#sleep-app .sl-alarm-panel{display:flex;flex-direction:column}
#sleep-app .sl-alarm-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:112px;min-width:0}
#sleep-app .sl-alarm-controls form{width:100%;max-width:100%}
#sleep-app .sl-alarm-controls .sl-time-row{justify-content:center;margin-bottom:0}
#sleep-app .sl-alarm-controls .sl-control-status{text-align:center;max-width:100%}
#sleep-app .sl-led-power{display:flex;align-items:center;gap:0}
#sleep-app .sl-led-row{display:flex;justify-content:flex-end;align-items:center;margin:16px 0 8px}
#sleep-app .sl-led-row output{font-size:20px;font-weight:400}
#sleep-app input[type=range]{width:100%;accent-color:var(--sl-main);padding:0;border:0;min-height:26px;background:transparent}
#sleep-app .sl-range-ends{display:flex;justify-content:space-between;font-size:11px;color:var(--sl-muted)}
#sleep-app .sl-generate{background:#e8ece3;display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid #d6dfd0;border-radius:2px;margin-bottom:24px}
#sleep-app .sl-generate p{font-size:12px;color:var(--sl-muted);margin-top:4px}
#sleep-app .sl-generate button{white-space:nowrap;min-width:140px}
#sleep-app .sl-fields{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:16px}
#sleep-app .sl-field{display:grid;gap:6px;font-size:12px;color:var(--sl-muted)}
#sleep-app .sl-checks{display:flex;flex-wrap:wrap;gap:10px 18px;margin:16px 0}
#sleep-app .sl-checks label{display:flex;align-items:center;gap:6px;font-size:12px}
#sleep-app .sl-profile-bottom{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#sleep-app .sl-report-top{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:center;margin:5px 0 24px}
#sleep-app .sl-score-ring{position:relative;width:110px;height:110px;border-radius:50%;background:conic-gradient(var(--sl-main) 0 86%,#e1e5db 86% 100%);display:grid;place-items:center}
#sleep-app .sl-score-ring:before{content:"";position:absolute;inset:6px;border-radius:50%;background:#f5f4ee}
#sleep-app .sl-score-inner{position:relative;text-align:center;line-height:1.25}
#sleep-app .sl-score-inner strong{font-size:29px;font-weight:400}
#sleep-app .sl-score-inner span{display:block;font-size:11px;color:var(--sl-muted);margin-top:4px}
#sleep-app .sl-sleep-total{font-size:25px;font-weight:400;margin:4px 0 12px;line-height:1.4}
#sleep-app .sl-sleep-total span{font-size:12px;font-weight:400;margin:0 4px;color:var(--sl-muted)}
#sleep-app .sl-report-facts{display:flex;gap:27px;flex-wrap:wrap;font-size:11px;color:var(--sl-muted)}
#sleep-app .sl-report-facts b{display:block;color:var(--sl-ink);font-size:14px;font-weight:400;margin-top:4px}
#sleep-app .sl-section-line{border-top:1px solid #dfe3d9;margin-top:22px;padding-top:19px}
#sleep-app .sl-chart-top{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:9px}
#sleep-app .sl-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--sl-muted)}
#sleep-app .sl-legend span{display:flex;align-items:center;gap:5px}
#sleep-app .sl-swatch{display:inline-block;width:8px;height:8px;border-radius:1px}
#sleep-app .sl-timeline{width:100%;height:138px;display:block}
#sleep-app .sl-structure{display:grid;grid-template-columns:190px 1fr;gap:38px;align-items:center;margin-top:18px}
#sleep-app .sl-donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--sl-light) 0 71.06%,var(--sl-deep) 71.06% 96.59%,var(--sl-awake) 96.59% 100%);position:relative;display:grid;place-items:center;margin:auto}
#sleep-app .sl-donut:before{content:"";position:absolute;inset:20px;background:#f5f4ee;border-radius:50%}
#sleep-app .sl-donut-label{position:relative;text-align:center;font-size:11px;color:var(--sl-muted);width:100px;line-height:1.45}
#sleep-app .sl-donut-label strong{display:block;font-size:18px;color:var(--sl-ink);font-weight:400;white-space:nowrap}
#sleep-app .sl-stage{margin:13px 0}
#sleep-app .sl-stage-line{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12px}
#sleep-app .sl-stage-name{display:flex;align-items:center;gap:8px}
#sleep-app .sl-stage-line small{margin-left:5px}
#sleep-app .sl-bar-track{margin-top:7px;height:4px;background:#e2e6dc;overflow:hidden}
#sleep-app .sl-bar-track div{height:100%}
#sleep-app .sl-ai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
#sleep-app .sl-keywords{display:flex;flex-wrap:wrap;gap:9px;margin:-6px 0 22px}
#sleep-app .sl-keyword{display:inline-block;padding:5px 12px;font-size:13px;line-height:1.6;border:1px solid #6376a34d;border-radius:3px;background:linear-gradient(110deg,#ffcee347,#a8bee34d);color:var(--sl-ink)}
#sleep-app .sl-insight{padding:0 22px;border-left:1px solid var(--sl-line)}
#sleep-app .sl-insight:first-child{border-left:0;padding-left:0}
#sleep-app .sl-insight:last-child{padding-right:0}
#sleep-app .sl-insight p{font-size:12px;color:var(--sl-muted);margin-top:8px;line-height:1.85}
#sleep-app details{margin-top:17px;font-size:12px}
#sleep-app summary{color:var(--sl-main);padding:9px 0}
#sleep-app details p{padding:12px 0;color:var(--sl-muted);font-size:12px;line-height:1.9}
#sleep-app .sl-history-item{display:grid;grid-template-columns:110px 1fr 100px auto;gap:20px;align-items:center;padding:14px 0;border-top:1px solid #dfe3d9}
#sleep-app .sl-history-item:first-of-type{border-top:0}
#sleep-app .sl-history-date{font-size:12px;font-weight:400}
#sleep-app .sl-history-date small{display:block}
#sleep-app .sl-history-bar{height:12px;display:flex;gap:1px;overflow:hidden}
#sleep-app .sl-history-duration{font-size:13px;white-space:nowrap}
#sleep-app .sl-history-detail{padding:12px;background:#e9ece4;font-size:12px;color:var(--sl-muted)}
#sleep-app [hidden]{display:none!important}
#sleep-app .sl-notice{font-size:11px;color:var(--sl-main);min-height:18px}
@container (max-width:800px){
 #sleep-app .sl-six{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:19px}
 #sleep-app .sl-stat:nth-child(3n){border-right:0}
 #sleep-app .sl-stat:nth-child(3n+1){padding-left:0}
 #sleep-app .sl-history-item{grid-template-columns:90px 1fr 95px auto;gap:12px}
}
@container (max-width:540px){
 #sleep-app .sl-shell{border-radius:2px}
 #sleep-app .sl-hero{padding:23px 18px 0}
 #sleep-app .sl-hero-line{padding-right:0}
 #sleep-app h1{font-size:19px;letter-spacing:.5px}
 #sleep-app .sl-status{gap:9px;margin-top:18px;padding-bottom:16px}
 #sleep-app .sl-demo{margin-left:0;width:100%}
 #sleep-app .sl-main{padding:0 18px 18px}
 #sleep-app .sl-panel{padding:22px 0}
 #sleep-app .sl-heading{gap:8px;margin-bottom:18px}
 #sleep-app h2{font-size:14px}
 #sleep-app .sl-vital-row{grid-template-columns:1fr;gap:8px}
 #sleep-app .sl-vital-number{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
 #sleep-app .sl-vital-number small{display:none}
 #sleep-app .sl-vital-value{font-size:26px;margin:0}
 #sleep-app .sl-chart{height:100px}
 #sleep-app .sl-six{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 0;padding:20px 0}
 #sleep-app .sl-stat{padding:0 16px;border-right:1px solid var(--sl-line)}
 #sleep-app .sl-stat:nth-child(3n){border-right:1px solid var(--sl-line)}
 #sleep-app .sl-stat:nth-child(3n+1){padding-left:16px}
 #sleep-app .sl-stat:nth-child(2n){border-right:0}
 #sleep-app .sl-stat:nth-child(2n+1){padding-left:0}
 #sleep-app .sl-stat strong{font-size:19px}
 #sleep-app .sl-two{grid-template-columns:1fr;gap:0}
 #sleep-app .sl-two>.sl-panel+.sl-panel{padding-left:0;border-left:0;border-top:1px solid var(--sl-line)}
 #sleep-app .sl-generate{padding:16px;flex-direction:column;align-items:stretch;gap:13px;margin-bottom:22px}
 #sleep-app .sl-generate button{width:100%}
 #sleep-app .sl-fields{grid-template-columns:1fr 1fr;gap:12px}
 #sleep-app .sl-field:last-child{grid-column:1/-1}
 #sleep-app .sl-report-top{grid-template-columns:88px 1fr;gap:16px;margin-bottom:19px}
 #sleep-app .sl-score-ring{width:84px;height:84px}
 #sleep-app .sl-score-ring:before{inset:5px}
 #sleep-app .sl-score-inner strong{font-size:25px}
 #sleep-app .sl-score-inner span{font-size:11px;margin-top:2px}
 #sleep-app .sl-sleep-total{font-size:22px;margin-bottom:8px}
 #sleep-app .sl-sleep-total span{font-size:11px;margin:0 2px}
 #sleep-app .sl-report-facts{gap:9px}
 #sleep-app .sl-report-facts b{font-size:12px}
 #sleep-app .sl-report-facts .sl-extra-fact{display:none}
 #sleep-app .sl-structure{grid-template-columns:1fr;gap:13px}
 #sleep-app .sl-ai-grid{grid-template-columns:1fr}
 #sleep-app .sl-insight{padding:15px 0;border-left:0;border-top:1px solid #dfe3d9}
 #sleep-app .sl-insight:first-child{border-top:0;padding-top:0}
 #sleep-app .sl-insight:last-child{padding-bottom:0}
 #sleep-app .sl-insight p{margin-top:5px}
 #sleep-app .sl-history-item{grid-template-columns:1fr auto;gap:9px}
 #sleep-app .sl-history-bar{grid-row:2;grid-column:1}
 #sleep-app .sl-history-duration{grid-row:1;grid-column:2}
 #sleep-app .sl-history-item button{grid-row:2;grid-column:2;min-height:38px;padding:5px 12px}
 #sleep-app .sl-history-date small{display:inline;margin-left:8px}
}
@media(pointer:coarse){#sleep-app button{min-height:44px}}

#sleep-app{--sl-ink:#242650;--sl-muted:#485577;--sl-main:#262277;--sl-soft:#eee5fa;--sl-surface:#e6eafa;--sl-line:#ffffff5c;--sl-heart:#a45889;--sl-breath:#354c96;--sl-deep:#262277;--sl-light:#678ec9;--sl-awake:#ffcee3}
#sleep-app .sl-shell{background:radial-gradient(ellipse at 100% 0%,#ffcee3 0,transparent 29%),radial-gradient(ellipse at 0% 37%,#8aabda90 0,transparent 45%),linear-gradient(155deg,#aaabd9 0%,#678ec9 34%,#6d7fbd 65%,#262277 100%);border:1px solid #ffffff55;border-radius:4px}
#sleep-app .sl-hero{position:relative;isolation:isolate;overflow:hidden;padding:28px 28px 20px;background:radial-gradient(ellipse at 110% -10%,#ffcee3a6 0,transparent 58%),linear-gradient(118deg,#262277ed 0%,#354e94cb 54%,#678ec954 100%);color:#fff6fc;min-height:240px}
#sleep-app .sl-hero:after{display:none}
#sleep-app .sl-hero-line{padding-right:0;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;position:relative;z-index:1;align-items:center}
#sleep-app .sl-hero h1{font-size:22px;letter-spacing:1px;font-weight:500}
#sleep-app .sl-tagline{color:#e0e7fb;margin-top:9px}
#sleep-app .sl-date{font-size:12px;color:#e7eaff;letter-spacing:.7px;margin-bottom:13px}
#sleep-app .sl-astral{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;padding-top:20px}
#sleep-app .sl-astral-block{display:grid;justify-items:center;gap:5px;background:transparent;border:0;padding:10px 8px;border-radius:0;min-width:0}
#sleep-app .sl-astral-figure{width:90px;height:84px;display:block}
#sleep-app .sl-astral-name{font-size:13px;color:#fff6fc;font-weight:500;text-align:center}
#sleep-app .sl-astral-caption{font-size:11px;color:#e3e7fa;text-align:center}
#sleep-app .sl-status{position:relative;z-index:1;margin-top:19px;padding:15px 0 0;border:0;border-top:1px solid #d8e5ff33;color:#e0e7fb;gap:13px}
#sleep-app .sl-demo{color:#f5d8ec}
#sleep-app .sl-dot{background:#ffcee3}
#sleep-app .sl-stars{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle at 8% 18%,#fff6fc 0 1px,transparent 1.7px),radial-gradient(circle at 22% 68%,#ffcee3 0 .8px,transparent 1.4px),radial-gradient(circle at 40% 24%,#fff6fc 0 1.1px,transparent 1.7px),radial-gradient(circle at 54% 76%,#ffcee3 0 .8px,transparent 1.4px),radial-gradient(circle at 68% 32%,#fff6fc 0 1.1px,transparent 1.7px),radial-gradient(circle at 87% 68%,#fff6fc 0 .7px,transparent 1.5px),radial-gradient(circle at 94% 13%,#ffcee3 0 .7px,transparent 1.3px);background-size:260px 125px;opacity:.65}
#sleep-app .sl-main{padding:15px 18px 19px;gap:12px}
#sleep-app .sl-panel{padding:22px;background:linear-gradient(115deg,#fff3faad,#e8f0fcbf 58%,#eeebfac7);border:1px solid #ffffff66;border-radius:4px}
#sleep-app .sl-main>.sl-panel:first-child{border-top:1px solid #ffffff66}
#sleep-app .sl-heading{margin-bottom:18px}
#sleep-app .sl-vital-row+.sl-vital-row{border-top-color:#667ca22e}
#sleep-app .sl-six{padding:18px 10px;background:linear-gradient(110deg,#ffecf5ad,#e2edfabf 55%,#ebe8fbc7);border:1px solid #ffffff66;border-radius:4px}
#sleep-app .sl-stat{padding:0 13px;border-right-color:#687ca830}
#sleep-app .sl-stat:first-child{padding-left:8px}
#sleep-app .sl-two{background:linear-gradient(112deg,#fcebf6b5,#e7f0fac2 55%,#e9e7f7c9);border:1px solid #ffffff66;border-radius:4px;gap:0}
#sleep-app .sl-two>.sl-panel{background:transparent;border:0;padding:21px}
#sleep-app .sl-two>.sl-panel+.sl-panel{border-left:1px solid #687ca830;padding-left:23px}
#sleep-app .sl-generate{background:linear-gradient(115deg,#ffcee3e0 0%,#a7bee4de 44%,#678ec9db 72%,#7165b1d6 100%);border:1px solid #ffffff66;border-radius:4px;margin-bottom:0;padding:19px 22px}
#sleep-app .sl-generate:before{display:none}
#sleep-app .sl-generate p{color:#354366}
#sleep-app button{background:#f5f3fb47;border-color:#7285b076;border-radius:3px}
#sleep-app button:hover{background:#ffcee344}
#sleep-app .sl-primary{background:linear-gradient(115deg,#5369a9,#262277);color:#fff6fc;border-color:#41477e}
#sleep-app .sl-primary:hover{background:linear-gradient(115deg,#6079bd,#39358d)}
#sleep-app input,#sleep-app select{background:#f8f5fc80;border-color:#7184ac55;color:#242650}
#sleep-app input::placeholder{color:#536181}
#sleep-app input[type=range]{background:transparent;accent-color:#6868a6}
#sleep-app .sl-score-ring{background:conic-gradient(from -90deg,#ffcee3 0%,#678ec9 40%,#262277 86%,#ffffff60 86% 100%)}
#sleep-app .sl-score-ring:before,#sleep-app .sl-donut:before{background:#dae3f4}
#sleep-app .sl-stage .sl-bar-track{background:#657fa127}
#sleep-app .sl-stage .sl-bar-track div{background-image:linear-gradient(90deg,#ffffff00,#26227724)}
#sleep-app .sl-section-line{border-top-color:#687ca830}
#sleep-app .sl-history-item{border-top-color:#687ca830}
#sleep-app .sl-history-detail{background:linear-gradient(110deg,#ffcee354,#d6e3f77d);color:#354366}
#sleep-app .sl-insight{border-color:#687ca830}
@container (max-width:800px){
 #sleep-app .sl-hero-line{grid-template-columns:minmax(0,1fr) 280px;gap:15px}
 #sleep-app .sl-astral{gap:10px}
 #sleep-app .sl-stat:nth-child(3n+1){padding-left:8px}
}
@container (max-width:540px){
 #sleep-app .sl-hero{padding:23px 18px 17px;min-height:0}
 #sleep-app .sl-hero-line{grid-template-columns:1fr;gap:12px}
 #sleep-app .sl-hero h1{font-size:19px}
 #sleep-app .sl-date{font-size:11px;margin-bottom:9px}
 #sleep-app .sl-astral{grid-template-columns:1fr 1fr;padding-top:0;gap:12px}
 #sleep-app .sl-astral-block{grid-template-columns:58px 1fr;grid-template-rows:auto auto;gap:0 6px;padding:10px 8px;justify-items:start}
 #sleep-app .sl-astral-figure{width:58px;height:64px;grid-row:1/3}
 #sleep-app .sl-astral-name{font-size:12px;align-self:end;text-align:left;white-space:nowrap}
 #sleep-app .sl-astral-caption{font-size:11px;align-self:start;text-align:left}
 #sleep-app .sl-status{margin-top:14px;padding-top:12px;gap:8px}
 #sleep-app .sl-main{padding:10px;gap:10px}
 #sleep-app .sl-panel{padding:17px}
 #sleep-app .sl-six{padding:17px 9px;gap:20px 0}
 #sleep-app .sl-stat:nth-child(2n+1){padding-left:8px}
 #sleep-app .sl-stat:nth-child(3n){border-right-color:#687ca830}
 #sleep-app .sl-two>.sl-panel{padding:17px}
 #sleep-app .sl-two>.sl-panel+.sl-panel{border-left:0;border-top:1px solid #687ca830;padding-left:17px}
 #sleep-app .sl-generate{padding:16px;margin-bottom:0}
 #sleep-app .sl-insight{border-top-color:#687ca830}
}
@container (max-width:340px){
 #sleep-app .sl-astral-block{grid-template-columns:1fr;justify-items:center;gap:3px}
 #sleep-app .sl-astral-figure{grid-row:auto;width:66px;height:64px}
 #sleep-app .sl-astral-name,#sleep-app .sl-astral-caption{text-align:center}
}

/* Production states and adaptive astronomy background. */
#sleep-app .sl-hero{min-height:245px;padding:28px 28px 20px}
#sleep-app .sl-hero-line{grid-template-columns:1fr;min-height:150px;padding-right:370px}
#sleep-app .sl-stars{background:none;opacity:1}
#sleep-app .sl-stars span{position:absolute;display:block;background:#fff2fa;border-radius:50%}
#sleep-app .sl-sky-constellation{position:absolute;right:215px;top:30px;width:132px;transform:rotate(-8deg);z-index:0;text-align:center;color:#f9e7f6}
#sleep-app .sl-sky-constellation svg{display:block;width:132px;height:125px}
#sleep-app .sl-sky-constellation small{font-size:11px;color:#f3e2f3}
#sleep-app .sl-sky-moon{position:absolute;right:60px;top:62px;width:85px;text-align:center;color:#f9e7f6;z-index:0}
#sleep-app .sl-sky-moon svg{width:85px;height:85px;display:block}
#sleep-app .sl-sky-moon small{color:#f3e2f3}
#sleep-app .sl-date{margin:0 0 12px}
#sleep-app .sl-preview-banner{padding:10px 18px;background:#ffe6b9;color:#553e27;font-size:12px;border-bottom:1px solid #c7a977}
#sleep-app .sl-status-item{display:flex;align-items:center;gap:5px}
#sleep-app .sl-dot{margin:0;background:#aeb8d0}
#sleep-app .sl-dot[data-state=live]{background:#a6dfc5}
#sleep-app .sl-dot[data-state=stale],#sleep-app .sl-dot[data-state=error]{background:#f0b1be}
#sleep-app .sl-stat label{margin-bottom:7px}
#sleep-app .sl-form-hint{font-size:11px;color:var(--sl-muted);margin-top:9px}
#sleep-app .sl-control-status{min-height:19px;font-size:12px;color:var(--sl-muted);margin:9px 0 0}
#sleep-app .sl-control-status[data-error=true]{color:#852946}
#sleep-app button:disabled,#sleep-app input:disabled{opacity:.48;cursor:not-allowed}
#sleep-app .sl-chart{overflow:hidden}
#sleep-app .sl-no-data{font-size:12px;color:var(--sl-muted);padding:18px 0}
#sleep-app .sl-score-ring[data-missing=true]{background:#707da53d}
#sleep-app .sl-score-inner small{display:block;max-width:70px;font-size:11px;line-height:1.35;color:var(--sl-muted)}
#sleep-app .sl-report-note{font-size:11px;color:var(--sl-muted);margin-top:14px}
#sleep-app .sl-report-facts .sl-extra-fact{display:block}
#sleep-app .sl-score-inner strong{font-size:24px}
#sleep-app .sl-donut{background:#ffffff40}
#sleep-app .sl-stage-list{min-width:0}
#sleep-app .sl-report-summary{font-size:12px;line-height:1.8;white-space:pre-wrap;color:var(--sl-muted)}
#sleep-app .sl-full-report{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;margin-top:12px}
#sleep-app .sl-insight p{white-space:pre-wrap;overflow-wrap:anywhere}
#sleep-app .sl-history-item .sl-history-date{overflow-wrap:anywhere}
#sleep-app .sl-maintenance{margin:0;padding:12px 22px;background:#e7eafa87;border:1px solid #ffffff66;border-radius:4px}
#sleep-app .sl-maintenance p{font-size:12px;margin:9px 0 12px;color:var(--sl-muted)}
#sleep-app .sl-maintenance button{color:#7c344b}
#sleep-app .sl-dialog{width:min(850px,calc(100% - 24px));max-height:85vh;padding:0;border:1px solid #bfc6df;border-radius:4px;background:#e4e8f5;color:var(--sl-ink)}
#sleep-app .sl-dialog::backdrop{background:#12193699}
#sleep-app .sl-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;border-bottom:1px solid #bfc6df}
#sleep-app .sl-dialog-body{padding:20px;overflow-wrap:anywhere}
#sleep-app .sl-dialog .sl-panel{background:transparent;border:0;padding:0}
#sleep-app .sl-toast{position:fixed;z-index:20;bottom:20px;left:50%;transform:translateX(-50%);padding:11px 18px;max-width:calc(100vw - 28px);background:#252449;color:#fff6fc;border-radius:3px;font-size:13px;box-shadow:none}
#sleep-app .sl-inline-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
#sleep-app .sl-heading button{min-height:34px;padding:4px 10px;font-size:12px}
#sleep-app .sl-sleep-total{font-size:24px}
@container(max-width:800px){#sleep-app .sl-hero-line{padding-right:270px}#sleep-app .sl-sky-constellation{right:145px;width:108px}#sleep-app .sl-sky-constellation svg{width:108px;height:116px}#sleep-app .sl-sky-moon{right:30px;top:78px;width:72px}#sleep-app .sl-sky-moon svg{width:72px;height:72px}}
@container(max-width:540px){
 #sleep-app .sl-hero{padding:22px 18px 16px;min-height:255px}
 #sleep-app .sl-hero-line{padding-right:65px;min-height:178px;align-content:start;gap:0}
 #sleep-app .sl-date{font-size:11px;line-height:1.5;margin-bottom:10px}
 #sleep-app .sl-hero h1{font-size:19px}
 #sleep-app .sl-sky-constellation{left:31%;right:auto;top:103px;width:90px}
 #sleep-app .sl-sky-constellation svg{width:90px;height:89px}
 #sleep-app .sl-sky-moon{right:15px;top:32px;width:64px}
 #sleep-app .sl-sky-moon svg{width:64px;height:64px}
 #sleep-app .sl-sky-moon small,#sleep-app .sl-sky-constellation small{font-size:11px}
 #sleep-app .sl-status{margin-top:6px;gap:9px}
 #sleep-app .sl-report-top{grid-template-columns:76px 1fr;gap:12px}
 #sleep-app .sl-score-ring{width:74px;height:74px}
 #sleep-app .sl-sleep-total{font-size:20px}
 #sleep-app .sl-report-facts{gap:9px 15px}
 #sleep-app .sl-report-facts .sl-extra-fact{display:none}
 #sleep-app .sl-maintenance{padding:10px 17px}
 #sleep-app .sl-dialog-body{padding:15px}
}
@media(prefers-reduced-motion:reduce){#sleep-app *{scroll-behavior:auto!important;transition:none!important}}