*,*:before,*:after{box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}* ::-webkit-scrollbar{display:none}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:400;src:url(/fonts/noto-sans-v39-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:700;src:url(/fonts/noto-sans-v39-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:900;src:url(/fonts/noto-sans-v39-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Mono;font-style:normal;font-weight:400;src:url(/fonts/dm-mono-v14-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:DM Mono;font-style:normal;font-weight:500;src:url(/fonts/dm-mono-v14-latin-500.woff2) format("woff2")}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased;font-family:Noto Sans,sans-serif}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1{font-family:DM-Mono,sans-serif;font-weight:500;font-size:3rem;text-align:center}@media (max-width: 768px){h1{font-size:2rem}}@media (max-width: 480px){h1{font-size:1.5rem}}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}h2{font-family:DM-Mono,sans-serif;font-weight:500;font-size:2rem;text-align:center}@media (max-width: 768px){h2{font-size:1.2rem}}@media (max-width: 480px){h2{font-size:1rem}}ul{list-style:none;padding:0;margin:0}#root,#__next{isolation:isolate}html.light-mode{--background-ice: #f6f8fa82;--dashboard-background: #afd6f365;--modal-background: #f7fbfc;--dashboard-highlight: #fbfeff;--text-color: #340e0e;--text-color-btn: #2e0404;--text-color-gradient-btn: #ffffff;--white: #ffffff;--angle: 0deg;--border-color: #ffffff;--hover-color: #e5f3fe9d;--chip-color: #74b7ff;--text-shadow: 1px 1px 2px #e0cff0;--text-shadow-blue: 1px 1px 2px #cec7e4;--gradient: linear-gradient(to right, #9043c7, #b286ff, #74b7ff);--gradient-light: linear-gradient(to right, #be76f1, #cdb0fe, #b7d5f5);--gradient-cone: conic-gradient( from var(--angle), transparent 85%, #a55ed8, #bd98fd, #95c5f8 );--logo: invert(50%) sepia(100%) saturate(500%) hue-rotate(200deg);--light-gradient-opacity: 1;--dark-gradient-opacity: 0;--simple-gradient: linear-gradient(to right, #b2d7fe, #c7f2fd);--simple-gradient-light: linear-gradient(to right, #c5e1ff, #d9f7ff);--navbar-fallback: rgba(255, 255, 255, .263)}html.dark-mode{--background-ice: #16166d2b;--dashboard-background: #2e2e4f;--modal-background: #171739;--dashboard-highlight: #191939;--text-color: #e0e0ec;--text-color-btn: #fff;--text-color-gradient-btn: #191939;--white: #e8e8ee;--angle: 0deg;--border-color: #5f5f88;--hover-color: #49487788;--text-shadow: 1px 1px 3px #3f1545;--text-shadow-blue: 1px 1px 3px #0d0d2c;--chip-color: #b67cfc;--gradient: linear-gradient(to right, #b67cfc, #ff86bc, #ffbc74);--gradient-light: linear-gradient(to right, #c699fd, #fe99c7, #ffce9a);--gradient-cone: conic-gradient( from var(--angle), transparent 85%, #b67cfc, #ff86bc, #ffbc74 );--logo: invert(88%) sepia(5%) saturate(0%) hue-rotate(180deg) brightness(92%) contrast(88%);--light-gradient-opacity: 0;--dark-gradient-opacity: 1;--simple-gradient: linear-gradient(to right, #0b0a3e, #161667);--simple-gradient-light: linear-gradient(to right, #21206c, #34348b);--navbar-fallback: rgba(0, 0, 5, .249)}body{color:var(--text-color);background-size:cover;background-repeat:no-repeat;background-attachment:fixed;min-height:100vh;transition:color .5s ease;position:relative}body:before,body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transition:opacity 2s ease-in;z-index:-1;background-size:cover;background-repeat:no-repeat}body:before{background-image:radial-gradient(circle at 50% 100%,#fef2d8,#fce69d 3%,#e2e5ff 15%,#cbe0f7 60%,#b1c8f9)}body:after{background-image:radial-gradient(circle at 50% 100%,#161667,#0b0a3e 30%,#0d0d2c 70%)}html.light-mode body:before{opacity:1}html.light-mode body:after{opacity:0}html.dark-mode body:before{opacity:0}html.dark-mode body:after{opacity:1}a,a:hover{color:var(--text-color)}a:focus{color:var(--text-color)}a:visited,a:active{color:var(--text-color)}button{background:var(--gradient);color:var(--text-color-btn);border-radius:.5rem;border:none;padding:.5rem 1rem}button:hover{background:var(--gradient-light);color:var(--text-color-btn)}.logo{width:5rem;height:auto;filter:var(--logo)}.sr-only{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}:root{--color-lightest: var(--background-color);--color-light: var(--dashboard-color);--color-medium: #ff9900;--color-dark: #ec8d00}.app{display:grid;grid-template-columns:1fr 2fr;gap:2rem;align-items:start;padding:2rem}@media (max-width: 768px){.app{grid-template-columns:1fr}}.button{background-color:var(--color-medium);background-image:none;color:#fffefb;box-shadow:none;text-shadow:none;padding:.8rem 1.2rem;border:none;border-radius:7px;font-weight:700;cursor:pointer;transition:.3s}.button:hover{background-color:var(--color-dark);background-image:none}.sidebar ul{list-style:none;display:flex;flex-direction:column;gap:.4rem;font-size:1rem;margin-bottom:1rem}.sidebar li{display:grid;grid-template-columns:.5fr 2fr .5fr;align-items:center;column-gap:1rem;padding:.5rem;border-radius:7px;transition:.5s}.selected,.sidebar li:hover{background-color:var(--color-lightest)}.sidebar li img{border-radius:50%;width:100%;grid-row:span 2}.sidebar li h3{grid-row:1;grid-column:2}.sidebar li p{grid-row:2;grid-column:2}.sidebar li .button{grid-row:span 2;grid-column:3}.sidebar>.button{float:right;margin-right:1.2rem}.green{color:#66a80f}.red{color:#e03131}form{font-size:1rem;display:grid;align-items:center;gap:1.2rem;background-color:var(--color-lightest);border-radius:7px}.form-add-friend{grid-template-columns:1fr 1.5fr;margin-bottom:1.6rem;padding:1.2rem}.form-split-bill{grid-template-columns:1fr 2fr;padding:1rem 2rem}label{font-weight:500}label:first-letter{display:inline-block;margin-right:4px;font-size:1rem}input,select{font-family:inherit;color:#2e2e4f;font-size:1rem;padding:.7rem;text-align:center;border:1px solid var(--color-light);border-radius:4px;transition:.3s}input:focus,select:focus{outline:none;border:1px solid var(--color-dark)}form .button{margin-top:.6rem;grid-column:2}form h2{grid-column:1 / -1;font-size:2rem;text-transform:uppercase;letter-spacing:-.5px;margin-bottom:1.6rem}