body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App{color:#333;display:flex;flex-direction:column}.app-header{background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:2rem;text-align:center}.app-header h1{color:#2c5aa0;font-size:2.5rem;margin-bottom:.5rem}.app-header p{color:#666;font-size:1.1rem}.app-main{flex:1 1;margin:0 auto;max-width:800px;padding:2rem;width:100%}.goal-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:1.5rem;text-align:center}.goal-section label{color:#2c5aa0;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.goal-section input{border:2px solid #e0e0e0;border-radius:8px;font-size:1.2rem;padding:.8rem;text-align:center;transition:border-color .3s ease;width:150px}.goal-section input:focus{border-color:#667eea;outline:none}.progress-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:2rem;text-align:center}.progress-circle{margin:0 auto;max-width:300px}.progress-text{color:#2c5aa0;font-size:1.8rem;font-weight:600;margin-bottom:1rem}.current{color:#667eea}.separator{color:#999;margin:0 .3rem}.goal{color:#666;font-size:1.2rem}.progress-bar{background:#e0e0e0;border-radius:10px;height:20px;margin-bottom:1rem;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:10px;height:100%;transition:width .5s ease}.progress-percentage{color:#667eea;font-size:1.3rem;font-weight:600}.add-water-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:1.5rem}.add-water-section h3{color:#2c5aa0;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.water-buttons{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.water-buttons button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:transform .2s ease,box-shadow .2s ease}.water-buttons button:hover{box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.water-buttons button:active{transform:translateY(0)}.history-section{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;margin-bottom:2rem;padding:1.5rem}.history-section h3{color:#2c5aa0;font-size:1.3rem;margin-bottom:1.5rem;text-align:center}.no-history{color:#999;font-style:italic;padding:2rem;text-align:center}.history-list{list-style:none}.history-item{align-items:center;background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.8rem}.history-item .time{color:#666;font-size:.9rem}.history-item .amount{color:#4facfe;font-weight:600}.history-item .total{color:#2c5aa0;font-weight:500}.reset-section{text-align:center}.reset-button{background:#fff;border:2px solid #ff6b6b;border-radius:10px;color:#ff6b6b;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.reset-button:hover{background:#ff6b6b;box-shadow:0 6px 20px #ff6b6b4d;color:#fff;transform:translateY(-2px)}.app-footer{background:#fffffff2;margin-top:auto;padding:1.5rem;text-align:center}.app-footer p{color:#666;font-size:1rem}@media (max-width:768px){.app-header{padding:1.5rem 1rem}.app-header h1{font-size:2rem}.app-main{padding:1rem}.water-buttons{grid-template-columns:repeat(2,1fr)}.history-item{align-items:flex-start;flex-direction:column;gap:.3rem}.progress-text{font-size:1.5rem}}@media (max-width:480px){.app-header h1{font-size:1.8rem}.water-buttons{grid-template-columns:1fr}.progress-text{font-size:1.3rem}}
/*# sourceMappingURL=main.e4e89580.css.map*/