html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--color-primary: #1a2980;--color-secondary: #fd775d;--color-accent: #26d0ce;--color-accent-rgb: 38, 208, 206;--color-text: #e2f1f2;--font-family: "Varela", sans-serif;--font-family-display: "Varela Round", sans-serif;--border-radius: 0.75rem;--text-size-ratio: 1.25;--text-size-base: 1rem;--text-size-md: var(--text-size-base);--text-size-lg: calc(var(--text-size-md) * var(--text-size-ratio));--text-size-xl: calc(var(--text-size-lg) * var(--text-size-ratio));--text-size-2xl: calc(var(--text-size-xl) * var(--text-size-ratio));--text-size-3xl: calc(var(--text-size-2xl) * var(--text-size-ratio));--text-size-4xl: calc(var(--text-size-3xl) * var(--text-size-ratio))}*,*::before,*::after{box-sizing:border-box}body{background-image:linear-gradient(180deg, var(--color-primary) 0%, var(--color-accent) 100%);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5}h1{font-size:1.4375rem;line-height:1.125;text-wrap:balance}h2{font-size:1.2rem;text-wrap:balance}.container{margin-inline:auto;width:min(100% - 1.5rem,48rem)}main{min-height:100dvh}main>*+*{margin-block-start:2rem}a{color:inherit}label{margin-block-end:.25rem;display:block;font-weight:700}input,.input{background-color:hsla(0,0%,100%,.5);border-radius:var(--border-radius);border:1px solid var(--color-text);color:var(--color-text);font-family:inherit;font-size:100%;height:3rem;padding-left:.75rem;padding-right:.75rem;width:100%}input::placeholder,.input::placeholder{color:var(--color-text);opacity:.5}.footer{backdrop-filter:blur(12px);background-color:rgba(var(--color-accent-rgb), 0.7);bottom:0;box-shadow:0 -4px 4px 0 rgba(0,0,0,.25);left:0;min-height:0;padding-bottom:1.5rem;padding-top:1.5rem;position:fixed;transition-duration:250ms;transition-property:min-height;transition-timing-function:ease-in-out;width:100%}.footer.open{min-height:100%}.button-group{display:flex;gap:.75rem}.button-group.justify{justify-content:space-between}.button{align-items:center;border-radius:var(--border-radius);border:0;cursor:pointer;display:inline-flex;font-size:100%;height:3rem;justify-content:center;width:100%}.button-primary{background-color:var(--color-secondary);color:#fff;font-weight:600}.button-secondary{color:var(--color-primary);border:1px solid currentColor;background-color:rgba(0,0,0,0)}.button-blue{background-color:var(--color-primary)}.page-header{padding-block-start:.5rem;padding-block-end:3rem}.page-header>*+*{margin-block-start:.5rem}.add-friend>*+*{margin-block-start:1.5rem}.login{background-color:#fd775d;color:#fff;padding:1.5rem;border-radius:10px}.login form>*+*{margin-block-start:1.5rem;margin-block-end:0}.login a{color:#1a2980}.login .button-group{border-block-start:1px solid #1a2980;padding-block-start:1.5rem}.bars{cursor:pointer}:has(.menu) main{opacity:.25}header{display:flex;justify-content:space-between;padding-bottom:24px;padding-top:24px;position:relative}header svg{height:1.5rem;width:auto;fill:var(--color-text)}.logo{--color-text: var(--color-secondary);align-items:center;display:flex;font-family:var(--font-family-display);font-size:var(--text-size-lg);gap:.25rem;text-decoration:none}.logo svg{height:1.5rem;width:auto;fill:var(--color-text)}.menu{background-color:#e2f1f2;border-radius:10px;bottom:0;display:flex;flex-direction:column;padding:1.5rem;position:absolute;translate:0 100%;width:100%;z-index:1}.menu a{color:#1a2980;text-decoration:none}.menu a:not(:last-child){border-block-end:1px solid #1a2980;margin-block-end:.75rem;padding-block-end:.75rem}#versionNumber{position:fixed;bottom:10px;right:10px;opacity:.4;user-select:none}.friend-list{column-gap:.75rem;display:grid;grid-template-columns:repeat(auto-fit, minmax(7.5rem, 1fr));row-gap:.75rem}.friend>*+*{margin-top:12px}.friend .avatar{align-items:center;aspect-ratio:1/1;background-color:hsla(0,0%,100%,.25);border-radius:var(--border-radius);display:flex;font-size:var(--text-size-4xl);justify-content:center;overflow:hidden}.friend .avatar.pineapple{background-color:#fb8059}.friend .avatar.banana{background-color:#f6e7ab}.friend .avatar.pear{background-color:#f1f790}.friend .avatar.cherry{background-color:#fdced3}.friend .avatar.greenapple{background-color:#e8fbac}.friend .avatar.redapple{background-color:#ffb5a9}.friend .avatar.watermelon{background-color:#f6a598}.friend .avatar.orange{background-color:#ffe495}.friend .avatar.lemon{background-color:#fdf081}.friend .avatar.grapes{background-color:#ed9fc3}.friend .avatar.strawberry{background-color:#dab49f}.friend .avatar.blueberry{background-color:#8fcdff}.friend .avatar.melon{background-color:#f4f1cd}.friend .avatar.peach{background-color:#ffd5b8}.friend .avatar.mango{background-color:#e0cc58}.friend .avatar.coconut{background-color:#c3bca6}.friend .avatar.kiwi{background-color:#f2f6b8}.friend .avatar.tomato{background-color:#edb690}.friend .avatar.avocado{background-color:#fac777}.friend .avatar.olive{background-color:#b6c676}.friend .avatar.cucumber{background-color:#d7edab}@keyframes rotate{0%{rotate:0}50%{rotate:180deg}100%{rotate:0deg}}.friend.waiting .avatar{position:relative}.friend.waiting .avatar::before{animation-duration:5000ms;animation-iteration-count:infinite;animation-name:rotate;content:"⌛";position:absolute}.friend.waiting .fruit{display:none}.balances>*+*{margin-block-start:3rem}.balance{border-radius:.625rem}.balance .scale{border-radius:.75rem .75rem 0 0;position:relative;min-height:2.5rem;background:linear-gradient(90deg, #d54273 0%, #ffb753 25%, #00c898 50%, #ffb753 75%, #d54273 100%)}.scale .pointer{align-items:center;bottom:3.25rem;display:flex;flex-direction:column;left:50%;position:absolute;translate:-50%;font-size:.875rem}.scale .pointer::after{background-color:#e2f1f2;border-radius:.25rem;bottom:0;box-shadow:0 -2px 6px rgba(0,0,0,.5);content:"";display:block;height:3.5rem;position:absolute;translate:0 calc(100% + .25rem);width:.5rem}.balance .scale-friends{align-items:center;background-color:#e8fbac;border-radius:0 0 .75rem .75rem;color:var(--color-primary);display:flex;justify-content:space-between;line-height:1;min-height:2.5rem;padding-inline:1rem}.balance.pineapple .scale-friends{background-color:#fb8059}.balance.banana .scale-friends{background-color:#f6e7ab}.balance.pear .scale-friends{background-color:#f1f790}.balance.pear .scale-friends{background-color:#f1f790}.background.cherry .scale-friends{background-color:#fdced3}.balance.greenapple .scale-friends{background-color:#e8fbac}.balance.redapple .scale-friends{background-color:#ffb5a9}.balance.watermelon .scale-friends{background-color:#f6a598}.balance.orange .scale-friends{background-color:#ffe495}.balance.lemon .scale-friends{background-color:#fdf081}.balance.grapes .scale-friends{background-color:#ed9fc3}.balance.strawberry .scale-friends{background-color:#dab49f}.balance.blueberry .scale-friends{background-color:#8fcdff}.balance.melon .scale-friends{background-color:#f4f1cd}.balance.peach .scale-friends{background-color:#ffd5b8}.balance.mango .scale-friends{background-color:#e0cc58}.balance.coconut .scale-friends{background-color:#c3bca6}.balance.kiwi .scale-friends{background-color:#f2f6b8}.balance.tomato .scale-friends{background-color:#edb690}.balance.avocado .scale-friends{background-color:#fac777}.balance.olive .scale-friends{background-color:#b6c676}.balance.cucumber .scale-friends{background-color:#d7edab}.modal{align-items:center;backdrop-filter:blur(12px);background-color:rgba(var(--color-accent-rgb), 0.7);display:flex;height:100%;justify-content:center;left:0;margin:0;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fd775d;border-radius:10px;max-width:24rem;padding:1.5rem;width:calc(100% - 1.5rem);color:var(--color-primary)}.modal-content>*+*{margin-block-start:1.5rem}.modal-content .mark{color:#fff}.modal h3{color:#fff;font-size:1.5rem;font-weight:700}.modal h4 span{color:#fff}table{table-layout:auto;width:100%}table td[data-avatar]::before,table td[data-icon]::before{content:attr(data-icon);margin-inline-end:.25rem}table td{padding:.75rem}table tr{border-block-end:1px solid #fff;cursor:pointer}table.tr.outgray{opacity:.25}table tr:hover{background-color:hsla(0,0%,100%,.25)}.tabs{display:flex;gap:.75rem;border-block-end:1px solid #fff;overflow:auto}.tabs a,.tabs span{border-radius:10px 10px 0 0;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;text-align:center;text-decoration:none;width:100%}.tabs a.active,.tabs span.active{background-color:hsla(0,0%,100%,.2)}