*,*:before,*:after{box-sizing:border-box}:root{--primary-color: #041e00;--text-color: #d9d9d9;--button-color: #327028;--button-hover-color: gray;--border-color: gray;--error-color: #e76868;--success-color: lightgreen}html{overflow-x:hidden}body{background-color:var(--primary-color);color:var(--text-color);font-family:sans-serif;font-size:1rem;margin:0 auto;max-width:1280px;min-width:320px;overflow-x:hidden;padding:10px}h1{font-size:clamp(2rem,2.5vw,2.5rem)}h2{font-size:clamp(1.4rem,2.5vw,1.8rem)}h3{font-size:clamp(1.2rem,2.5vw,1.5rem)}h4,p,label{font-size:clamp(1rem,2.5vw,1.25rem)}h1,h2,h3,h4,p{margin:0;padding:0}input.error{border:1.5px solid var(--error-color)}input.error:focus{border:1.5px solid var(--error-color)}p.error{color:var(--error-color)}.about{display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:1rem 0}.about>.q-a>h3{margin-bottom:.25rem}.about>.q-a>p{line-height:1.4}.loader{animation:spin 2s linear infinite;border:16px solid #f3f3f3;border-radius:50%;border-top:16px solid #3498db;height:120px;left:50%;margin:-76px 0 0 -76px;position:absolute;top:50%;width:120px;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn{border-radius:4px;color:var(--text-color);cursor:pointer;font-weight:400}.btn-standard{background:var(--button-color);border:none;font-size:clamp(1rem,2.5vw,1.1rem);padding:clamp(.35rem,2.5vw,.7rem) clamp(.65rem,2.5vw,1.25rem);transition:background .2s}.btn-standard:hover{background:color-mix(in srgb,var(--button-color) 75%,black 25%)}.btn-x{background-color:transparent;border:1px solid white;color:#f44;height:clamp(1.5rem,2.5vw,2rem);transition:all .2s;width:clamp(1.5rem,2.5vw,2rem)}.btn-x:hover{background:#f44;border-color:#f44;color:#fff}.btn-x:disabled{color:color-mix(in srgb,#ff4444 75%,black 25%)}.btn-x:disabled:hover{background:transparent;border:1px solid white;cursor:not-allowed}.underline{text-decoration:underline;text-underline-offset:.3em}.input{background:transparent;border:1.5px solid var(--border-color);border-radius:5px;color:var(--text-color);font-size:1rem;line-height:1.5;padding:0 clamp(.1rem,2.5vw,.25rem);text-align:center}.input:focus{border-color:var(--button-color);outline:none}.auth-header{display:grid;justify-content:center}.auth-header .welcome-message{border-bottom:1px solid var(--border-color);margin:1rem 0;padding-bottom:.75rem;text-align:center}.auth-form-container{width:100%}.auth-form-container .error{color:#e76868;text-align:center}.auth-form-container .auth-form{width:100%}.auth-form-container .auth-form .pre-otp-section,.auth-form-container .auth-form .post-otp-section{align-items:center;display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.25rem);justify-content:center;width:100%}:is(.auth-form-container .auth-form .pre-otp-section,.auth-form-container .auth-form .post-otp-section) .flex-container{align-items:center;display:flex;flex-direction:column;gap:clamp(.8rem,2.5vw,1.2rem);justify-content:center;width:100%}:is(.auth-form-container .auth-form .pre-otp-section,.auth-form-container .auth-form .post-otp-section) .flex-container .email-input{margin-bottom:.7em}:is(.auth-form-container .auth-form .pre-otp-section,.auth-form-container .auth-form .post-otp-section) .button-group{display:flex;flex-direction:column;gap:clamp(.8rem,2.5vw,1.2rem);justify-content:space-between}:is(.auth-form-container .auth-form .pre-otp-section,.auth-form-container .auth-form .post-otp-section) .otp-input{width:6em}:is(.auth-form-container .auth-form .pre-otp-section,.auth-form-container .auth-form .post-otp-section) .pre-otp-header{margin:.25em;text-align:center}:is(.auth-form-container .auth-form .pre-otp-section,.auth-form-container .auth-form .post-otp-section) .post-otp-header{text-align:center}:is(.auth-form-container .auth-form .pre-otp-section,.auth-form-container .auth-form .post-otp-section) .email-header{margin:.25em;padding:0;text-align:center}@media (width >= 1200px){.auth-form-container .auth-form .pre-otp-section{gap:clamp(.3rem,2.5vw,.45rem)}.auth-form-container .auth-form .pre-otp-section .email-header,.auth-form-container .auth-form .pre-otp-section .post-otp-header,.auth-form-container .auth-form .pre-otp-section .pre-otp-header{margin:.5rem}}.auth-nav-bar>ul{border-bottom:1px solid var(--border-color);display:flex;font-size:clamp(1.25rem,2.5vw,1.5rem);gap:clamp(1.5rem,2.5vw,2.25rem);justify-content:space-between;list-style:none;margin:0;padding:0 0 1rem;text-underline-offset:3px}.auth-nav-bar>ul>li>.nav-link{color:var(--text-color);text-decoration:none}.auth-nav-bar>ul>li>.active{color:#87ceeb;text-decoration:underline}.page-header-div{border-bottom:1px solid var(--border-color);display:flex;justify-content:center;padding:1rem 0;width:100%}.set-container{align-items:end;display:flex;flex-direction:row;gap:1rem;margin-bottom:1rem;padding:1rem}.set-container>.set-label{flex:0 0 auto;font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:600}.set-container>.set-field{display:flex;flex-direction:column;gap:.25rem;width:max-content}.set-container>.set-field>label{white-space:nowrap;width:max-content}.set-container>.set-field>input{min-width:10rem;width:100%}.set-container>.btn-x{flex:0 0 auto}.set-container>.error{border:1px solid var(--error-color)}.exercise-instance{background:var(--primary-color);border-bottom:1px solid var(--border-color);height:100%;margin-bottom:1rem;padding:1.5rem 0;width:100%}.exercise-instance>.header-section{display:flex;justify-content:space-between}.exercise-instance>.header-section>.exercise-name{font-size:clamp(1.4rem,2.5vw,1.75rem);font-weight:600;margin-bottom:1rem}.exercise-instance>.scroll-area{border:1px solid var(--border-color);border-radius:5px;overflow-x:auto}.exercise-instance>.scroll-area>.sets-group,.exercise-instance>.scroll-area>.completed-sets-group{display:flex;flex-direction:column}.exercise-instance .buttons{display:flex;gap:clamp(.6rem,2.5vw,1rem);justify-content:space-between;margin-top:clamp(.5rem,2.5vw,1rem)}@media (width >= 1200px){.exercise-instance>.scroll-area{overflow-x:auto}}.select-exercise-container{background-color:var(--primary-color);border:0;height:100%;margin:auto;max-height:100vh;max-width:1280px;width:100%}.select-exercise-container::backdrop{background-color:var(--primary-color)}.select-exercise-container>.content-container{background-color:var(--primary-color);border-radius:5px;color:var(--text-color);padding:clamp(.5rem,2.5vw,1rem)}.select-exercise-container>.content-container>.content-header{border-bottom:1px solid var(--border-color);color:var(--text-color);margin:clamp(1rem,2.5vw,1.25rem) 0 0 0;padding:0 0 clamp(1rem,2.5vw,1.25rem) 0;text-align:center}.select-exercise-container>.content-container>.content-header>.title{font-size:clamp(1.5rem,2.5vw,2rem)}.select-exercise-container>.content-container>.content-header>button{position:absolute;right:clamp(.5rem,2.5vw,1rem);top:clamp(.5rem,2.5vw,1rem)}.select-exercise-container>.content-container .exercises{background-color:var(--primary-color);border-radius:5px;color:var(--text-color);display:grid;gap:clamp(1rem,2.5vw,1.25rem);grid-template-columns:1fr;margin:1em 0;position:relative}@media (width >= 1200px){.select-exercise-container>.content-container{border:1px solid var(--border-color);position:relative}.select-exercise-container>.content-container>.exercises{grid-template-columns:repeat(3,minmax(clamp(100px,200px,300px),1fr))}.select-exercise-container>.content-container .exercises:has(>button:only-child){grid-template-columns:minmax(clamp(100px,200px,300px),1fr)}}.dashboard-container{display:flex;flex-direction:column;width:100%}.dashboard-container .add-exercise{margin:clamp(.75rem,2.5vw,1.5rem) 0 1rem 0}.select{background-color:var(--button-color);border:none;border-radius:5px;color:var(--text-color);height:2rem}.select.select option{color:var(--text-color)}.align-start{text-align:start}.select-error{background-color:var(--error-color)}.edit-exercise-form{align-items:center;display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,1.25rem);justify-content:center;max-width:1280px}.edit-exercise-form>.header{align-items:center;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:1fr auto 1fr;padding:clamp(.6rem,2.5vw,1rem) 0;text-align:center;width:100%}.edit-exercise-form>.header .edit-exercise{font-size:clamp(1.25rem,2.5vw,1.75rem);grid-column:2/3;margin:0}.edit-exercise-form>.header button{grid-column:3/4;justify-self:end}.edit-exercise-form .section{align-items:center;display:flex;gap:clamp(.5rem,2.5vw,.75rem);width:100%}.edit-exercise-form .section>label{flex:0 0 auto}.edit-exercise-form .section>input{flex:1 1 auto;width:100%}.edit-exercise-form .fields-section{display:flex;flex-direction:column}.edit-exercise-form .fields-section>.fields{border:1px solid var(--border-color);border-radius:5px;display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,2rem);padding:clamp(.5rem,2.5vh,1rem);width:100%}.edit-exercise-form .fields-section>.fields>.field-item{align-items:center;display:flex;gap:clamp(.5rem,2.5vw,.75rem)}.edit-exercise-form .buttons{display:flex;justify-content:space-between;width:100%}@media (width >= 1200px){.edit-exercise-form>.fields-section>.fields{flex-flow:row nowrap}}.exercises-container>.exercise{align-items:center;display:flex;flex-direction:row;gap:clamp(1rem,2.5vw,1.5rem);justify-content:space-between;padding:clamp(.75rem,2.5vw,1rem) 0}.exercises-container>.exercise>.exercise-info{flex:1 1 auto;min-width:0;overflow:hidden}.exercises-container>.exercise>.exercise-info>.name,.exercises-container>.exercise>.exercise-info>.description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.exercises-container>.exercise>.exercise-info .name{font-size:clamp(1rem,2.5vw,1.2rem);font-weight:400}.exercises-container>.exercise>.exercise-info>.description{font-size:clamp(.6rem,2.5vw,.8rem)}.exercises-container>.exercise>.buttons{display:flex;gap:clamp(.5rem,2.5vw,1rem)}.exercises-container>.create-new-exercise-btn{margin-top:1rem}@media (width >= 1200px){.exercises-container{padding-top:0}.exercises-container>.exercise{border-bottom:1px solid var(--border-color)}}.exercise-header{align-items:center;border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:1fr auto 1fr;margin:0 0 clamp(.75rem,2.5vw,1.5rem) 0;padding:0 0 clamp(.5rem,2.5vw,.75rem) 0}.exercise-header>div>.email{justify-self:start}.exercise-header>div>.peak{justify-self:start}.exercise-header>.sign-out{display:flex;gap:clamp(.6rem,2.5vw,.9rem);justify-self:end}.nav-bar>ul{border-bottom:1px solid var(--border-color);display:flex;font-size:clamp(1.25rem,2.5vw,1.5rem);gap:clamp(1.5rem,2.5vw,2.25rem);justify-content:start;list-style:none;margin:0;overflow-x:auto;padding:0 0 1rem;text-underline-offset:3px}.nav-bar>ul>li>.nav-link{color:var(--text-color);text-decoration:none}.nav-bar>ul>li>.active{color:#87ceeb;text-decoration:underline}.edit-workout-form>.page-header-div{margin-bottom:clamp(.75rem,2.5vw,1rem)}.edit-workout-form>.workout-name{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.edit-workout-form>.workout-exercises>.workout-exercises-list{display:flex;flex-direction:column;gap:1rem;list-style:none;padding:0}.edit-workout-form>.workout-exercises>.workout-exercises-list>.exercise-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.edit-workout-form>.buttons{display:flex;justify-content:space-between}.workout-list{list-style:none;margin:clamp(.75rem,2.5vw,1.5rem) 0;padding:0}.workout-list>.workout-list-item{align-items:center;display:flex;flex-direction:row;justify-content:space-between}