/* Just Health Glass · translucent material, solid text and restrained depth. */
:root,html[data-theme]{
 --glass-panel:rgba(27,34,49,.64);--glass-inner:rgba(23,29,43,.48);
 --glass-control:rgba(17,24,38,.68);--glass-edge:rgba(225,235,255,.17);
 --glass-light:rgba(255,255,255,.12);--glass-shadow:0 16px 45px rgba(0,0,0,.18),inset 0 1px 0 var(--glass-light);
 --line:var(--glass-edge);--muted:#bcc5d5;--chart-line:#e5eaf3;
 --glass-halo-a:rgba(180,70,137,.27);--glass-halo-b:rgba(56,113,170,.29);--glass-halo-c:rgba(84,74,150,.21);
}
html[data-theme="graphite"]{--glass-halo-a:rgba(109,121,154,.25);--glass-halo-b:rgba(59,95,135,.27);--glass-halo-c:rgba(90,100,129,.22)}
html[data-theme="glacier"]{--glass-halo-a:rgba(46,151,174,.24);--glass-halo-b:rgba(67,112,190,.31);--glass-halo-c:rgba(88,74,161,.2)}
html[data-theme="nature"]{--glass-halo-a:rgba(76,145,112,.25);--glass-halo-b:rgba(50,111,117,.3);--glass-halo-c:rgba(117,133,77,.18)}
html[data-theme="light"]{
 --bg:#e9edf5;--glass-panel:rgba(255,255,255,.62);--glass-inner:rgba(255,255,255,.42);
 --glass-control:rgba(255,255,255,.7);--glass-edge:rgba(65,84,119,.19);--glass-light:rgba(255,255,255,.85);
 --glass-shadow:0 12px 36px rgba(56,65,92,.08),inset 0 1px 0 var(--glass-light);
 --line:var(--glass-edge);--muted:#4d5a70;--chart-line:#45546c;
 --glass-halo-a:rgba(218,146,186,.28);--glass-halo-b:rgba(110,174,225,.3);--glass-halo-c:rgba(156,148,219,.2);
}
html body{
 background:radial-gradient(ellipse at 6% 8%,var(--glass-halo-a),transparent 51%),radial-gradient(ellipse at 95% 30%,var(--glass-halo-b),transparent 55%),radial-gradient(ellipse at 32% 95%,var(--glass-halo-c),transparent 53%),var(--bg);
 background-attachment:fixed;
}
html body main > .app-header{
 margin-top:16px;padding:12px 16px!important;border:1px solid var(--glass-edge);border-radius:22px;
 background:var(--glass-panel)!important;box-shadow:var(--glass-shadow);
 -webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%);
}
html body main > .app-header .topnav .nav-item{border-radius:12px!important}
html body main > .app-header .topnav .nav-item.active{background:color-mix(in srgb,var(--accent) 11%,transparent)!important}
html body main > .app-header .topnav .nav-item.active:after{bottom:3px;left:14px;right:14px;height:2px}
html body main .app-context{padding-left:6px;padding-right:6px}
html body main section > .card,html body main #insights .insights-overview-panel,html body .login-card,html body .modal-card{
 background:linear-gradient(140deg,var(--glass-light),transparent 48%),var(--glass-panel)!important;
 border:1px solid var(--glass-edge)!important;border-radius:24px!important;box-shadow:var(--glass-shadow)!important;
 -webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%);
}
/* Nested surfaces inherit the material; avoiding stacked blur keeps phone scrolling smooth. */
html body main section :is(.compare-block,.profile-section-card,.health-stat,.body-metric-card,.sleep-detail-card,.stats > div,.insights > div,.period-grid > div,.detail-grid > div,.export-box,.maintenance-card,.route-card,.settings-group,.cardio-sport-card,.insight-card,.insight-route-card,.insight-relation-card){
 background:linear-gradient(145deg,color-mix(in srgb,var(--glass-light) 45%,transparent),transparent 65%),var(--glass-inner)!important;
 border:1px solid var(--glass-edge)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--glass-light) 60%,transparent)!important;
}
html body main #insights > .card{background:transparent!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}
html body main #insights > .card > .compare-block{
 background:linear-gradient(140deg,var(--glass-light),transparent 48%),var(--glass-panel)!important;
 box-shadow:var(--glass-shadow)!important;-webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%);
}
html body main section .table{background:var(--glass-inner)!important;border-color:var(--glass-edge)!important}
html body main section table th{background:var(--glass-control)!important}
html body main section table tbody tr:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)!important}
html body main section .mobile-card-table tbody tr{background:var(--glass-inner)!important}
html body main section :is(input:not([type="checkbox"]):not([type="radio"]),select,textarea),html body main > .app-header .theme-chip select{
 background:var(--glass-control)!important;border-color:var(--glass-edge)!important;color:var(--text)!important;box-shadow:inset 0 1px 0 color-mix(in srgb,var(--glass-light) 50%,transparent);
}
html body select option{background:var(--panel);color:var(--text)}
html body main section .chart-controls{background:var(--glass-control)!important;border-color:var(--glass-edge)}
html body main section .chart-controls .metric.active{background:color-mix(in srgb,var(--accent) 16%,transparent)!important}
html body main section :is(.info-box,.chart-point-value,.settings-savebar,.settings-version){background:var(--glass-inner)!important;border-color:var(--glass-edge)!important}
html body main section button.secondary,html body main section a.button-link.secondary,html body main section .row-actions .small:not(.danger){background:var(--glass-control)!important;border-color:var(--glass-edge)!important}
html body main section .metric-interactive{transition:background .18s,border-color .18s}
html body main section .metric-interactive:hover,html body main section .metric-interactive:focus-within{border-color:color-mix(in srgb,var(--accent) 55%,var(--glass-edge))!important;background:color-mix(in srgb,var(--accent) 7%,var(--glass-inner))!important}
html body main section button.metric-open{
 width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border-radius:10px!important;
 background:var(--glass-control)!important;color:var(--accent)!important;border:1px solid var(--glass-edge)!important;font-size:17px!important;
}
html body main .bottomnav,html body main header .app-menu-panel{
 background:var(--glass-panel)!important;border:1px solid var(--glass-edge)!important;box-shadow:var(--glass-shadow)!important;
 -webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%);
}
html body main header .app-menu summary{background:var(--glass-inner)!important;border-color:var(--glass-edge)!important}
html body .modal{background:rgba(5,9,17,.5);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
html body main section .insight-route-values > div{background:transparent!important;border:0!important;box-shadow:none!important}
@media(max-width:700px){
 html body main > .app-header{margin-top:10px;padding:9px 10px!important;border-radius:20px}
 html body main section > .card,html body main #insights .insights-overview-panel{border-radius:20px!important}
 html body main > .app-header .topnav .nav-item.active:after{bottom:3px;left:22px;right:22px}
 html body{background-attachment:scroll}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 :root{--glass-panel:#202938;--glass-inner:#1b2431;--glass-control:#131d2b}
 html[data-theme="light"]{--glass-panel:#f7f9fd;--glass-inner:#f0f4fa;--glass-control:#fff}
}
@media(prefers-reduced-transparency:reduce){
 :root{--glass-panel:#202938;--glass-inner:#1b2431;--glass-control:#131d2b}
 html[data-theme="light"]{--glass-panel:#f7f9fd;--glass-inner:#f0f4fa;--glass-control:#fff}
 html body *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
@media(prefers-reduced-motion:reduce){html body main section .metric-interactive{transition:none}}
/* Reference branding: vector heart and crisp type, with no logo tile in any theme. */
html body main > .app-header .logo-btn.glass-brand{
 background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 padding:0!important;filter:none!important;font-style:normal!important;letter-spacing:-.6px!important;
}
html body main > .app-header .glass-brand .brand-name{color:var(--text)!important}
html body main > .app-header .glass-brand .brand-name strong,html body main > .app-header .glass-brand .brand-heart{color:#ff91b5!important}
html[data-theme="light"] body main > .app-header .glass-brand .brand-name strong,html[data-theme="light"] body main > .app-header .glass-brand .brand-heart{color:#ae3d69!important}
html body main > .app-header{border-radius:30px;box-shadow:0 12px 38px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.04)}
html body main > .app-header .topnav .nav-item{border-radius:999px!important}
html body main > .app-header .topnav .nav-item.active{box-shadow:inset 0 1px 0 color-mix(in srgb,var(--accent) 28%,transparent)!important}
html body main > .app-header .topnav .nav-item.active:after{display:none}
html body main header .app-menu summary,html body main > .app-header .theme-chip select{border-radius:999px!important}
html body main section h2 > .ui-icon{width:46px;height:46px;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--accent) 10%,var(--glass-inner));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--glass-edge));box-shadow:inset 0 1px 0 var(--glass-light);vertical-align:middle}
html body main section > .card,html body main #insights .insights-overview-panel{border-top-color:color-mix(in srgb,var(--accent) 22%,var(--glass-edge))!important}
html body main section :is(button:not(.danger):not(.metric-open),a.button-link:not(.danger)){border-radius:14px!important}
html body main section .chart-controls .metric{border-radius:999px!important}
html body main section .health-stat,html body main section .body-metric-card,html body main section .insight-card{border-radius:18px!important}
@media(max-width:700px){html body main > .app-header{border-radius:24px}html body main section h2 > .ui-icon{width:40px;height:40px;padding:8px;border-radius:12px}}

html body main section :is(#healthSummary,#sleepSummary,#sleepDayDetail,#bodyOverviewGrid,#analysisSummary,#cardioSummary,#cardioHeartSummary,#heartHealthSummary,.dashboard-summary) button.metric-open{
 background:var(--glass-control)!important;color:var(--accent)!important;border-color:var(--glass-edge)!important;
 width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;
}
html body main section table tbody tr{background:transparent}
/* 1.14.1: restore the original straight header navigation. */
html body main > .app-header{
 background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;
 border-radius:0!important;box-shadow:none!important;margin-top:0;padding:12px 4px!important;
 -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
}
html body main > .app-header .topnav .nav-item{border-radius:0!important;box-shadow:none!important}
html body main > .app-header .topnav .nav-item.active{background:transparent!important;box-shadow:none!important}
html body main > .app-header .topnav .nav-item.active:after{display:block;bottom:0;left:7px;right:7px;height:3px;border-radius:3px;background:var(--accent)}
html body main header .app-menu summary,html body main > .app-header .theme-chip select{border-radius:10px!important}
@media(max-width:700px){
 html body main > .app-header{padding:10px 0 0!important}
 html body main > .app-header .topnav .nav-item.active:after{left:14px;right:14px}
}
/* Clear glass: visible structure behind translucent outer surfaces. */
:root,html[data-theme]{--glass-panel:rgba(19,27,43,.27);--glass-inner:rgba(15,23,36,.34);--glass-control:rgba(13,21,34,.72);--glass-edge:rgba(222,237,255,.23);--glass-light:rgba(255,255,255,.15);--muted:#d0d9e7}
html[data-theme="light"]{--glass-panel:rgba(255,255,255,.25);--glass-inner:rgba(255,255,255,.48);--glass-control:rgba(255,255,255,.82);--glass-edge:rgba(61,80,112,.25);--glass-light:rgba(255,255,255,.8);--muted:#43516a}
html body{background-image:var(--glass-backdrop-image,url('/static/glass-backdrop.svg')),radial-gradient(ellipse at 8% 15%,var(--glass-halo-a),transparent 65%),radial-gradient(ellipse at 90% 80%,var(--glass-halo-b),transparent 65%);background-size:cover,cover,cover;background-position:center;background-color:var(--bg)}
html body main section > .card,html body main #insights .insights-overview-panel,html body main #insights > .card > .compare-block{background:linear-gradient(155deg,rgba(255,255,255,.07),transparent 40%),var(--glass-panel)!important;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);box-shadow:0 18px 42px rgba(0,0,0,.16),inset 0 1px 0 var(--glass-light),inset 1px 0 0 rgba(255,255,255,.06)!important}
/* Values receive a calmer, stronger surface than decorative glass. */
html body main section :is(.health-stat,.body-metric-card,.insight-card,.sleep-detail-card,.stats > div){background:linear-gradient(145deg,rgba(255,255,255,.035),transparent 65%),rgba(13,21,34,.61)!important;border-color:var(--glass-edge)!important;padding:20px!important;line-height:1.55}
html[data-theme="light"] body main section :is(.health-stat,.body-metric-card,.insight-card,.sleep-detail-card,.stats > div){background:rgba(255,255,255,.79)!important}
html body main section .health-stat > small,html body main section .body-metric-card > small{color:var(--text)!important;font-size:14px!important;font-weight:650}
html body main section .health-stat > b,html body main section .body-metric-card > b{font-size:28px!important;font-weight:750;letter-spacing:-.4px;margin:8px 0 10px;display:block}
html body main section .health-stat > span,html body main section .body-metric-card > span{display:block;font-size:12px!important;line-height:1.65!important;color:var(--muted)!important}
html body main section .health-stat.metric-interactive,html body main section .body-metric-card.metric-interactive{padding-right:20px!important}
html body main section .metric-interactive > small{padding-right:24px}
.metric-guidance{border-top:1px solid var(--glass-edge);padding-top:12px;margin-top:14px;cursor:default}
html body main section .metric-guidance .guidance-status{font-size:12px;color:var(--text);font-weight:600;line-height:1.5;min-height:36px}
html body main section .metric-guidance .guidance-positive{color:var(--ui-positive)}
html body main section .metric-guidance .guidance-attention{color:#edc274}
html[data-theme="light"] body main section .metric-guidance .guidance-attention{color:#765000}
.guidance-track{height:7px;border-radius:9px;background:color-mix(in srgb,var(--muted) 22%,transparent);position:relative;margin:13px 4px 12px}
.guidance-track i{position:absolute;height:100%;background:color-mix(in srgb,var(--accent) 65%,transparent);border-radius:9px}
.guidance-track em{position:absolute;top:-4px;width:5px;height:15px;border-radius:3px;background:var(--text);transform:translateX(-50%);box-shadow:0 0 0 2px var(--panel2)}
.sleep-reference i{background:var(--ui-positive)}
.guidance-caption{font-size:11px;color:var(--muted);line-height:1.6;margin-top:6px}
.guidance-spark{width:100%;height:35px;display:block;overflow:visible}
.guidance-spark path{fill:none;stroke:var(--chart-line);stroke-width:1.5}.guidance-spark circle{fill:var(--chart-line)}
.metric-help{font-size:11px;margin-top:10px;color:var(--muted);cursor:auto}
.metric-help summary{list-style:none;cursor:pointer;color:var(--accent);padding:5px 0;min-height:24px}
.metric-help summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:5px}
.metric-help[open]{padding:0 0 6px}.metric-help p{margin:7px 0;font-size:12px;line-height:1.65;color:var(--text)}
html body main section .metric-help a{font-size:11px;color:var(--accent);background:transparent;border:0;padding:0;text-decoration:underline;display:inline}
@media(max-width:700px){html body{background-size:auto 100vh,cover,cover;background-attachment:fixed}html body main section :is(.health-stat,.body-metric-card,.insight-card){padding:16px!important}html body main section .health-stat > b{font-size:25px!important}}
@media(prefers-reduced-transparency:reduce){:root,html[data-theme]{--glass-panel:#182333;--glass-inner:#121d2d;--glass-control:#121d2d}html[data-theme="light"]{--glass-panel:#f8fafd;--glass-inner:#fff;--glass-control:#fff}html body{background-image:none}}
html body main section :is(.health-stat,.body-metric-card) > b .metric-number{display:block;font-size:30px!important;line-height:1.15!important;font-weight:750;color:var(--text)!important}
html body main section :is(.health-stat,.body-metric-card) > b .metric-unit{display:block;min-height:19px;font-size:12px!important;line-height:1.6!important;font-weight:500;color:var(--muted)!important;letter-spacing:0}
.metric-help .ui-icon{width:14px;height:14px;margin-right:3px;vertical-align:-3px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){:root,html[data-theme]{--glass-panel:#182333;--glass-inner:#121d2d;--glass-control:#121d2d}html[data-theme="light"]{--glass-panel:#f8fafd;--glass-inner:#fff;--glass-control:#fff}}

/* 1.15.1: readable segmented selection and aligned table download action. */
html[data-theme] body main section .chart-controls button.metric{color:var(--text)!important}
html[data-theme] body main section .chart-controls button.metric.active{background:color-mix(in srgb,var(--accent) 16%,transparent)!important;color:var(--text)!important;font-weight:750!important;box-shadow:inset 0 0 0 1px var(--accent)!important}
html body main section .chart-controls button.metric:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
html body main section .row-actions > :is(button.small,a.button-link.small){display:inline-flex;align-items:center;justify-content:center;height:34px!important;min-height:34px!important}
html body main section .row-actions a.csv-download{width:34px;min-width:34px;padding:0!important}
html body main section .row-actions a.csv-download .ui-icon{width:18px;height:18px}
@media(max-width:700px){html body main section .row-actions > :is(button.small,a.button-link.small){height:44px!important;min-height:44px!important}html body main section .row-actions a.csv-download{width:44px;min-width:44px}}

/* Body: stable top alignment regardless of available guidance/actions. */
html body main #body #bodyOverviewGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important}
html body main #body #bodyOverviewGrid > .body-metric-card{grid-column:auto!important;justify-content:flex-start!important;min-width:0}
html body main #body #bodyOverviewGrid > .body-metric-card > small{display:flex;align-items:center;gap:6px;min-height:24px;margin:0!important}
html body main #body #bodyOverviewGrid > .body-metric-card > small .ui-icon{margin:0;width:19px;height:19px;color:var(--accent)}
html body main #body .body-height-edit{align-self:flex-start;margin-top:14px}
.body-trend-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}
.body-trend-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}
.body-trend-summary > div{background:var(--glass-inner);border:1px solid var(--glass-edge);border-radius:14px;padding:16px;min-width:0}
.body-trend-summary small,.body-trend-summary span{display:block;color:var(--muted);font-size:12px;line-height:1.6}
.body-trend-summary b{display:block;font-size:22px;color:var(--text);margin:7px 0;overflow-wrap:anywhere}
.body-trend-help{margin:12px 0;color:var(--text)}.body-trend-help summary{cursor:pointer;color:var(--accent)}.body-trend-help p{max-width:80ch;font-size:13px;line-height:1.7}
.body-chart-hint{display:block;color:var(--muted);margin:8px 0}
@media(max-width:1000px){html body main #body #bodyOverviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.body-trend-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){html body main #body #bodyOverviewGrid{grid-template-columns:1fr!important}.body-trend-controls{width:100%}.body-trend-controls label{flex:1;min-width:120px}.body-trend-summary b{font-size:19px}}

html body main #body #bodyWeightEntry[hidden]{display:none!important}

@media(min-width:1200px){html body main #body #bodyOverviewGrid[data-card-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
html body main #body .body-height-edit{background:var(--glass-control)!important;color:var(--text)!important;border-color:var(--glass-edge)!important}

.sleep-breakdown-status{padding:12px 14px;margin:12px 0;border:1px solid var(--glass-edge);border-radius:12px;background:var(--glass-inner);color:var(--muted);font-size:12px;line-height:1.65}
.sleep-breakdown-status:empty{display:none}.sleep-breakdown-status[data-state="overlap"]{border-color:var(--ui-negative);color:var(--text)}

/* Color-matched backdrops and glass material on remaining nested boxes. */
html[data-theme="graphite"]{--glass-backdrop-image:url('glass-backdrop-graphite.svg')}
html[data-theme="glacier"]{--glass-backdrop-image:url('glass-backdrop-glacier.svg')}
html[data-theme="nature"]{--glass-backdrop-image:url('glass-backdrop-nature.svg')}
html[data-theme="light"]{--glass-backdrop-image:url('glass-backdrop-light.svg')}
html body main section:is(#dash,#insights,#analysis,#healthdata,#sleepdata,#heart,#body,#cardio,#routes,#settings,#profile,#export,#updates,#log,#info,#import) :is(.profile-name-card,.profile-section-card,.profile-info-box,.maintenance-card,.user-create,.health-sync-details,.health-sync-status,.account-api-status,.settings-savebar,.settings-version,.settings-group,.cardio-sport-card,.insight-route-card,.sleep-breakdown-status,.body-trend-summary > div){background:var(--glass-inner)!important;border-color:var(--glass-edge)!important;backdrop-filter:blur(12px) saturate(125%);-webkit-backdrop-filter:blur(12px) saturate(125%);box-shadow:inset 0 1px 0 var(--glass-light)}
html body main section:is(#dash,#body,#healthdata,#sleepdata,#heart,#analysis,#cardio) :is(.weight-chart-wrap,.svg-chart,.chart-controls,.table){background:var(--glass-control)!important;border-color:var(--glass-edge)!important}
.personal-profile-grid{display:grid;grid-template-columns:1fr 1fr 2fr;gap:16px;margin:16px 0}.personal-profile-grid label{display:flex;flex-direction:column;gap:6px;min-width:0}.personal-profile-grid small{font-size:11px;line-height:1.5}
.avatar-editor-row{display:flex;align-items:center;gap:20px;margin:16px 0}.avatar-editor-row label{display:flex;flex-direction:column;gap:8px;min-width:0}
.profile-avatar-preview{width:96px;height:96px;border-radius:50%;background:var(--glass-control);border:1px solid var(--glass-edge);display:grid;place-items:center;overflow:hidden;font-size:28px;color:var(--text);flex-shrink:0}
.profile-avatar-preview img,.user-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}
.profile-avatar-actions{display:flex;gap:10px;flex-wrap:wrap}.body-metric-info{font-size:12px;margin-top:12px}.body-metric-info summary{cursor:pointer;color:var(--accent)}.body-metric-info p{line-height:1.65;color:var(--muted)}
.health-bar,.body-bar{cursor:pointer;opacity:.82;transition:opacity .15s}.health-bar:hover,.body-bar:hover,.health-bar:focus,.body-bar:focus{opacity:1;outline:none;stroke:var(--accent);stroke-width:2}.health-bar.point-selected,.body-bar.point-selected{opacity:1;stroke:var(--accent);stroke-width:2}
@media(max-width:700px){.personal-profile-grid{grid-template-columns:1fr}.avatar-editor-row{align-items:flex-start;flex-direction:column}.profile-avatar-preview{width:80px;height:80px}.avatar-editor-row input{max-width:100%}.body-trend-controls label{flex:1;min-width:120px}}
@media(prefers-reduced-transparency:reduce){html body main section :is(.profile-name-card,.profile-section-card,.maintenance-card,.settings-group){backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}

html body main section:is(#dash,#body,#healthdata,#sleepdata,#heart,#analysis,#cardio) .table table{background:transparent!important}
html body main section:is(#dash,#body,#healthdata,#sleepdata,#heart,#analysis,#cardio) .table tbody td{background:transparent!important}
html body main section:is(#dash,#body,#healthdata,#sleepdata,#heart,#analysis,#cardio) .table thead{background:var(--glass-control)!important}

html body #sleepdata .analysis-period{min-width:0;flex-wrap:wrap;gap:8px}
html body #sleepdata .analysis-period > select{min-width:120px;flex:1}