:root{--color-orange:#ff9344;--color-orange-dark:#fc7a37;--color-red:#f55859;--color-red-strong:#dd2b2b;--color-yellow:#ffd65a;--color-yellow-deep:#fabf46;--color-violet-light:#cab2f0;--color-violet-fade:#cab2f0bb;--color-violet:#8151c975;--color-violet-dark:#8b51c9;--color-dark-blue:#232d4f;--color-light-blue:#f2f5fb;--color-bg-light:#e1edf9;--color-green:#6fcf97;--color-green-dark:#27ae60;--color-green-light:#3de27c;--gradient-button:radial-gradient(circle, var(--color-orange) 0%, var(--color-orange-dark) 60%, var(--color-red) 100%);--gradient-icon:linear-gradient(135deg, var(--color-yellow), var(--color-orange));--gradient-bg-soft:linear-gradient(to bottom, var(--color-bg-light), var(--color-bg-light));--gradient-error:radial-gradient(circle, var(--color-red) 0%, var(--color-red-strong) 100%);--gradient-success:radial-gradient(circle, var(--color-green-light) 0%, var(--color-green) 60%, var(--color-green-dark) 100%);--gradient-util:radial-gradient(circle, #59d0ff33 0%, #066cb54d 100%);--gradient-feedback:radial-gradient(circle, #31c5ff99 0%, #1580cccc 100%);--gradient-feedback-admin:radial-gradient(circle, #11b92899 0%, #037a0dcc100%);background-color:var(--color-bg-light);font-family:Poppins,Inter,Arial;line-height:1.1}@font-face{font-family:StonePunk;src:url(/assets/StonePunk-COFa4-uM.ttf)format("truetype");font-display:swap}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf)format("truetype");font-display:swap}body{width:100vw;height:100dvh;margin:0;overflow:hidden}body #root{width:100%;height:100%}div{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;display:flex}input,select{border:none;border-radius:.4vh;padding:.5vh 1vw;font-size:1.8vh}button{box-shadow:none;text-align:center;border:none;border-radius:.5vh;padding:1vh;font-family:Poppins,Inter,Arial;font-size:2vh}button.validate{background:var(--gradient-success)}button.cancel{background:var(--gradient-error)}button.utility{background:var(--gradient-button)}#Homepage{text-align:center;flex:1;justify-content:flex-start;width:100%;overflow:hidden}#Homepage #hoursDrive{width:90%;margin:1vh;font-size:2.3vh;font-weight:700}#Homepage #conso{background:var(--gradient-icon);border-radius:.6vh;flex-direction:column;flex:1;width:96%;margin-bottom:.5vh;padding-top:1vh;overflow:hidden;box-shadow:0 0 10px 2px #0003}#Homepage #conso #consoTitle{margin-bottom:.5vh;font-size:2.1vh;font-weight:700}#Homepage #conso #consoList{border-radius:0 0 .4vh .4vh;flex:1;justify-content:flex-start;gap:.5vh;width:98%;padding-bottom:1vh;overflow-y:scroll}#ValidWindow{color:#f5f5f5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;border-radius:.8vh;width:90%;padding:2vh 3vw;position:absolute;top:57vh}#ValidWindow span{text-align:center;margin-bottom:2vh;font-size:2.3vh}#ValidWindow #validButtons{flex-direction:row;justify-content:space-between;width:80%}#ValidWindow #validButtons button{padding:1vh 6vw}@media (width>=1024px) and (aspect-ratio>=16/9){#Homepage #conso{flex:.5;width:50%;margin-bottom:.5vh}#ValidWindow{width:30%;padding:2vh 1vw}#ValidWindow #validButtons button{padding:1vh 2vw}}#gaugeContainer{flex:1;justify-content:center;align-items:center;width:100%;display:flex}@media (width>=1024px) and (aspect-ratio>=16/9){#gaugeContainer{width:30%}}.drinkLine{background-color:#0005;border-radius:.4vh;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:.5vh 1vw}.drinkLine span{color:#fff;font-size:1.9vh}.drinkLine span.date{padding:0 .8vw;font-style:italic}.drinkLine span.drink{flex:1;padding:0 .8vw;font-weight:700}.drinkLine span.qtt{padding:0 .8vw}.pukeLine{background-color:#27ae5f99;border-radius:.4vh;flex-direction:row;justify-content:space-evenly;align-items:center;width:100%;padding:.5vh 1vw}.pukeLine span{color:#fff;font-size:2vh}.pukeLine span.date{padding:0 .8vw;font-style:italic}#Social{justify-content:flex-start;width:100%;height:100%;padding-top:.8vh;overflow:hidden}#Social #back-header{flex-direction:row;justify-content:center;width:100vw;padding-bottom:1vh;display:flex}#Social #back-header .back{padding-left:3.5vw;position:absolute;left:0}#Social #back-header .back img{width:5vh;height:5vh}#Social #back-header .title{text-align:center;text-align:center;font-size:2.5vh;display:flex}#Social #page-header{flex-direction:row;justify-content:space-evenly;width:100vw;margin-bottom:.5vh;font-size:1.5vh;display:flex}#Social #page-header .add-friend{background-image:var(--gradient-util);border-radius:.8vh;flex-direction:row;gap:.5vw;padding:0 2vw;position:sticky;box-shadow:0 3px 8px 3px #0000004d}#Social #page-header .add-friend img{width:2.5vh;height:2.5vh}#Social #page-header .add-friend .badge{color:#fff;background-color:red;border-radius:.8vh;justify-content:center;align-items:center;width:2.5vh;height:2.5vh;padding-top:.2vw;display:flex;position:absolute;top:-.7vh;right:-.7vh}#Social .panel-container{justify-content:flex-start;width:90%}#Social .panel-container .friend-selected{background-color:var(--color-violet-light);border-radius:1vh;flex-direction:row;justify-content:space-around;margin-bottom:3vh;padding:0 2vw}#Social .panel-container .friend-selected p{font-size:2.3vh}#Social .panel-container .friend-selected-buttons{flex-flow:wrap;gap:2vh;padding:0 4vw;display:flex}#Social .panel-container .friend-selected-buttons .friend-quantity{background-color:var(--color-violet-light);border-radius:.5vh;flex:1;padding:1.5vh;font-size:2.5vh}#Social .panel-container .friendpage-backbutton{flex-direction:row;justify-content:space-between;width:100%;margin-top:1vh}#Social .panel-container #friendForm{width:100%}#Social .panel-container #friendForm .friend-div-container{flex-direction:row;justify-content:space-between;width:100%;margin-top:2vh}#Social .panel-container #friendForm .friend-div-container label{text-align:center;flex:.5;padding:.5vh 2vw}#Social .panel-container #friendForm .friend-div-container input{flex:1;margin-left:1vw;margin-right:1vw;font-size:1.8vh}#Social .panel-container #friendForm .friend-button-container{flex-direction:row;justify-content:space-around;width:80%;margin-top:3vh}#Social .panel-container #friendForm .friend-button-container button.friend-validation{background-image:var(--gradient-success)}#Social .panel-container #friendForm .friend-button-container button.friend-cancel{background-image:var(--gradient-error)}#Social .panel-container #friendRequest-list{justify-content:flex-start;width:94%;height:70vh;font-size:2.2vh;position:relative;overflow:hidden auto}#Social .friend-list{border:solid var(--color-violet);background-color:var(--gradient-bg-soft);border-radius:.8vh;flex:1;justify-content:flex-start;width:96%;margin-top:.8vh;margin-bottom:1vh;font-size:2.2vh;position:relative;overflow:hidden auto;box-shadow:0 0 12px 2px #0000004d}#Social .friend-list .no-friends{margin-top:30vh}#Social .friend-list #friendsFilters{background-color:var(--color-violet-fade);border-bottom:var(--color-violet) solid;flex-direction:row;justify-content:space-evenly;width:100%;padding:.2vh .2vh .5vh}#Social .friend-list #friendsFilters button{background-color:#0000;flex-direction:row;justify-content:center;align-items:center;padding:.6vh 2vw;display:flex}#Social .friend-list #friendsFilters button.filtered{font-weight:700}#Social .friend-list #friendsFilters button img{width:3vh;height:3vh;margin-right:1.5vw}#Social .friendRequest-list{flex:1;justify-content:flex-start;width:94%;margin-bottom:1vh;font-size:2.2vh;position:relative;overflow:hidden auto}#Social .friend-add-button{background-image:var(--gradient-button);border-radius:.8vh;width:96vw;margin-bottom:1vh;padding:1vh 0;box-shadow:0 3px 8px 3px #0000004d}#Social .group-create-button{background-image:var(--gradient-button);border-radius:.8vh;width:96%;margin-bottom:1vh;padding:1vh 0;box-shadow:0 3px 8px 3px #0000004d}#Social .friend-form .friend-input-container{flex-direction:column;gap:1vh;margin-top:3vh;margin-bottom:2vh;display:flex}#Social .friend-form .friend-input-container label{font-size:2vh}#Social .friend-form .friend-input-container #scanAndInput{flex-direction:row;gap:3vw}#Social .friend-form .friend-input-container #scanAndInput #scanIcon{width:4vh;height:4vh}#Social .friend-form .friend-button-container{flex-direction:row;display:flex}#Social .friend-form .friend-button-container button{margin:1vh}#Social .friend-form .friend-button-container button.friend-validation{background-image:var(--gradient-success)}#Social .friend-form .friend-button-container button.friend-validation:disabled{background-color:gray;background-image:none}#Social .friend-form .friend-button-container button.friend-cancel{background-image:var(--gradient-error)}#Social #friendChartTitle{font-size:2.3vh;overflow:hidden}#Social #chartContainer{width:100%;height:64vh;margin-right:5%}#Social #actualGram{font-size:2vh}#Social #friendButtons{flex-direction:row;justify-content:space-evenly;width:96%;margin-top:1.5vh}#Social #friendButtons #openConso{background:var(--color-yellow-deep)}#Social #ValidWindow{top:40vh}#Social #ValidWindow.conso{background:var(--gradient-icon);border-radius:.6vh;flex-direction:column;justify-content:flex-start;max-height:80vh;padding-top:1vh;padding-bottom:.8vh;top:50vh;transform:translateY(-50%)}#Social #ValidWindow.conso #consoTitle{color:#000;font-weight:700}#Social #ValidWindow.conso #consoList{flex-direction:column;justify-content:flex-start;gap:.5vh;width:100%;overflow-y:auto}#Social #ValidWindow.conso #consoList .drinkLine span,#Social #ValidWindow.conso #consoList .pukeLine span{margin-bottom:0;font-size:1.9vh}#Social #ValidWindow.conso .cancel{color:#f5f5f5;margin-top:2vh;padding:.8vh 10vw}@media (width>=1024px) and (aspect-ratio>=16/9){.icon{width:4vh;height:4vh}#Social .friend-list,#Social .friend-add-button{width:60%}#Social #chartContainer{width:50%}}#FriendRequest{text-align:center;border-bottom:.3vh solid var(--color-violet);flex-direction:row;justify-content:space-evenly;width:100%;margin:.5vh;padding:0 1.5vw}#FriendRequest .button-container{flex-direction:row;display:flex}#FriendRequest .button-container button{color:#fff;border-radius:.8vh;margin:0 .7vw}#FriendRequest .button-container button img{width:5vh;height:5vh}#FriendRequest .button-container button.validation{background-color:var(--color-green-dark)}#FriendRequest .button-container button.refu{background-color:var(--color-red-strong)}#FriendRequest .button-container img{width:5vh;height:5vh}.friendCard{text-align:center;border-bottom:.2vh solid var(--color-violet-fade);flex-direction:row;justify-content:space-evenly;width:90%;padding:1.2vh 1.5vw}.friendCard img{width:3.5vh;height:3.5vh}.friendCard *{-webkit-user-select:none;user-select:none}.friendCard .friend-streak{width:2.5dvh;height:3dvh;margin-bottom:-.3vh}.selected{background-color:var(--color-violet-light)}@keyframes scaleUpDown{0%,to{transform:scaleY(1)scaleX(1)}50%,90%{transform:scaleY(1.1)}75%{transform:scaleY(.95)}80%{transform:scaleX(.95)}}@keyframes shake{0%,to{transform:skew(0)scale(1)}50%{transform:skew(5deg)scale(.9)}}@keyframes particleUp{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:-100%;transform:scale(.5)}}@keyframes glow{0%,to{background-color:#ef5a00}50%{background-color:#ff7800}}.fire{background-color:#0000;width:100%;height:100%;margin-left:auto;margin-right:auto;position:relative;top:0;left:0}.fire .fire-center{width:100%;height:100%;animation:3s ease-out infinite both scaleUpDown;position:absolute}.fire .fire-center .main-fire{filter:drop-shadow(0 0 10px #d43322);background-image:radial-gradient(at 10px 0,#d43300 0%,#ef5a00 95%);border-radius:0 40% 60%;width:100%;height:100%;position:absolute;transform:scaleX(.8)rotate(45deg)}.fire .fire-center .particle-fire{filter:drop-shadow(0 0 10px #d43322);background-color:#ef5a00;border-radius:50%;width:10px;height:10px;animation:2s ease-out infinite both particleUp;position:absolute;top:60%;left:45%}.fire .fire-right{width:100%;height:100%;animation:2s ease-out infinite both shake;position:absolute}.fire .fire-right .main-fire{filter:drop-shadow(0 0 10px #d43322);background-color:#ef5a00;border-radius:0 40% 60%;width:80%;height:80%;position:absolute;top:15%;right:-25%;transform:scaleX(.8)rotate(45deg)}.fire .fire-right .particle-fire{filter:drop-shadow(0 0 10px #d43322);background-color:#ef5a00;border-radius:50%;width:15px;height:15px;animation:2s ease-out infinite both particleUp;position:absolute;top:45%;left:50%;transform:scaleX(.8)rotate(45deg)}.fire .fire-left{width:100%;height:100%;animation:3s ease-out infinite both shake;position:absolute}.fire .fire-left .main-fire{filter:drop-shadow(0 0 10px #d43322);background-color:#ef5a00;border-radius:0 40% 60%;width:80%;height:80%;position:absolute;top:15%;left:-20%;transform:scaleX(.8)rotate(45deg)}.fire .fire-left .particle-fire{filter:drop-shadow(0 0 10px #d43322);width:10%;height:10%;animation:particleUp 3s infinite ease-out 0;background-color:#ef5a00;border-radius:50%;animation-fill-mode:both;position:absolute;top:10%;left:20%}.fire .fire-bottom .main-fire{filter:blur(10px);background-color:#ff7800;border-radius:0 40% 100%;width:75%;height:75%;animation:2s ease-out infinite both glow;position:absolute;top:30%;left:20%;transform:scaleX(.8)rotate(45deg)}.fire .streak-number{color:#000;justify-content:center;align-items:center;width:100%;height:100%;font-size:2.2dvh;font-weight:700;display:flex;position:absolute}.fire .streak-number.small{font-size:1.5dvh}.groupCard{text-align:center;border-bottom:.2vh solid var(--color-violet-fade);flex-direction:row;width:90%;padding:1vh 1.5vw}.groupCard img{width:8vw;margin-right:4vw}@media (width>=1024px) and (aspect-ratio>=16/9){.groupCard img{width:2.5vw}}#GroupPage{justify-content:flex-start;align-items:center;width:100%;height:100%;overflow:hidden auto}#GroupPage #back-header{border-bottom:.3vh solid var(--color-violet-dark);flex-direction:row;justify-content:center;width:100vw;padding-bottom:.5vh;display:flex}#GroupPage #back-header .back{width:4vh;height:4vh;margin-left:2vw}#GroupPage #back-header .title{text-align:center;flex:1;font-size:2.2vh;font-weight:700}#GroupPage #back-header #groupIcons{flex-direction:row;gap:1vw;padding:0 .5vw}#GroupPage #back-header #groupIcons img{width:4vh;height:4vh}#GroupPage #groupChartContainer{width:100%;height:59vh;margin-right:5%}#GroupPage #groupUsers{background:var(--gradient-button);border-radius:.6vh;flex-flow:wrap;gap:2vw;width:96%;padding:.7vh 1vw}#GroupPage #groupUsers .userLine{background:var(--color-yellow);border-radius:.4vh;flex-direction:row;padding:.2vh .8vw}#GroupPage #groupUsers .userLine span{font-size:2vh}#GroupPage #groupUsers .userLine input{width:2.5vh;height:2.5vh;accent-color:var(--color-violet-dark);margin-left:1.5vw}#GroupPage #groupMenu{color:#f5f5f5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border-radius:.8vh;width:90%;padding:2vh 3vw;position:absolute;top:50vh;transform:translateY(-50%)}#GroupPage #groupMenu #grAdminTitle{text-align:center;margin-bottom:2vh;font-size:2.3vh;font-weight:700}#GroupPage #groupMenu #menuUsers{flex-direction:column;gap:.5vh;width:90%}#GroupPage #groupMenu #menuUsers .userElem{background-color:var(--color-yellow);border-radius:.4vh;flex-direction:row;justify-content:space-between;width:100%;padding:.4vh 2vw}#GroupPage #groupMenu #menuUsers .userElem span{color:#000;font-size:2vh}#GroupPage #groupMenu #menuUsers .userElem img{width:3.5vh;height:3.5vh}#GroupPage #groupMenu #menuUsers .userElem.noImg{padding:1vh 2vw}#GroupPage #groupMenu #addUser{margin-top:3vh}#GroupPage #groupMenu #addUser select{background:var(--gradient-bg-soft)}#GroupPage #groupMenu #addUser button{margin-top:1vh;padding:.5vh 6vw;font-size:2vh}#GroupPage #groupMenu #menuDelete{margin:3.5vh 0}#GroupPage #groupMenu #menuDelete button{color:#f5f5f5;text-wrap-mode:nowrap;flex-direction:row;justify-content:center;align-items:center;padding:.5vh 3vw .5vh 2vw;font-weight:700;display:flex}#GroupPage #groupMenu #menuDelete button img{width:3.5vh;height:3.5vh;margin-right:1vw}#GroupPage #groupMenu #menuButtons{flex-direction:row;justify-content:space-between;width:60%}#GroupPage #groupMenu #menuButtons button{color:#f5f5f5;width:100%;padding:.5vh 0;font-weight:700}#GroupPage #ValidWindow{top:50vh;transform:translateY(-50%)}#GroupPage #ValidWindow #backgroundSelect{flex-direction:row;margin-bottom:2vh}#GroupPage #ValidWindow #backgroundSelect button{border-radius:.4vh 0 0 .4vh}#GroupPage #ValidWindow #backgroundSelect button:last-of-type{border-radius:0 .4vh .4vh 0}#validBackground{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#fff3;width:100vw;height:100vh;position:fixed;top:0;bottom:0}#validBackground #ValidWindow{background-color:#000c;top:50vh;transform:translateY(-50%)}#validBackground #ValidWindow span{text-wrap-mode:wrap}@media (width>=1024px) and (aspect-ratio>=16/9){#GroupPage #groupChartContainer{width:80%}}#drinkPage{flex:1;justify-content:flex-start;width:100%;overflow:hidden}#drinkPage .panel-container{justify-content:flex-start;width:94%}#drinkPage .panel-container .drink-selected{background-color:var(--color-violet-light);border-radius:.41vh;flex-direction:row;justify-content:space-around;margin-bottom:1.5vh}#drinkPage .panel-container .drink-selected span{padding:.6vh 3vw;font-size:2.2vh}#drinkPage .panel-container .drink-quantity-input{flex-flow:wrap;gap:1vh;padding-top:2vh;display:flex}#drinkPage .panel-container .drink-quantity-input label{margin-right:2vw;font-size:2.1vh}#drinkPage .panel-container .drink-quantity-input input{padding:.6vh 1vw;font-size:1.8vh}#drinkPage .panel-container .drink-date-input{border:.1vh solid var(--color-dark-blue);border-radius:.4vh;flex-flow:wrap;justify-content:center;gap:1vw;margin-top:2vh;padding:.5vh 0;display:flex}#drinkPage .panel-container .drink-date-input .drink-date-type{flex-flow:wrap;align-items:center;margin-bottom:1vh}#drinkPage .panel-container .drink-date-input .drink-date-type span{text-align:center;width:100%;margin-bottom:1vh;font-size:2.1vh}#drinkPage .panel-container .drink-date-input .drink-date-type button{background-color:var(--color-violet-light);color:#000;border-radius:.4vh 0 0 .4vh}#drinkPage .panel-container .drink-date-input .drink-date-type button.selected{background-color:var(--color-violet-dark);color:#f5f5f5;font-weight:700}#drinkPage .panel-container .drink-date-input .drink-date-type button:last-of-type{border-radius:0 .4vh .4vh 0}#drinkPage .panel-container .drink-date-input .drink-date-select{flex-direction:row;align-items:center;margin-right:2vw}#drinkPage .panel-container .drink-date-input .drink-date-select label{width:100%;margin-bottom:1vh;margin-right:2vw;font-size:2.1vh}#drinkPage .panel-container .drink-date-input .drink-date-select input{margin-bottom:1vh}#drinkPage .panel-container #validQuantity{background:var(--gradient-success);margin-top:2vh;padding:1vh 15vw;font-size:2.2vh;font-weight:700}#drinkPage .panel-container .drink-selected-buttons{flex-flow:wrap;gap:1.2vh;padding:0 4vw;display:flex}#drinkPage .panel-container .drink-selected-buttons .drink-quantity{background-color:var(--color-violet-light);border-radius:.5vh;flex:1;padding:1.2vh 5vw;font-size:2.5vh}#drinkPage .panel-container .drink-selected-buttons .drink-quantity.selected{color:#f5f5f5;background-color:var(--color-violet-dark);font-weight:700}#drinkPage .panel-container .drinkpage-backbutton{flex-direction:row;justify-content:space-between;width:100%;margin-top:1vh}#drinkPage .panel-container #drinkForm{width:100%}#drinkPage .panel-container #drinkForm .drink-div-container{flex-direction:column;justify-content:space-between;align-items:flex-start;width:100%;margin-top:1vh;margin-bottom:2vh}#drinkPage .panel-container #drinkForm .drink-div-container:last-of-type{margin-bottom:0}#drinkPage .panel-container #drinkForm .drink-div-container label{text-align:center;padding:.6vh 1vw;font-size:2.1vh}#drinkPage .panel-container #drinkForm .drink-div-container input{width:90%;margin-left:1vw;padding:.7vh 1.5vw;font-size:2vh}#drinkPage .panel-container #drinkForm .drink-button-container{flex-direction:row;justify-content:space-around;width:80%;margin-top:3vh}#drinkPage .panel-container #drinkForm .drink-button-container button.drink-validation{background-image:var(--gradient-success)}#drinkPage .panel-container #drinkForm .drink-button-container button.drink-cancel{background-image:var(--gradient-error)}#drinkPage #folderBackButtons{flex-direction:row;justify-content:space-between;width:94%;margin-bottom:.5vh}#drinkPage #folderBackButtons img{width:4vh;height:4vh}#drinkPage #folderBackButtons #emptyIcon{width:3vh;height:3vh}#drinkPage #folderBackButtons #folderTitle{font-size:2.2vh;font-weight:700}#drinkPage .drink-list{flex:1;justify-content:flex-start;width:96%;margin-bottom:1vh;padding-bottom:.5vh;font-size:2.2vh;position:relative;overflow:hidden auto}#drinkPage .drink-list.folder{height:67vh}#drinkPage #addDrinkBtn{background-image:var(--gradient-button);border-radius:.8vh;flex-direction:row;justify-self:center;width:96vw;margin-bottom:1vh;box-shadow:0 3px 8px 3px #0000004d}#drinkPage #addDrinkBtn.valid{background-image:none;background-color:none;width:98vw;box-shadow:none;justify-content:space-evenly}#drinkPage #addDrinkBtn.valid button{background:var(--gradient-success);box-shadow:0 3px 8px 3px #0000004d}#drinkPage #ValidWindow{top:50vh;transform:translateY(-50%)}#drinkPage #ValidWindow select{max-width:90%;margin-bottom:3vh;padding:.5vh 3vw;font-size:2vh}#drinkPage .tiseButtons{width:4vh;height:4vh;position:absolute;top:6vh}#drinkPage #exportButton{right:3vw}#drinkPage #importButton{left:3vw}#drinkPage #onlineButton{right:3vw}#drinkPage input[type=file]{display:none}.icon{width:5vh;height:5vh}@media (width>=1024px) and (aspect-ratio>=16/9){#drinkPage .tiseButtons{top:3vh}#drinkPage .panel-container{width:60%}#drinkPage .panel-container .drink-date-input .drink-date-select{flex-direction:column}#drinkPage .panel-container .drink-date-input .drink-date-select label{margin-right:0}}.drinkcard-container{background-color:var(--color-violet-light);text-align:center;border-radius:.4vh;flex-direction:row;width:96%;margin-top:1.2vh;padding:1vh 2vw;box-shadow:0 0 2px 2px #8b51c9e6}.drinkcard-container span{-webkit-user-select:none;user-select:none;flex:1}.drinkcard-container img{-webkit-user-select:none;user-select:none;flex:.2;width:3vh;height:3vh;margin-left:2vw}.drinkcard-container.selected{background-color:var(--color-violet)}.folder-card{background-color:var(--color-violet-light);border:.4vh solid var(--color-violet-dark);text-align:center;border-radius:.4vh;flex-direction:row;width:97%;margin:.3vh;padding:.6vh 2vw}.folder-card img{width:4vh;height:4vh;margin-right:1.5vw}#drinksBackround{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000004d;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}#drinksBackround #DrinksExplorer{color:#f5f5f5;background-color:#000c;border-radius:.8vh;flex-direction:column;justify-content:flex-start;width:92vw;height:92vh;padding:1vh 3vw;position:absolute;top:50vh;left:50vw;overflow:hidden;transform:translate(-50%,-50%)}#drinksBackround #DrinksExplorer.web{transform:translate(-50%,-54%)}#drinksBackround #DrinksExplorer #drinkTitle{font-size:2.5vh;font-weight:700}#drinksBackround #DrinksExplorer #userSave{width:100%;margin-top:1vh}#drinksBackround #DrinksExplorer #userSave #saveButtons{flex-direction:row}#drinksBackround #DrinksExplorer #userSave #saveButtons button{color:#f5f5f5;background-color:green;padding:.5vh 1vw;font-size:1.8vh}#drinksBackround #DrinksExplorer #userSave #saveButtons button:disabled{color:gray;background-color:#045304}#drinksBackround #DrinksExplorer #userSave #saveButtons button:last-of-type{background-color:#3636ec}#drinksBackround #DrinksExplorer #userSave #saveButtons button:last-of-type:disabled{color:gray;background-color:#050585}#drinksBackround #DrinksExplorer #userSave #savedDate{margin-top:.5vh;font-size:1.6vh}#drinksBackround #DrinksExplorer #userSave #savedDate span i{color:#24ee24}#drinksBackround #DrinksExplorer #onlineFolders{flex:1;width:100%;margin:1vh 0;overflow:hidden}#drinksBackround #DrinksExplorer #onlineFolders #foldersMarket{border-top:.2vh solid gray;flex:1;width:100%;padding-top:1vh;padding-bottom:.5vh;overflow:hidden}#drinksBackround #DrinksExplorer #onlineFolders #foldersMarket #searchFolders{flex-direction:row;width:100%;margin-top:.5vh;margin-bottom:.3vh}#drinksBackround #DrinksExplorer #onlineFolders #foldersMarket #searchFolders input{width:80%;padding:.4vh .7vw}#drinksBackround #DrinksExplorer #onlineFolders #ownFolders{border-top:.2vh solid gray;width:100%;max-height:35%;margin-bottom:.5vh;padding-top:.5vh}#drinksBackround #DrinksExplorer #onlineFolders #ownFolders #ownTitle{width:100%;height:3vh;position:relative}#drinksBackround #DrinksExplorer #onlineFolders #ownFolders #ownTitle img{width:3vh;height:3vh;position:absolute;top:0;right:2vw}#drinksBackround #DrinksExplorer #onlineFolders #ownFolders button.utility{width:100%;margin-top:.5vh;padding:.5vh 0;font-size:1.7vh}#drinksBackround #DrinksExplorer #onlineFolders .listTitle{font-size:1.8vh;font-weight:700}#drinksBackround #DrinksExplorer #onlineFolders .foldersList{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;margin-top:.6vh;overflow-y:auto}#drinksBackround #DrinksExplorer button.cancel{padding:.5vh 0}#drinksBackround #DrinksUpdate{color:#f5f5f5;background-color:#535353b3;border-radius:.8vh;flex-direction:column;align-items:center;width:92vw;padding:1vh 3vw;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%)}#drinksBackround #DrinksUpdate #importTitle{text-align:center;font-size:2vh;font-weight:700}#drinksBackround #DrinksUpdate #savedDate{margin-top:2vh;font-size:1.6vh}#drinksBackround #DrinksUpdate #savedDate span i{color:#24ee24}#drinksBackround #DrinksUpdate select{margin:2vh 0;padding:.5vh 1vw}#drinksBackround #DrinksUpdate #localValues{margin-top:2vh;margin-bottom:2vh;font-size:1.6vh}#drinksBackround #DrinksUpdate #validButton{width:100%;margin-bottom:1vh}#drinksBackround button.cancel{width:100%}.marketFolder{background:var(--gradient-util);border-radius:.4vh;flex-direction:row;justify-content:space-evenly;width:100%;margin-bottom:.4vh;padding:.3vh .2vw;font-size:1.7vh}.marketFolder .folderInfos{text-align:center;flex:1;height:100%;overflow:hidden}.marketFolder .folderInfos span{text-wrap-mode:wrap;text-overflow:ellipsis;width:100%;overflow:hidden}.marketFolder .folderAuthor{text-align:center;flex:.8;height:100%;font-size:1.6vh;overflow:hidden}.marketFolder .importBtn{width:3vh;height:3vh;margin:0 .5vw}.panel-container{background-color:var(--color-violet);z-index:5;border-radius:1vh;width:100%;margin:2vh;padding:1.5vh 2vw}#Curves{flex:1;justify-content:flex-start;width:100%;padding-top:3vh;overflow:hidden}#Curves #chartTitle{margin-bottom:2vh;font-size:2.4vh;font-weight:700}#Curves #chartContainer{flex:1;width:100%;margin-right:5%}#Curves #actualGram{color:red;margin-top:1vh;font-size:2.3vh}#Curves #finalMax{text-align:center;width:90%;margin-top:1vh;margin-bottom:1vh;font-size:2.1vh}#Curves #exportPNG{width:4vh;height:4vh;position:absolute;top:17vh;right:1vw}#Curves #ValidWindow{top:50vh;transform:translateY(-50%)}#Curves #ValidWindow #backgroundSelect{flex-direction:row;margin-bottom:2vh}#Curves #ValidWindow #backgroundSelect button{border-radius:.4vh 0 0 .4vh}#Curves #ValidWindow #backgroundSelect button:last-of-type{border-radius:0 .4vh .4vh 0}@media (width>=1024px) and (aspect-ratio>=16/9){#Curves #chartContainer{width:50%}}#Container{justify-content:flex-start;width:100%;height:100%;padding-top:3vh;overflow:hidden}@media (width>=1024px) and (aspect-ratio>=16/9){#Container{padding-top:0}}#TopBar{flex-direction:row;width:100%;padding:.7vh 2vw;display:flex}#TopBar #homepageTitle{text-align:center;height:7.4dvh;color:var(--color-red);letter-spacing:1vw;text-shadow:0 4px 4px #000;font-family:StonePunk;font-size:7vh;font-weight:700}#TopBar #streak{width:3.5dvh;height:4dvh;margin-top:.6vh;margin-left:1.7vw}@media (width>=1024px) and (aspect-ratio>=16/9){#TopBar #homepageTitle{letter-spacing:.3vw;height:8dvh;font-size:9vh}}#NavBar{background-image:var(--gradient-bg-soft);border-top:.3vh solid var(--color-violet-light);width:100%;max-width:100vw;height:16dvw;margin-bottom:max(env(safe-area-inset-bottom), 0);flex-direction:row;justify-content:space-around;gap:3vw;padding:1vw;display:flex;position:relative}#NavBar.offset{margin-bottom:3.5dvh}#NavBar .navbar-button{box-shadow:2px;border-radius:2vh;padding:1vw;position:sticky}#NavBar .navbar-button .navbar-icon{width:12dvw;height:12dvw}#NavBar .navbar-button.selected{background-image:var(--gradient-icon)}#NavBar .navbar-button .navBarBadge{color:#fff;background-color:red;border-radius:.8vh;justify-content:center;align-items:center;width:5.5vw;height:5.5vw;padding-top:.2vw;display:flex;position:absolute;top:0;right:0}#versionToast button{background-color:var(--color-green-dark);color:#f5f5f5;border-radius:.2vh;margin-left:3vw;padding:.5vh 1vw;font-size:1.8vh}@media (width>=1024px) and (aspect-ratio>=16/9){#NavBar{border:.5vh solid var(--color-violet-light);border-radius:2.2vh;gap:2vw;width:auto;height:auto;padding:0}#NavBar .navbar-button .navbar-icon{width:7vh;height:7vh}}#Profile{flex:1;justify-content:flex-start;width:100%;padding-top:2vh;overflow:hidden auto}#Profile.login{background-color:#555}#Profile #loginTitle{color:#f5f5f5;margin-bottom:5vh;font-size:3vh;font-weight:700}#Profile #loginForm{width:100%}#Profile #loginForm input{color:#000;background-color:#f5f5f5;border:none;border-radius:.4vh;width:70%;margin-bottom:2vh;font-size:2vh}#Profile #loginForm button{cursor:pointer;border:none;border-radius:.4vh;padding:1vh}#Profile #loginForm #login{background-color:#01b101;margin-top:2vh;font-size:2.3vh}#Profile #loginForm #login:hover{background-color:green}#Profile #loginForm #login:disabled{cursor:default;background-color:#006400}#Profile #loginForm #loginOTP{background-color:#01b101;margin-top:2vh;font-size:2.3vh}#Profile #loginForm #loginOTP:hover{background-color:green}#Profile #loginForm #loginOTP:disabled{cursor:default;background-color:#006400}#Profile #loginForm #register{color:#f5f5f5;background-color:gray;margin-top:6vh;padding:.8vh 5vh;font-size:2.2vh}#Profile #loginForm #register:hover{background-color:#979797}#Profile #loginForm #passwordForgotten{cursor:pointer;color:#43abdb;font-size:1.9vh;font-weight:700;text-decoration:underline}#Profile #profileUser{flex-direction:row;justify-content:center;align-items:center;margin-bottom:3vh}#Profile #profileUser #profileHead{background:var(--gradient-icon);border-radius:1vh;margin-right:4dvh;padding:.5vh 2vw;box-shadow:0 0 10px 2px #0003}#Profile #profileUser #profileHead #username{margin-bottom:.5vh;font-size:3.3vh;font-weight:700}#Profile #profileUser #profileHead span{-webkit-user-select:none;user-select:none;text-wrap-mode:nowrap;margin-bottom:.5vh;font-size:2.3vh}#Profile #profileUser #profileHead span b{-webkit-user-select:all;user-select:all}#Profile #profileUser #profileHead #friendCodeLine{flex-direction:row;align-items:center;margin-bottom:.5vh}#Profile #profileUser #profileHead #friendCodeLine span{margin-bottom:0}#Profile #profileUser #profileHead #friendCodeLine img{width:4vh;height:4vh;margin-left:2vw}#Profile #profileUser #profileHead.noGap{margin-right:0}#Profile #profileUser #profileSettings{height:100%;margin-right:.5dvh;position:relative}#Profile #profileUser #profileSettings img{width:3.5dvh;height:3.5dvh}#Profile #profileUser #profileSettings .badge{color:#fff;background-color:red;border-radius:.4vh;justify-content:center;align-items:center;width:3.5vw;height:3.5vw;padding-top:.1vh;font-size:1.5vh;font-weight:700;display:flex;position:absolute;top:3.5dvh;right:0}#Profile #userData{flex-flow:wrap;justify-content:space-between;align-items:center;gap:2vw;width:92%;font-size:2.3vh}#Profile #userData .userDataLine{background-color:var(--color-orange);border-radius:1vh;flex-direction:row;flex:1;justify-content:space-between;align-items:center;min-width:35vw;height:8vh;padding:.5vh 1vw;box-shadow:0 3px 4px #0003}#Profile #userData .userDataLine img{width:10vw;height:10vw;padding:0 .5vw}#Profile #userData .userDataLine span{text-align:center;flex:1;margin-left:.5vw;font-size:2vh}#Profile #userData .userDataLine input,#Profile #userData .userDataLine select{flex:1;margin-left:1vw}#Profile #userData.edit{flex-direction:column}#Profile #userData.edit .userDataLine{border-radius:.6vh;width:100%;padding:1vh 2vw}#Profile #profileButtons{flex-direction:column;gap:1.5vh;width:92%;margin-top:3vh}#Profile #profileButtons button{background-color:var(--color-yellow);border-radius:1vh;flex-direction:row;justify-content:center;align-items:center;width:100%;font-size:2.5vh;display:flex;box-shadow:0 2px 4px #0003}#Profile #profileButtons button#food{background-color:var(--color-yellow-deep)}#Profile #profileButtons button#puke{background-color:var(--color-green-dark)}#Profile #profileButtons button img{width:6vw;height:6vw;margin-right:1vw}#Profile #editButtons{flex-direction:row;justify-content:space-between;gap:10vw;width:92%;margin-top:2vh}#Profile #editButtons button{background:var(--gradient-success);flex:1;font-size:2vh}#Profile #editButtons button.cancel{background:var(--gradient-error)}#Profile #disconnect{color:#fff;background:var(--gradient-error);border-radius:1vh;width:92%;font-size:2.5vh;font-weight:700;position:absolute;bottom:14vh}#Profile #qrBackground{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;background-color:#0000004d;width:100vw;height:100vh;position:fixed;top:0;bottom:0}#Profile #qrBackground #qrWindow{width:80vw;height:80vw;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%);box-shadow:0 0 10px 6px #0006}#Profile #qrBackground #qrWindow img{width:70vw;height:70vw}#Profile #qrBackground #foodWindow{color:#f5f5f5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;border-radius:.8vh;padding:1vh 3vw;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%)}#Profile #qrBackground #foodWindow span{text-align:center;text-wrap-mode:nowrap;margin-bottom:3vh;font-size:2.4vh}#Profile #qrBackground #foodWindow input{margin-bottom:3vh;font-size:2.3vh}#Profile #qrBackground #foodWindow #foodButtons{flex-direction:row;justify-content:space-around;gap:1vw;width:100%}#Profile #qrBackground #foodWindow #foodButtons button{font-size:2.2vh}@media (width>=1024px) and (aspect-ratio>=16/9){#Profile{width:50%}#Profile #userData{width:70%}#Profile #userData .userDataLine img,#Profile #profileButtons button img{width:5vh;height:5vh}#Profile #editButtons{width:50%}#Profile #qrBackground #qrWindow,#Profile #qrBackground #qrWindow img{width:100vh;height:100vh}}#Settings{color:#f5f5f5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;border-radius:.8vh;width:90vw;padding:1vh 3vw;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%)}#Settings #title{text-wrap-mode:nowrap;margin-bottom:3vh;font-size:2.2vh;font-weight:700}#Settings .editLine{flex-direction:row;width:100%;margin-bottom:1.5vh}#Settings .editLine span{text-align:center;flex:1;margin-right:2vw}#Settings .editLine input[type=checkbox]{width:3dvh;height:3dvh}#Settings .editButton{background:var(--color-yellow);width:100%;margin-bottom:1vh;position:relative}#Settings .editButton .badge{color:#fff;background-color:red;border-radius:.4vh;justify-content:center;align-items:center;width:5.5vw;height:5.5vw;display:flex;position:absolute;top:0;right:0}#Settings #editButtons{flex-direction:row;gap:1vw;width:100%;margin-top:1.5vh}#Settings #editButtons button{flex:1}#PukeWindow{color:#f5f5f5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;border-radius:.8vh;max-width:94dvw;padding:1vh 3vw;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%)}#PukeWindow span{text-align:center;text-wrap-mode:nowrap}#PukeWindow #pukeTitle{font-size:2.4vh}#PukeWindow #pukeList{flex-direction:column;justify-content:flex-start;gap:.8vh;width:100%;max-height:40vh;margin-top:1vh;overflow-y:auto}#PukeWindow #pukeList .noPuke{margin:4vh 0;font-size:2vh;font-style:italic}#PukeWindow #newPuke{width:100%;margin:1.5vh 0}#PukeWindow #newPuke span{margin-bottom:1vh;font-size:2.2vh}#PukeWindow #newPuke #pukeForm{flex-direction:row}#PukeWindow #newPuke #pukeForm input{margin-right:4vw;font-size:2.3vh}#PukeWindow #newPuke #pukeForm button{padding:.8vh 5vw}#PukeWindow .cancel{width:100%;margin-top:2vh}#EditProfile{color:#f5f5f5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;border-radius:.8vh;max-width:94dvw;padding:1vh 3vw;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%)}#EditProfile #title{text-wrap-mode:nowrap;margin-bottom:2vh;font-size:2vh;font-weight:700}#EditProfile .editLine{flex-direction:row;width:100%;margin-bottom:.8vh}#EditProfile .editLine span{text-wrap-mode:nowrap;flex:.8;margin-right:2vw}#EditProfile .editLine input{flex:1}#EditProfile #editButtons{flex-direction:row;gap:1vw;width:100%;margin-top:1.5vh}#EditProfile #editButtons button{flex:1}#FeedbackWindow{color:#f5f5f5;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000c;border-radius:.8vh;width:94dvw;min-height:80dvh;max-height:94dvh;padding:1vh 3vw;position:absolute;top:50vh;left:50vw;overflow:hidden;transform:translate(-50%,-50%)}#FeedbackWindow.writing{min-height:50dvh}#FeedbackWindow #title{text-wrap-mode:nowrap;margin-bottom:2vh;font-size:2.2vh;font-weight:700}#FeedbackWindow #feedbacksList{flex-direction:column;flex:1;justify-content:flex-start;width:100%;overflow-y:auto}#FeedbackWindow #feedbacksList .noFeedback{font-size:2vh;font-style:italic}#FeedbackWindow #newMessage{flex:1;width:100%}#FeedbackWindow #newMessage textarea{flex:1;min-width:94%;max-width:94%;margin-bottom:2vh;padding:.3vh 1vw;font-size:1.8vh}#FeedbackWindow #feedbackMessages{flex-direction:column;flex:1;justify-content:flex-start;width:100%;overflow-y:scroll}#FeedbackWindow #bottomButtons{flex-direction:column;gap:1vh;width:100%;margin-top:.5vh}#FeedbackWindow #bottomButtons button{width:100%}#FeedbackWindow #bottomButtons #newReply{flex-direction:row;align-items:center;width:100%}#FeedbackWindow #bottomButtons #newReply textarea{flex:1;min-height:6vh;max-height:6vh;margin-right:1vw;padding:.3vh 1vw;font-size:1.6vh}#FeedbackWindow #bottomButtons #newReply button{width:auto;height:6.8vh}.feedback{background:var(--gradient-feedback);color:#000;border-radius:.4vh;width:100%;margin-bottom:1vh;padding:.5vh 1vw}.feedback .feedbackHeader{flex-direction:row;justify-content:space-between;width:100%;font-size:1.8vh}.feedback .feedbackHeader span{font-style:italic}.feedback .feedbackPreview{color:#f5f5f5;text-overflow:ellipsis;align-items:flex-start;width:100%;max-height:10vh;margin-top:1vh;font-size:1.8vh;overflow:hidden}.message{background:var(--gradient-feedback);border-radius:.4vh;align-self:flex-end;min-width:60%;max-width:90%;margin-bottom:1vh;padding:.5vh 2vw}.message.admin{background:var(--gradient-feedback-admin);align-self:flex-start}.message .messageContent{flex-direction:column;align-items:flex-start;width:100%}.message .messageContent span{margin-bottom:.3vh;font-size:1.8vh;line-height:1.2}.message .messageBottom{flex-direction:row;justify-content:space-between;width:100%;margin-top:.5vh}.message .messageBottom span{color:#000;font-size:1.7vh;font-style:italic}.message .messageBottom span.messageAuthor{font-weight:700}