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{box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:0;max-width:100%;min-height:100vh;width:100%}@media screen and (max-width:768px){header{align-items:flex-start;flex-direction:column}.user-info{justify-content:space-between;padding:10px;width:100%}.habit-container{align-items:center;flex-direction:column;padding:10px}.habit-table{margin-bottom:20px;overflow-x:auto;width:100%}.habit-table table{min-width:300px}.habit-input,.notes-input,.notes-section{max-width:100%;width:100%}.habit-input input,.notes-input input[type=date],.notes-input textarea{box-sizing:border-box;width:100%}.note-item{max-width:100%}.habit-name{align-items:flex-start;flex-direction:column}.delete-habit-btn{margin-top:5px;position:static}}body{background:#f8f5f3}header{align-items:center;background:#fff;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;margin-bottom:20px;padding:0 20px}header h2{font-size:1.2em}.user-info{align-items:center;color:#333;display:flex;font-size:.9em;gap:10px}.habit-input{display:flex;margin-bottom:15px;width:300px}.habit-input input{border:1px solid #ddd;border-radius:4px;flex-grow:1;margin-right:10px;padding:8px}.habit-input button,.notes-input button,header button{align-self:flex-start;background-color:#51a868;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:600;max-width:120px;padding:10px 15px}header button{background-color:initial;border:1px solid #333;color:#333;font-size:.9em;max-width:none}.habit-container{display:flex;gap:20px;justify-content:center}.habit-table{background-color:#fffc;border-collapse:collapse;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;width:100%}.habit-table td,.habit-table th{border:1px solid #ddd;padding:8px;text-align:center}.habit-table th{background:url(https://grainy-gradients.vercel.app/noise.svg);font-weight:700}.day-of-week{color:#666;font-size:.7em;text-transform:uppercase}.day-of-month{font-size:1em;font-weight:700}.habit-table .date-header{max-width:25px;min-width:25px;padding:4px}.date-header.today{background:#000;color:#fff;font-weight:700}.habit-table .habit-day{max-width:25px;min-width:25px;padding:4px;width:25px}.habit-day{cursor:pointer;transition:background-color .3s}.habit-day.today{background-color:#eaf2fb}.habit-day.completed{color:#fff;font-weight:700}.habit-streak{cursor:default}.habit-table tbody tr:nth-child(13n+1) .habit-day.completed{background-color:#4cb944}.habit-table tbody tr:nth-child(13n+2) .habit-day.completed{background-color:#3abea2}.habit-table tbody tr:nth-child(13n+3) .habit-day.completed{background-color:#28c2ff}.habit-table tbody tr:nth-child(13n+4) .habit-day.completed{background-color:#4386f1}.habit-table tbody tr:nth-child(13n+5) .habit-day.completed{background-color:#5e4ae3}.habit-table tbody tr:nth-child(13n+6) .habit-day.completed{background-color:#a44ee1}.habit-table tbody tr:nth-child(13n+7) .habit-day.completed{background-color:#d2377e}.habit-table tbody tr:nth-child(13n+8) .habit-day.completed{background-color:#ba1b1d}.habit-table tbody tr:nth-child(13n+9) .habit-day.completed{background-color:#d95d4b}.habit-table tbody tr:nth-child(13n+10) .habit-day.completed{background-color:#f79f79}.habit-table tbody tr:nth-child(13n+11) .habit-day.completed{background-color:#f7d08a}.habit-table tbody tr:nth-child(13n+12) .habit-day.completed{background-color:#bec873}.habit-table tbody tr:nth-child(13n) .habit-day.completed{background-color:#85c15b}.habit-day.skipped{background-color:#f44336;color:#fff;font-size:1.2em;font-weight:700;text-align:center}.habit-cell.today{background-color:#2196f3}.streak-column{background-color:initial!important;color:#2196f3;cursor:default!important;font-weight:700}.delete-habit-btn{background:none;border:none;color:#f44336;cursor:pointer;font-size:.8em;margin-left:10px}.habit-name{align-items:center;display:flex;justify-content:space-between;padding-right:25px;position:relative}.delete-habit-btn{opacity:0;position:absolute;right:-5px;transition:opacity .3s}.habit-table td:first-child:hover .delete-habit-btn{opacity:1}.habit-name span{cursor:pointer;transition:color .3s}.habit-name span:hover{color:#2196f3}.habit-edit{display:flex;flex-direction:column}.habit-edit input{border:1px solid #ddd;border-radius:4px;margin-bottom:5px;padding:5px}.habit-edit-actions{display:flex;gap:5px}.habit-edit-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.8em;padding:5px 10px}.habit-edit-actions button:first-child{background-color:#4caf50;color:#fff}.habit-edit-actions button:last-child{background-color:#f44336;color:#fff}.today-column{background-color:#2196f31a;font-weight:700}th.today-column{background:#000;color:#fff}.habit-table td:first-child{align-items:center;justify-content:space-between;text-align:left}@media (max-width:600px){.habit-table{font-size:.8em;width:auto}.habit-table td,.habit-table th{padding:5px}}.notes-section,.sticky-notes-section{max-width:540px}.notes-section h3{font-size:1.2em;margin:0 0 10px}.notes-input{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.notes-input input[type=date],.notes-input textarea{border:1px solid #ddd;border-radius:4px;padding:8px}.notes-input textarea{resize:vertical}.notes-list{max-height:300px}.note-item{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:10px;padding:10px;position:relative}.note-date{color:#666;font-size:.8em}.note-text{word-wrap:break-word;border-radius:4px;cursor:pointer;padding:2px 4px;transition:background-color .2s;white-space:pre-wrap}.note-text:hover{background-color:#00000005}.note-header{justify-content:space-between;margin-bottom:5px;position:relative}.note-actions,.note-header{align-items:center;display:flex}.note-actions{opacity:0;position:absolute;right:0;transition:opacity .3s}.note-item:hover .note-actions{opacity:1}.input-and-nav{display:flex;justify-content:space-between}.week-navigation{align-items:flex-start;display:flex;gap:10px}.delete-note-btn,.edit-note-btn,.sticky-note-btn,.week-nav-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:2px 5px;transition:background-color .3s}.week-nav-btn{color:#999;font-size:1.5em;padding-top:0}.edit-note-btn{color:#2196f3}.delete-note-btn{color:#f44336}.note-edit{display:flex;flex-direction:column;gap:10px}.note-edit-actions{align-items:center;display:flex;gap:5px}.cancel-note-btn,.save-note-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:.9em;padding:2px 5px;transition:background-color .3s}.save-note-btn{color:#4caf50}.save-note-btn:hover{background-color:#4caf501a}.cancel-note-btn{color:#f44336}.cancel-note-btn:hover{background-color:#f443361a}.habit-input input{font-family:monospace}.note-text-edit{word-wrap:break-word;background:#0000;border:none;border-radius:4px;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;min-height:20px;outline:none;overflow:hidden;padding:2px 4px;resize:none;transition:background-color .2s;white-space:pre-wrap;width:100%}.note-date-edit:focus,.note-text-edit:focus{background-color:#2196f305}.todo-item{align-items:flex-start;cursor:pointer;display:flex;gap:8px;margin:4px 0;-webkit-user-select:none;user-select:none}.todo-checkbox{cursor:pointer;flex-shrink:0;height:16px;margin-top:3px;width:16px}.todo-text{flex:1 1;transition:all .2s ease}.todo-checked{color:#999;opacity:.7;text-decoration:line-through}.habit-table tbody tr{cursor:move;transition:all .2s ease}.habit-table tbody tr.dragging{background-color:#f0f0f0;opacity:.5}.habit-table tbody tr.drag-over{border-top:3px solid #2196f3}.habit-table tbody tr:hover{background-color:#00000005}
/*# sourceMappingURL=main.9fae6cb1.css.map*/