@charset "UTF-8";#root{width:100%;min-height:100vh;box-sizing:border-box}.app{width:100%;min-height:100vh;box-sizing:border-box;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center}.card{padding:2em}.intro{color:#fdfffc;font-weight:400}.container{max-width:800px;width:100%;box-sizing:border-box;padding:1rem}.container-items{display:flex;margin-top:30px;margin-bottom:30px;flex-wrap:wrap;row-gap:10px;column-gap:10px}.counter{display:flex;padding:10px;background-color:#fff;border:3px solid #4cb944;border-radius:50%;width:50px;height:50px;margin-left:auto;justify-content:center;align-items:center}@media (max-width: 750px){.counter{margin:auto;width:40px;height:40px}}.avatar{margin-left:auto;font-size:23px;position:relative}.avatar:hover:before{content:"😋";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}@media (max-width: 750px){.avatar{position:absolute;top:0;right:0}}.avatar-container{display:flex;position:relative}.calendar-counter-container{display:flex}@media (max-width: 750px){.calendar-counter-container{flex-direction:column-reverse;justify-content:center;align-items:center;height:100%}}.item{height:100px;width:100px;background-color:#fdfffc;display:flex;align-items:center;justify-content:center;border:3px solid #4cb944;border-radius:10px;flex-direction:column;padding:0;color:#000;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.item:hover{background-color:#fdfffc;border:3px solid #f06543}.item--disabled{filter:opacity(80%)}.item--disabled:hover{border:3px solid #4cb944;filter:opacity(100%)}.item--actions{position:absolute;top:5px;right:5px;cursor:pointer}.item--actions:hover{color:#f06543}.emoji{size:large;font-size:30px}.name{line-height:1.1em}.description{font-size:.8rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%;padding:0 5px;box-sizing:border-box}.dropdown{position:absolute;top:calc(100% + 5px);right:0;background-color:#fdfffc;border:3px solid #ffbe27;border-radius:10px;display:flex;flex-direction:column;align-items:start;padding:7px 5px;z-index:1;font-size:16px;min-width:68px;transition:background-color .3s ease}.dropdown-button{background:none;border:none;padding:0 5px;cursor:pointer;color:#000;font-family:Alegreya Sans,sans-serif;transition:color .3s ease}.dropdown-button:hover{background:none;color:#4cb944}.day{font-size:30px;min-width:fit-content;min-height:fit-content;align-self:center;position:relative}.day--disabled{filter:opacity(80%)}.day--goal-success{font-size:60px}.message{position:absolute;top:60%;right:0;height:10px;width:10px;border-radius:50%;border:1.5px solid #246eb9}.calendar{display:flex;min-width:600px;justify-content:space-between}@media (max-width: 750px){.calendar{min-width:100%}}html:has(dialog[open]){overflow:hidden}.modal{background-color:#fdfffc;border:3px solid #4cb944;border-radius:10px;padding:20px;box-shadow:0 2px 5px #0000001a;flex-direction:column;max-width:500px;box-sizing:border-box}.modal::backdrop{background-color:#000;opacity:35%}.modal-content{display:flex;flex-direction:column}.modal-content label{margin-bottom:10px}.modal-content label input{margin-top:5px}.modal-content--description{font-family:Alegreya Sans,sans-serif}.modal-content--button-container{display:flex;justify-content:flex-end}.modal-content button{background-color:#4cb944;color:#fff;border:none;padding:10px;cursor:pointer;margin-top:10px;border-radius:10px}.modal-content button:hover{background-color:#f06543}.modal-content button:last-child{background-color:transparent;color:#4cb944}.modal-content button:last-child:hover{color:#f06543}.radio-container{display:flex}input[type=radio]{width:auto;accent-color:#f06543}:root{font-family:Urbanist,sans-serif;line-height:1.5;font-weight:600;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--neutral: #246eb9;--light: #ffbe27;--light-2: #fdfffc;--vivid: #4cb944;--vivid-2: #f06543;--border-radius: 10px}a{font-family:Alegreya Sans,sans-serif;font-weight:500;color:#ffbe27;text-decoration:inherit;font-style:italic}a:hover{color:#f06543}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:#246eb9;color:#000}h1{font-size:3.2em;line-height:1.1;font-weight:800}button{border-radius:10px;border:1px solid transparent;padding:.6em;font-size:1em;font-weight:600;font-family:inherit;background-color:#4cb944;color:#fdfffc;cursor:pointer;transition:border-color .25s}button:hover{background-color:#f06543}input{width:100%;padding:.6em;font-size:1em;font-weight:600;font-family:inherit;background-color:#fdfffc;border:3px solid #4cb944;border-radius:10px;box-sizing:border-box;transition:border-color .25s}input:focus{outline:none;border-color:#f06543;box-shadow:0 0 5px #f0654380}