#detail-view:has(premium-water)>:is(#view-kicker,#view-title,#view-description){display:none!important}#detail-view:has(premium-water){padding:0!important}#wellbeing-content:has(premium-water){display:block;padding:0;margin:0}premium-water{display:block;margin-bottom:15px}#app-scroll:has(premium-water){background:#15152d}#app-scroll:has(premium-water) .view-panel{background:transparent}
/* Water Today only: one backdrop from viewport edge through safe areas and navigation. */
html:has(premium-water),body:has(premium-water){background:#111326}
.phone-container:has(premium-water){background:#111326;border:0;box-shadow:none}
#app-scroll:has(premium-water),#app-scroll:has(premium-water) .view-panel{background:transparent}
/* Cinematic landing only; tracker interiors and Home retain their existing styling. */
html:has(wellbeing-hub),body:has(wellbeing-hub),.phone-container:has(wellbeing-hub){background:#101328}
.phone-container:has(wellbeing-hub){box-shadow:none}
#app-scroll:has(wellbeing-hub){background:transparent}
#detail-view:has(wellbeing-hub){background:transparent;padding:12px 14px 0}
#detail-view:has(wellbeing-hub) #view-kicker{font-size:8px;letter-spacing:1.5px;color:#b4a1d3;margin:0 0 7px}
#detail-view:has(wellbeing-hub) #view-title{font-size:29px;line-height:1.25;letter-spacing:-.6px;margin:0 0 9px}
#detail-view:has(wellbeing-hub) #view-description{font-size:11px;line-height:1.6;color:#b9b4ce;margin:0 0 16px}
#wellbeing-content:has(wellbeing-hub){padding:0;margin:0;display:block}

#detail-view:has(wellbeing-hub)>:is(#view-kicker,#view-title,#view-description){display:none!important}html:has(wellbeing-hub),body:has(wellbeing-hub),.phone-container:has(wellbeing-hub){background:#050a20}#detail-view:has(wellbeing-hub){padding:0 12px;background:transparent /* The image owns its feathered atmosphere; no unmasked parent plate. */}
/* Sleep day only: the existing bottom navigation keeps its own reserved flex row. */
html:has(sleep-primary),body:has(sleep-primary),.phone-container:has(sleep-primary){background:#131426}
.phone-container:has(sleep-primary){padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;box-shadow:none;height:100dvh;max-height:none}
#app-scroll:has(sleep-primary){padding:0;overflow-y:auto;background:transparent}
#detail-view:has(sleep-primary){height:100%;min-height:0;padding:0;background:transparent}
#detail-view:has(sleep-primary)>:is(#view-kicker,#view-title,#view-description){display:none!important}
#wellbeing-content:has(sleep-primary){height:100%;min-height:0;padding:0;margin:0;display:block}
.sleep-compact-sheet{width:min(440px,calc(100vw - 20px));max-height:calc(100dvh - 32px);padding:18px;border:1px solid #a783d050;border-radius:24px;background:#221b34;color:#f0e8ff;box-shadow:0 20px 80px #0008;overflow:auto}
.sleep-compact-sheet::backdrop{background:#050414b8;backdrop-filter:blur(5px)}
.sleep-compact-sheet>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.sleep-compact-sheet h2{font-size:19px;margin:0}.sleep-compact-sheet>header button{width:44px;min-height:44px;font-size:26px;border:0;background:transparent;color:inherit}.sleep-compact-sheet .sheet-body{display:grid;gap:14px}.sleep-compact-sheet .sheet-body>p{font-size:14px;line-height:1.6;margin:0}.sleep-compact-sheet .sheet-body>.primary-button{min-height:48px}.sleep-compact-sheet .well-card{padding:0;background:none;border:0;box-shadow:none}.sleep-compact-sheet button,.sleep-compact-sheet input{min-height:44px}.sleep-compact-sheet .sleep-live:empty{display:none}
.sleep-compact-sheet{position:fixed;inset:auto 0 0;margin:0 auto max(12px,env(safe-area-inset-bottom));padding-bottom:max(18px,env(safe-area-inset-bottom))}
/* Sleep analytics shares Day's shell; its content alone scrolls when needed. */
html:has(sleep-analytics),body:has(sleep-analytics),.phone-container:has(sleep-analytics){background:#131426}
.phone-container:has(sleep-analytics){height:100dvh;max-height:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;box-shadow:none}
#app-scroll:has(sleep-analytics){padding:0;background:transparent}#detail-view:has(sleep-analytics){height:100%;min-height:0;padding:0;background:transparent}
#detail-view:has(sleep-analytics)>:is(#view-kicker,#view-title,#view-description){display:none!important}
#wellbeing-content:has(sleep-analytics){height:100%;min-height:0;padding:0;margin:0;display:block}
.sleep-analytics-content{font-family:'Rounded Mplus 1c',sans-serif;color:#f4efff;--sleep-line:#bd97f42b;--sleep-surface:#b89cdd0b;--sleep-muted:#b8adc9}
.sleep-analytics-content .analytics-heading{font-size:14px;line-height:1.5;color:#cbb8e1;margin:0 0 12px;font-weight:500}
.sleep-analytics-content .sleep-panel{background:linear-gradient(145deg,#b89cdd10,#53436a0b);border:1px solid #bd97f42b;border-radius:22px;padding:16px;margin-top:12px;box-shadow:inset 0 1px #eadfff0a}
.sleep-analytics-content h2{font-size:17px;line-height:1.5;font-weight:800;margin:0 0 8px;color:#efe5fb}.sleep-analytics-content p,.sleep-analytics-content .sleep-muted{font-size:12px;line-height:1.7;color:#b8adc9}.sleep-analytics-content small{font-size:11px;line-height:1.6;color:#b8adc9}
.sleep-analytics-content .sleep-stat-grid{gap:10px;margin:0}.sleep-analytics-content .sleep-stat-grid>div{padding:12px;background:#bc9bf00a;border:1px solid #b493de26;border-radius:18px;box-shadow:inset 0 1px #eadfff08}.sleep-analytics-content .sleep-stat-grid strong{font-size:20px!important;color:#e5d5fb}.sleep-analytics-content .sleep-stat-grid span{font-size:11px!important;color:#b8adc9}
.sleep-analytics-content .sleep-chart{gap:5px}.sleep-analytics-content .sleep-chart.is-month{gap:2px}.sleep-analytics-content .sleep-chart-rail{height:124px;border-color:#8b6ead3d}.sleep-analytics-content .sleep-chart-rail span{background:linear-gradient(#d2baff,#a47de8);border-radius:6px 6px 2px 2px}.sleep-analytics-content .sleep-chart-rail span.is-achieved{background:linear-gradient(#b8dfcf,#7daea1)}.sleep-analytics-content .sleep-chart-column small{font-size:10px!important;color:#beadd6}
.sleep-analytics-content .sleep-history>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font-size:14px}.sleep-analytics-content .history-item{background:#bc9bf00a;border-color:#b493de26;color:#eee6fb}.sleep-analytics-content button,.sleep-analytics-content input,.sleep-analytics-content select{min-height:44px}
.sleep-analytics-content .sleep-insight{margin-bottom:12px}.sleep-analytics-content .sleep-history{margin-bottom:0}@media(max-width:340px){.sleep-analytics-content .sleep-panel{padding:13px}.sleep-analytics-content .sleep-chart{gap:3px}.sleep-analytics-content .sleep-chart-column small{font-size:9px!important}}
/* Water navigation only: match Day's control geometry; keep its cyan scene intact. */
.phone-container:has(premium-water){height:100dvh;max-height:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
.sleep-analytics-content,.sleep-analytics-content *{font-family:'Rounded Mplus 1c',sans-serif}
#wellbeing-content .sleep-analytics-content .sleep-stat-grid>div{background:#bc9bf00a;border:1px solid #b493de26;border-radius:18px;padding:12px;box-shadow:inset 0 1px #eadfff08}