/* Setora Liquid Glass — translucent highlights on controls, keeping the original dark/lime palette. */
:root{--glass-ease:cubic-bezier(.19,1,.22,1)}

/* Restrained glass bubbles float behind the existing dashboard welcome content. */
.welcome{position:relative;isolation:isolate;overflow:hidden;min-height:132px;padding:18px 20px;margin:0 -20px 26px}
.welcome::before,.welcome::after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;border:1px solid #ffffff32;backdrop-filter:blur(2px) saturate(165%);-webkit-backdrop-filter:blur(2px) saturate(165%);animation:glass-drift 9s var(--glass-ease) infinite alternate}
.welcome::before{width:176px;height:176px;right:13%;top:-78px;background:radial-gradient(circle at 31% 22%,#ffffff90 0 1.5%,#ffffff36 3%,transparent 17%),radial-gradient(circle at 38% 32%,#dfffff42,transparent 27%),radial-gradient(circle at 45% 58%,#a68cff55,#c3f36b21 52%,#ffffff08 73%,transparent 75%);box-shadow:inset 8px 7px 20px #ffffff20,inset -10px -15px 24px #a68cff2b,0 0 42px #c3f36b1c}
.welcome::after{width:96px;height:96px;right:6%;top:40px;animation-delay:-3s;background:radial-gradient(circle at 29% 22%,#ffffff9c 0 2%,#ffffff32 4%,transparent 20%),radial-gradient(circle at 42% 45%,#c3f36b48,#a68cff24 55%,#ffffff08 73%,transparent 75%);box-shadow:inset 5px 5px 13px #ffffff20,inset -8px -8px 16px #c3f36b24,0 0 30px #a68cff20}
.welcome>*{position:relative;z-index:1}
@keyframes glass-drift{from{transform:translate3d(0,0,0) scale(.98)}to{transform:translate3d(-10px,7px,0) scale(1.03)}}

/* Keep the familiar lime action; add only a soft reflective surface treatment. */
.btn{position:relative;overflow:hidden;transition:background .4s ease,border-color .4s ease,transform .8s var(--glass-ease),box-shadow .4s ease}
.btn::before{content:"";position:absolute;inset:1px 1px 52%;border-radius:inherit;background:linear-gradient(180deg,#ffffff14,transparent);opacity:.72;pointer-events:none}
.btn:hover{transform:translateY(-1px)}
.btn.primary{box-shadow:inset 0 1px 0 #ffffff70,0 0 18px #c3f36b1b}
.btn.primary::before{background:linear-gradient(180deg,#ffffff72,#ffffff10)}

/* The persistent header and workout controls are functional glass surfaces. */
.topbar{background:rgba(16,17,21,.76);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);border-bottom-color:#ffffff19}
.side-nav a{transition:background .4s ease,color .4s ease,transform .8s var(--glass-ease),border-color .4s ease;border:1px solid transparent}
.side-nav a:hover,.side-nav a.active{background:linear-gradient(135deg,#ffffff12,#ffffff05);border-color:#ffffff1c;backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%)}
.brand-mark{position:relative;overflow:hidden;border:1px solid #ffffff66;background:radial-gradient(circle at 30% 20%,#ffffffa8,#e2ff9b 25%,#aeea49 70%);box-shadow:inset 1px 1px 5px #ffffffa8,0 0 26px #c3f36b35}
.mobile-menu{background:linear-gradient(145deg,#ffffff1b,#ffffff08)!important;border-color:#ffffff38!important;backdrop-filter:blur(18px) saturate(155%);-webkit-backdrop-filter:blur(18px) saturate(155%);box-shadow:inset 0 1px 0 #ffffff36}
.workout-mode-head,.workout-timer-dock{background:rgba(21,22,27,.78);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);border-color:#ffffff25}
.workout-timer-dock .timer-panel{background:linear-gradient(120deg,rgba(25,27,30,.78),rgba(30,32,27,.78));backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}
.timer-panel{box-shadow:inset 0 1px 0 #ffffff18}

@media(max-width:560px){.welcome{min-height:144px;padding:12px 0;margin:0 0 18px}.welcome::before{width:120px;height:120px;right:4%;top:-30px}.welcome::after{width:65px;height:65px;right:0;top:66px}}
@media(prefers-reduced-motion:reduce){.welcome::before,.welcome::after{animation:none}.btn,.side-nav a{transition:none}}