body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#1a1a1a;color:#fff;min-height:100vh;padding:2rem;text-align:center}header{margin-bottom:3rem;position:relative}h1{font-size:3rem;font-weight:700;margin:0}.subtitle{color:#666;margin:.5rem 0}.habit-container{margin:0 auto;max-width:1000px}.goal-section{background-color:#252525;border-radius:10px;margin-bottom:1rem;padding:1.5rem}.goal-name{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:left}.habit-row{background-color:#1f1f1f;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.habit-row:last-child{margin-bottom:0}.habit-header{align-items:center;display:flex;margin-bottom:1rem}.habit-name{color:#fff;font-size:1.2rem;margin-bottom:0;text-align:left}.habit-hours{color:#666;font-size:1rem;margin-left:.75rem}.habit-grid{text-align:left}.months-row{display:grid;margin-bottom:.5rem}.grid-squares{display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,1fr)}.month{color:#666;font-size:.9rem;text-align:center}.grid-square{aspect-ratio:1;background-color:#333;border-radius:2px;cursor:pointer;transition:background-color .2s}.grid-square.low{background-color:#1e3217}.grid-square.medium-low{background-color:#2d4a22}.grid-square.medium-high{background-color:#3c632d}.grid-square.high{background-color:#4a7b38}.grid-square:hover{background-color:#444}.grid-square.low:hover{background-color:#2d4a22}.grid-square.medium-low:hover{background-color:#3c632d}.grid-square.medium-high:hover{background-color:#4a7b38}.grid-square.high:hover{background-color:#599443}.grid-square.today{outline:1px solid #fff;outline-offset:-1px}.log-time-section{margin:0 auto 2rem;max-width:1000px;text-align:center}.action-buttons{display:flex;gap:1rem;justify-content:center}.create-habit-button,.log-time-button,.start-timer-button{align-items:center;background-color:#252525;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;padding:1rem;transition:background-color .2s}.create-habit-button:hover,.log-time-button:hover,.start-timer-button:hover{background-color:#333}.log-time-form{background-color:#252525;border-radius:10px;display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem}.habit-select{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:.75rem}.habit-select,.habit-select option{background-color:#1f1f1f;color:#fff}.time-buttons{display:flex;gap:1rem}.time-button{align-items:center;background-color:#1f1f1f;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1rem;gap:.5rem;justify-content:center;padding:.75rem;transition:background-color .2s}.time-button:hover{background-color:#333}.start-timer{background-color:#2d4a22}.start-timer:hover{background-color:#375929}.time-entry{background-color:#252525;border-radius:8px;flex-direction:column;padding:1rem}.time-entry,.time-inputs{display:flex;gap:1rem}.time-input-group{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.time-input{-moz-appearance:textfield;background-color:#1f1f1f;border:none;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;height:42px;padding:.75rem;width:100%}.time-input::placeholder{color:#666}.button-group{display:flex;gap:1rem}.back-button{background-color:#333;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem;transition:background-color .2s}.back-button:hover{background-color:#444}.save-button{background-color:#2d4a22;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem;transition:background-color .2s}.data-buttons{display:flex;gap:1rem;position:absolute;right:0;top:0}.export-button,.import-button{background-color:#252525;border:none;border-radius:8px;color:#666;cursor:pointer;display:inline-block;font-family:inherit;font-size:.9rem;line-height:normal;padding:.5rem 1rem;transition:all .2s}.export-button:hover,.import-button:hover{background-color:#333;color:#fff}.import-button input{display:none}.create-habit-form{background-color:#252525;border-radius:10px;margin-top:1rem;padding:1rem}.create-habit-form,.habit-input-group{display:flex;flex-direction:column;gap:1rem}.habit-input{background-color:#1f1f1f;border:none;border-radius:8px;box-sizing:border-box;color:#fff;font-size:1rem;height:42px;padding:.75rem;width:100%}.habit-input::placeholder{color:#666}.goal-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:1.5rem}.add-sub-habit-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;padding:0;transition:color .2s}.add-sub-habit-button:hover{color:#fff}.add-sub-habit-form{background-color:#1f1f1f;border-radius:8px;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem}.add-sub-habit-form .habit-input{background-color:#252525}.goal-actions{align-items:center;display:flex;gap:.5rem}.delete-habit-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;padding:0;transition:color .2s}.delete-habit-button:hover{color:#f44}.modal-overlay{align-items:center;background-color:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{background-color:#252525;border-radius:10px;max-width:400px;padding:1.5rem;width:90%}.confirm-dialog p{margin:0 0 1.5rem;text-align:center}.delete-button{background-color:#f44;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem;transition:background-color .2s}.delete-button:hover{background-color:#f66}.sub-habit-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.sub-habit-header .habit-header{margin-bottom:0}.sub-habit-header .delete-habit-button{margin-right:0;margin-top:0}.sub-habit-actions{align-items:center;display:flex;gap:.5rem}.sub-habit-actions .log-time-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;line-height:1;margin-top:0;padding:0;transition:color .2s}.sub-habit-actions .log-time-button:hover{color:#fff}.sub-habit-actions .delete-habit-button{font-size:1.5rem}.date-input{margin-top:.5rem}.date-input-field{background-color:#1f1f1f;border:none;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;height:42px;padding:.75rem;width:100%}.date-input-field::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(1)}.goal-title{align-items:baseline;display:flex;gap:.75rem}.goal-title .goal-name{margin-bottom:0}.goal-title .habit-hours{color:#666;font-size:1.2rem;margin-bottom:0;margin-left:0}.timer-form{background-color:#252525;border-radius:10px;flex-direction:column;margin-top:1rem;padding:1rem}.habit-select-group,.timer-form{display:flex;gap:1rem}.timer-display{background-color:#1f1f1f;border-radius:8px;font-family:monospace;font-size:2.5rem;margin:1rem 0;padding:1rem;text-align:center}.timer-buttons{display:flex;gap:1rem}.start-button{background-color:#2d4a22;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem;transition:background-color .2s}.start-button:hover:not(:disabled){background-color:#375929}.pause-button{background-color:#4a4a22;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;padding:.75rem;transition:background-color .2s}.pause-button:hover{background-color:#5c5c2a}.save-button:disabled,.start-button:disabled{cursor:not-allowed;opacity:.5}.feedback-message{animation:fadeInOut 2s ease-in-out;background-color:#2d4a22;border-radius:8px;color:#fff;left:50%;padding:1rem 2rem;position:fixed;top:20px;transform:translateX(-50%);z-index:1000}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}.week-hours{font-size:.9rem;margin-left:.5rem}
/*# sourceMappingURL=main.6b7c0da6.css.map*/