html,body{overflow-x:hidden;width:100vw;margin:0;touch-action:manipulation;height:100vh;scrollbar-width:none}:root{font-family:Segoe UI;font-size:2rem;color:#fff;background-color:#222;overflow-y:auto;height:100vh}.niceTooltip{max-width:90vw;white-space:normal;word-break:break-word}h3{margin-bottom:0;-webkit-user-select:none;user-select:none}.darkFont{opacity:25%;-webkit-user-select:none;user-select:none}.smallText{font-size:.5rem}.center{position:absolute;left:50%;transform:translate(-50%)}.welcomeScreen{position:fixed;height:100vh;width:100vw;top:0;left:0;display:flex;justify-content:center}.welcomeMessage{position:absolute;top:40%;margin:0}.navbar{background-color:#333;left:0;top:0;position:fixed;width:100%;display:flex;justify-content:space-evenly;align-items:stretch;padding:0rem;z-index:2}nav{margin:0;padding:0}.hidden{visibility:hidden}.navbar ul{list-style:none;padding:0;margin:0;height:100%;display:flex;justify-content:center}.navlink{text-decoration:none;padding:.4rem 1.75rem;display:flex;color:inherit;height:100%;align-items:center;flex:1}.active{background-color:#555}.navlink:hover{background-color:#666;transition:ease-in-out;transition-duration:.2s}.mainContentPane{padding:2.5rem;align-items:center;display:flex;flex-direction:column;overflow:auto;max-width:100vw;min-height:90vh;overflow-x:hidden;height:100%;position:relative}.mainContentPane::-webkit-scrollbar{display:none}.warningText{color:red;font-weight:700}.plainLink{padding:.2rem;border-radius:4px;margin:0;text-decoration:none;color:inherit}.plainLink:hover{background-color:#777;color:#f0f8ff;cursor:pointer}.floatingButton{border-radius:9999px;font-size:.8rem;border:none;padding:.5rem 1rem;cursor:pointer;margin:0;margin-top:1rem;background-color:#555;color:#fff;box-shadow:1px 1px 5px #111}.floatingButton:hover{background-color:#777;color:#fff}.floatingButton:active{background-color:#666}.menuButton{border-radius:8px}.smallFloatingButton{border-radius:9999px;font-size:.8rem;border:none;padding:.2rem .4rem;cursor:pointer;background-color:#555;color:#fff;margin:0;margin-left:.2rem;box-shadow:1px 1px 5px #111}.smallFloatingButton:hover{background-color:#777;color:#f0f8ff}.smallFloatingButton:active{background-color:#666}.smallMenuButton{border-radius:8px}.transparentButton{background-color:transparent;border-style:none;box-shadow:none}.fullwidth{width:100%}.smallTextInput{border-radius:8px;border-style:none;font-size:.8rem;padding:.3rem .6rem;margin-top:0;background-color:#444;color:#f5f5f5;box-shadow:1px 1px 3px #111}.longTextInput{border-radius:8px;border-style:none;font-size:.8rem;padding:.3rem .5rem;margin:0;background-color:#444;color:#f5f5f5;box-shadow:1px 1px 3px #111}.historyMovement{font-weight:700}.backgroundDim{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:2}.popupCard{background-color:#111;padding:1rem 2rem;border-radius:12px;position:fixed;top:2rem;z-index:1000;left:50%;transform:translate(-50%);text-align:center}.dropdownPickerMenu{background-color:#444;border-radius:8px;padding:.3rem 0;margin:1.2rem .1rem .1rem;position:relative;width:7rem;box-shadow:1px 1px 3px #111}.openDropdown{background-color:#666}.dropdownMenuButton{background-color:transparent;border:none;color:#fff;font-size:inherit;padding:0 .3rem;width:7rem}.dropdownList{list-style:none;background-color:#333;margin:0;width:7rem;padding:0;border-radius:0 0 8px 8px;text-align:center;position:absolute;z-index:2}.dropdownOption{border:1px solid #222;border-radius:4px;padding:.25rem;cursor:pointer}.dropdownOption:hover{background-color:#555}.textPopupMenu{background-color:#333;border-radius:8px;border:1px solid #555;padding:.3rem;position:fixed;z-index:2;text-align:center;box-shadow:0 0 10px #111;left:50%;top:25%;transform:translate(-50%)}@media (max-width: 768px){:root{font-size:1rem;width:100%;overflow-y:auto;min-height:100vh;overflow-x:hidden}.navbar{bottom:0;top:auto;left:0;right:0;position:fixed;width:100%;z-index:2}.navlink{padding:.75vh 7vw}.mainContentPane{margin:0;padding:1rem .5rem 2rem}.floatingButton{padding:.75rem 1.25rem}.smallFloatingButton{padding:.5rem .75rem}.smallTextInput,.longTextInput{padding:.5rem .8rem}.dropdownMenuButton{padding:.3rem;font-size:.85rem;width:5rem}.dropdownPickerMenu,.dropdownList{width:5rem}.dropdownOption{padding:.75rem}}.logGridContainer{display:grid;grid-template-columns:repeat(2,minmax(40px,250px));grid-template-rows:repeat(auto-fill,1fr);gap:.5rem;position:relative}.gridItem{padding:0rem;text-align:center}.gridItemSpan{grid-column:span 2;text-align:center}.recentHistoryList{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(40px,275px));grid-template-rows:repeat(4)}.recentHistory{margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(40px,275px))}.recentHistorySpan{grid-column:span 3}.movementPicker{width:70%;position:relative}input::-webkit-calendar-picker-indicator{display:none;pointer-events:none;opacity:0}.clearMovementButton{position:absolute;right:0}.setInput{width:2.75rem}.redButton,.redButton:hover,.redButton:active{background-color:#963c3c}.noteSection{padding:0;margin:0;margin-top:2rem;display:grid;grid-template-columns:repeat(3,minmax(40px,275px));grid-template-rows:repeat(3)}.note{grid-column:span 3;position:relative}.note:hover{background-color:#444;border-radius:8px}.deleteButton{position:absolute;right:0;top:0}.confirmationBox{position:absolute;top:-3.5rem;text-align:right;background-color:#333;padding:.5rem;border-radius:8px;box-shadow:2px 2px 5px #111;z-index:101}.addNoteButton{position:absolute;right:0;background-color:transparent;color:#fff;border-style:none;font-size:1.8rem;cursor:pointer}.addNoteButton:hover{color:#999}.addNoteButton:active{color:#888}.addNote{background-color:#333;border-radius:8px;border:2px solid #555;box-shadow:0 0 10px #111;position:fixed;margin:0;left:50%;transform:translate(-50%);top:33%;z-index:3}.addNoteForm{padding:1rem}.noteTextBox{width:16rem;height:6rem;resize:none}@media (max-width: 768px){.logGridContainer{font-size:1.3rem}.recentHistory{margin-bottom:1rem}.recentHistoryList{grid-template-columns:repeat(2,minmax(40px,50%))}.note{-webkit-user-select:none;user-select:none}.movementPicker{max-width:500px;width:75%}}.switch{position:relative;display:inline-block;width:2rem;height:1rem}.switch input{opacity:0;width:100%;height:100%}.switchSlider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#888;border-radius:64px;transition:.3s}.switchSlider:before{position:absolute;content:"";background-color:#fff;height:1rem;width:1rem;transition:.3s;border-radius:64px}.darkSwitchSlider:before{background-color:#d3d3d3}input:checked+.switchSlider{background-color:#90ee90}input:checked+.switchSlider:before{transform:translate(1rem)}input:checked+.darkSwitchSlider{background-color:#888}@media (max-width: 768px){.switch{width:3rem;height:1.5rem}.switchSlider:before{height:1.5rem;width:1.5rem}input:checked+.switchSlider:before{transform:translate(1.5rem)}}.historyGroup{list-style:none;padding:10px;font-size:.8rem;background-color:#333;border-radius:8px;margin:.2rem;box-shadow:0 0 10px #111}.historyTitle{display:flex;flex-direction:row;position:relative;width:100%;justify-content:center;font-weight:700}.historyTitle:hover{cursor:pointer}.historyLabel{margin:.5rem 1rem 0;padding-left:2rem;padding-right:2rem}.historyItem{position:relative;padding-bottom:.5rem;-webkit-user-select:none;user-select:none}.historyItem:hover{background-color:#444;border-radius:8px}.historyItemTime{position:absolute;bottom:0rem}.cardioItem{-webkit-user-select:none;user-select:none;padding-bottom:.5rem;position:relative}.historySubList{list-style:none;padding:0;margin:0}.historyNotes{padding:0;position:relative;left:1.2rem;top:0;margin:0;word-wrap:break-word;padding-right:1.2rem;-webkit-user-select:none;user-select:none}.historyItemSpan{text-align:center;grid-column:span 4}.leftHistoryButton{position:absolute;left:0;margin:0}.rightHistoryButton{position:absolute;right:0;margin:0}.undoButton{position:absolute;right:0}.labelChangeInput{background:none;border:none;border-bottom:2px solid white;margin:.5rem 1rem;font-size:1.17rem;color:#fff;font-weight:700;text-align:center}.labelChangeInput:focus{outline:none}.historyList{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(40px,275px));grid-auto-rows:1fr}.historyFooter{display:flex;flex-direction:column;flex-wrap:wrap;gap:.25rem}@media (max-width: 768px){.historyList{grid-template-columns:repeat(2,minmax(40px,275px))}}.insightsContainer{padding-top:2rem;width:100%;height:100%;max-height:100%;max-width:1100px;display:flex;flex-direction:column;gap:.25rem}.graphContainer{height:400px;width:100%;position:static;max-height:400px}.userChartContainer{height:600px;width:100%}.insightMovementPicker{margin:0;width:12rem;padding:.5rem;margin-top:1.2rem}.insightClearButton{top:1.25rem}.insightPickerBar{display:flex;flex-wrap:wrap;flex-direction:row;gap:.25rem;text-align:center;justify-content:center}.statSection{display:grid;grid-template-columns:repeat(4,minmax(40px,275px));gap:1.35rem;justify-items:center;align-items:stretch}.statCard{background-color:#333;box-shadow:0 0 6px #111;padding:.5rem;border-radius:8px;width:100%}@media (max-width: 768px){.insightsContainer{margin-bottom:1rem}.graphContainer{height:275px}.userChartContainer{height:400px}.insightMovementPickerContainer{width:45%}.insightMovementPicker{width:90%;margin:0;margin-top:1.3rem}.statSection{grid-template-columns:repeat(3,minmax(40px,275px));margin:.5rem}}.profilePicture{box-shadow:0 0 3px #111}.profilePictureContainer{text-align:left}.userProfileContainer{text-align:center;background-color:#333;box-shadow:0 0 10px #111;padding:1rem 2rem;padding-top:0;border-radius:24px;position:relative;width:20rem;min-height:28rem;overflow:hidden;overflow-y:auto}.profileContainer{position:relative}.profileDescription{text-align:left;position:absolute;top:0;left:272px;width:55%}.preferenceMenu{text-align:left;margin-top:1rem}.userRecords{position:absolute;text-align:left}.editButton{padding:.1rem;border-radius:4px}.editButton:hover{cursor:pointer;background-color:#555}.profileScreenFooter{position:absolute;bottom:3.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;opacity:.8}@media (max-width: 768px){.userProfileContainer{width:80%;min-height:32.5rem}.profileDescription{width:55%;font-size:1.2rem;left:144px}.userRecords{font-size:1.2rem}}.xpGutter{height:.75rem;width:100%;background-color:#fff;border-radius:824px}.xpBar{height:.75rem;background-color:#2dfc5a;border-radius:24px;transition:all;transition-duration:500}.xpTooltip{background-color:#111;padding:.5rem 1rem;border-radius:12px;z-index:1000;top:-2.5rem;opacity:.85;position:absolute}.chatBox{background-color:#333;padding:1rem;border-radius:8px;width:30rem;min-height:15rem;max-height:22rem;margin:auto;position:relative;scrollbar-color:#888 transparent;box-shadow:1px 1px 5px #111}.headerButtons{position:absolute;top:0;display:flex;justify-content:space-around;gap:.35rem}.chatRoomListContainer{overflow-y:auto;max-height:22rem}.chatRoomList{list-style:none;padding:0;margin:0;margin-top:2.5rem;max-height:18rem}.chatRoomItem{padding:0 .5rem;background-color:#222;border-radius:8px;overflow-wrap:break-word}.chatRoomItem:hover{background-color:#555;cursor:pointer}.chatRoomName{margin:0;margin-top:.5rem}.chatMessageList{list-style:none;margin:0;padding:.3rem;max-height:16rem;margin-bottom:3.5rem;margin-top:2.5rem;overflow-y:auto;overflow-wrap:break-word;background-color:#222;border-radius:8px}.chatMessage{position:relative;padding:.05rem}.chatMessageTime{position:absolute;bottom:-.5rem}.chatInputBar{position:absolute;bottom:5%;width:90%}.chatSubmitButton{position:absolute;right:0;bottom:0;display:flex;align-items:center;padding:.6rem 1rem;margin:0}.chatBar{background-color:#555;border-radius:999px;border:none;padding:.5rem 1rem;color:#fff;font-size:1rem;width:80%;position:absolute;bottom:0;left:0}.roomMenuTextArea{resize:none;width:12rem;height:6rem}.chatRoomMenu{text-align:center;display:grid;grid-template-columns:repeat(2)}.chatMenuUserListContainer{grid-column:2}.userList{list-style:none;padding:0;text-align:left;overflow-wrap:break-word;overflow-y:auto;max-width:13rem;max-height:16rem}.chatUser{padding:.2rem;border-radius:12px;margin:.2rem 0;background-color:#555;box-shadow:0 0 2px #000;position:relative}.chatUser:hover{background-color:#666}.chatSubMenu{background-color:#333;border-radius:8px;border:1px solid #555;padding:.3rem;position:absolute;z-index:2;box-shadow:0 0 10px #111;height:5rem;text-align:center}.chatUserDeleteConfirm{text-align:center;top:10rem}@media (max-width: 768px){.chatTopper{width:100%;position:relative;margin-left:0;margin-right:0}.chatBox{max-height:28rem;width:89%}.chatMessageList{max-height:20rem;margin-bottom:4rem;margin-top:3rem}.chatRoomList{margin-top:3rem;max-height:28rem}.chatBar{font-size:1.3rem;width:70%}.chatSubmitButton{padding:.75rem 1.25rem}.chatRoomMenu{display:flex;flex-direction:column;justify-content:center;overflow:scroll}.chatMenuUserListContainer{display:flex;flex-direction:column;justify-content:center;max-height:10rem}.userList{align-items:center;max-width:90%;justify-content:center;align-self:center;margin-top:0}.leaveConfirmation{top:.75rem}.chatRoomMenu{grid-template-columns:60% 40%}.chatSubMenu{height:6rem}}.friendActivity{margin-top:2rem;position:relative;width:33.15rem}.friendsListContainer{padding:.2rem;overflow:auto}.friendList{padding:0;list-style:none}.friendListsList{padding:0;margin:0;overflow:auto;scrollbar-color:#888 transparent}.friend{margin:.5rem .25rem;position:relative;background-color:#333;padding:.65rem;border-radius:8px;box-shadow:0 0 5px #111}.friendText{position:absolute;left:112px;top:0;width:75%;margin-top:0;padding-top:0;overflow:hidden;white-space:nowrap;display:inline-block;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}.friendUsername{margin-top:.1rem;font-size:.8rem;display:inline-block;transition:transform 3s linear;-webkit-user-select:none;user-select:none}.friendText.overflow:hover .friendUsername{transform:translate(calc(-25% - 100px))}.friendSubtext{font-size:.55rem;margin-top:.15rem}.requestButton{padding:.5rem 1.5rem}.addFriendButton{position:absolute;right:0;top:1rem;background-color:transparent;color:#fff;border-style:none;font-size:1.8rem;cursor:pointer}.addFriendButton:hover{color:#999}.addFriendButton:active{color:#888}.activityContainer{margin:.5rem;-webkit-user-select:none;user-select:none}.activityList{list-style:none;margin:0;padding:0;max-height:14rem;overflow:auto;scrollbar-color:#888 transparent}.activityItem{margin:0;margin-bottom:.2rem;padding-left:.3rem;font-size:1rem;word-wrap:break-word;position:relative}.noteActivity{border-left:4px solid rgb(193,237,71)}.logActivity{border-left:4px solid rgb(96,181,96)}.labelActivity{border-left:4px solid rgb(125,164,255)}.cardioActivity{border-left:4px solid rgb(231,53,21)}.activityItemHover{position:absolute;bottom:0;right:0;background-color:#333;padding:.15rem;border-radius:8px}.activityNote{list-style:none;font-style:italic}.activityExpand{max-height:0;transition:max-height .3s ease;overflow:auto}.activityExpand.expanded{margin-top:.5rem;max-height:18rem}.expansionArrow{position:absolute;font-weight:700;top:2.5rem;right:1rem;opacity:50%;transition:transform .3s ease}.expansionArrow.expanded{transform:rotate(-90deg)}.friendProfileContainer{text-align:center;background-color:#333;padding:1rem 2rem;position:fixed;top:20vh;z-index:3;border-radius:24px;width:20rem;min-height:28rem;overflow:hidden}.unfriendButton{position:absolute;bottom:2rem;right:2rem}.unfriendConfirmation{position:fixed;top:25%;left:50%;transform:translate(-50%);text-align:center}@media (max-width: 768px){.friendActivity{width:100%}.activityItem{font-size:.8rem}.friendText{left:64px;width:75%;font-size:.75rem}.addFriendMenu{height:6rem}.friendProfileContainer{width:80%;max-height:65%}}