:root{--color-text:#232d4f;--color-text-muted:#5a6478;--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%, #037a0dcc 100%);--color-window:#000000bf;--color-window-text:whitesmoke;--color-window-input:#f2f5fb;--color-window-input-text:#232d4f;background-color:var(--color-bg-light);color:var(--color-text);font-family:Poppins,Inter,Arial;line-height:1.1}:root.dark-mode{--color-text:#fff;--color-text-muted:#ccc;--color-bg-light:#000;--color-light-blue:#1a1a1a;--gradient-bg-soft:linear-gradient(to bottom, var(--color-bg-light), var(--color-bg-light));--color-window:#9ba0b2d9;--color-window-text:#232d4f;--color-window-input:#fff;--color-window-input-text:#232d4f;background-color:var(--color-bg-light);color:var(--color-text)}:root.dark-mode img.svg{filter:brightness(0)invert()}:root.dark-mode #NavBar .navbar-button.selected img.svg{filter:brightness()invert(0)}:root.dark-mode #ValidWindow img.svg,:root.dark-mode #groupMenu img.svg,:root.dark-mode #Settings img.svg,:root.dark-mode #PukeWindow img.svg,:root.dark-mode #FeedbackWindow img.svg,:root.dark-mode #NotificationSettings img.svg,:root.dark-mode #DrinksExplorer img.svg,:root.dark-mode #DrinksUpdate img.svg,:root.dark-mode #foodWindow img.svg{filter:none}@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}html{touch-action:manipulation}body{background-color:var(--color-bg-light);width:100vw;height:100dvh;color:var(--color-text);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:max(16px,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);color:#f5f5f5}button.cancel{background:var(--gradient-error);color:#f5f5f5}button.utility{background:var(--gradient-button)}#ValidWindow input,#ValidWindow select,#ValidWindow textarea,#groupMenu input,#groupMenu select,#groupMenu textarea,#Settings input,#Settings select,#Settings textarea,#PukeWindow input,#PukeWindow select,#PukeWindow textarea,#FeedbackWindow input,#FeedbackWindow select,#FeedbackWindow textarea,#NotificationSettings input,#NotificationSettings select,#NotificationSettings textarea,#DrinksExplorer input,#DrinksExplorer select,#DrinksExplorer textarea,#DrinksUpdate input,#DrinksUpdate select,#DrinksUpdate textarea,#foodWindow input,#foodWindow select,#foodWindow textarea,#ValidWindow input option,#ValidWindow select option,#ValidWindow textarea option,#groupMenu input option,#groupMenu select option,#groupMenu textarea option,#Settings input option,#Settings select option,#Settings textarea option,#PukeWindow input option,#PukeWindow select option,#PukeWindow textarea option,#FeedbackWindow input option,#FeedbackWindow select option,#FeedbackWindow textarea option,#NotificationSettings input option,#NotificationSettings select option,#NotificationSettings textarea option,#DrinksExplorer input option,#DrinksExplorer select option,#DrinksExplorer textarea option,#DrinksUpdate input option,#DrinksUpdate select option,#DrinksUpdate textarea option,#foodWindow input option,#foodWindow select option,#foodWindow textarea option{background-color:var(--color-window-input);color:var(--color-window-input-text)}#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{color:#000;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{background-color:var(--color-window);width:90%;color:var(--color-window-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.8vh;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 #hoursDrive{width:50%}#Homepage #conso{flex:.5;width:50%;margin-bottom:.5vh}#Homepage #conso #consoTitle{color:#000}#ValidWindow{width:42%;padding:2vh 1vw}#ValidWindow #validButtons button{padding:1vh 2vw}}@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}#gaugeContainer{flex:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:visible}#gaugeContainer svg{overflow:visible}#gaugeContainer .subArc:first-of-type{filter:drop-shadow(0 0 2px #3bb90e)drop-shadow(0 0 7px #3bb90e8c)}#gaugeContainer .subArc:nth-of-type(2){filter:drop-shadow(0 0 2px #e6d119)drop-shadow(0 0 7px #e6d11980)}#gaugeContainer .subArc:nth-of-type(3){filter:drop-shadow(0 0 2px #f03417)drop-shadow(0 0 7px #f034178c)}#gaugeContainer #gaugeStreak{pointer-events:none;z-index:2;width:5dvh;height:6dvh;position:absolute;top:55%;left:51.5%;transform:translate(-50%,-50%)}@media (width>=1024px) and (aspect-ratio>=16/9){#gaugeContainer{width:42%}}.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;position:relative}#Social #back-header .back{padding-left:3.5vw;position:absolute;left:0}#Social #back-header .back img{width:5vh;height:5vh}#Social #back-header.friend-chart .back img{width:4.2vh;height:4.2vh}#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 .friend-list{border:solid var(--color-violet);background-color:var(--gradient-bg-soft);border-radius:.8vh;flex:1;justify-content:flex-start;width:96%;min-height:0;margin-top:.8vh;margin-bottom:1vh;font-size:2.2vh;position:relative;overflow:hidden;box-shadow:0 0 12px 2px #0000004d}#Social .friend-list .no-friends{flex-grow:1;justify-content:center;align-items:center;display:flex}#Social .friend-list #friendsFilters{background-color:var(--color-violet-fade);border-bottom:var(--color-violet) solid;flex-direction:row;flex-shrink:0;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 .friend-list .friend-list-items{flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;overflow:hidden auto}#Social .friendRequest-list{flex:1;justify-content:flex-start;width:94%;margin-bottom:1vh;font-size:2.2vh;position:relative;overflow:hidden auto}#Social .friendRequest-list .noList{flex-grow:1;justify-content:center;align-items:center;font-size:1.8vh;font-style:italic;display:flex}#Social .friend-add-button{background-image:var(--gradient-button);width:96vw;color:var(--color-text);border-radius:.8vh;flex-direction:row;justify-content:center;align-items:center;gap:1.5vw;margin-bottom:1vh;padding:1vh 0;display:flex;box-shadow:0 3px 8px 3px #0000004d}#Social .friend-add-button img{width:3vh;height:3vh}#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{width:100%}#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;gap:2vw;width:92%;display:flex}#Social .friend-form .friend-button-container button{flex:1}#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);flex:.6}#Social #friendChartTitle{padding:0 7vh;font-size:2vh;overflow:hidden}#Social #deleteFriend{cursor:pointer;width:3.4vh;height:3.4vh;padding-right:3.5vw;position:absolute;top:0;right:0}#Social #chartContainer{width:100%;height:64vh;margin-right:5%}#Social #actualGram{font-size:2vh}#Social #friendButtons{width:96%;margin-top:1.5vh}#Social #friendButtons #openConso{background:var(--color-yellow-deep);width:100%}#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 #back-header .back{padding-left:0;left:20%}#Social #back-header #deleteFriend{padding-right:0;right:20%}#Social .panel-container{width:70%}#Social .friend-list{width:60%}#Social .friend-add-button,#Social #chartContainer,#Social #friendButtons{width:70%}}:root.dark-mode #Social .friend-list{border-color:var(--color-violet-fade)}#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{border-bottom:.2vh solid var(--color-violet-fade);flex-direction:row;justify-content:space-between;align-items:center;width:90%;padding:1.2vh 1.5vw}.friendCard img{flex-shrink:0;width:3.5vh;height:3.5vh;margin-left:1.5vw}.friendCard *{-webkit-user-select:none;user-select:none}.friendCard .friend-name{flex-direction:row;flex:1;justify-content:flex-start;align-items:center;min-width:0}.friendCard .friend-name span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.friendCard .friend-streak{flex-shrink:0;width:2.5dvh;height:3dvh;margin-bottom:-.5vh;margin-right:2vw}.friendCard .friend-grams{text-align:right;flex:0 0 8ch}.selected{background-color:var(--color-violet-light)}@media (width>=1024px) and (aspect-ratio>=16/9){.friendCard{width:100%}}:root.dark-mode .friendCard{border-bottom-width:.1vh}.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{width:100%}.groupCard img{width:2.5vw}}:root.dark-mode .groupCard{border-bottom-width:.1vh}#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{color:#000;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{background:var(--color-window);width:90%;color:var(--color-window-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.8vh;padding:2vh 3vw;position:absolute;top:50vh;transform:translateY(-50%)}#GroupPage #groupMenu #deleteGroup{filter:brightness(0);width:3.2vh;height:3.2vh;position:absolute;top:1.8vh;right:1.8vw}#GroupPage #groupMenu #grAdminTitle{text-align:center;margin-bottom:3vh;padding:0 4vh;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(--color-window-input);color:var(--color-window-input-text);border:.12vh solid var(--color-violet-dark)}#GroupPage #groupMenu #addUser select option{background:var(--color-window-input);color:var(--color-window-input-text)}#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:#000;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%;margin-top:3vh}#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;width:92%;margin-bottom:2vh}#GroupPage #ValidWindow #backgroundSelect button{border-radius:.4vh 0 0 .4vh}#GroupPage #ValidWindow #backgroundSelect button:first-of-type{flex:1}#GroupPage #ValidWindow #backgroundSelect button:last-of-type{border-radius:0 .4vh .4vh 0}#GroupPage #ValidWindow #validButtons{gap:2vw;width:92%}#GroupPage #ValidWindow #validButtons button{flex:1}#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:var(--color-window);top:50vh;transform:translateY(-50%)}#validBackground #ValidWindow span{text-wrap-mode:wrap}@media (width>=1024px) and (aspect-ratio>=16/9){#GroupPage #groupChartContainer{width:80%}#GroupPage #groupUsers{width:70%}#GroupPage #groupMenu{width:42%}}#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:92%;margin-left:1vw;padding:.7vh 1.5vw;font-size:2vh}#drinkPage .panel-container #drinkForm .drink-button-container{flex-direction:row;justify-content:space-around;gap:2vw;width:94%;margin-top:3vh}#drinkPage .panel-container #drinkForm .drink-button-container button{flex:1}#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 #drinkSearch{border:.15vh solid var(--color-violet-dark);background-color:var(--color-light-blue);width:94%;color:var(--color-text);border-radius:.5vh;margin:.5vh 0 .8vh;padding:.8vh 2vw;font-size:max(16px,1.9vh)}#drinkPage .drink-search-empty{opacity:.7;margin-top:2vh;font-size:2vh;font-style:italic}#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);width:96vw;color:var(--color-text);border-radius:.8vh;flex-direction:row;justify-content:center;justify-self:center;align-items:center;gap:1.5vw;margin-bottom:1vh;padding:1vh 0;font-size:2vh;box-shadow:0 3px 8px 3px #0000004d}#drinkPage #addDrinkBtn img{width:3vh;height:3vh}#drinkPage #addDrinkBtn.valid{background-image:none;background-color:none;width:98vw;box-shadow:none;justify-content:space-evenly;padding:0}#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 #importButton{left:26%}#drinkPage #onlineButton,#drinkPage #exportButton{right:26%}#drinkPage .panel-container{width:50%}#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}#drinkPage #folderBackButtons,#drinkPage #drinkSearch,#drinkPage .drink-list,#drinkPage #addDrinkBtn,#drinkPage #addDrinkBtn.valid{width:50%}}:root.dark-mode #drinkPage .panel-container .drink-selected span{color:#000}.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{color:#000;-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;color:#000;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{background-color:var(--color-window);width:92vw;height:92vh;color:var(--color-window-text);border-radius:.8vh;flex-direction:column;justify-content:flex-start;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{background-color:var(--color-window);width:92vw;color:var(--color-window-text);border-radius:.8vh;flex-direction:column;align-items:center;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%}@media (width>=1024px) and (aspect-ratio>=16/9){#drinksBackround #DrinksExplorer{width:min(60vw,56rem);height:85vh;padding:1.5vh 2vw}}.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:.8vh;overflow:hidden}#Curves #chartHeader{flex-direction:row;justify-content:center;align-items:center;gap:2vw;width:96%;margin-bottom:.6vh}#Curves #chartHeader #chartTitle{text-align:center;flex:1;margin-bottom:0;font-size:2.1vh;font-weight:700}#Curves #chartHeader #exportPNG{cursor:pointer;flex-shrink:0;width:3.4vh;height:3.4vh}#Curves #chartContainer{flex:1;width:100%;min-height:0;margin-right:2%}#Curves #chartFooter{flex-direction:row;justify-content:space-between;align-items:center;gap:2vw;width:94%;padding:.5vh 0 .8vh}#Curves #chartFooter #chartInfos{flex:1;align-items:flex-start;gap:.25vh;min-width:0}#Curves #chartFooter #chartInfos #actualGram{color:red;text-align:left;font-size:1.9vh}#Curves #chartFooter #chartInfos #finalMax{text-align:left;width:100%;font-size:1.7vh;line-height:1.25}#Curves #chartFooter #simulation{background-color:var(--color-yellow-deep);border-radius:.8vh;flex-shrink:0;width:auto;padding:.8vh 3.2vw;font-size:1.7vh;font-weight:700;box-shadow:0 2px 4px #0003}#Curves #ValidWindow{top:50vh;transform:translateY(-50%)}#Curves #ValidWindow #backgroundSelect{flex-direction:row;width:92%;margin-bottom:2vh}#Curves #ValidWindow #backgroundSelect button{border-radius:.4vh 0 0 .4vh}#Curves #ValidWindow #backgroundSelect button:first-of-type{flex:1}#Curves #ValidWindow #backgroundSelect button:last-of-type{border-radius:0 .4vh .4vh 0}#Curves #ValidWindow #validButtons{gap:2vw;width:92%}#Curves #ValidWindow #validButtons button{flex:1}@media (width>=1024px) and (aspect-ratio>=16/9){#Curves #chartHeader{width:50%;margin-bottom:.8vh}#Curves #chartContainer{flex:1;width:50%;min-height:0;margin-right:0}#Curves #chartFooter{width:50%}#Curves #ValidWindow{width:42%}}:root.dark-mode #Curves #actualGram{color:var(--color-red)}#SimuPage{flex:1;justify-content:flex-start;width:100%;min-height:0;padding-top:.4vh;overflow:hidden}#SimuPage #back-header{flex-direction:row;justify-content:center;align-items:center;width:100%;padding-bottom:1vh;display:flex;position:relative}#SimuPage #back-header .back{cursor:pointer;padding-left:3.5vw;position:absolute;left:0}#SimuPage #back-header .back img{width:4.2vh;height:4.2vh}#SimuPage #back-header .title{text-align:center;padding:0 7vh;font-size:2.1vh;font-weight:700}#SimuPage #simuForm{flex:1;justify-content:flex-start;align-items:stretch;gap:1.2vh;width:94%;min-height:0;overflow:hidden}#SimuPage #simuForm .simuField{flex-direction:column;align-self:center;align-items:stretch;gap:.4vh;width:96%;display:flex}#SimuPage #simuForm .simuField span{text-align:left;opacity:.8;font-size:1.6vh}#SimuPage #simuForm .simuField input{box-sizing:border-box;background-color:var(--color-window-input);width:100%;color:var(--color-window-input-text);border-radius:.8vh;padding:1vh 2vw;box-shadow:0 1px 4px #0000002e}#SimuPage #simuForm .simuTimes{flex-direction:row;align-self:center;align-items:stretch;gap:2vw;width:96%}#SimuPage #simuForm .simuTimes .simuField{flex:1;width:auto}#SimuPage #simuForm .simuEndRow{flex-direction:row;align-items:center;gap:1vw;width:100%}#SimuPage #simuForm .simuEndRow input{flex:1;min-width:0}#SimuPage #simuForm .simuClearEnd{background:var(--gradient-error);cursor:pointer;border-radius:.8vh;flex-shrink:0;justify-content:center;align-items:center;width:4.2vh;height:4.2vh;padding:0;display:flex;box-shadow:0 1px 3px #0003}#SimuPage #simuForm .simuClearEnd img{filter:brightness(0)invert();width:2.2vh;height:2.2vh}#SimuPage #simuForm .simuToggles{flex-direction:row;align-items:stretch;gap:2vw;width:100%}#SimuPage #simuForm .simuToggles.pair .simuToggle{flex:1;min-width:0}#SimuPage #simuForm .simuToggle{flex-direction:row;justify-content:space-between;align-items:center;gap:1.5vw;width:100%;padding:.4vh 0}#SimuPage #simuForm .simuToggle>span:first-child{text-align:left;flex:1;min-width:0;font-size:1.5vh;line-height:1.25}#SimuPage #simuForm .simuToggle .switch{flex-shrink:0;width:5.2vh;height:3.1vh;display:block;position:relative;overflow:hidden}#SimuPage #simuForm .simuToggle .switch input{opacity:0;appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;padding:0;position:absolute;inset:0}#SimuPage #simuForm .simuToggle .switch .slider{background:color-mix(in srgb, var(--color-text) 18%, transparent);border-radius:3vh;transition:background-color .2s;position:absolute;inset:0}#SimuPage #simuForm .simuToggle .switch .slider:before{content:"";background:#fff;border-radius:50%;width:2.5vh;height:2.5vh;transition:transform .2s;position:absolute;top:.3vh;left:.3vh;box-shadow:0 .15vh .4vh #00000040}#SimuPage #simuForm .simuToggle .switch input:checked+.slider{background:var(--color-violet-dark)}#SimuPage #simuForm .simuToggle .switch input:checked+.slider:before{transform:translate(2.1vh)}#SimuPage #simuForm .simuDrinksTitle{text-align:left;width:100%;margin-top:.4vh;font-size:1.7vh;font-weight:700}#SimuPage #simuForm #simuSearch{box-sizing:border-box;border:.15vh solid var(--color-violet-dark);background-color:var(--color-window-input);width:96%;color:var(--color-window-input-text);border-radius:.5vh;align-self:center;padding:.7vh 2vw;font-size:max(16px,1.7vh);box-shadow:0 1px 4px #0000002e}#SimuPage #simuForm #simuDrinks{flex:1;justify-content:flex-start;align-items:center;width:100%;min-height:0;padding:.2vh 0 .6vh;overflow-y:auto}#SimuPage #simuForm #simuDrinks .drinkcard-container{width:96%;margin-top:.5vh;padding:.45vh 2vw}#SimuPage #simuForm #simuDrinks .drinkcard-container img{width:2.4vh;height:2.4vh}#SimuPage #simuForm #simuDrinks .noDrinks{opacity:.7;margin-top:2vh;font-size:1.8vh}#SimuPage #simulate{background:var(--gradient-success);color:#f5f5f5;width:94%;margin:.8vh 0 1vh;font-weight:700;box-shadow:0 2px 4px #0003}#SimuPage #simulate:disabled{opacity:.7}#SimuPage.simu-results{overflow:hidden}#SimuPage.simu-results .simuResultsBody{flex:1;justify-content:flex-start;width:100%;min-height:0;padding-bottom:.8vh;overflow:hidden}#SimuPage.simu-results #simuChartContainer{flex:1 1 0;width:100%;min-height:0;overflow:hidden}#SimuPage.simu-results .simuEmpty{text-align:center;opacity:.8;width:94%;margin-top:4vh;font-size:1.9vh;line-height:1.4}#SimuPage.simu-results .simuPlanSection{flex:0 32vh;justify-content:flex-start;align-items:stretch;gap:.6vh;width:94%;min-height:16vh;max-height:38%;padding-top:.6vh;overflow:hidden}#SimuPage.simu-results .simuMax{text-align:left;width:100%;color:var(--color-text-muted);flex-shrink:0;font-size:1.7vh}#SimuPage.simu-results .simuMax b{color:var(--color-orange-dark)}#SimuPage.simu-results .simuDrinksTitle{text-align:left;width:100%;color:var(--color-violet-dark);flex-shrink:0;margin-top:.1vh;font-size:1.6vh;font-weight:700}#SimuPage.simu-results #simuPlan{flex:1;justify-content:flex-start;gap:.7vh;width:100%;min-height:0;padding:.2vh .2vw .6vh;overflow:hidden auto}#SimuPage.simu-results #simuPlan .drinkLine{background:color-mix(in srgb, var(--color-violet-light) 45%, var(--color-light-blue));border-radius:.8vh;flex-shrink:0;width:100%;padding:.75vh 1.6vw;box-shadow:0 1px 3px #8b51c929}#SimuPage.simu-results #simuPlan .drinkLine span{color:var(--color-text)}#SimuPage.simu-results #simuPlan .drinkLine span.date{min-width:7.5vw;color:var(--color-violet-dark);flex-shrink:0;padding:0 .6vw 0 0;font-size:1.5vh;font-style:normal;font-weight:700}#SimuPage.simu-results #simuPlan .drinkLine span.drink{font-size:1.4vh;font-weight:600}#SimuPage.simu-results #simuPlan .drinkLine span.drink i{color:var(--color-text-muted);font-size:1.25vh;font-weight:500}#SimuPage.simu-results #simuPlan .drinkLine span.qtt{color:var(--color-orange-dark);flex-shrink:0;padding:0 0 0 .6vw;font-size:1.5vh;font-weight:700}@media (width>=1024px) and (aspect-ratio>=16/9){#SimuPage #back-header,#SimuPage #simuForm,#SimuPage #simulate,#SimuPage.simu-results #simuChartContainer,#SimuPage.simu-results .simuEmpty,#SimuPage.simu-results .simuPlanSection{width:50%}#SimuPage #back-header .back{padding-left:0}#SimuPage #simuForm .simuField input{padding:1vh .8vw}}:root.dark-mode #SimuPage #simuDrinks .drinkcard-container.selected span{color:#fff}:root.dark-mode #SimuPage.simu-results .simuDrinksTitle{color:var(--color-violet-light)}:root.dark-mode #SimuPage.simu-results .simuMax b{color:var(--color-yellow)}:root.dark-mode #SimuPage.simu-results #simuPlan .drinkLine{background:color-mix(in srgb, var(--color-violet-dark) 38%, var(--color-light-blue));border-left-color:var(--color-violet-light);box-shadow:none}:root.dark-mode #SimuPage.simu-results #simuPlan .drinkLine span.date{color:var(--color-violet-light)}:root.dark-mode #SimuPage.simu-results #simuPlan .drinkLine span.qtt{color:var(--color-yellow)}#Container{width:100%;height:100%;padding-top:calc(3vh + env(safe-area-inset-top,0px));justify-content:flex-start;overflow:hidden}@media (width>=1024px) and (aspect-ratio>=16/9){#Container{padding-top:env(safe-area-inset-top,0px)}}#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;-webkit-user-select:none;user-select:none;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{width:100%;height:calc(16dvw + env(safe-area-inset-bottom,0px));max-width:100vw;padding:1vw;padding-bottom:calc(1vw + env(safe-area-inset-bottom,0px));background-image:var(--gradient-bg-soft);border-top:.3vh solid var(--color-violet-light);flex-direction:row;justify-content:space-around;gap:3vw;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}}:root.dark-mode #NavBar{border-top-width:.1vh}#Profile{flex:1;justify-content:flex-start;width:100%;padding-top:2vh;position:relative;overflow:hidden auto}#Profile.login{justify-content:center;padding:2vh 4vw 3vh}#Profile.login #loginCard{background-color:var(--color-window);width:90%;max-width:26rem;color:var(--color-window-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1.2vh;align-items:stretch;padding:2.6vh 5vw 2.2vh;box-shadow:0 .4vh 1.6vh #0000002e}#Profile.login #loginTitle{text-align:center;color:inherit;margin-bottom:2.2vh;font-size:2.6vh;font-weight:700}#Profile.login #loginForm{align-items:stretch;gap:1.2vh;width:100%}#Profile.login #loginForm input{box-sizing:border-box;width:100%;color:var(--color-window-input-text);background-color:var(--color-window-input);border:none;border-radius:.8vh;margin-bottom:0;padding:1.2vh 3vw}#Profile.login #loginForm button{cursor:pointer;border:none;border-radius:.8vh;width:100%;padding:1.1vh 2vw;font-weight:700}#Profile.login #loginForm #login{color:#f5f5f5;background:var(--gradient-success);margin-top:.8vh;font-size:2vh}#Profile.login #loginForm #login:disabled{opacity:.45;cursor:default}#Profile.login #loginForm #loginOTP{color:#f5f5f5;background:var(--gradient-button);font-size:1.7vh}#Profile.login #loginForm #loginOTP:disabled{opacity:.45;cursor:default}#Profile.login #loginForm #register{color:inherit;background:0 0;margin-top:.4vh;font-size:1.8vh;box-shadow:inset 0 0 0 .14vh}#Profile.login #loginForm #passwordForgotten{cursor:pointer;opacity:.8;color:inherit;align-self:flex-end;margin:-.2vh 0 .4vh;font-size:1.55vh;font-weight:600;text-decoration:none}#Profile #profileUser{flex-direction:row;justify-content:center;align-items:center;margin-bottom:3vh}#Profile #profileUser #profileHead{background:var(--gradient-icon);border-radius:1vh;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{cursor:pointer;margin-bottom:0}#Profile #profileUser #profileHead #friendCodeLine img{width:4vh;height:4vh;margin-left:2vw}#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-deep);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#puke{background-color:var(--color-green-dark)}#Profile #profileButtons button#profileSettings{position:relative}#Profile #profileButtons button#profileSettings .badge{color:#fff;background-color:var(--color-red);border-radius:1.2vh;justify-content:center;align-items:center;min-width:2.4vh;height:2.4vh;padding:0 .6vw;font-size:1.4vh;font-weight:700;display:flex;position:absolute;top:-.4vh;right:-.4vh}#Profile #profileButtons button img{width:6vw;height:6vw;margin-right:1vw}#Profile #editButtons{flex-direction:row;justify-content:space-between;gap:2vw;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 #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{background-color:var(--color-window);color:var(--color-window-text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);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:65%;padding-top:1vh}#Profile #loginCard{width:42%;max-width:28rem;padding:3vh 1.6vw 2.4vh}#Profile #loginForm input{width:100%;padding:1.2vh 1vw}#Profile #profileUser{margin-bottom:1.5vh}#Profile #userData{justify-content:center;gap:1vh 1vw;width:80%}#Profile #userData .userDataLine{flex:0 0 calc(50% - .6vw);min-width:0;max-width:calc(50% - .6vw);height:6.5vh;padding:.3vh .8vw}#Profile #userData .userDataLine img{width:4.5vh;height:4.5vh}#Profile #profileButtons{gap:1vh;width:80%;margin-top:1.5vh}#Profile #profileButtons button img{width:5vh;height:5vh}#Profile #editButtons{gap:2vw;width:60%;margin-top:1.5vh}#Profile #qrBackground #qrWindow{width:auto;height:auto}#Profile #qrBackground #qrWindow canvas{width:60vh!important;height:60vh!important}}:root.dark-mode #Profile{color:#000}#Settings{background-color:var(--color-window);width:90vw;color:var(--color-window-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1.2vh;align-items:stretch;gap:1.6vh;padding:2.2vh 4vw 1.8vh;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%)}#Settings #title{text-align:center;margin-bottom:.4vh;font-size:2.4vh;font-weight:700}#Settings .settingsGroup{background:#ffffff14;border-radius:1vh;justify-content:flex-start;align-items:stretch;gap:0;width:100%;overflow:hidden}#Settings .settingsGroup .settingsRow,#Settings .settingsGroup .settingsLink{box-sizing:border-box;width:100%;color:inherit;text-align:left;box-shadow:none;background:0 0;border-radius:0;flex-direction:row;justify-content:space-between;align-items:center;gap:2vw;padding:1.4vh 3vw;display:flex}#Settings .settingsGroup .settingsRow:not(:last-child),#Settings .settingsGroup .settingsLink:not(:last-child){border-bottom:.08vh solid #ffffff1f}#Settings .settingsGroup .settingsRow{cursor:pointer}#Settings .settingsGroup .settingsText{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}#Settings .settingsGroup .settingsLabel{font-size:1.9vh;line-height:1.25}#Settings .settingsGroup .settingsHint{opacity:.7;margin-top:.3vh;font-size:1.45vh;line-height:1.3}#Settings .settingsGroup .settingsLink{cursor:pointer;font-size:1.9vh}#Settings .settingsGroup .settingsLink span:first-child{flex:1}#Settings .settingsGroup .settingsLink .badge{color:#fff;background-color:var(--color-red);border-radius:1.2vh;justify-content:center;align-items:center;min-width:2.4vh;height:2.4vh;padding:0 .8vw;font-size:1.4vh;font-weight:700;display:flex}#Settings .settingsGroup .settingsLink .chevron{opacity:.55;border-bottom:.22vh solid;border-right:.22vh solid;flex-shrink:0;width:.9vh;height:.9vh;transform:rotate(-45deg)}#Settings .switch{flex-shrink:0;width:5.2vh;height:3.1vh;display:block;position:relative;overflow:hidden}#Settings .switch input{opacity:0;appearance:none;width:100%;height:100%;accent-color:var(--color-red);background:0 0;margin:0;padding:0;position:absolute;inset:0}#Settings .switch .slider{background:#ffffff38;border-radius:3vh;transition:background-color .2s;position:absolute;inset:0}#Settings .switch .slider:before{content:"";background:#fff;border-radius:50%;width:2.5vh;height:2.5vh;transition:transform .2s;position:absolute;top:.3vh;left:.3vh;box-shadow:0 .15vh .4vh #00000040}#Settings .switch input:checked+.slider{background:var(--color-red)}#Settings .switch input:checked+.slider:before{transform:translate(2.1vh)}#Settings .disconnect{color:#fff;background:var(--gradient-error);flex-direction:row;justify-content:center;align-items:center;width:100%;margin-top:.2vh;font-weight:700;display:flex}#Settings .disconnect img{filter:brightness(0)invert();width:2.6vh;height:2.6vh;margin-right:1.4vw}#Settings #editButtons{flex-direction:row;gap:1vw;width:100%;margin-top:2vh}#Settings #editButtons button{flex:1;padding:.5vh 0}@media (width>=1024px) and (aspect-ratio>=16/9){#Settings{width:42%;max-width:36rem;padding:2.4vh 1.6vw 2vh}}:root.dark-mode #Settings .settingsGroup{background:#ffffff47}:root.dark-mode #Settings .settingsGroup .settingsRow:not(:last-child),:root.dark-mode #Settings .settingsGroup .settingsLink:not(:last-child){border-bottom-color:#232d4f1f}:root.dark-mode #Settings .switch input:not(:checked)+.slider{background:#232d4f47}:root.dark-mode #Settings .switch input:checked+.slider{background:var(--color-red)}:root.dark-mode #Settings .disconnect{background:var(--color-red-strong)}#PukeWindow{background-color:var(--color-window);max-width:94dvw;color:var(--color-window-text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:.8vh;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}@media (width>=1024px) and (aspect-ratio>=16/9){#PukeWindow{width:42%;max-width:36rem;padding:2vh 1.5vw}}#FeedbackWindow{background-color:var(--color-window);width:94dvw;min-height:80dvh;max-height:94dvh;color:var(--color-window-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);--gradient-feedback:radial-gradient(circle, #31c5ff99 0%, #1580cccc 100%);--gradient-feedback-admin:radial-gradient(circle, #11b92899 0%, #037a0dcc 100%);border-radius:1.2vh;justify-content:flex-start;align-items:stretch;gap:1.4vh;padding:2.2vh 4vw 1.8vh;position:absolute;top:50vh;left:50vw;overflow:hidden;transform:translate(-50%,-50%)}#FeedbackWindow.writing{min-height:50dvh}#FeedbackWindow #title{text-align:center;font-size:2.4vh;font-weight:700;line-height:1.2}#FeedbackWindow textarea{resize:none;box-sizing:border-box;border:none;border-radius:.8vh;outline:none;font-family:Poppins,Inter,Arial}#FeedbackWindow textarea:focus{outline:none}#FeedbackWindow #feedbacksList{flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;gap:1vh;width:100%;overflow-y:auto}#FeedbackWindow #feedbacksList .noFeedback{opacity:.7;flex:1;justify-content:center;font-size:1.9vh}#FeedbackWindow #newMessage{flex:1;width:100%}#FeedbackWindow #newMessage textarea{flex:1;width:100%;min-width:0;max-width:none;padding:1vh 2vw;font-size:1.8vh}#FeedbackWindow #feedbackMessages{flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;width:100%;padding:.2vh .4vw;overflow-y:auto}#FeedbackWindow #bottomButtons{flex-direction:column;gap:1vh;width:100%;margin-top:.2vh}#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:.8vh 1.5vw;font-size:1.6vh}#FeedbackWindow #bottomButtons #newReply button{width:auto;height:6.8vh}@media (width>=1024px) and (aspect-ratio>=16/9){#FeedbackWindow{width:42%;max-width:36rem;padding:2.4vh 1.6vw 2vh}}:root.dark-mode #FeedbackWindow #feedbacksList .feedback{background:#ffffff47}:root.dark-mode #FeedbackWindow #feedbacksList .feedback.unread{background:#fff6}.feedback{box-sizing:border-box;width:100%;color:inherit;cursor:pointer;background:#ffffff1a;border-radius:1vh;align-items:stretch;margin-bottom:0;padding:1.3vh 3vw 1.3vh 3.2vw;position:relative}.feedback.unread{background:#ffffff29}.feedback.unread:before{content:"";background:var(--color-red);border-radius:.4vh;width:.35vh;position:absolute;top:.7vh;bottom:.7vh;left:0}.feedback .feedbackHeader{flex-direction:row;justify-content:space-between;align-items:center;gap:2vw;width:100%;font-size:1.55vh}.feedback .feedbackHeader .feedbackDate{opacity:.72;text-align:left}.feedback .feedbackHeader .messages{opacity:.72;flex-shrink:0;font-size:1.45vh}.feedback .feedbackHeader .unreadBadge{color:#fff;background-color:var(--color-red);border-radius:1.2vh;flex-shrink:0;justify-content:center;align-items:center;min-width:2.3vh;height:2.3vh;padding:0 .7vw;font-size:1.35vh;font-weight:700;display:flex}.feedback .feedbackPreview{width:100%;color:inherit;text-align:left;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin-top:.7vh;font-size:1.75vh;line-height:1.35;display:-webkit-box;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}#NotificationSettings{background-color:var(--color-window);width:90vw;color:var(--color-window-text);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:.8vh;padding:1vh 3vw;position:absolute;top:50vh;left:50vw;transform:translate(-50%,-50%)}#NotificationSettings #title{text-wrap-mode:nowrap;margin-bottom:3vh;font-size:2.2vh;font-weight:700}#NotificationSettings .loadingText{margin-bottom:2vh;font-size:1.9vh}#NotificationSettings .editLine{flex-direction:row;width:100%;margin-bottom:1.5vh}#NotificationSettings .editLine span{text-align:left;flex:1;margin-right:2vw}#NotificationSettings .editLine input[type=checkbox]{width:3dvh;height:3dvh}#NotificationSettings #editButtons{flex-direction:row;gap:1vw;width:100%;margin-top:1.5vh}#NotificationSettings #editButtons button{flex:1}@media (width>=1024px) and (aspect-ratio>=16/9){#NotificationSettings{width:42%;max-width:36rem;padding:2vh 1.5vw}}#Profile.edit{padding-top:.8vh}#Profile.edit #userData.edit{gap:2.4vh}#Profile.edit #userData.edit .editSection{align-items:stretch;gap:.4vh;width:100%}#Profile.edit #userData.edit .editSection .editSectionTitle{width:100%;color:var(--color-text);text-align:left;font-size:2.2vh;font-weight:700}#Profile.edit #userData.edit .editSection .editSectionDesc{width:100%;color:var(--color-text-muted);text-align:left;margin-bottom:.8vh;font-size:1.55vh;line-height:1.25}#Profile.edit #userData.edit .userDataLine span{text-align:left;flex:.45}