/* Approved midnight sleep reference. Only the sleep room is affected. */
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="sleep"]){background:#0b1529!important;padding-top:env(safe-area-inset-top)!important}
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="sleep"])>.mobile-head{display:none!important}
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="sleep"]) .app-main{padding:0!important;margin:0!important;top:0!important;min-height:100svh!important;overflow-x:hidden!important;overflow-y:auto!important}
html[data-theme] #trackingView[data-tracking-room="sleep"]{padding:0!important;background:none!important}
html[data-theme] #trackingView .alltag-house:has(#trackingRoom-sleep.on){padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html[data-theme] #trackingView #trackingRoom-sleep{--night-ink:#f5f7ff;--night-muted:#aebfdd;color:var(--night-ink)!important;background:none!important}
html[data-theme] #trackingView #trackingRoom-sleep .alltag-stage{box-sizing:border-box;display:block!important;position:relative!important;width:100%!important;max-width:640px!important;min-height:100svh!important;height:auto!important;padding:24px 24px 26px!important;margin:0 auto!important;border:0!important;border-radius:0!important;overflow:visible!important;background:radial-gradient(ellipse at 32% 22%,#192b49aa,transparent 48%),linear-gradient(120deg,#101b32,#0b1529 55%,#0c162b)!important;box-shadow:none!important}
html[data-theme] #trackingView #trackingRoom-sleep .alltag-stage:before,html[data-theme] #trackingRoom-sleep .alltag-stage:after{display:none!important}
html[data-theme] #trackingView #trackingRoom-sleep .sleep-reference-head{position:relative!important;left:50%;transform:translateX(-50%);display:grid!important;grid-template-columns:1fr auto 1fr;align-items:center;box-sizing:border-box;width:var(--glass-header-width);height:64px;padding:8px 12px!important;border:1px solid #b5c7e050!important;border-radius:999px!important;background:#ffffff04!important;box-shadow:inset 0 1px #ffffff06!important;backdrop-filter:blur(12px)}
html[data-theme] #trackingRoom-sleep .sleep-reference-head button{border:0!important;background:none!important;box-shadow:none!important;color:var(--night-ink)!important;min-height:44px!important;padding:0!important;position:static!important;transform:none!important;font:400 14px/1.3 Inter,sans-serif!important}
html[data-theme] #trackingRoom-sleep .sleep-reference-head .alltag-back{text-align:left!important;justify-self:start;white-space:nowrap}
html[data-theme] #trackingRoom-sleep .sleep-reference-head strong{font:600 15px/1 Inter,sans-serif;color:var(--night-ink)}
html[data-theme] #trackingRoom-sleep .sleep-reference-theme{justify-self:end;width:44px;font-size:26px!important;color:#d3e6ff!important}
html[data-theme] #trackingView #trackingRoom-sleep #sleepModule{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
html[data-theme] #trackingRoom-sleep #sleepModule [hidden]{display:none!important}
html[data-theme] #trackingRoom-sleep #sleepModule .sleep-hero{display:block!important;padding:0!important;margin:34px 0 36px!important;background:none!important;border:0!important;min-height:0!important}
html[data-theme] #trackingRoom-sleep #sleepTitle{font:600 clamp(24px,6.3vw,36px)/1.25 Inter,sans-serif!important;letter-spacing:-.035em!important;margin:0!important;color:var(--night-ink)!important;-webkit-text-fill-color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepIntro{font:400 14px/1.6 Inter,sans-serif!important;margin:7px 0 0!important;max-width:none!important;color:var(--night-muted)!important}
html[data-theme] #trackingRoom-sleep #sleepModule :is(.sleep-screen,.sleep-start-card,.sleep-sleeping,.sleep-session-panel,.sleep-session-actions){display:block;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
html[data-theme] #trackingRoom-sleep #sleepModule .sleep-night-dial{position:relative;box-sizing:border-box;isolation:isolate;width:min(100%,274px);aspect-ratio:1;margin:0 auto 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;border:3px solid #94a9c7;border-radius:50%;background:radial-gradient(ellipse at 45% 24%,#21365935,transparent 75%);box-shadow:inset 1px 1px 2px #e1efff,0 0 16px #6ba5ed13}
html[data-theme] #trackingRoom-sleep .sleep-night-dial:before{content:"";position:absolute;inset:14px;border:1px solid #56709880;border-radius:50%;pointer-events:none}
html[data-theme] #trackingRoom-sleep .sleep-night-dial:after{content:"";position:absolute;inset:21px;border:1px solid #4e64872b;border-radius:50%;pointer-events:none}
html[data-theme] #trackingRoom-sleep .sleep-travelling-light{--rim-tail:#7eb5ee35;--rim-body:#a6d5ff;--rim-head:#fff;--rim-glow:#82bbff;position:absolute;inset:-4px;display:block;border-radius:50%;background:none;filter:drop-shadow(0 0 5px var(--rim-glow)) drop-shadow(0 0 10px #82bbff55);animation:sleep-rim-orbit 10s linear infinite;pointer-events:none;will-change:transform}
html[data-theme] #trackingRoom-sleep .sleep-travelling-light:before{content:"";position:absolute;inset:0;border-radius:inherit;background:conic-gradient(from -20deg,transparent 0deg,var(--rim-tail) 8deg,var(--rim-body) 38deg,var(--rim-head) 65deg,var(--rim-body) 72deg,transparent 85deg);mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 6px),#000 calc(100% - 5px))}
html[data-theme] #trackingRoom-sleep .sleep-travelling-light:after{content:"";position:absolute;left:calc(85.355% - 4px);top:calc(14.645% - 2px);width:6px;height:6px;border-radius:50%;background:var(--rim-head);box-shadow:0 0 9px 2px var(--rim-glow)}
html[data-theme] #trackingRoom-sleep .sleep-silver-moon{display:block;width:50px;height:50px;flex:none;background-image:url('/assets/healthos-sleep-reference-v1.png');background-repeat:no-repeat;background-size:426.5px 922px;background-position:-188px -280px;border-radius:50%;margin:0 0 7px;mix-blend-mode:screen}
html[data-theme] #trackingRoom-sleep #sleepSessionTitle{display:block!important;width:100%!important;padding:0 16px!important;box-sizing:border-box;font:400 18px/1.3 Inter,sans-serif!important;letter-spacing:-.03em!important;color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepSessionHint{padding:0 24px!important;margin:0!important;font:400 11px/1.6 Inter,sans-serif!important;color:var(--night-muted)!important}
html[data-theme] #trackingRoom-sleep #sleepModule .sleep-go{display:flex;align-items:center;justify-content:center;gap:12px;width:100%!important;min-height:50px!important;margin:0!important;padding:12px 20px!important;border:1px solid #e1edff!important;border-radius:999px!important;background:linear-gradient(110deg,#c4e1ff,#d1e6ff 60%,#bedcff)!important;box-shadow:inset 0 1px #ffffff90!important;color:#0c1829!important;font:500 15px/1.4 Inter,sans-serif!important;text-shadow:none!important;transform:none!important}
html[data-theme] #trackingRoom-sleep #sleepStartBtn:before{content:"⏻";font-size:25px;line-height:1}
html[data-theme] #trackingRoom-sleep .sleep-choice-note{font:400 11px/1.6 Inter,sans-serif!important;text-align:center;color:var(--night-muted)!important;margin:13px 0 32px!important}
html[data-theme] #trackingRoom-sleep #sleepLastChip{position:relative!important;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;padding:22px 26px 22px 0!important;margin:0!important;border:0!important;border-top:1px solid #839dbb40!important;border-radius:0!important;background:none!important;box-shadow:none!important;opacity:1!important;text-align:start;font:500 14px/1.4 Inter,sans-serif!important;color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepLastSummaryText{font:400 12px/1.5 Inter,sans-serif;color:var(--night-muted)}
html[data-theme] #trackingRoom-sleep #sleepLastChip:after{content:"›";position:absolute;right:5px;top:22px;font:300 24px/1 Inter,sans-serif;color:#d7e5fb}
html[data-theme] #trackingRoom-sleep #sleepDetailsToggle{display:flex!important;align-items:center;position:relative;width:100%;padding:22px 24px 22px 0!important;margin:0!important;background:none!important;border:0!important;border-top:1px solid #839dbb40!important;border-bottom:1px solid #839dbb40!important;border-radius:0!important;box-shadow:none!important;font:400 14px/1.4 Inter,sans-serif!important;color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepDetailsToggle:before{content:"▥";font-size:21px;margin-right:16px;color:#dbe9fc}
html[data-theme] #trackingRoom-sleep #sleepDetailsToggle:after{content:"";position:absolute;right:7px;width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .2s}
html[data-theme] #trackingRoom-sleep #sleepDetailsToggle[aria-expanded=true]:after{transform:rotate(225deg)}
html[data-theme] #trackingRoom-sleep .sleep-browser-note{font:400 10px/1.65 Inter,sans-serif!important;color:var(--night-muted)!important;padding:0 0 0 24px!important;margin:20px 0 0!important;position:relative}
html[data-theme] #trackingRoom-sleep .sleep-browser-note:before{content:"i";position:absolute;left:0;top:0;width:15px;height:15px;border:1px solid #adbed9;border-radius:50%;text-align:center;line-height:15px}
html[data-theme] #trackingRoom-sleep .sleep-reference-footer{text-align:center;margin:30px 0 0!important;color:var(--night-muted)!important;font:400 11px/1.5 Inter,sans-serif!important}
html[data-theme] #trackingRoom-sleep #sleepClock{font:400 38px/1.2 Inter,sans-serif!important;color:var(--night-ink)!important;margin:0!important}
html[data-theme] #trackingRoom-sleep #sleepSleepingHint{font:400 11px/1.5 Inter,sans-serif!important;color:var(--night-muted)!important;margin:0!important;padding:0 24px!important;max-width:230px}
html[data-theme] #trackingRoom-sleep .sleep-night-dial small{font:500 9px/1.3 Inter,sans-serif!important;letter-spacing:.15em;color:var(--night-muted)!important;margin:0!important}
html[data-theme] #trackingRoom-sleep #sleepScreenSleeping{margin-bottom:30px!important}
html[data-theme] #trackingRoom-sleep #sleepScreenMorning{margin:0 0 24px!important}
html[data-theme] #trackingRoom-sleep #sleepModule :is(.sleep-card,.sleep-detail-card){background:#c0d9ff08!important;border:1px solid #a9c4e72b!important;border-radius:20px!important;box-shadow:none!important;color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepModule .sleep-start-card{background:none!important;border:0!important}
html[data-theme] #trackingRoom-sleep #sleepDetails{padding:20px 0!important;color:var(--night-muted)!important}
html[data-theme] #trackingRoom-sleep #sleepConsent{position:fixed!important;inset:auto 16px max(20px,env(safe-area-inset-bottom))!important;z-index:1000!important;max-width:560px!important;margin:0 auto!important;max-height:80svh;overflow-y:auto;padding:24px!important;border:1px solid #acc9ec70!important;border-radius:26px!important;background:#15253bf5!important;box-shadow:0 20px 80px #0009!important;color:#edf4ff!important;backdrop-filter:blur(18px)}
html[data-theme] #trackingRoom-sleep #sleepConsent :is(p,label,h3){color:#edf4ff!important}
html[data-theme] #trackingRoom-sleep button:focus-visible{outline:2px solid #c6e3ff!important;outline-offset:4px!important}
@keyframes sleep-rim-orbit{to{transform:rotate(360deg)}}
/* Neutralize the legacy frosted start-card layer and use reliable vector glyphs. */
html[data-theme] #trackingView #trackingRoom-sleep #sleepModule .sleep-start-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html[data-theme] #trackingView #trackingRoom-sleep #sleepModule .sleep-start-card:before{display:none!important}
html[data-theme] #trackingRoom-sleep .sleep-reference-head button.sleep-reference-theme{font:400 27px/1 Inter,sans-serif!important}
html[data-theme] #trackingRoom-sleep #sleepStartBtn:before{content:"";width:22px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230c1829' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M12 2v9M6 5a9 9 0 1 0 12 0'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-theme] #trackingRoom-sleep #sleepDetailsToggle:before{content:"";width:18px;height:22px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dbe9fc' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M4 20v-5M12 20V9M20 20V3'/%3E%3C/svg%3E") center/contain no-repeat}
html[data-theme] #trackingRoom-sleep #sleepSessionTitle{margin:0!important}
html[data-theme] #trackingRoom-sleep #sleepModule .sleep-hero{margin:30px 0 28px!important}
html[data-theme] #trackingRoom-sleep .sleep-choice-note{margin-bottom:28px!important}
html[data-theme] #trackingRoom-sleep .sleep-reference-footer{margin-top:24px!important}
@media(min-width:600px){html[data-theme] #trackingView #trackingRoom-sleep .alltag-stage{padding:24px 44px 32px!important}html[data-theme] #trackingRoom-sleep #sleepModule .sleep-night-dial{width:340px}html[data-theme] #trackingRoom-sleep #sleepModule .sleep-hero{margin-top:44px!important}}
@media(max-width:350px){html[data-theme] #trackingView #trackingRoom-sleep .alltag-stage{padding:20px 18px 24px!important}html[data-theme] #trackingRoom-sleep #sleepSessionTitle{font-size:16px!important}}
@media(prefers-reduced-motion:reduce){html[data-theme] #trackingRoom-sleep .sleep-travelling-light{animation:none!important}html[data-theme] #trackingRoom-sleep #sleepDetailsToggle:after{transition:none}}
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="sleep"]) .app-main{width:100%!important;max-width:none!important;left:0!important;right:0!important}
html[data-theme] #trackingView[data-tracking-room="sleep"] .body-tracking-shell{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
html[data-theme] #trackingRoom-sleep .sleep-silver-moon{mask-image:radial-gradient(ellipse,#000 48%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse,#000 48%,transparent 74%)}
html[data-theme] #trackingRoom-sleep #sleepModule :is(.sleep-score-copy,.sleep-tile,.sleep-path,.sleep-sound,.sleep-next,.sleep-week,.sleep-more-details) :is(strong,b,p,small,span,em){color:var(--night-ink)!important}
html[data-theme] #trackingRoom-sleep #sleepModule :is(.sleep-score-copy,.sleep-tile,.sleep-path,.sleep-sound,.sleep-next,.sleep-week,.sleep-more-details) :is(p,small){color:var(--night-muted)!important}
@media(min-width:351px) and (max-width:599px) and (min-height:800px){
 html[data-theme] #trackingRoom-sleep #sleepModule .sleep-hero{margin:26px 0 24px!important}
 html[data-theme] #trackingRoom-sleep .sleep-choice-note{margin-bottom:24px!important}
 html[data-theme] #trackingRoom-sleep #sleepLastChip{padding-top:18px!important;padding-bottom:18px!important}
 html[data-theme] #trackingRoom-sleep #sleepDetailsToggle{padding-top:18px!important;padding-bottom:18px!important}
 html[data-theme] #trackingRoom-sleep .sleep-reference-footer{margin-top:20px!important}
 html[data-theme] #trackingView #trackingRoom-sleep .alltag-stage{padding-bottom:18px!important}
}

/* White keeps the same composition, with pearl glass and readable slate ink. */
html[data-theme="light"] body.dash-page:has(#trackingView.active[data-tracking-room="sleep"]){background:#eef2f8!important}
html[data-theme="light"] #trackingView #trackingRoom-sleep{--night-ink:#172740;--night-muted:#52647d}
html[data-theme="light"] #trackingView #trackingRoom-sleep .alltag-stage{background:radial-gradient(ellipse at 30% 22%,#fff,transparent 65%),linear-gradient(120deg,#f5f7fb,#e9eff8 65%,#f2f5fa)!important}
html[data-theme="light"] #trackingView #trackingRoom-sleep .sleep-reference-head{background:#ffffff30!important;border-color:#7588a84d!important;box-shadow:inset 0 1px #fff!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-reference-head button.sleep-reference-theme{color:#304765!important}
html[data-theme="light"] #trackingRoom-sleep #sleepModule .sleep-night-dial{border-color:#8a9fb9!important;background:radial-gradient(ellipse at 40% 24%,#ffffffa6,#c6d4e522)!important;box-shadow:inset 1px 1px 2px #fff,0 10px 36px #526e9212!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-night-dial:before{border-color:#8da2be6b!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-night-dial:after{border-color:#a9b8cd45!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-travelling-light{--rim-tail:#356da230;--rim-body:#477eb6;--rim-head:#225a91;--rim-glow:#71a2d4;filter:drop-shadow(0 0 4px #669ad390) drop-shadow(0 0 8px #669ad335)!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-silver-moon{mix-blend-mode:normal!important;filter:grayscale(1) brightness(.78) contrast(1.15)!important;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='white' d='M24 4C3 10 1 34 20 43C29 47 39 43 43 34C26 41 12 17 24 4Z'/%3E%3C/svg%3E")!important;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3E%3Cpath fill='white' d='M24 4C3 10 1 34 20 43C29 47 39 43 43 34C26 41 12 17 24 4Z'/%3E%3C/svg%3E")!important;mask-size:100% 100%;-webkit-mask-size:100% 100%}
html[data-theme="light"] #trackingRoom-sleep #sleepModule .sleep-go{background:linear-gradient(110deg,#d3e6fb,#e4effe 60%,#c8dff7)!important;border-color:#829fc063!important;box-shadow:inset 0 1px #fff,0 6px 18px #49678d0b!important}
html[data-theme="light"] #trackingRoom-sleep :is(#sleepLastChip,#sleepDetailsToggle){border-color:#778faa50!important}
html[data-theme="light"] #trackingRoom-sleep #sleepLastChip:after{color:#304765!important}
html[data-theme="light"] #trackingRoom-sleep #sleepDetailsToggle:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23304765' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M4 20v-5M12 20V9M20 20V3'/%3E%3C/svg%3E")!important}
html[data-theme="light"] #trackingRoom-sleep .sleep-browser-note:before{border-color:#607894!important}
html[data-theme="light"] #trackingRoom-sleep #sleepModule :is(.sleep-card,.sleep-detail-card){background:#ffffff50!important;border-color:#8da2bd45!important}
html[data-theme="light"] #trackingRoom-sleep #sleepModule .sleep-start-card{background:none!important;border:0!important}
html[data-theme="light"] #trackingRoom-sleep #sleepScoreRing:before{background:#edf3fb!important}
html[data-theme="light"] #trackingRoom-sleep #sleepScoreRing :is(strong,span){color:var(--night-ink)!important}
html[data-theme="light"] #trackingRoom-sleep #sleepConsent{background:#f4f7fcf5!important;border-color:#829ab969!important;box-shadow:0 20px 80px #334a6633!important;color:var(--night-ink)!important}
html[data-theme="light"] #trackingRoom-sleep #sleepConsent :is(p,label,h3){color:var(--night-ink)!important}
html[data-theme="light"] #trackingRoom-sleep #sleepConsent :is(#sleepConsentCancel,#sleepConsentGo){background:#deebfa!important;color:var(--night-ink)!important;border:1px solid #829ab950!important}
html[data-theme="light"] #trackingRoom-sleep button:focus-visible{outline-color:#426f9e!important}