*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;display:flex;font-family:Montserrat,sans-serif;justify-content:center;min-height:100vh}.app-container,body{background-color:#fff2ea;padding:5px}.app-container{position:relative;width:393px}.main-view{align-items:center;display:flex;flex-direction:column;gap:5px}.greeting-text{font-size:30px;margin-top:10px}.greeting-text,.subtitle-text{color:#000;font-weight:300;text-align:center}.subtitle-text{font-size:22px;margin-bottom:10px}.pet-image{height:207px;margin:10px 0;object-fit:contain;width:170px}.button{background-color:#ce9e7a;border:3px solid #000;border-radius:9px;color:#000;cursor:pointer;font-family:Montserrat,sans-serif;font-size:22px;font-weight:700;padding:10px 20px;transition:background-color .3s}.button:hover{background-color:#a66c4a}.button:disabled{background-color:#ce9e7a;color:#a66c4a;cursor:not-allowed}.feed-button{height:44px;width:170px}.goal-text{color:#000;font-size:22px;font-weight:300;margin:5px 0;text-align:center}.info-container{display:flex;gap:10px;margin:10px 0}.info-box{align-items:center;background-color:#fff;border:3px solid #000;border-radius:9px;display:flex;flex-direction:column;height:61px;justify-content:center;padding:5px;width:138px}.info-number{color:#000;font-size:22px;font-weight:700}.info-label{color:#585858;font-size:18px}.hunger-box{align-items:center;background-color:#fff;border:3px solid #000;border-radius:9px;display:flex;flex-direction:column;height:61px;justify-content:center;margin:10px 0;padding:5px;width:280px}.button-container{display:flex;gap:10px;margin:10px 0}.focus-button{height:65px;width:226px}.settings-button{align-items:center;display:flex;height:65px;justify-content:center;padding:0;width:65px}.settings-icon{height:30px;width:30px}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal{background-color:#fff2ea;border-radius:9px;max-height:90vh;max-width:393px;overflow-y:auto;padding:20px 20px 30px;width:90%}.modal-header{font-size:35px;margin-bottom:20px}.modal-header,.money-display{color:#000;font-weight:700;text-align:center}.money-display{background-color:#ce9e7a;border:3px solid #000;border-radius:9px;font-size:22px;margin:20px auto;padding:10px 20px;width:-webkit-fit-content;width:fit-content}.feed-modal-button{display:block;height:44px;margin:10px auto;width:301px}.focus-modal{align-items:center;display:flex;flex-direction:column;gap:10px}.timer-display{color:#000;font-size:49px;font-weight:400;margin:10px 0}.slider-container{display:flex;justify-content:center;margin:10px 0;width:100%}.slider{-webkit-appearance:none;background:#ce9e7a;border-radius:5px;height:8px;outline:none;width:185px}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;border-radius:50%;cursor:pointer;height:20px;width:20px}.slider::-moz-range-thumb{background:#000;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.focus-modal-button{height:44px;margin:5px;width:170px}.settings-modal{align-items:center;display:flex;flex-direction:column;gap:15px}.animal-selector{background-color:#ce9e7a;border:3px solid #000;border-radius:9px;color:#000;cursor:pointer;font-family:Montserrat,sans-serif;font-size:20px;height:41px;padding:5px 20px;width:229px}.input-label{color:#000;font-size:22px;font-weight:700;margin-top:10px}.input-field{background-color:#fff;border:none;border-radius:5px;color:#494949;font-family:Montserrat,sans-serif;font-size:22px;font-weight:300;height:40px;padding:10px;width:301px}.input-field::placeholder{color:#aaa}.validation-error{color:#ff3b30;font-size:14px;font-weight:300;margin-top:-10px;text-align:center}.save-button{height:50px;margin-top:10px;width:228px}.popup-modal{align-items:center;display:flex;flex-direction:column;gap:20px;height:220px;justify-content:center;width:393px}.popup-message{background-color:#fff;border:3px solid #000;border-radius:9px;color:#000;font-size:22px;padding:20px 35px;text-align:center;width:301px}.close-button{height:60px;width:190px}.modal::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar-track{background:#fff2ea}.modal::-webkit-scrollbar-thumb{background:#ce9e7a;border-radius:4px}.modal::-webkit-scrollbar-thumb:hover{background:#a66c4a}
/*# sourceMappingURL=main.0f7f4f03.css.map*/