/* ================================
THERAPEIA — Luxury Gold Scroll Bar
================================ */
:root{
--tg-height: 5px;
--tg-radius: 999px;
/* Gold palette */
--tg-gold-1: #fff2b3;
--tg-gold-2: #f7d26b;
--tg-gold-3: #d8a93f;
--tg-gold-4: #8a5a16;
/* Glow */
--tg-glow-1: rgba(247, 210, 107, 0.75);
--tg-glow-2: rgba(216, 169, 63, 0.55);
/* Track */
--tg-track: rgba(255,255,255,0.12);
--tg-track-dark: rgba(0,0,0,0.18);
}
/* Wrapper pinned at top */
#therapeia-progress-wrap{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: var(--tg-height);
z-index: 2147483647;
pointer-events: none;
background: var(--tg-track-dark);
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
box-shadow: 0 1px 0 rgba(255,255,255,0.08) inset;
}
/* The actual bar */
#therapeia-progress-bar{
height: 100%;
width: 0%;
border-radius: var(--tg-radius);
background: linear-gradient(
90deg,
var(--tg-gold-1) 0%,
var(--tg-gold-2) 18%,
var(--tg-gold-3) 52%,
var(--tg-gold-2) 78%,
var(--tg-gold-4) 100%
);
position: relative;
/* Premium glow */
box-shadow:
0 0 10px var(--tg-glow-1),
0 0 22px var(--tg-glow-2),
0 1px 0 rgba(255,255,255,0.35) inset;
transform: translateZ(0);
will-change: width;
transition: width 120ms ease-out;
}
/* “Shimmer” highlight moving across the gold */
#therapeia-progress-bar::after{
content: "";
position: absolute;
top: 0; left: -30%;
height: 100%;
width: 30%;
background: linear-gradient(
90deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,0.55) 50%,
rgba(255,255,255,0) 100%
);
filter: blur(0.5px);
opacity: 0.7;
animation: tg-shimmer 2.6s linear infinite;
}
@keyframes tg-shimmer{
0% { transform: translateX(0); }
100% { transform: translateX(430%); }
}
/* Optional: thin bottom line for “luxury” finish */
#therapeia-progress-wrap::after{
content:"";
position: absolute;
bottom: -1px; left: 0;
width: 100%;
height: 1px;
background: rgba(255,255,255,0.10);
}
/* Reduce motion support */
@media (prefers-reduced-motion: reduce){
#therapeia-progress-bar{
transition: none;
}
#therapeia-progress-bar::after{
animation: none;
opacity: 0;
}
}
THERAPEIA KUPUTERAAPIA JÄRGNE MEELESPEA
Tarbi taastumisprotsessi ajal piisavalt vett(soovituslikult toasooja, aluselist ja gaseerimata), et aidata kehal teraapia käigus liikuma pandud toksiinid kehast välja viia. Ideaalne on tarbida vähemalt 1-1.5l vett ööpäevas. Sage tualetis käimine on taastumise normaalne osa – pole põhjust muretsemiseks – kuna keha väljutab mürke.
Loe lisaks