:root{--background:#0a0a0a;--foreground:#ededed}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;align-items:center;justify-content:center}*{box-sizing:border-box;padding:0;margin:0}.look_up{margin:3vh}.main_canvas{width:100vw;display:flex;flex-direction:column;align-items:center;position:relative}a{color:inherit;text-decoration:none}.main_tag{font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-size:2.5rem;margin:1rem}.sign_out_btn{background-color:black;color:white;padding:.5vw;border-radius:.5em;border:1px solid black;cursor:pointer;margin-top:1vh;font-size:1em;font-weight:700}.user-profile{top:1rem;left:1rem;cursor:pointer}.user-info-card,.user-profile{position:absolute;display:flex;flex-direction:column;align-items:center}.user-info-card{width:25vw;top:6rem;left:0;background-color:rgb(218,154,255);border:1px solid #ccc;border-radius:1em;padding:1em;z-index:100;color:black;font-size:1.5em;font-weight:700}.streaks_canvas{margin-top:3rem;width:100%;height:40vh;flex-direction:row}.streak,.streaks_canvas{display:flex;justify-content:center}.streak{flex-direction:column;align-items:center;width:46vw;height:30vh;margin:2rem}.streak h2{font-size:5rem}.simulate_now_title{font-size:3rem;margin:1vh;color:rgb(201,57,0);font-family:fantasy;text-shadow:0 3px 1em rgb(255,255,255);letter-spacing:.5em}.lava-lamp-bg{position:fixed;inset:0;z-index:-1;background:linear-gradient(-45deg,rgb(0,63,8),rgb(0,0,0),rgb(0,0,0),rgb(85,0,102));background-size:400% 400%;animation:lava 15s ease infinite}.main_canvas.lava-lamp-bg{position:relative;z-index:0}.main_canvas.lava-lamp-bg:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(-45deg,rgb(0,63,8),rgb(0,0,0),rgb(0,0,0),rgb(85,0,102));background-size:400% 400%;animation:lava 15s ease infinite}@keyframes lava{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.pushups-container{display:flex;flex-direction:column;align-items:center;width:100vw;height:100vh}.main_title{font-size:3rem;margin-bottom:1rem;text-align:center;color:#fff}.control_btn{background-color:purple;color:white;padding:1rem;border-radius:10px;cursor:pointer;margin:1rem;font-size:1.5rem;transition:background-color .3s ease}.control_btn:hover{background-color:#4b0082}.stage{display:flex;justify-content:center;align-items:center;position:relative;margin-top:2rem}.feedBackStage{width:80vw}.VideoStage{display:flex;position:relative;margin-top:1rem;flex-direction:column}.vidFeed{right:0}.expertVidFeed,.vidFeed{position:absolute;top:3vh;z-index:10}.expertVidFeed{right:1vw}.expertTag{font-size:1rem;color:white;background-color:#1b1b1c70;text-align:center;padding:.5vw;border-radius:.5vw;margin:0 10%}.uploadBtns{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:0;margin-bottom:1vh}.custom-file-upload{display:inline-block;padding:1vw;color:white;background-color:#007bff;border-radius:5px;cursor:pointer;font-size:16px;text-align:center;transition:background-color .3s ease;margin:1vw}.custom-file-upload:hover{background-color:#0056b3}.videoCanvas{position:absolute;z-index:1}.vidPlayback{position:absolute;bottom:0;right:0;z-index:3;display:flex;flex-direction:row}.vidPlayback button{background-color:#18a200;color:rgb(255,255,255);padding:1vw;border-radius:1vw;cursor:pointer;margin:1vw}.vidPlayback button:hover{transform:scale(1.05)}.repCount{position:absolute;top:0;z-index:3;font-size:1rem;margin:.5vw;background-color:rgb(26,26,26);padding:1vw}.overlayCanvas{position:absolute}.overlayCanvas,.pCanvas{z-index:2;pointer-events:none}.countdown-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:4rem;font-weight:700;background-color:rgba(0,0,0,.7);padding:2rem;border-radius:10px}.gohome{top:2vh;padding:0}.gohome,.savedVideoNav{position:absolute;left:2vw;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer}.savedVideoNav{top:8vh;background-color:rgb(50,205,169);color:rgb(0,0,0)}.fitFeedNav,.savedVideoNav{padding:.5vw;font:2em sans-serif;border-radius:.5vw;transition:.3s ease}.fitFeedNav{position:absolute;top:15vh;left:2vw;display:flex;flex-direction:row;align-items:center;justify-content:center;cursor:pointer;background-color:rgb(205,50,138);color:rgb(255,255,255)}.fitFeedNav:hover,.gohome:hover,.savedVideoNav:hover{transform:scale(1.05)}.fa-home{font-size:50px}.input_selection{flex-direction:row;width:70vw;margin:2vh;background-color:#fafafa}.input_container,.input_selection{display:flex;justify-content:center;color:rgb(24,24,24);padding:2vw;border-radius:1vw}.input_container{flex-direction:column;align-items:center;width:80vw;height:100%;margin:3vw;background-color:#1f002f;border:1px solid #ccc}.input_container h1{font-size:2rem;margin:1vw;color:rgb(225,225,225)}.videoGallery{display:flex;flex-direction:row;flex-wrap:wrap;width:80vw;margin:1vw}.videoGalleryItem{width:20vw;height:20vh;margin:10vh 1vw 0;border-radius:1vw;cursor:pointer;transition:transform .3s ease}.videoGalleryItem:hover{transform:scale(1.05)}.fitFeed{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:1vw}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}.control-panel{background:var(--background);color:var(--foreground);font-family:var(--font-sans);padding:16px;box-sizing:border-box;overflow-y:auto;width:30%}.control-buttons,.control-panel{display:flex;flex-direction:column}.control-buttons{gap:8px}.control-buttons button{background:var(--foreground);color:var(--background);border:none;padding:8px;cursor:pointer;font-size:16px}.control-buttons button:hover{background:goldenrod;color:var(--foreground)}.control-buttons button:active{background:green;color:var(--background)}.workout_card_emoji{font-size:2rem;z-index:1}@media (max-aspect-ratio:9/16){.simulate_now_title{font-size:1.5rem;margin:1vh;color:rgb(201,57,0);font-family:fantasy;text-shadow:0 3px 1em rgb(255,255,255);letter-spacing:.5em}.user-info-card{position:absolute;width:25vw;bottom:6rem;left:0;width:90vw;height:50vh}.user-profile{position:absolute;bottom:1rem;left:1rem;top:85vh;z-index:100}}