/* Approved weight design. Scope every override to this room. Photorealistic glass scale asset; live weight and date stay native UI. */
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="weight"]){background:#081420!important;padding-top:env(safe-area-inset-top)!important}
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="weight"])>.mobile-head.shared-glass-head{display:none!important}
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="weight"]) .app-main{width:100%!important;max-width:none!important;padding:0!important;margin:0!important;min-height:100svh}
html[data-theme] #trackingView[data-tracking-room="weight"],html[data-theme] #trackingView[data-tracking-room="weight"] .body-tracking-shell{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}
html[data-theme] #trackingView .alltag-house:has(#trackingRoom-weight.on){padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
html[data-theme] #trackingView #trackingRoom-weight{--weight-ink:#f1f6fc;--weight-muted:#a3b9ce;--weight-line:#abcde13d;--weight-card:linear-gradient(145deg,#b9d8f013,#8aafcc06);--weight-accent:#a5d7ff;color:var(--weight-ink);font-family:Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .weight-stage{display:flex;flex-direction:column;box-sizing:border-box;width:100%;max-width:640px;min-height:100svh;margin:auto;padding:20px 24px max(28px,env(safe-area-inset-bottom))!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:radial-gradient(ellipse at 85% 4%,#25425d66,transparent 50%),radial-gradient(ellipse at 15% 40%,#14334b44,transparent 45%),linear-gradient(155deg,#091723,#07121c 65%,#0b1927)!important}
html[data-theme] #trackingView #trackingRoom-weight .weight-stage:before,html[data-theme] #trackingView #trackingRoom-weight .weight-stage:after{display:none!important}
html[data-theme] #trackingView #trackingRoom-weight .weight-reference-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:relative;left:50%;transform:translateX(-50%);box-sizing:border-box;width:var(--glass-header-width);height:56px;padding:6px 10px;margin:0;border:1px solid #accfe966;border-radius:17px;background:linear-gradient(115deg,#b8d7f015,#7eacd41c);box-shadow:inset 0 1px #e7f5ff18;backdrop-filter:blur(14px)}
html[data-theme] #trackingView #trackingRoom-weight .weight-reference-head .alltag-back{width:auto!important;height:44px!important;min-height:44px;padding:0 10px!important;border:0!important;border-radius:99px!important;background:#bfdfff0b!important;box-shadow:none!important;color:var(--weight-ink)!important;font:400 13px/1.2 Inter,sans-serif!important;white-space:nowrap}
html[data-theme] #trackingView #trackingRoom-weight .weight-reference-head>strong{color:var(--weight-ink);font:600 16px/1.2 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .weight-theme{display:grid;place-items:center;justify-self:end;width:42px;height:42px;min-height:42px;padding:9px;border:0;border-radius:50%;background:none;color:var(--weight-ink);box-shadow:none}
html[data-theme] #trackingView #trackingRoom-weight .weight-theme svg{width:24px;height:24px;fill:currentColor;filter:drop-shadow(0 0 7px #b5d9ff55)}
html[data-theme] #trackingView #trackingRoom-weight .weight-intro{text-align:center;margin:26px 0 10px}
html[data-theme] #trackingView #trackingRoom-weight .weight-intro small{font:400 12px/1.4 Inter,sans-serif;letter-spacing:.23em;color:var(--weight-accent)}
html[data-theme] #trackingView #trackingRoom-weight .weight-intro h2{margin:13px -4px 7px;color:var(--weight-ink)!important;font:600 clamp(24px,6.3vw,38px)/1.2 Inter,sans-serif!important;letter-spacing:-.045em}
html[data-theme] #trackingView #trackingRoom-weight .weight-intro p{margin:0;color:var(--weight-muted)!important;font:400 15px/1.4 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale{position:relative;isolation:isolate;flex:none;width:100%;max-width:460px;aspect-ratio:420/230;margin:10px auto 0;background:none;border:0;padding:0}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-art{position:absolute;inset:0;display:block;width:100%;height:100%;filter:drop-shadow(0 14px 12px #0005)}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading{position:absolute;left:15%;right:15%;top:25%;text-align:center;display:grid;justify-items:center;gap:6px}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading>small{font:500 clamp(8px,2.2vw,11px)/1.2 Inter,sans-serif;color:#d5e5f3;letter-spacing:.14em;text-transform:uppercase}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading>div{display:flex;align-items:baseline;justify-content:center;gap:5px}
html[data-theme] #trackingView #trackingRoom-weight #weightHeroValue{color:var(--weight-ink)!important;font:600 clamp(42px,13vw,72px)/1 Inter,sans-serif;letter-spacing:-.055em;font-variant-numeric:tabular-nums}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading>div>span{color:var(--weight-muted);font:400 19px/1 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight #weightHeroDate{color:var(--weight-muted);font:400 11px/1.3 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .weight-summary{display:grid;grid-template-columns:1fr 1fr;gap:0;width:100%;max-width:410px;margin:4px auto 23px;padding:0;border:0;background:none;text-align:center}
html[data-theme] #trackingView #trackingRoom-weight .weight-summary article{display:grid;gap:7px;padding:0 10px;background:none;border:0;border-radius:0;min-width:0}
html[data-theme] #trackingView #trackingRoom-weight .weight-summary article+article{border-left:1px solid var(--weight-line)}
html[data-theme] #trackingView #trackingRoom-weight .weight-summary small{color:var(--weight-muted);font:400 13px/1.2 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .weight-summary strong{color:var(--weight-ink)!important;font:500 clamp(20px,5.6vw,28px)/1.2 Inter,sans-serif;letter-spacing:-.025em}
html[data-theme] #trackingView #trackingRoom-weight .weight-detail-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-theme] #trackingView #trackingRoom-weight :is(.weight-chart-card,.weight-entry-card,.weight-details){box-sizing:border-box;width:100%;padding:18px;border:1px solid var(--weight-line)!important;border-radius:20px;background:var(--weight-card)!important;box-shadow:inset 0 1px #e0efff0b!important}
html[data-theme] #trackingView #trackingRoom-weight .weight-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 12px;padding:0}
html[data-theme] #trackingView #trackingRoom-weight :is(.weight-card-head h3,.weight-entry-card>label,.weight-details h3){margin:0;color:var(--weight-ink)!important;font:600 18px/1.3 Inter,sans-serif;letter-spacing:-.03em}
html[data-theme] #trackingView #trackingRoom-weight .weight-period{padding:7px 12px;border:1px solid var(--weight-line);border-radius:13px;background:#a5d7ff12;color:var(--weight-muted);font:400 11px/1.2 Inter,sans-serif;white-space:nowrap}
html[data-theme] #trackingView #trackingRoom-weight .body-chart,html[data-theme] #trackingView #trackingRoom-weight .body-chart.is-empty{display:block;width:100%;height:auto!important;min-height:0;margin:0;padding:0;border:0!important;border-radius:0;background:none!important;aspect-ratio:420/178}
html[data-theme] #trackingView #trackingRoom-weight .body-chart svg{display:block;width:100%;height:100%;overflow:visible}
html[data-theme] #trackingView #trackingRoom-weight .body-chart text{fill:var(--weight-muted)!important;font:400 11px Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .body-grid-line{fill:none;stroke:#91b6d12b;stroke-width:1;stroke-dasharray:none}
html[data-theme] #trackingView #trackingRoom-weight .body-trend-line{fill:none;stroke:var(--weight-accent);stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
html[data-theme] #trackingView #trackingRoom-weight .body-trend-dot{fill:var(--weight-accent);stroke:#dff2ff;stroke-width:1.2}
html[data-theme] #trackingView #trackingRoom-weight .body-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;box-sizing:border-box;width:100%;height:100%;min-height:108px;padding:15px 10px;text-align:center}
html[data-theme] #trackingView #trackingRoom-weight .body-chart-empty strong{color:var(--weight-ink)!important;font:500 14px/1.3 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .body-chart-empty span{color:var(--weight-muted)!important;font:400 11px/1.5 Inter,sans-serif;max-width:240px}
html[data-theme] #trackingView #trackingRoom-weight .weight-entry-card{display:grid;gap:14px;margin:16px 0 0}
html[data-theme] #trackingView #trackingRoom-weight .weight-entry-card>label{display:block;position:static}
html[data-theme] #trackingView #trackingRoom-weight .weight-input-row{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:12px}
html[data-theme] #trackingView #trackingRoom-weight .weight-input-row>button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid var(--weight-line);border-radius:50%;background:linear-gradient(135deg,#c2e4ff12,#9dc7eb05);box-shadow:none;color:var(--weight-ink);font:300 30px/1 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .weight-input-wrap{position:relative;min-width:0}
html[data-theme] #trackingView #trackingRoom-weight .weight-input-wrap>input{box-sizing:border-box;width:100%;height:58px;min-height:58px;margin:0;padding:0 34px 0 10px;border:1px solid #b5d8f38c!important;border-radius:14px;background:#b5d8f309!important;box-shadow:inset 0 1px #fff1;color:var(--weight-ink)!important;text-align:center;font:500 clamp(28px,8vw,40px)/1 Inter,sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums;appearance:textfield;-moz-appearance:textfield}
html[data-theme] #trackingView #trackingRoom-weight input::-webkit-inner-spin-button,html[data-theme] #trackingView #trackingRoom-weight input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html[data-theme] #trackingView #trackingRoom-weight .weight-input-wrap>span{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--weight-muted);font:400 16px/1 Inter,sans-serif;pointer-events:none}
html[data-theme] #trackingView #trackingRoom-weight .weight-entry-card>button[type="submit"]{display:block;width:100%;min-height:48px;padding:12px;border:1px solid #cde9ff!important;border-radius:13px;background:linear-gradient(115deg,#a1d7ff,#8cbcf3 52%,#afe2ff)!important;box-shadow:inset 0 1px #fff6,0 7px 22px #79bbf21c!important;color:#071724!important;font:600 14px/1.3 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight #weightLastEntry{margin:0;text-align:center;color:var(--weight-muted)!important;font:400 11px/1.4 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .weight-details-footer{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:12px;color:var(--weight-muted);font:400 10px/1.4 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .weight-details-footer>span{display:none}
html[data-theme] #trackingView #trackingRoom-weight .weight-details-footer button{min-height:44px;padding:8px 14px;background:none;box-shadow:none;border:0;color:var(--weight-muted);font:400 12px/1.3 Inter,sans-serif;text-decoration:underline;text-underline-offset:4px}
html[data-theme] #trackingView #trackingRoom-weight .weight-details{margin-top:10px;color:var(--weight-muted);font:400 12px/1.5 Inter,sans-serif}
html[data-theme] #trackingView #trackingRoom-weight .weight-details[hidden]{display:none}
html[data-theme] #trackingView #trackingRoom-weight .weight-details :is(p,small){color:var(--weight-muted)!important}
html[data-theme] #trackingView #trackingRoom-weight .body-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
html[data-theme] #trackingView #trackingRoom-weight .body-metrics>div{display:grid;gap:6px;background:none;border:0;padding:0}
html[data-theme] #trackingView #trackingRoom-weight .body-metrics strong{font-size:13px;color:var(--weight-ink)!important}
html[data-theme] #trackingView #trackingRoom-weight .body-history{padding:16px 0 0;border:0;border-top:1px solid var(--weight-line);background:none;box-shadow:none}
html[data-theme] #trackingView #trackingRoom-weight .body-history-list>div{border-color:var(--weight-line);color:var(--weight-muted)}
html[data-theme] #trackingView #trackingRoom-weight .body-history-list strong{color:var(--weight-ink)!important}
html[data-theme] #trackingView #trackingRoom-weight .body-history-actions button{min-height:44px;color:var(--weight-muted);background:none;border-color:var(--weight-line);box-shadow:none}
html[data-theme] #trackingView #trackingRoom-weight :is(button,input):focus-visible{outline:2px solid var(--weight-accent)!important;outline-offset:3px}
html[data-theme] #trackingView #trackingRoom-weight button:hover{filter:brightness(1.12)}
html[data-theme="light"] body.dash-page:has(#trackingView.active[data-tracking-room="weight"]){background:#e5eef5!important}
html[data-theme="light"] #trackingView #trackingRoom-weight{--weight-ink:#18334b;--weight-muted:#516d84;--weight-line:#617f9e4a;--weight-card:linear-gradient(145deg,#ffffffaa,#e4eff980);--weight-accent:#3a7cab}
html[data-theme="light"] #trackingView #trackingRoom-weight .weight-stage{background:radial-gradient(ellipse at 85% 4%,#c4dbed99,transparent 55%),linear-gradient(155deg,#edf4f9,#e0eaf3)!important}
html[data-theme="light"] #trackingView #trackingRoom-weight .weight-scale-reading>small{color:var(--weight-ink)}
html[data-theme="light"] #trackingView #trackingRoom-weight .weight-scale-art{filter:drop-shadow(0 10px 10px #40608033)}
html[data-theme="light"] #trackingView #trackingRoom-weight .weight-input-wrap>input{border-color:#6e8da8!important;background:#fff5!important}
html[data-theme="light"] #trackingView #trackingRoom-weight .body-trend-dot{stroke:#f4fbff}
html[data-theme="light"] #trackingView #trackingRoom-weight .body-grid-line{stroke:#8ca6bd55}
@media(min-width:700px){html[data-theme] #trackingView #trackingRoom-weight .weight-stage{padding-inline:36px!important}html[data-theme] #trackingView #trackingRoom-weight .weight-intro{margin-top:34px}}
@media(max-width:380px){html[data-theme] #trackingView #trackingRoom-weight .weight-stage{padding-inline:16px!important}html[data-theme] #trackingView #trackingRoom-weight :is(.weight-chart-card,.weight-entry-card){padding:14px}html[data-theme] #trackingView #trackingRoom-weight .weight-input-row{gap:8px}html[data-theme] #trackingView #trackingRoom-weight .weight-reference-head .alltag-back{font-size:11px!important}}
@media(max-height:850px) and (max-width:600px){html[data-theme] #trackingView #trackingRoom-weight .weight-stage{padding-top:16px!important;padding-bottom:max(16px,env(safe-area-inset-bottom))!important}html[data-theme] #trackingView #trackingRoom-weight .weight-intro{margin-top:20px;margin-bottom:4px}html[data-theme] #trackingView #trackingRoom-weight .weight-intro h2{margin-top:9px}html[data-theme] #trackingView #trackingRoom-weight .weight-scale{margin-top:4px;max-width:350px}html[data-theme] #trackingView #trackingRoom-weight .weight-summary{margin-bottom:16px}html[data-theme] #trackingView #trackingRoom-weight :is(.weight-chart-card,.weight-entry-card){padding:14px}html[data-theme] #trackingView #trackingRoom-weight .weight-entry-card{gap:12px;margin-top:14px}html[data-theme] #trackingView #trackingRoom-weight .weight-card-head{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html[data-theme] #trackingView #trackingRoom-weight *{transition:none!important;animation:none!important}}

@media(max-height:850px) and (max-width:600px){
 html[data-theme] #trackingView #trackingRoom-weight .weight-intro{margin-top:14px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-intro small{display:block;font-size:10px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-intro h2{margin-top:8px;font-size:25px!important}
 html[data-theme] #trackingView #trackingRoom-weight .weight-intro p{font-size:13px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-scale{max-width:300px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading{top:26%;gap:4px}
 html[data-theme] #trackingView #trackingRoom-weight #weightHeroValue{font-size:44px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading>small{font-size:8px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading>div>span{font-size:16px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-summary{margin-bottom:14px}
 html[data-theme] #trackingView #trackingRoom-weight .body-chart,html[data-theme] #trackingView #trackingRoom-weight .body-chart.is-empty{aspect-ratio:420/150}
 html[data-theme] #trackingView #trackingRoom-weight .body-chart-empty{min-height:100px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-entry-card{padding:12px 14px;gap:10px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-entry-card>label{font-size:17px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-input-wrap>input{height:50px;min-height:50px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-entry-card>button[type="submit"]{min-height:44px;padding:10px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-details-footer{margin-top:4px}
}
/* Keep the glass legible in light mode despite older global light-theme rules. */
html[data-theme] #trackingView #trackingRoom-weight .body-chart text{font-size:14px}
html[data-theme] #trackingView #trackingRoom-weight .weight-theme,html[data-theme] #trackingView #trackingRoom-weight .weight-reference-head>strong{color:var(--weight-ink)!important}
html[data-theme] #trackingView #trackingRoom-weight .weight-summary small{color:var(--weight-muted)!important}
html[data-theme] #trackingView #trackingRoom-weight .weight-intro small{color:var(--weight-accent)!important}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading>small{color:#d5e5f3!important}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading>div>span,html[data-theme] #trackingView #trackingRoom-weight .weight-input-wrap>span{color:var(--weight-muted)!important}
html[data-theme="light"] #trackingView #trackingRoom-weight .weight-scale-reading>small{color:var(--weight-ink)!important}

/* Reference-derived real glass and steel artwork with independent live text. */
html[data-theme] #trackingView #trackingRoom-weight .weight-scale{aspect-ratio:2/1;max-width:480px}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-art{object-fit:contain;filter:drop-shadow(0 12px 14px #0005)}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading{top:27%;left:20%;right:20%;gap:6px}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading>small{color:#d5e5f3!important;font-size:clamp(8px,2.2vw,11px)}
html[data-theme] #trackingView #trackingRoom-weight #weightHeroValue{color:#f1f6fc!important;text-shadow:0 2px 12px #07142066}
html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading>div>span,html[data-theme] #trackingView #trackingRoom-weight #weightHeroDate{color:#a9bed4!important}
html[data-theme="light"] #trackingView #trackingRoom-weight .weight-scale-art{filter:drop-shadow(0 10px 12px #314c6855)}
@media(max-height:850px) and (max-width:600px){
 html[data-theme] #trackingView #trackingRoom-weight .weight-scale{max-width:350px;margin-top:6px;margin-bottom:8px}
 html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading{top:28%;gap:4px}
 html[data-theme] #trackingView #trackingRoom-weight #weightHeroValue{font-size:clamp(37px,11vw,46px)}
 html[data-theme] #trackingView #trackingRoom-weight .weight-scale-reading>small{font-size:8px}
}