/* پیشرفت بدون style درون‌خطی؛ سازگار با CSP محدود به self. */
.visual-progress-0 { --progress: 0; --water: 0%; --phase-progress: 0%; --bar: 0; }
.visual-progress-1 { --progress: 1; --water: 1%; --phase-progress: 1%; --bar: 1; }
.visual-progress-2 { --progress: 2; --water: 2%; --phase-progress: 2%; --bar: 2; }
.visual-progress-3 { --progress: 3; --water: 3%; --phase-progress: 3%; --bar: 3; }
.visual-progress-4 { --progress: 4; --water: 4%; --phase-progress: 4%; --bar: 4; }
.visual-progress-5 { --progress: 5; --water: 5%; --phase-progress: 5%; --bar: 5; }
.visual-progress-6 { --progress: 6; --water: 6%; --phase-progress: 6%; --bar: 6; }
.visual-progress-7 { --progress: 7; --water: 7%; --phase-progress: 7%; --bar: 7; }
.visual-progress-8 { --progress: 8; --water: 8%; --phase-progress: 8%; --bar: 8; }
.visual-progress-9 { --progress: 9; --water: 9%; --phase-progress: 9%; --bar: 9; }
.visual-progress-10 { --progress: 10; --water: 10%; --phase-progress: 10%; --bar: 10; }
.visual-progress-11 { --progress: 11; --water: 11%; --phase-progress: 11%; --bar: 11; }
.visual-progress-12 { --progress: 12; --water: 12%; --phase-progress: 12%; --bar: 12; }
.visual-progress-13 { --progress: 13; --water: 13%; --phase-progress: 13%; --bar: 13; }
.visual-progress-14 { --progress: 14; --water: 14%; --phase-progress: 14%; --bar: 14; }
.visual-progress-15 { --progress: 15; --water: 15%; --phase-progress: 15%; --bar: 15; }
.visual-progress-16 { --progress: 16; --water: 16%; --phase-progress: 16%; --bar: 16; }
.visual-progress-17 { --progress: 17; --water: 17%; --phase-progress: 17%; --bar: 17; }
.visual-progress-18 { --progress: 18; --water: 18%; --phase-progress: 18%; --bar: 18; }
.visual-progress-19 { --progress: 19; --water: 19%; --phase-progress: 19%; --bar: 19; }
.visual-progress-20 { --progress: 20; --water: 20%; --phase-progress: 20%; --bar: 20; }
.visual-progress-21 { --progress: 21; --water: 21%; --phase-progress: 21%; --bar: 21; }
.visual-progress-22 { --progress: 22; --water: 22%; --phase-progress: 22%; --bar: 22; }
.visual-progress-23 { --progress: 23; --water: 23%; --phase-progress: 23%; --bar: 23; }
.visual-progress-24 { --progress: 24; --water: 24%; --phase-progress: 24%; --bar: 24; }
.visual-progress-25 { --progress: 25; --water: 25%; --phase-progress: 25%; --bar: 25; }
.visual-progress-26 { --progress: 26; --water: 26%; --phase-progress: 26%; --bar: 26; }
.visual-progress-27 { --progress: 27; --water: 27%; --phase-progress: 27%; --bar: 27; }
.visual-progress-28 { --progress: 28; --water: 28%; --phase-progress: 28%; --bar: 28; }
.visual-progress-29 { --progress: 29; --water: 29%; --phase-progress: 29%; --bar: 29; }
.visual-progress-30 { --progress: 30; --water: 30%; --phase-progress: 30%; --bar: 30; }
.visual-progress-31 { --progress: 31; --water: 31%; --phase-progress: 31%; --bar: 31; }
.visual-progress-32 { --progress: 32; --water: 32%; --phase-progress: 32%; --bar: 32; }
.visual-progress-33 { --progress: 33; --water: 33%; --phase-progress: 33%; --bar: 33; }
.visual-progress-34 { --progress: 34; --water: 34%; --phase-progress: 34%; --bar: 34; }
.visual-progress-35 { --progress: 35; --water: 35%; --phase-progress: 35%; --bar: 35; }
.visual-progress-36 { --progress: 36; --water: 36%; --phase-progress: 36%; --bar: 36; }
.visual-progress-37 { --progress: 37; --water: 37%; --phase-progress: 37%; --bar: 37; }
.visual-progress-38 { --progress: 38; --water: 38%; --phase-progress: 38%; --bar: 38; }
.visual-progress-39 { --progress: 39; --water: 39%; --phase-progress: 39%; --bar: 39; }
.visual-progress-40 { --progress: 40; --water: 40%; --phase-progress: 40%; --bar: 40; }
.visual-progress-41 { --progress: 41; --water: 41%; --phase-progress: 41%; --bar: 41; }
.visual-progress-42 { --progress: 42; --water: 42%; --phase-progress: 42%; --bar: 42; }
.visual-progress-43 { --progress: 43; --water: 43%; --phase-progress: 43%; --bar: 43; }
.visual-progress-44 { --progress: 44; --water: 44%; --phase-progress: 44%; --bar: 44; }
.visual-progress-45 { --progress: 45; --water: 45%; --phase-progress: 45%; --bar: 45; }
.visual-progress-46 { --progress: 46; --water: 46%; --phase-progress: 46%; --bar: 46; }
.visual-progress-47 { --progress: 47; --water: 47%; --phase-progress: 47%; --bar: 47; }
.visual-progress-48 { --progress: 48; --water: 48%; --phase-progress: 48%; --bar: 48; }
.visual-progress-49 { --progress: 49; --water: 49%; --phase-progress: 49%; --bar: 49; }
.visual-progress-50 { --progress: 50; --water: 50%; --phase-progress: 50%; --bar: 50; }
.visual-progress-51 { --progress: 51; --water: 51%; --phase-progress: 51%; --bar: 51; }
.visual-progress-52 { --progress: 52; --water: 52%; --phase-progress: 52%; --bar: 52; }
.visual-progress-53 { --progress: 53; --water: 53%; --phase-progress: 53%; --bar: 53; }
.visual-progress-54 { --progress: 54; --water: 54%; --phase-progress: 54%; --bar: 54; }
.visual-progress-55 { --progress: 55; --water: 55%; --phase-progress: 55%; --bar: 55; }
.visual-progress-56 { --progress: 56; --water: 56%; --phase-progress: 56%; --bar: 56; }
.visual-progress-57 { --progress: 57; --water: 57%; --phase-progress: 57%; --bar: 57; }
.visual-progress-58 { --progress: 58; --water: 58%; --phase-progress: 58%; --bar: 58; }
.visual-progress-59 { --progress: 59; --water: 59%; --phase-progress: 59%; --bar: 59; }
.visual-progress-60 { --progress: 60; --water: 60%; --phase-progress: 60%; --bar: 60; }
.visual-progress-61 { --progress: 61; --water: 61%; --phase-progress: 61%; --bar: 61; }
.visual-progress-62 { --progress: 62; --water: 62%; --phase-progress: 62%; --bar: 62; }
.visual-progress-63 { --progress: 63; --water: 63%; --phase-progress: 63%; --bar: 63; }
.visual-progress-64 { --progress: 64; --water: 64%; --phase-progress: 64%; --bar: 64; }
.visual-progress-65 { --progress: 65; --water: 65%; --phase-progress: 65%; --bar: 65; }
.visual-progress-66 { --progress: 66; --water: 66%; --phase-progress: 66%; --bar: 66; }
.visual-progress-67 { --progress: 67; --water: 67%; --phase-progress: 67%; --bar: 67; }
.visual-progress-68 { --progress: 68; --water: 68%; --phase-progress: 68%; --bar: 68; }
.visual-progress-69 { --progress: 69; --water: 69%; --phase-progress: 69%; --bar: 69; }
.visual-progress-70 { --progress: 70; --water: 70%; --phase-progress: 70%; --bar: 70; }
.visual-progress-71 { --progress: 71; --water: 71%; --phase-progress: 71%; --bar: 71; }
.visual-progress-72 { --progress: 72; --water: 72%; --phase-progress: 72%; --bar: 72; }
.visual-progress-73 { --progress: 73; --water: 73%; --phase-progress: 73%; --bar: 73; }
.visual-progress-74 { --progress: 74; --water: 74%; --phase-progress: 74%; --bar: 74; }
.visual-progress-75 { --progress: 75; --water: 75%; --phase-progress: 75%; --bar: 75; }
.visual-progress-76 { --progress: 76; --water: 76%; --phase-progress: 76%; --bar: 76; }
.visual-progress-77 { --progress: 77; --water: 77%; --phase-progress: 77%; --bar: 77; }
.visual-progress-78 { --progress: 78; --water: 78%; --phase-progress: 78%; --bar: 78; }
.visual-progress-79 { --progress: 79; --water: 79%; --phase-progress: 79%; --bar: 79; }
.visual-progress-80 { --progress: 80; --water: 80%; --phase-progress: 80%; --bar: 80; }
.visual-progress-81 { --progress: 81; --water: 81%; --phase-progress: 81%; --bar: 81; }
.visual-progress-82 { --progress: 82; --water: 82%; --phase-progress: 82%; --bar: 82; }
.visual-progress-83 { --progress: 83; --water: 83%; --phase-progress: 83%; --bar: 83; }
.visual-progress-84 { --progress: 84; --water: 84%; --phase-progress: 84%; --bar: 84; }
.visual-progress-85 { --progress: 85; --water: 85%; --phase-progress: 85%; --bar: 85; }
.visual-progress-86 { --progress: 86; --water: 86%; --phase-progress: 86%; --bar: 86; }
.visual-progress-87 { --progress: 87; --water: 87%; --phase-progress: 87%; --bar: 87; }
.visual-progress-88 { --progress: 88; --water: 88%; --phase-progress: 88%; --bar: 88; }
.visual-progress-89 { --progress: 89; --water: 89%; --phase-progress: 89%; --bar: 89; }
.visual-progress-90 { --progress: 90; --water: 90%; --phase-progress: 90%; --bar: 90; }
.visual-progress-91 { --progress: 91; --water: 91%; --phase-progress: 91%; --bar: 91; }
.visual-progress-92 { --progress: 92; --water: 92%; --phase-progress: 92%; --bar: 92; }
.visual-progress-93 { --progress: 93; --water: 93%; --phase-progress: 93%; --bar: 93; }
.visual-progress-94 { --progress: 94; --water: 94%; --phase-progress: 94%; --bar: 94; }
.visual-progress-95 { --progress: 95; --water: 95%; --phase-progress: 95%; --bar: 95; }
.visual-progress-96 { --progress: 96; --water: 96%; --phase-progress: 96%; --bar: 96; }
.visual-progress-97 { --progress: 97; --water: 97%; --phase-progress: 97%; --bar: 97; }
.visual-progress-98 { --progress: 98; --water: 98%; --phase-progress: 98%; --bar: 98; }
.visual-progress-99 { --progress: 99; --water: 99%; --phase-progress: 99%; --bar: 99; }
.visual-progress-100 { --progress: 100; --water: 100%; --phase-progress: 100%; --bar: 100; }

.mind-session[data-background="mind_breathing.png"]::before { background-image: url("../images/mind/mind_breathing.png"); }
.mind-session[data-background="mind_meditation.png"]::before { background-image: url("../images/mind/mind_meditation.png"); }
.mind-session[data-background="mind_visualization.png"]::before { background-image: url("../images/mind/mind_visualization.png"); }
.mind-session[data-background="mind_focus.png"]::before { background-image: url("../images/mind/mind_focus.png"); }
.mind-session[data-background="mind_sleep.png"]::before { background-image: url("../images/mind/mind_sleep.png"); }
.mind-session[data-background="mind_pregame.png"]::before { background-image: url("../images/mind/mind_pregame.png"); }
.mind-session[data-background="mind_recovery.png"]::before { background-image: url("../images/mind/mind_recovery.png"); }