@font-face{display:swap;font-weight:100 1000;src:url("../fonts/Montserrat-VF.woff2") format("woff2 supports variations"),url("../fonts/Montserrat-VF.woff2") format("woff2-variations");font-family:"montserrat"}*,*::before,*::after{margin:0;padding:0}html{height:100%;scroll-behavior:smooth;font-size:100%}.body{background-color:#0b0a03;height:100%;color:#e8e8e6;font-size:1rem;line-height:1.6;font-family:"montserrat",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;interpolate-size:allow-keywords}.body__inner{display:grid;position:relative;grid-template-rows:auto 1fr auto;height:100%}.header{margin-top:.5rem;border-top:1px solid rgba(232,232,230,.5);border-bottom:1px solid rgba(232,232,230,.5);padding:.25rem 1rem}.footer{margin-bottom:.5rem;border-top:1px solid rgba(232,232,230,.5);border-bottom:1px solid rgba(232,232,230,.5);padding:.5rem 1rem}.nav ul{display:flex;justify-content:center;gap:1.75rem;margin:0;padding:0;list-style:none}.page-title{font-weight:200;font-size:1rem;font-family:"montserrat",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;text-align:center;text-transform:uppercase}@media screen and (min-width: 36rem){.page-title{font-size:1.5rem}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-weight:200;line-height:1.2;font-family:"montserrat",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}.text-center{text-align:center}.wrap{margin:0 auto;padding-inline:1rem;max-width:48rem}h2{font-size:2rem}button,.button{all:unset;display:inline-flex;justify-content:center;align-items:center;gap:.25rem;transition:background-color .2s ease,color .2s ease;cursor:pointer;border:1px solid rgba(232,232,230,.5);border-radius:.3em;background-color:#e8e8e6;padding:.5rem 1.25rem;color:#0b0a03;font-size:1rem;text-decoration:none}.button--dark{background-color:#0b0a03;color:#e8e8e6}.button--clear{background:rgba(232,232,230,0);color:#e8e8e6}@media(hover: hover)and (pointer: fine){.button--clear:hover{background-color:rgba(232,232,230,.05)}}.expense-form{display:grid;grid-template-columns:1fr;gap:1rem;transition:grid-template-rows .2s ease;box-sizing:border-box;padding-block:25dvh 3rem}.expense-form__actions{display:flex;justify-content:center}.expense-form__submit{min-width:45%}.adv-field{transition:border-color .1s ease;box-sizing:border-box;border:1px solid rgba(232,232,230,.5);border-radius:.3em;background-color:#0b0a03;padding:.5rem 1.25rem;font-size:1.25rem}.adv-field__input{outline:1px solid rgba(0,0,0,0);min-height:1.5em;white-space:normal;word-break:break-word}.adv-field:focus-within{border-color:rgba(232,232,230,.8)}.extracted-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .1s}.extracted-wrap:not(:has(.active)){grid-template-rows:0fr}.extracted{display:flex;justify-content:center;align-items:start;gap:1rem;overflow:hidden;color:rgba(232,232,230,.7);font-size:.875rem;list-style:none}.extracted__item{display:flex;position:relative;transition:all .2s ease;border-radius:.3em;background-color:#e8e8e6;padding-block:.25rem;min-height:1.6em;color:#0b0a03}.extracted__item.amount{flex-shrink:0;max-width:50%}.extracted__item:not(.active){transform:translateY(-0.5rem);opacity:0}.extracted__icon,.extracted__value{display:flex;align-items:center}.extracted__icon{border-right:1px solid rgba(11,10,3,.5);padding:0 .5rem}.extracted__value{position:relative;z-index:1;padding:0 .5rem;white-space:normal;word-break:break-word}.app{opacity:0;transition:opacity .3s ease;height:100%;pointer-events:none}.app.active{opacity:1;pointer-events:auto}.protector{display:grid;position:fixed;backdrop-filter:blur(10px) saturate(1.5);transition:opacity .3s ease,visibility .3s ease;inset:0;background-color:rgba(11,10,3,.8);padding-block:10rem}.protector:not(.active){visibility:hidden;opacity:0;pointer-events:none}.protector__form{display:grid;justify-items:center;gap:2rem}.protector__input{box-sizing:border-box;border:1px solid rgba(232,232,230,.5);border-radius:.3em;background-color:rgba(0,0,0,0);padding:.5rem 1.25rem;min-width:0px;color:#e8e8e6;font-size:1.25rem}.protector__input::placeholder{color:rgba(232,232,230,.5)}.protector__input:focus{outline:1px solid rgba(232,232,230,.8)}.notice{position:fixed;top:10%;left:50%;transform:translate(-50%, -10%);opacity:0;z-index:1000;transition:all .5s ease;box-sizing:border-box;border-radius:.3em;background:rgba(232,232,230,.9);padding:1.25rem 1.75rem;min-width:16rem;overflow:hidden;color:#0b0a03;text-align:center}.notice.active{transform:translate(-50%, 0%);opacity:1}