:root{--color-bg-page:#0f0f0f;--color-bg-card:#111;--color-bg-elevated:#1f1f1f;--color-bg-chip:#272727;--color-bg-hover:#353535;--color-accent:#ff3131;--color-accent-glow:#ff313159;--color-accent-subtle:#ff31311f;--color-text-primary:#fff;--color-text-muted:#b5b5b5;--color-text-ghost:#ffffff7a;--font-hero-title:clamp(2.4rem,4.2vw,3.4rem);--font-section-title:clamp(1.4rem,2.2vw,1.85rem);--font-card-title:clamp(1.05rem,1.3vw,1.25rem);--font-body:clamp(0.88rem,1vw,0.98rem);--font-body-sm:clamp(0.75rem,0.85vw,0.82rem);--font-metric-display:clamp(1.75rem,2.8vw,2.4rem);--radius-pill:32px;--radius-avatar:50%;--gap-base:8px;--border-card:2px solid #272727;--border-focus:2px solid #ff3131;--ease-spring:cubic-bezier(0.19,1,0.22,1);--ease-elastic:cubic-bezier(0.34,1.56,0.64,1);--ease-smooth:cubic-bezier(0.4,0,0.2,1);--dur-fast:0.15s;--dur-mid:0.3s;--dur-slow:0.6s;--glass-surface-base:#1212128c;--glass-surface-elevated:#1c1c1c80;--glass-surface-overlay:#0c0c0cb3;--glass-surface-hover:#2d2d2dbf;--glass-border:1px solid #ffffff14;--glass-border-subtle:1px solid #ffffff0a;--glass-border-glow:1px solid #ff313173;--glass-blur:blur(16px);--glass-blur-subtle:blur(10px);--glass-backdrop-blur:blur(20px) saturate(180%);--shadow-card-elevated:0 16px 36px -8px #000000a6,0 0 0 1px #ffffff0d;--shadow-red-glow:0 0 24px -2px #ff313159;--shadow-button-press:0 4px 12px #ff313140}*{padding:0}*,body{margin:0}body{background-color:#0f0f0f;background-color:var(--color-bg-page,#0f0f0f);color:#fff;color:var(--color-text-primary,#fff);overflow-x:hidden;position:relative;scroll-behavior:auto;scroll-padding:10rem}body:before{animation:ambientFloat 22s ease-in-out infinite alternate;background:radial-gradient(circle at 15% 20%,#ff31310d 0,#0000 40%),radial-gradient(circle at 85% 80%,#ff313108 0,#0000 45%),radial-gradient(circle at 50% 50%,#12121299 0,#0000 70%);content:"";height:140vh;left:-20%;pointer-events:none;position:fixed;top:-20%;width:140vw;z-index:-1}@keyframes ambientFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(-30px,20px) scale(1.04)}to{transform:translate(25px,-15px) scale(.98)}}@keyframes pageEnterFade{0%{opacity:0}to{opacity:1}}.page-route-enter{animation:pageEnterFade .35s cubic-bezier(.4,0,.2,1) forwards;animation:pageEnterFade .35s var(--ease-smooth) forwards;contain:layout style paint;will-change:opacity}.main-content h1{font-size:clamp(2.4rem,4.2vw,3.4rem)!important;font-size:var(--font-hero-title)!important;line-height:1.15}.main-content p{font-size:clamp(.88rem,1vw,.98rem)!important;font-size:var(--font-body)!important}.features-box-container h1,.intro-container h1{font-size:clamp(1.4rem,2.2vw,1.85rem)!important;font-size:var(--font-section-title)!important}.features-box h2{font-size:clamp(1.05rem,1.3vw,1.25rem)!important;font-size:var(--font-card-title)!important}.features-box p{font-size:clamp(.75rem,.85vw,.82rem)!important;font-size:var(--font-body-sm)!important}.body-parts-container,.count-container,.exercise-list-container-logs,.exercise-list-container-logs-empty,.exercises-list,.features-box,.features-text,.graph-bmr,.graph-bodyfat,.graph-calories,.graph-idealweight,.info-bmi,.info-bmr,.info-bodyfat,.input-bmi,.input-bmr,.input-bodyfat,.input-container-calories,.input-idealweight,.input-leanmass,.intro-container,.loading-animation,.main-content,.main-login-container,.menu-container h1,.menu-list,.no-result-bmr,.no-result-bodyfat,.no-result-calories,.no-result-idealweight,.no-result-leanmass,.result-bmi,.result-bmr,.result-bodyfat,.result-calories,.result-idealweight,.result-leanmass-chart,.result-leanmass-text,.socials-container,.svg-div,.table-bmi{backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:var(--glass-backdrop-blur)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur)!important;background:#1212128c!important;background:var(--glass-surface-base)!important;border:1px solid #ffffff14!important;border:var(--glass-border)!important;box-shadow:0 16px 36px -10px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important}.body-container,.info-container-bmi,.main-container-calculator,.no-result-bmi,.result-container-bmr,.result-container-bodyfat,.result-container-calories,.result-container-idealweight,.result-container-leanmass,.result-leanmass{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important}.category-btn,.submit-pc,.time-button,.try-button,button{position:relative;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .25s ease,background-color .2s ease!important}.time-button:hover,.try-button:hover,button:hover{box-shadow:0 6px 20px #ff313147;transform:translateY(-2px) scale(1.015)}.time-button:active,.try-button:active,button:active{transform:translateY(1px) scale(.97)!important}#style-1::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px #0000004d}#style-1::-webkit-scrollbar,#style-1::-webkit-scrollbar-track{background-color:#f5f5f5;border-radius:32px;border-radius:var(--radius-pill,32px)}#style-1::-webkit-scrollbar{width:2px}#style-1::-webkit-scrollbar-thumb{background-color:#111;background-color:var(--color-bg-card,#111);border-radius:32px;border-radius:var(--radius-pill,32px)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transform:none!important;transition-duration:.01ms!important}}.navbar{left:0;position:fixed;top:0;width:100%;z-index:1000}.navbar-brand{color:#fff;font-size:20px;font-weight:700}.nav-links,.navbar-brand{transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}.nav-main{backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;background:#121212a6!important;border:1px solid #ffffff1f!important;border-radius:32px;border-radius:var(--radius-pill,32px);box-shadow:0 16px 36px -8px #000000bf,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000080!important;box-sizing:border-box;display:flex;height:8vh;margin:8px auto;position:relative;transition:box-shadow .3s ease,border-color .3s ease;width:98vw;z-index:1000}.nav-main:hover{border-color:#ff313159!important;box-shadow:0 20px 40px -8px #000000d9,0 0 24px -4px #ff313140,inset 0 1px 0 #ffffff38,inset 0 -1px 0 #00000080!important}.nav-container1{justify-content:space-between;padding:10px 20px;width:100%}.nav-container1,.profile-container{align-items:center;display:flex;flex-direction:row}.profile-container p{color:#fff;font-family:GeneralSans-Variable;font-size:12px;font-weight:500;margin:0 5px}.m-nav{align-items:center;background-color:#111;color:#fff;height:90.55vh;left:0;position:fixed;top:0;width:100vw;z-index:1031}.m-nav,.m-nav-container{display:flex;flex-direction:column;overflow:hidden}.m-nav-container{align-items:end;gap:8px;height:100%;position:relative}.m-nav-header{gap:8px;padding:10px 0}.m-nav-header,.modal-div{align-items:center;display:flex;flex-direction:column;width:100%}.modal-div{justify-content:center;padding:0 20px}.close{align-items:end;display:flex;font-size:32px;height:6vh;padding:0 15px 0 0}.menu-icon{height:25px;width:25px}.m-nav-links{align-items:center;background-color:#1f1f1f;border-bottom:2px solid #272727;flex-direction:column;height:80vh;padding:15px;width:98vw}.m-nav-links,.m-nav-table{border-radius:32px;display:flex;justify-content:space-between}.m-nav-table{background-color:#353535;flex-direction:row;padding:12px 30px;width:95vw}.m-nav-table:hover{cursor:pointer;transform:translateX(5px) translateY(-5px);transition:all .13s ease-in-out}.m-nav-table a{justify-content:space-between;text-decoration:none;width:100%}.m-nav-table a,.m-nav-table p{align-items:center;display:flex;flex-direction:row;margin:0;padding:0}.m-nav-table p{color:#fff;font-family:GeneralSans-Variable,sans-serif;font-size:18px;font-weight:600}@media only screen and (max-width:575px){.nav-links,.profile{display:none}.navbar-head{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:100%}}.modal{background-color:#00000040;border-radius:10px;bottom:0;opacity:0;position:fixed;right:0;transform:translateY(100%);transition:all .3s ease-in-out;width:300px;z-index:1050}.modal.show{opacity:1;transform:translateY(0)}.modal-overlay1{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000073;height:100vh;inset:0;position:fixed;width:100vw;z-index:99999!important}.modal-content,.modal-overlay1 .modal-content{animation:modalPopIn .25s var(--ease-spring) both;backdrop-filter:blur(24px) saturate(180%)!important;-webkit-backdrop-filter:blur(24px) saturate(180%)!important;background:#121212eb!important;border:1px solid #ffffff1f!important;border-radius:28px;box-shadow:0 20px 50px #000000d9,0 0 0 1px #ffffff14,inset 0 1px 0 #ffffff26!important;color:#fff;padding:22px;position:fixed;right:calc(1vw + 12px);top:75px;width:320px;z-index:100000!important}@keyframes modalPopIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{text-align:center;width:100%}.modal-header h3{font-size:22px;margin:0}.profile-icon{aspect-ratio:1/1;border-radius:50%;height:30px;object-fit:cover;width:30px}.profile-icon:hover{cursor:pointer;transform:scale(1.2);transition:all .3s ease-in-out}.profile-icon-large{aspect-ratio:1/1;border-radius:50%;height:60px;margin-bottom:10px;object-fit:cover;width:60px}.modal-body{width:100%}.modal-body ul{font-size:14px;list-style-type:none;padding:0}.modal-body ul li{align-items:center;display:flex;justify-content:space-between;padding:5px 0}.modal-body ul li input{background-color:#222;border:none;border-radius:5px;color:#fff;padding:5px;text-align:center;width:100%}.nav-icon{border-radius:50%;height:28px;margin-left:15px;padding:3px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background-color .25s ease,box-shadow .25s ease,filter .25s ease;width:28px}.nav-icon,.nav-icon.active{aspect-ratio:1/1;object-fit:contain}.nav-icon.active{background:#ff313105!important;border:1px solid #ff313173!important;border-radius:50%;box-shadow:0 0 16px #ff313199,inset 0 0 8px #ff31314d!important;filter:drop-shadow(0 0 4px rgba(255,49,49,.3));height:34px;padding:5px;transform:scale(1.1);width:34px}.nav-icon:hover{cursor:pointer;transform:scale(1.18);transition:all .25s ease-in-out}.modal-body{font-family:GeneralSans-Variable}.modal-body ul li .btn{padding:5px 15px}.modal-body ul li .btn-primary{margin-right:10px}.edit-icon{box-shadow:none;color:#fff;margin-left:10px;outline:none}.edit-icon,.hamburger-toggle{background:none;border:none;cursor:pointer;padding:0}.hamburger-toggle{align-items:center;display:flex;justify-content:center;margin:0}.login-btn{background-color:#ff3131;background-color:var(--color-accent,#ff3131);border:none;border-radius:32px;border-radius:var(--radius-pill,32px);color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;font-weight:600;padding:8px 0;transition:transform .15s ease,opacity .15s ease;width:125px}.login-btn:hover{opacity:.92;transform:scale(1.02)}.sign-btn{background-color:#272727;background-color:var(--color-bg-chip,#272727);border:2px solid #272727;border:var(--border-card,2px solid #272727);border-radius:32px;border-radius:var(--radius-pill,32px);color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:12px;padding:8px 0;transition:transform .15s ease,background-color .15s ease;width:125px}.sign-btn:hover{background-color:#353535;background-color:var(--color-bg-hover,#353535);transform:scale(1.02)}hr{border-color:#444}.nav-item .profile-icon{cursor:pointer;position:relative;top:5px}.edit-buttons{display:flex;justify-content:space-between;width:100%}.logout-btn{background-color:#ff3131;border-color:#ff3131;border-radius:12px;color:#fff;font-family:Inter,sans-serif;font-size:14px;padding:8px 0;transition:color .3s ease-in-out,background-color .3s ease-in-out,border-color .15s ease-in-out;width:100%}.logout-btn:hover{background-color:#e2e2e2;border-color:#ff3131;color:#ff3131}@media screen and (max-width:525px){.auth-section{background-color:#353535;border-radius:32px;flex-direction:row;justify-content:space-between;padding:20px;width:100%}.auth-buttons,.auth-section{align-items:center;display:flex}.auth-buttons{flex-direction:column;gap:12px;height:100%;justify-content:center}.m-nav-links{margin:auto;width:95%}}.main-container{align-items:start;display:flex;height:89vh;justify-content:center;margin:auto;width:98vw}.left-container{align-items:center;height:100%;justify-content:space-around;margin-right:8px;width:69%}.left-container,.main-content{display:flex;flex-direction:column}.main-content{align-items:start;animation:bentoStartup .75s var(--ease-spring) .05s both;backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;background:#1212128c!important;background:var(--glass-surface-base,#1212128c)!important;border:1px solid #ffffff14!important;border:var(--glass-border,1px solid #ffffff14)!important;border-radius:32px;box-shadow:0 16px 36px -10px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important;height:48.5%;justify-content:center;overflow:hidden;padding:45px;position:relative;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transform:perspective(1000px) rotateX(var(--card-rotate-x,0deg)) rotateY(var(--card-rotate-y,0deg));transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,0,.2,1),border-color .25s ease,box-shadow .25s ease;width:100%;will-change:transform}.main-content .main-bg-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:-1}.main-content h1{font-family:GeneralSans-Variable;font-size:50px;font-weight:700;text-shadow:4px 4px 2px #272727}.main-content p{color:#9c9c9c;font-size:20px;margin-top:8px;padding-right:5rem;text-shadow:#000 1px 1px 1px}.main-content button,.main-content p{font-family:GeneralSans-Variable,sans-serif}.main-content button{align-self:end;background-color:#111;background-color:var(--color-bg-card,#111);border:2px solid #353535;border-radius:32px;border-radius:var(--radius-pill,32px);box-shadow:0 4px 18px #0006;color:#fff;color:var(--color-text-primary,#fff);cursor:pointer;font-size:13px;overflow:hidden;padding:.7em 3em;position:relative;transition:all .3s ease-in-out}.main-content button:after{background:linear-gradient(60deg,#0000,#ffffff1f,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(25deg) translate3d(-100%,0,0);transition:transform .65s var(--ease-spring);width:200%}.main-content button:hover:after{transform:rotate(25deg) translate3d(100%,0,0)}.main-content button:active{transform:scale(.97) translateY(1px)}@keyframes bentoStartup{0%{filter:blur(8px);opacity:0;transform:perspective(1000px) translateY(32px) scale(.95)}65%{filter:blur(0);transform:perspective(1000px) translateY(-3px) scale(1.006)}to{filter:blur(0);opacity:1;transform:perspective(1000px) translateY(0) scale(1) rotateX(0deg) rotateY(0deg);transform:perspective(1000px) translateY(0) scale(1) rotateX(var(--card-rotate-x,0deg)) rotateY(var(--card-rotate-y,0deg))}}.intro-container{align-items:start;animation:bentoStartup .75s var(--ease-spring) .12s both;backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;background:#1212128c!important;background:var(--glass-surface-base,#1212128c)!important;border:1px solid #ffffff14!important;border:var(--glass-border,1px solid #ffffff14)!important;border-radius:32px;box-shadow:0 16px 36px -10px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important;display:flex;flex-direction:column;height:100%;justify-content:center;padding:25px;transform:perspective(1000px) rotateX(0deg) rotateY(0deg);transform:perspective(1000px) rotateX(var(--card-rotate-x,0deg)) rotateY(var(--card-rotate-y,0deg));transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,0,.2,1),border-color .25s ease,box-shadow .25s ease;width:30%;will-change:transform}.intro-container h1{font-family:GeneralSans-Variable;font-size:28px;font-weight:700;text-shadow:4px 4px 2px #111}.intro-container p{color:#9c9c9c;font-family:GeneralSans-Variable,sans-serif;font-size:13px;margin-top:8px;text-align:justify;text-shadow:#000 1px 1px 1px}.intro-container img{background-size:cover;border-radius:14px;height:30%;object-fit:cover;width:100%}.features-container{align-items:start;display:flex;flex-direction:column;height:49%;justify-content:start;width:100%}.features-container h1{font-family:GeneralSans-Variable;font-size:28px;font-weight:700;margin:0 0 8px;text-shadow:4px 4px 2px #111}.multi-container{align-items:center;gap:8px;justify-content:start}.multi-container,.socials-container{display:flex;flex-direction:row;width:100%}.socials-container{animation:bentoStartup .75s var(--ease-spring) .24s both;backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;background:#1212128c!important;background:var(--glass-surface-base,#1212128c)!important;border:1px solid #ffffff14!important;border:var(--glass-border,1px solid #ffffff14)!important;border-radius:32px;box-shadow:0 16px 36px -10px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important;justify-content:space-between;margin-bottom:8px;padding:12px 25px}.socials-container h1{font-family:GeneralSans-Variable;font-size:28px;font-weight:700;margin:0;text-shadow:4px 4px 2px #111}.socials-container img{aspect-ratio:1/1;height:30px;margin-right:25px;object-fit:contain;width:30px}.features-text{animation:bentoStartup .75s var(--ease-spring) .18s both;backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;background:#1212128c!important;background:var(--glass-surface-base,#1212128c)!important;border:1px solid #ffffff14!important;border:var(--glass-border,1px solid #ffffff14)!important;border-radius:32px;box-shadow:0 16px 36px -10px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important;font-family:GeneralSans-Variable,sans-serif;font-size:28px;font-weight:700;margin-bottom:8px;padding:12px 25px;text-shadow:0 2px 4px #00000080}.features-box-container{align-self:end;display:flex;flex-wrap:wrap;gap:8px;height:100%;width:100%}.features-box,.features-text,.intro-container,.main-content,.socials-container{transform:perspective(1000px) rotateX(0deg) rotateY(0deg) translateZ(0);transform:perspective(1000px) rotateX(var(--card-rotate-x,0deg)) rotateY(var(--card-rotate-y,0deg)) translateZ(0);transform-style:preserve-3d;transition:transform .25s cubic-bezier(.2,0,.2,1),border-color .25s ease,box-shadow .25s ease;will-change:transform}.features-box:hover,.features-text:hover,.intro-container:hover,.main-content:hover,.socials-container:hover{border-color:#ff313173!important;box-shadow:0 24px 48px -12px #000000d9,0 0 24px -4px #ff313159,inset 0 1px 0 #fff3!important}.features-box{align-items:center;backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;background:#1212128c!important;background:var(--glass-surface-base,#1212128c)!important;border:1px solid #ffffff14!important;border:var(--glass-border,1px solid #ffffff14)!important;border-radius:32px;border-radius:var(--radius-pill,32px);box-shadow:0 16px 36px -10px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:15px;position:relative;width:49.5%}.features-box:first-child{animation:bentoStartup .75s var(--ease-spring) .28s both}.features-box:nth-child(2){animation:bentoStartup .75s var(--ease-spring) .34s both}.features-box:nth-child(3){animation:bentoStartup .75s var(--ease-spring) .4s both}.features-box:nth-child(4){animation:bentoStartup .75s var(--ease-spring) .46s both}.features-box:before{background:radial-gradient(240px circle at 50% 50%,#ff3131d9,#0000 70%);background:radial-gradient(240px circle at var(--mouse-x,50%) var(--mouse-y,50%),#ff3131d9,#0000 70%);border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;pointer-events:none;position:absolute;transition:opacity .35s ease}.features-box:hover:before{opacity:1}.features-box:hover{border-color:#ff313173}.features-box:after{background:radial-gradient(circle,#ff313126 0,#0000 70%);content:"";height:200px;left:-100px;left:var(--mouse-x,-100px);opacity:0;pointer-events:none;position:absolute;top:-100px;top:var(--mouse-y,-100px);transform:translate(-50%,-50%);transition:opacity .2s ease;width:200px}.features-box:hover:after{opacity:1}.features-box div h2,.features-box-tablet div h2{font-family:GeneralSans-Variable;font-size:16px;font-weight:600;text-shadow:4px 4px 2px #111}.features-box div p,.features-box-tablet div p{color:#9c9c9c;font-family:GeneralSans-Variable,sans-serif;font-size:14px;margin:0;text-shadow:#000 1px 1px 1px}.features-box img,.features-box-tablet img{aspect-ratio:1/1;flex-shrink:0;height:38px;margin-left:14px;min-height:38px;min-width:38px;object-fit:contain;transition:transform .25s var(--ease-spring);width:38px}.features-box-tablet:hover img,.features-box:hover img{transform:scale(1.08) rotate(-2deg)}.tablet-div{display:none}@media only screen and (max-width:1181px){.pc-div{display:none}.tablet-div{align-items:center;display:flex;flex-direction:column;height:100vh;overflow-x:hidden;overflow-y:scroll;scroll-snap-type:y mandatory}.tablet-container{height:100vh;scroll-snap-align:start;width:100vw}.main-content-tablet{align-items:center;border:2px solid #272727;border-radius:32px;display:flex;flex-direction:column;height:88vh;justify-content:center;margin:auto;overflow:hidden;padding-bottom:8px;position:relative;width:98vw}.main-content-tablet .main-bg-img{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:-1}.main-content-tablet h1{font-family:GeneralSans-Variable;font-size:65px;font-weight:700;text-shadow:4px 4px 2px #111;z-index:1}.main-content-tablet p{color:#9c9c9c;font-size:18px;text-shadow:#000 1px 1px 1px}.main-content-tablet button,.main-content-tablet p{font-family:GeneralSans-Variable,sans-serif;z-index:1}.main-content-tablet button{background-color:#111;border:2px solid #272727;border-radius:32px;color:#fff;font-size:16px;font-weight:400;margin-top:25px;padding:10px 20px}.middle-container-tablet{display:flex;flex-direction:column;gap:8px;height:100vh;margin:auto;padding-bottom:15px;padding-top:5px;width:98vw}.intro-container-tablet{background-color:#111;border:2px solid #272727;border-radius:32px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:12px 25px;width:59%}.intro-container-tablet h1{font-family:GeneralSans-Variable;font-size:32px;font-weight:700;text-shadow:4px 4px 2px #111}.intro-container-tablet p{color:#9c9c9c;font-family:GeneralSans-Variable,sans-serif;font-size:14px;margin:0 0 25px;text-shadow:#000 1px 1px 1px}.intro-container-tablet img{background-size:cover;border:2px solid #272727;border-radius:16px;height:35%;object-fit:cover;object-position:center;width:100%}.features-container-tablet{align-items:center;background-color:#111;border:2px solid #272727;border-radius:32px;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;padding:25px;width:40%}.features-box-tablet{align-items:center;border-radius:32px;cursor:pointer;display:flex;justify-content:center;margin-top:5px;padding:10px;width:100%}.features-container-tablet h1{align-self:start;font-family:GeneralSans-Variable;font-size:32px;font-weight:700;text-shadow:4px 4px 2px #111}.bottom-container-tablet{align-items:center;background-color:#111;border:2px solid #272727;border-radius:32px;display:flex;flex-direction:row;justify-content:space-between;margin:auto;padding:10px 25px;width:98vw}.socials-container-tablet{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:center}.socials-container-tablet img{aspect-ratio:1/1;cursor:pointer;height:45px;margin:0;object-fit:contain;width:45px}.bottom-container-tablet h1{font-family:GeneralSans-Variable;font-size:32px;font-weight:700;margin:0;text-shadow:4px 4px 2px #111}.joined-container-tablet{align-items:center;display:flex;flex-direction:row;gap:8px;height:85vh;justify-content:center;padding-top:8px;width:100%}}@media only screen and (max-width:991px){.main-content-tablet p{padding:0 20%;text-align:center}}@media only screen and (max-width:866px){.main-content-tablet h1{font-size:55px}.main-content-tablet p{font-size:16px;padding:0 20%;text-align:center}.intro-container-tablet h1{font-size:28px}.intro-container-tablet p{text-align:justify}.intro-container-mobile{display:none}}@media only screen and (min-width:816px){.bottom-container-mobile,.features-container-mobile,.intro-container-mobile{display:none}}@media only screen and (max-width:816px){.middle-container-tablet{display:none}.main-content-tablet{height:80vh;margin:0 0 10vh}.main-content-tablet h1{font-size:55px}.intro-container-mobile{border-radius:32px;display:flex;flex-direction:column;height:98vh;justify-content:center;margin:auto;padding:35px 25px;width:85vw}.intro-container-mobile h1{font-family:GeneralSans-Variable;font-size:32px;font-weight:700;text-shadow:4px 4px 2px #111}.intro-container-mobile p{color:#9c9c9c;font-family:GeneralSans-Variable,sans-serif;font-size:14px;margin:0 0 25px;text-shadow:#000 1px 1px 1px}.intro-container-mobile img{background-size:cover;border:2px solid #272727;border-radius:16px;height:50%;object-fit:cover;width:100%}.features-container-mobile{justify-content:space-evenly}.bottom-container-mobile,.features-container-mobile{align-items:center;display:flex;flex-direction:column;height:98vh;margin:auto;padding:25px;width:75vw}.bottom-container-mobile{justify-content:center}}@media only screen and (max-width:620px){.main-content-tablet h1{font-size:45px}.main-content-tablet button,.main-content-tablet p{font-size:14px}.intro-container-mobile h1{font-size:28px}.intro-container-mobile p{font-size:14px}.intro-container-mobile img{background-size:cover;border:2px solid #272727;border-radius:16px;height:30%;object-fit:cover;width:100%}}@media only screen and (max-width:444px){.main-content-tablet h1{font-size:34px;text-align:center}.main-content-tablet p{font-size:12px;margin:0;padding:0 10px}.main-content-tablet button{font-size:12px}.intro-container-mobile{justify-content:center;padding:15px 0 55px}.intro-container-mobile h1{font-size:24px}.intro-container-mobile p{font-size:12px}.features-container-mobile{justify-content:center;padding:0 0 45px}.features-container-mobile h1{font-size:24px;margin-bottom:25px;width:100%}.features-box-tablet div h2{font-size:14px}.features-box-tablet div p{font-size:12px}.bottom-container-mobile{margin-bottom:10vh;padding:0}.socials-container-tablet{gap:15px;justify-content:center;width:100%}.socials-container-tablet img{aspect-ratio:1/1;height:35px;margin:0;object-fit:contain;width:35px}}.main-container-logs{height:100vh;overflow-y:hidden;width:100vw}.exercise-logs-main{align-items:center;display:flex;flex-direction:row;height:89vh;justify-content:space-between;margin:auto;padding-bottom:8px;width:98vw}.container-logs{align-items:start;display:flex;flex-direction:column;height:100%;margin:0;width:100%}.logs-btn-container{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:start;width:100%}.section-shrink1{height:100%;width:45%}.exercise-logs-main h1{color:#fff;font-size:30px;margin-top:20px;text-align:center}.logs-left{align-items:center;display:flex;flex-direction:column;height:100%;width:65%}.section-shrink{height:100%;width:32%}.logs-right{align-items:center;display:flex;flex-direction:row;height:100%;margin:0 8px 0 0;width:35%}.section-shrink-right{width:68%}.body-parts-container{align-items:start;backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;background:#1212128c!important;background:var(--glass-surface-base,#1212128c)!important;border:1px solid #ffffff14!important;border:var(--glass-border,1px solid #ffffff14)!important;border-radius:32px;box-shadow:0 16px 36px -10px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:start;padding:8px 8px 10px;width:100%}.exercises-list-logs{align-items:center;background-color:#1f1f1f;border:2px solid #272727;border-radius:32px;display:flex;flex-direction:row;font-family:GeneralSans-Variable,sans-serif;justify-content:space-between;margin-bottom:8px;padding:16px 20px}.exercises-list-logs p{color:#9c9c9c;font-size:19px;font-weight:600;margin:0}.log-date{align-items:center;display:flex;flex-direction:row;gap:40px;justify-content:start}.exercises-list-logs h2{font-family:Chillax-Variable;font-size:17.5px;font-weight:800;margin:0;text-align:center}.exercise-list-container-logs-empty{align-items:center;backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;background:#1212128c!important;background:var(--glass-surface-base,#1212128c)!important;border:1px solid #ffffff14!important;border:var(--glass-border,1px solid #ffffff14)!important;border-radius:32px;box-shadow:0 16px 36px -10px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important;box-sizing:border-box;display:flex;flex-direction:column;height:85vh;justify-content:center;overflow-y:hidden;padding:20px 10px;transition:width .3s ease;width:100%}.exercise-list-container-logs-empty h1{color:#9c9c9c;font-family:GeneralSans-Variable,sans-serif;font-size:35px;font-weight:700;margin:10px 0 20px;text-align:center}.exercise-list-container-logs-empty p{color:hsla(0,0%,100%,.476);font-family:GeneralSans-Variable,sans-serif;font-size:14px;font-weight:500;margin:0;text-align:center}.exercise-list-container-logs{backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;background:#1212128c!important;background:var(--glass-surface-base,#1212128c)!important;border:1px solid #ffffff14!important;border:var(--glass-border,1px solid #ffffff14)!important;border-radius:32px;box-shadow:0 16px 36px -10px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important;box-sizing:border-box;height:85vh;overflow-y:hidden;padding:20px 10px;transition:width .3s ease;width:100%}.exercise-list-container-logs1{border-radius:32px;height:100%;overflow-y:scroll;padding-bottom:45px;scroll-snap-align:start}.exercise-list-container-logs h1{color:#fff;font-family:GeneralSans-Variable,sans-serif;font-size:25px;font-weight:500;margin:10px 0 20px 20px;text-align:left}.add-log-button{background-color:#fff;border:1px solid #ffffff40;border-radius:32px;color:#000;cursor:pointer;font-family:GeneralSans-Variable,sans-serif;font-size:12px;font-weight:600;height:7vh;margin-bottom:8px;padding:0;transition:all .3s ease-in-out;width:50%}.view-details-button{background:none;border:none;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.show-button{height:20px;width:20px}.disabled{opacity:.5;pointer-events:none}.disclaimer{background-color:#272727;border-radius:36px;color:#fff;display:inline-block;font-family:Inter,sans-serif;font-size:12px;margin-top:20px;padding:10px 20px;text-align:center}.output-title{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:15px 25px 8px}.output-title h2{font-family:Chillax-Variable,sans-serif;font-weight:700}.output-title h3{color:#9c9c9c;font-family:GeneralSans-Variable,sans-serif}.output-container{display:flex;flex-direction:column;height:100%;justify-content:start;width:100%}.output-buttons{align-items:center;display:flex;flex-direction:row;height:11vh;justify-content:space-between;padding:8px 10px 8px 25px}.output-buttons button{background-color:#111;border:1px solid #ffffff40;border-radius:32px;color:#fff;cursor:pointer;font-family:GeneralSans-Variable,sans-serif;font-size:12px;font-weight:600;padding:14px 0;transition:all .3s ease-in-out;width:45%}.output-btn{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:space-between}.edit-btn{height:24px;width:24px}.mark-btn{height:35px;width:35px}.delete-btn{height:28px;width:28px}.output-list{border-radius:32px;color:#fff;display:flex;flex-direction:column;height:89vh;overflow-y:scroll;padding:0 10px 10px;width:100%}.output-list-container{align-items:center;background-color:#1f1f1f;border:2px solid #272727;border-radius:32px;display:flex;flex-direction:row;gap:15px;margin-top:8px;padding:15px 20px;width:100%}.output-list-container h4{font-family:Chillax-Variable;font-size:16px;font-weight:600;margin:0}.output-logs{display:none;margin-left:8px;transition:width .3s ease,opacity .3s ease,visibility .3s ease}.output-logs.section-hidden{display:none!important}.output-logs.section-visible1,.section-visible1{align-items:center;background-color:#111;border:2px solid #272727;border-radius:32px;display:flex!important;flex-direction:column;height:100%;transition:width .3s ease;width:55%}.time-range-buttons{align-items:center;display:flex;flex-direction:row;gap:10px;justify-content:start;margin:0 0 8px;width:100%}.time-button{background-color:#111;border:2px solid #272727;border-radius:32px;color:#fff;cursor:pointer;font-family:GeneralSans-Variable,sans-serif;font-size:14px;font-weight:600;height:8vh;padding:0;transition:background-color .2s ease,border-color .2s ease,transform .15s ease;width:33%}.time-button.active{background-color:#ff3131;border:2px solid #9c9c9c}.buttons-expand{width:33%}.body-map__muscle path{transition:fill .5s ease}.sets-reps{align-items:center;display:flex;flex-direction:row;justify-content:start;width:50%}.set-items{background-color:#353535;border-radius:6px;color:#fff;font-family:Chillax-Variable,sans-serif;font-size:14px;margin:6px 0 0;padding:8px}.sets-div{align-items:center;display:flex;flex-direction:column}.sets-div h3{font-size:16px;margin:0}.reps-div{margin-left:20px;width:100%}.reps-div h3{font-size:16px;margin:0}.reps-items{gap:10px}.reps-items,.time-items{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:4px}.time-items{gap:4px}.reps-item{background-color:#353535;border-radius:6px;color:#fff;font-family:Chillax-Variable,sans-serif;font-size:14px;margin:0;padding:8px}.output-list-head{align-items:start;display:flex;flex-direction:column;width:50%}.output-list-head h4{font-family:GeneralSans-Variable;font-size:20px;font-weight:600;margin:0}.output-list-head p{color:#9c9c9c;font-family:GeneralSans-Variable;font-size:14px;margin:6px 0 0}.svg-box{flex-direction:row;padding:8px}.svg-box,.svg-box-shrink{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.svg-box-shrink{flex-direction:column;padding:25px}.svg-div-logs{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:60%}.svg-container-logs{height:100%;padding:5px;width:50%}.svg-container-logs svg{height:100%;width:100%}.info-div{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;width:40%}.count-container,.info-expand{justify-content:center;width:100%}.count-container{background-color:#1f1f1f;border-radius:32px;display:flex;flex-direction:column;height:34%;padding:35px}.count-container-expand{height:100%;width:100%}.count-div{display:flex;justify-content:space-between;margin:0 0 10px}.count-div h1{color:#9c9c9c;font-size:18px;font-weight:600}.count-div h1,.count-div p{font-family:Chillax-Variable;margin:0}.count-div p{font-weight:800}.bar-graph{align-items:center;background-color:#1f1f1f;border-radius:32px;display:flex;flex-direction:column;height:64%;justify-content:center;padding:15px;width:100%}.bar-graph-none,.tablet-btn{display:none}.modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#000000bf;box-sizing:border-box;display:flex;height:100vh;height:100dvh;justify-content:center;left:0;padding:16px;position:fixed;top:0;width:100vw;z-index:99999}.modal-box{background-color:#1a1a1a;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 12px 40px #000000b3;box-sizing:border-box;color:#fff;font-family:GeneralSans-Variable,sans-serif;max-width:420px;padding:30px 24px;text-align:center;width:90%}.modal-box h3{color:#fff;font-size:20px;font-weight:700;margin-bottom:12px}.modal-box p{color:#b0b0b0;font-size:14px;margin-bottom:24px}.modal-actions{display:flex;gap:14px;justify-content:center}.modal-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;min-width:110px;padding:10px 20px;transition:all .2s ease}.modal-btn.confirm{background-color:#ff3131;color:#fff}.modal-btn.confirm:hover{background-color:#e02828}.modal-btn.cancel{background-color:#333;color:#fff}.modal-btn.cancel:hover{background-color:#444}.loading-div{height:100%;overflow:hidden;width:100%}.loading-animation{align-items:center;backdrop-filter:blur(20px) saturate(180%)!important;backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:var(--glass-backdrop-blur,blur(20px) saturate(180%))!important;background:#1212128c!important;background:var(--glass-surface-base,#1212128c)!important;border:1px solid #ffffff14!important;border:var(--glass-border,1px solid #ffffff14)!important;border-radius:32px;box-shadow:0 16px 36px -10px #000000bf,0 0 0 1px #ffffff0f,inset 0 1px 0 #ffffff1f,inset 0 -1px 0 #0009!important;box-sizing:border-box;display:flex;flex-direction:column;height:88vh;justify-content:center;margin:auto;width:98vw}.animation{width:55%}.loading-animation p{color:#ff3131;display:flex;flex-direction:row;font-family:GeneralSans-Variable;font-size:35px;font-weight:700;margin-top:15px}.loader{align-items:center;display:flex;justify-content:space-evenly;width:60px}.ball{background-color:#ff3131;border-radius:50%;height:12px;list-style:none;width:12px}.ball:first-child{animation:bounce-1 2.1s ease-in-out infinite}@keyframes bounce-1{50%{transform:translateY(-18px)}}.ball:nth-child(2){animation:bounce-3 2.1s ease-in-out .3s infinite}@keyframes bounce-2{50%{transform:translateY(-18px)}}.ball:nth-child(3){animation:bounce-3 2.1s ease-in-out .6s infinite}@keyframes bounce-3{50%{transform:translateY(-18px)}}@media only screen and (max-width:1005px){.section-shrink1{display:none!important}.section-shrink,.section-shrink-right,.section-visible1{width:100%!important}.section-visible1{margin:0!important}.output-container{width:100%!important}.bar-graph-none{display:flex;height:64%}.info-expand{align-items:center;display:flex;flex-direction:column;justify-content:space-between;width:50%}.count-container-expand{height:34%}.output-logs{margin:0!important;width:100%!important}.svg-box-shrink{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:0;width:100%}.tablet-btn{cursor:pointer;display:inline-block;height:25px;margin-top:2px;width:25px}.buttons-expand{width:25%}.bar-graph{padding:0}}@media only screen and (max-width:880px){.body-parts-container{height:80vh}.exercise-logs-main{align-items:center;display:flex;flex-direction:column;height:100vh;margin:auto;overflow-y:scroll;scroll-snap-type:y mandatory;width:98vw}.exercise-list-container-logs{height:80vh}.logs-right{align-items:start;display:flex;flex-direction:row;height:100%;margin:0}.logs-left,.logs-right{scroll-snap-align:start;width:100%}.logs-left{height:92vh;margin:8px 0 11vh;padding:0 0 8px}.container-logs,.section-shrink{width:100%!important}.section-shrink1{display:none!important}.section-shrink-right{width:100%!important}.output-logs,.section-visible1{margin:0!important;width:100%!important}.output-logs{height:88vh}.output-container{width:100%!important}.svg-box-shrink{align-items:center;display:flex;flex-direction:row;justify-content:center;padding:0;width:100%}.tablet-btn-none{display:none}.output-list{height:85%}.reps-items{gap:5px}.reps-item,.set-items{align-items:center;display:flex;font-size:12px;height:35px;justify-content:center;padding:0;width:25px}}@media only screen and (max-width:650px){.section-shrink1{display:none}.section-shrink{width:100%}.section-visible1{box-sizing:border-box;margin:0;width:100%}.logs-btn-container{box-sizing:border-box;gap:8px;width:100%}.add-log-button{box-sizing:border-box;flex:1 1;font-size:11.5px;min-width:0;padding:0 6px;width:100%}.tablet-btn-none{display:inline-block}.loading-animation p{font-size:30px}.animation{margin-bottom:15px;width:100%}.loading-animation{height:80vh;margin-bottom:10vh}.output-buttons{height:12%}.output-list{height:78%}.output-title{height:10%}}@media only screen and (max-width:576px){.exercise-logs-main{padding:0 10px}.body-parts-container,.container-logs,.exercise-logs-main{box-sizing:border-box;width:100%}.body-parts-container{height:71vh;margin-bottom:3vh}.svg-box,.svg-box-shrink{flex-direction:column}.svg-div-logs{height:70%;width:100%}.info-div,.info-expand{height:30%;width:100%}.count-container,.count-container-expand{height:100%;width:100%}.bar-graph{-webkit-overflow-scrolling:touch;max-height:220px;min-height:180px;overflow-x:auto;overflow-y:hidden;padding:5px;width:100%}.bar-graph,.bar-graph-none{display:none}.exercise-list-container-logs{box-sizing:border-box;height:72vh;width:100%}.exercises-list-logs{box-sizing:border-box;padding:12px 14px;width:100%}.log-date{gap:16px}.exercises-list-logs p{font-size:15px}.logs-left{margin:8px auto 16vh;width:100%}.section-visible1{box-sizing:border-box;height:80vh;margin:0 auto 11vh;width:100%}.loading-div,.main-container-logs{height:90.55vh;overflow:hidden;width:100%}}@media only screen and (max-width:390px){.loading-animation p{font-size:18px}.ball{height:10px;width:10px}}.exercise-logs-main,.output-logs{animation:containerMorphIn .42s cubic-bezier(.2,.8,.2,1) forwards;will-change:opacity}@keyframes containerMorphIn{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
/*# sourceMappingURL=main.3648cec9.css.map*/