/* Approved glass-orb composition. All data and exercise controls remain live HTML. */
html[data-theme] #trackingView #trackingRoom-today .alltag-stage.alltag-cinema{padding-top:16px!important;padding-bottom:max(22px,env(safe-area-inset-bottom))!important}
html[data-theme] body.dash-page #trackingView #trackingRoom-today .today-reference-head.shared-glass-head{height:56px!important;min-height:56px!important;max-height:56px!important;padding:6px 12px!important}
html[data-theme] #trackingView #trackingRoom-today .today-premium-meta{margin-top:18px;gap:0}
html[data-theme] #trackingView #trackingRoom-today .today-premium-meta>time{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-theme] #trackingView #trackingRoom-today .today-orb-intro{text-align:center;margin:12px 0 0}
html[data-theme] #trackingView #trackingRoom-today .today-orb-intro h2{margin:0!important;color:var(--today-ink)!important;font:600 clamp(26px,6.7vw,38px)/1.2 Inter,sans-serif!important;letter-spacing:-.04em!important}
html[data-theme] #trackingView #trackingRoom-today .today-orb-intro p{margin:8px 0 0!important;color:var(--today-muted)!important;font:400 clamp(12px,3.2vw,16px)/1.5 Inter,sans-serif!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-premium-head{display:none!important}
html[data-theme] #trackingView #trackingRoom-today .alltag-cinema-body{margin:0!important;gap:16px!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-premium{gap:0!important}
html[data-theme] #trackingView #trackingRoom-today .today-orb-scene{--orb-size:clamp(210px,55vw,290px);--orb-glow:.5;--orb-play:paused;position:relative;isolation:isolate;width:calc(var(--orb-size)*1.24);max-width:100%;height:calc(var(--orb-size)*1.08);margin:8px auto 6px;pointer-events:none;user-select:none}
html[data-theme] #trackingView #trackingRoom-today .today-orb-scene[data-motion="running"]{--orb-play:running}
html[data-theme] #trackingView #trackingRoom-today:not(.on) .today-orb-scene{--orb-play:paused}
html[data-theme] #trackingView #trackingRoom-today .today-orb-scene *{animation-play-state:var(--orb-play)!important}
html[data-theme] #trackingView #trackingRoom-today .today-orb-float{position:absolute;inset:0;animation:today-orb-float 6s ease-in-out infinite;will-change:transform}
html[data-theme] #trackingView #trackingRoom-today .today-orb-glass{position:absolute;left:50%;top:calc(var(--orb-size)*.04);width:var(--orb-size);height:var(--orb-size);transform:translateX(-50%);z-index:2;isolation:isolate}
html[data-theme] #trackingView #trackingRoom-today .today-orb-glass>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 12px #90bffb24)}
html[data-theme] #trackingView #trackingRoom-today .today-orb-aura{position:absolute;inset:9% 7% 6%;border-radius:50%;background:radial-gradient(ellipse,#90bcf533,transparent 68%);filter:blur(15px);opacity:var(--orb-glow);animation:today-orb-breathe 6s ease-in-out infinite;transition:opacity .8s ease}
html[data-theme] #trackingView #trackingRoom-today .today-orb-shadow{position:absolute;left:19%;right:19%;bottom:3%;height:14px;border-radius:50%;background:radial-gradient(ellipse,#ddf1ff88 0,#a9d3f83b 23%,#83b7e616 45%,transparent 72%);filter:blur(3px);animation:today-orb-reflection 6s ease-in-out infinite}
html[data-theme] #trackingView #trackingRoom-today .today-orb-flow{position:absolute;inset:19%;z-index:1;border-radius:50%;background:url('/assets/healthos-today-glass-orb-v1.webp') center/161.3% 161.3% no-repeat;mix-blend-mode:screen;opacity:.45;mask-image:radial-gradient(circle,#000 15%,#0009 48%,transparent 70%);-webkit-mask-image:radial-gradient(circle,#000 15%,#0009 48%,transparent 70%);animation:today-orb-current 38s linear infinite;will-change:transform}
html[data-theme] #trackingView #trackingRoom-today .today-orb-mist{position:absolute;inset:20%;z-index:2;border-radius:50%;background:conic-gradient(from 40deg,transparent 0deg,#d1eeff14 35deg,transparent 80deg,#9bd2ff22 165deg,transparent 215deg,#effaff18 290deg,transparent 340deg);mask-image:radial-gradient(circle,#000,transparent 69%);-webkit-mask-image:radial-gradient(circle,#000,transparent 69%);mix-blend-mode:screen;animation:today-orb-current 21s linear infinite reverse}
html[data-theme] #trackingView #trackingRoom-today .today-orb-pulse{position:absolute;inset:15%;z-index:3;border-radius:50%;border:1px solid #e0f5ff99;background:radial-gradient(circle,#c2e8ff44,transparent 65%);box-shadow:0 0 25px #a1d7ff88,inset 0 0 16px #b7e4ff66;opacity:0}
html[data-theme] #trackingView #trackingRoom-today .today-orbit{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:#dcefff;stroke-width:1.2;filter:drop-shadow(0 0 3px #c3e6ff88)}
html[data-theme] #trackingView #trackingRoom-today .today-orbit-back{z-index:1;clip-path:polygon(0 0,100% 0,100% 23%,0 77%);opacity:.65}
html[data-theme] #trackingView #trackingRoom-today .today-orbit-front{z-index:4;clip-path:polygon(0 77%,100% 23%,100% 100%,0 100%)}
html[data-theme] #trackingView #trackingRoom-today .today-orbit-track{stroke-opacity:.46;stroke-width:.75}
html[data-theme] #trackingView #trackingRoom-today .today-orbit-light{stroke:#f2fbff;stroke-width:1.6;stroke-linecap:round;stroke-dasharray:12 88;animation:today-orbit-travel 12s linear infinite;filter:drop-shadow(0 0 3px #d9f1ff)}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-glass-card{padding:16px 18px!important;border-color:#bddbf270!important;border-radius:23px!important;background:linear-gradient(125deg,#b4d5ee12,#92b9db08 55%,#d1e7fa10)!important;box-shadow:inset 0 1px #e2f3ff24,0 12px 32px #020a140d!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-fieldset:first-child legend,html[data-theme] #trackingView #trackingRoom-today .wellbeing-stress legend{font-size:15px!important;margin-bottom:8px!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-moods button{min-height:64px!important;gap:6px!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-moods button i{width:36px!important;height:36px!important;background:#a5d7ff04!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-moods svg{width:28px!important;height:28px!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-moods button.active i{border-color:#d4efff!important;background:#a5d7ff18!important;color:#dff4ff!important;box-shadow:0 0 0 1px #bdE5ff44,0 0 14px #91cfff55,inset 0 0 10px #a3d9ff18!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-moods button span{font-size:10px!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-divider{margin:13px 0!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-stress-track{height:44px!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-stress-track button.active i{background:#c0e7ff!important;border-color:#effaff!important;box-shadow:0 0 0 3px #a5d7ff14,0 0 12px #94d6ff77!important}
html[data-theme] #trackingView #trackingRoom-today .wellbeing-stress-labels{font-size:10px!important}
html[data-theme] #trackingView #trackingRoom-today :is(.today-next,.today-pending-card){box-sizing:border-box;width:100%;margin:0!important;padding:16px 18px!important;gap:12px!important;border:1px solid #bddbf270!important;border-radius:23px!important;background:linear-gradient(125deg,#b4d5ee12,#92b9db08 55%,#d1e7fa10)!important;box-shadow:inset 0 1px #e2f3ff24,0 12px 32px #020a140d!important;backdrop-filter:blur(12px)}
html[data-theme] #trackingView #trackingRoom-today :is(.today-next[hidden],.today-pending-card[hidden]){display:none!important}
html[data-theme] #trackingView #trackingRoom-today .today-pending-card>small,html[data-theme] #trackingView #trackingRoom-today .today-next-section-head strong{display:block;color:var(--today-muted)!important;font:400 12px/1.4 Inter,sans-serif!important;letter-spacing:0!important;margin:0 0 10px!important}
html[data-theme] #trackingView #trackingRoom-today .today-pending-card>div{display:flex;align-items:center;gap:14px}
html[data-theme] #trackingView #trackingRoom-today .today-pending-icon{display:grid;place-items:center;flex:none;width:48px;height:48px;box-sizing:border-box;border:1px solid var(--today-line);border-radius:50%;background:radial-gradient(circle at 30% 15%,#dff2ff2e,#90c5f20c 55%,#0c253947);color:var(--today-accent);box-shadow:inset 0 1px #effaff55,0 0 12px #a5d7ff0a}
html[data-theme] #trackingView #trackingRoom-today .today-pending-icon svg{width:28px;height:28px;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round;fill:none}
html[data-theme] #trackingView #trackingRoom-today .today-pending-card h3{margin:0 0 5px!important;color:var(--today-ink)!important;font:500 16px/1.3 Inter,sans-serif!important;letter-spacing:-.025em}
html[data-theme] #trackingView #trackingRoom-today .today-pending-card p{margin:0!important;color:var(--today-muted)!important;font:400 12px/1.5 Inter,sans-serif!important}
html[data-theme] #trackingView #trackingRoom-today .today-next-section-head{margin:0!important;padding:0!important}
html[data-theme] #trackingView #trackingRoom-today .today-next-section-head strong{margin:0!important}
html[data-theme] #trackingView #trackingRoom-today .today-next-card{padding:0!important;grid-template-columns:48px minmax(0,1fr)!important;gap:12px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-theme] #trackingView #trackingRoom-today .today-next-card .today-next-visual{width:48px!important;height:48px!important;border:1px solid var(--today-line)!important;border-radius:50%!important}
html[data-theme] #trackingView #trackingRoom-today .today-next-card h3{font-size:17px!important;line-height:1.3!important}
html[data-theme] #trackingView #trackingRoom-today .today-next-go{min-height:46px!important;margin-top:2px!important;border-radius:15px!important}
html[data-theme] #trackingView #trackingRoom-today .today-next-else{width:auto!important;max-width:100%;min-height:44px!important;padding:8px 12px!important;margin:0 auto!important;border:0!important;background:none!important;box-shadow:none!important;backdrop-filter:none!important}
html[data-theme] #trackingView #trackingRoom-today .today-next:not([hidden]){animation:today-card-arrive .65s ease both}
html[data-theme] #trackingView #trackingRoom-today .today-reference-footer{margin:0!important;font-size:10px!important}
html[data-theme] #trackingView #trackingRoom-today .today-reference-footer span{font-size:10px!important;letter-spacing:.05em!important}
html[data-theme="light"] #trackingView #trackingRoom-today :is(.wellbeing-glass-card,.today-next,.today-pending-card){background:linear-gradient(125deg,#ffffffb8,#e4eff97d 60%,#ffffffe0)!important;border-color:#7e9bb858!important;box-shadow:inset 0 1px #ffffffc9,0 12px 32px #627f9b0d!important}
html[data-theme="light"] #trackingView #trackingRoom-today .wellbeing-moods button.active i{color:#28658f!important;border-color:#3f86b8!important;background:#97d3ff28!important;box-shadow:0 0 0 1px #6da9d133,0 0 14px #83c9ff44!important}
html[data-theme="light"] #trackingView #trackingRoom-today .wellbeing-stress-track button.active i{background:#3a7cab!important;border-color:#397da9!important;box-shadow:0 0 0 3px #6da9d114,0 0 10px #5dabe455!important}
html[data-theme="light"] #trackingView #trackingRoom-today .today-orb-shadow{background:radial-gradient(ellipse,#689bc26b,#8dc2e137 30%,transparent 72%)}
@keyframes today-orb-float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-5px)}}
@keyframes today-orb-current{to{transform:rotate(360deg)}}
@keyframes today-orbit-travel{to{stroke-dashoffset:-100}}
@keyframes today-orb-breathe{0%,100%{transform:scale(.96)}50%{transform:scale(1.07)}}
@keyframes today-orb-reflection{0%,100%{transform:scale(1.04);opacity:.75}50%{transform:scale(.87);opacity:.4}}
@keyframes today-card-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:380px){html[data-theme] #trackingView #trackingRoom-today .today-orb-scene{--orb-size:190px;margin-top:6px}html[data-theme] #trackingView #trackingRoom-today :is(.wellbeing-glass-card,.today-next,.today-pending-card){padding:14px!important}html[data-theme] #trackingView #trackingRoom-today .wellbeing-moods{gap:3px!important}html[data-theme] #trackingView #trackingRoom-today .wellbeing-moods button span{font-size:9px!important}html[data-theme] #trackingView #trackingRoom-today .wellbeing-moods button i{width:34px!important;height:34px!important}}
@media(min-width:700px){html[data-theme] #trackingView #trackingRoom-today .today-orb-intro{margin-top:18px}html[data-theme] #trackingView #trackingRoom-today .today-premium-meta{margin-top:26px}}
@media(prefers-reduced-motion:reduce){html[data-theme] #trackingView #trackingRoom-today .today-orb-scene *,html[data-theme] #trackingView #trackingRoom-today .today-next{animation:none!important;transition:none!important;will-change:auto!important}}
/* The exercise preview is one glass card; no inner frame or duplicate waiting card. */
html[data-theme] #trackingView #trackingRoom-today .today-next-card:after{display:none!important}
html[data-theme] #trackingView #trackingRoom-today .today-next-go:before{display:none!important}
html[data-theme] #trackingView #trackingRoom-today.has-inline-session .today-pending-card{display:none!important}
html[data-theme] #trackingView #trackingRoom-today .wohlbefinden-session-body:has(.wohlbefinden-timer-ring[hidden]){grid-template-columns:minmax(0,1fr)!important}
html[data-theme="light"] #trackingView #trackingRoom-today .today-orbit-track{stroke:#4b86b2;stroke-opacity:.6}
html[data-theme="light"] #trackingView #trackingRoom-today .today-orbit-light{stroke:#7babd3;filter:drop-shadow(0 0 2px #c1e6ff)}

/* Reference environment: midnight backdrop, photographic haze and reflected light.
   This scene stays midnight in both themes; light mode retains its readable light cards. */
html[data-theme] body.dash-page:has(#trackingView.active[data-tracking-room="today"]){background:#030c16!important}
html[data-theme] #trackingView #trackingRoom-today .alltag-stage.alltag-cinema{background:radial-gradient(ellipse at 60% 10%,#14273d70,transparent 37%),radial-gradient(ellipse at 24% 48%,#10263a44,transparent 55%),linear-gradient(155deg,#040d17,#05111e 48%,#030c15)!important}
html[data-theme] #trackingView #trackingRoom-today .today-premium-meta>span{color:#b2d3ef!important}
html[data-theme] #trackingView #trackingRoom-today .today-orb-intro h2{color:#f1f6fc!important}
html[data-theme] #trackingView #trackingRoom-today .today-orb-intro p{color:#a9bed4!important}
html[data-theme] #trackingView #trackingRoom-today .today-scene-atmosphere{position:absolute;z-index:-2;left:50%;top:-24%;width:min(100vw,640px);height:160%;transform:translateX(-50%);background:url('/assets/healthos-today-atmosphere-v1.webp') center/cover no-repeat;mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 18%,#000 80%,transparent);animation:today-atmosphere-breathe 12s ease-in-out infinite;pointer-events:none}
html[data-theme] #trackingView #trackingRoom-today .today-scene-haze{position:absolute;z-index:-1;left:-15%;right:-15%;top:-1%;bottom:-5%;border-radius:50%;background:radial-gradient(ellipse at 38% 48%,#8eb9e638,transparent 48%),radial-gradient(ellipse at 65% 70%,#8ebfe533,transparent 50%);filter:blur(22px);mix-blend-mode:screen;opacity:.45;animation:today-haze-drift 14s ease-in-out infinite;pointer-events:none}
html[data-theme] #trackingView #trackingRoom-today .today-orb-aura{inset:0 -12% -3%;background:radial-gradient(ellipse,#a5cefa44,transparent 66%);filter:blur(20px)}
html[data-theme] #trackingView #trackingRoom-today .today-orb-shadow{left:4%;right:4%;bottom:1%;height:25px;background:radial-gradient(ellipse at 46% 38%,#f0fbffb3,transparent 27%),radial-gradient(ellipse at 61% 54%,#badfff88,transparent 29%),radial-gradient(ellipse,#a3cff95e,transparent 66%);filter:blur(2.3px);mix-blend-mode:screen}
html[data-theme] #trackingView #trackingRoom-today .today-orb-flow{opacity:.6;animation-duration:26s}
html[data-theme] #trackingView #trackingRoom-today .today-orb-mist{animation-duration:17s;background:conic-gradient(from 40deg,transparent,#d1eeff24 35deg,transparent 80deg,#9bd2ff32 165deg,transparent 215deg,#effaff28 290deg,transparent 340deg)}
html[data-theme] #trackingView #trackingRoom-today .today-orbit{filter:drop-shadow(0 0 3px #d0ebffb3) drop-shadow(0 0 7px #8bc9ff66)}
html[data-theme] #trackingView #trackingRoom-today .today-orbit-back{opacity:.85}
html[data-theme] #trackingView #trackingRoom-today .today-orbit-track{stroke:#d9eeff;stroke-opacity:.8;stroke-width:1.05}
html[data-theme] #trackingView #trackingRoom-today .today-orbit-light{stroke:#f4fcff;stroke-width:2;stroke-dasharray:28 72;filter:drop-shadow(0 0 5px #e1f5ff)}
html[data-theme] #trackingView #trackingRoom-today .today-orbit-spark{stroke:#fff;stroke-width:2.7;stroke-linecap:round;stroke-dasharray:.7 99.3;filter:drop-shadow(0 0 3px #fff) drop-shadow(0 0 7px #acd9ff);animation:today-orbit-travel 12s linear infinite}
@keyframes today-atmosphere-breathe{0%,100%{opacity:.86}50%{opacity:1}}
@keyframes today-haze-drift{0%,100%{transform:translate(-3px,2px) scale(.97)}50%{transform:translate(5px,-4px) scale(1.055)}}
@media(prefers-reduced-motion:reduce){html[data-theme] #trackingView #trackingRoom-today :is(.today-scene-atmosphere,.today-scene-haze,.today-orbit-spark){animation:none!important;transition:none!important}}
/* Background light stays behind the heading instead of dimming its letters. */
html[data-theme] #trackingView #trackingRoom-today :is(.today-orb-intro,.today-premium-meta){position:relative;z-index:3}
html[data-theme] #trackingView #trackingRoom-today .today-reference-head{--today-ink:#f1f6fc}
html[data-theme] #trackingView #trackingRoom-today .today-reference-footer,html[data-theme] #trackingView #trackingRoom-today .today-reference-footer span{color:#a3b9ce!important}
html[data-theme="light"] #trackingView #trackingRoom-today :is(.wellbeing-glass-card,.today-next,.today-pending-card){background:linear-gradient(125deg,#f8fbfff0,#e7f0f9e6 60%,#fffffff2)!important;border-color:#c9deedb3!important}
