@import "https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&display=swap";*,:before,:after{box-sizing:border-box}body{margin:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-bg:#fff8e7;--page-bg:#f9edd1;--card-bg:#fff8ec;--accent-yellow:#ffd473;--accent-yellow-bright:#ffeb7f;--cream:#ffebbe;--cream-mid:#f0e4c7;--green:#d2e7d0;--peach:#efcab8;--blue:#b8d0e7;--text-dark:#2a1f0e;--text-mid:#6b5b3e;--text-light:#a0906c;--border:#2a1f0e14;--shadow:0 2px 12px #2a1f0e12;--radius:18px;--radius-sm:12px}html,body,#root{background:var(--page-bg);height:100%;color:var(--text-dark);-webkit-font-smoothing:antialiased;font-family:Rethink Sans,sans-serif}.app-shell{height:100vh;display:flex;overflow:hidden}.bg-scribble{z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:340px;height:auto;position:absolute;top:-60px;left:-80px}.sidebar{background:var(--sidebar-bg);flex-direction:column;gap:20px;width:350px;min-width:350px;height:100vh;padding:28px 32px 24px;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:0}.sidebar-logo{justify-content:center;margin-bottom:4px;display:flex}.sidebar-logo img{height:82px}.sidebar-section-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.sidebar-section-header img{width:auto;height:50px}.calendar-header{margin-top:24px;margin-bottom:14px}.calendar-date-pill-wrap{justify-content:center;align-items:center;gap:6px;margin-bottom:12px;display:flex}.cal-month-arrow{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:8px;padding:4px 6px;line-height:0;transition:background .15s,color .15s}.cal-month-arrow svg{display:block}.cal-month-arrow:hover{background:var(--cream);color:var(--text-mid)}.cal-today-btn{color:var(--text-mid);cursor:pointer;text-transform:lowercase;background:#fef1d8;border:none;border-radius:40px;margin:12px auto 0;padding:6px 16px;font-family:Rethink Sans,sans-serif;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:block}.cal-today-btn:hover{color:var(--text-dark);background:#ffecc2}.calendar-date-pill{color:var(--text-mid);text-align:center;background:#fef1d8;border-radius:40px;padding:8px 18px;font-size:13px;font-weight:700;display:inline-block}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:0;display:grid}.cal-day-header{color:var(--text-light);text-align:center;padding:2px 0 6px;font-size:13px;font-weight:700}.cal-day{cursor:pointer;justify-content:center;align-items:center;padding:2px 0;transition:transform .15s;display:flex}.cal-day:hover{transform:scale(1.05)}.cal-circle{width:38px;height:38px;color:var(--text-mid);background:url(/assets/circle_for_other_day.svg) 50%/contain no-repeat;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;transition:background .15s,transform .15s;display:flex}.cal-day.today .cal-circle{color:var(--text-dark);background:url(/assets/circle_for_current_day.svg) 50%/contain no-repeat;font-weight:700}.cal-day.other-month .cal-circle{opacity:.4}.cal-day.selected:not(.today) .cal-circle{opacity:.7;color:var(--text-dark);background:url(/assets/circle_for_current_day.svg) 50%/contain no-repeat}.habit-bar-row{margin-bottom:8px;position:relative}.habit-bar-top{z-index:2;justify-content:space-between;align-items:baseline;padding:0 10px;display:flex;position:relative}.habit-bar-label{color:var(--text-mid);text-transform:lowercase;font-size:15px;font-weight:700}.habit-bar-count{color:var(--text-light);align-items:baseline;gap:2px;font-size:12px;font-weight:700;display:inline-flex}.habit-target-input{width:24px;color:var(--text-mid);text-align:center;-moz-appearance:textfield;background:0 0;border:none;border-bottom:1px dashed #2a1f0e33;outline:none;padding:0 2px;font-family:Rethink Sans,sans-serif;font-size:12px;font-weight:700}.habit-target-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.habit-target-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.habit-target-input:focus{border-bottom-color:var(--text-mid);border-bottom-style:solid}.habit-bar-track{height:44px;margin-top:-10px;position:relative}.habit-bar-track svg{width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.overview-grid{grid-template-columns:repeat(4,1fr);gap:6px 0;display:grid}.overview-cell{cursor:default;justify-content:flex-end;align-items:center;height:64px;padding-right:4px;display:flex;position:relative}.ov-blob{z-index:0;opacity:.8;width:50px;height:50px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.ov-icon{z-index:2;object-fit:contain;pointer-events:none;width:22px;height:22px;position:absolute;top:50%;left:2px;transform:translateY(-50%)}.ov-text{z-index:1;text-align:center;color:#0006;flex-direction:column;justify-content:center;align-items:center;width:44px;margin-right:8px;line-height:1;display:flex;position:relative}.overview-cell .ov-hours{font-size:17px;font-weight:800;line-height:1}.overview-cell .ov-label{text-transform:lowercase;margin-top:0;font-size:11px;font-weight:700;line-height:1}.ov-tooltip{background:var(--text-dark);color:var(--card-bg);white-space:nowrap;text-transform:lowercase;opacity:0;pointer-events:none;z-index:5;border-radius:8px;padding:4px 10px;font-size:10px;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% - 2px);left:50%;transform:translate(-50%)translateY(4px)}.overview-cell:hover .ov-tooltip{opacity:1;transform:translate(-50%)translateY(0)}.sidebar-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:50px;display:flex}.sidebar-footer img{cursor:pointer;opacity:.7;height:18px}.sidebar-footer img:hover{opacity:1}.main-area{background:var(--page-bg);flex-direction:column;flex:1;padding:24px 32px 40px;display:flex;position:relative;overflow:hidden auto}.main-area::-webkit-scrollbar{width:0}.top-bar{justify-content:center;align-items:center;min-height:44px;margin-bottom:20px;display:flex;position:relative}.nav-tabs{gap:14px;display:flex}.nav-tab{cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;line-height:0;transition:opacity .2s}.nav-tab:hover{opacity:.95}.nav-tab.active{opacity:1}.nav-tab img{height:30px}.greeting-area{pointer-events:none;z-index:0;line-height:0;position:absolute;top:-96px;right:-104px}.greeting-img{height:320px;display:block}.week-nav{justify-content:center;align-items:center;margin-bottom:24px;display:flex}.week-days-row{align-items:flex-start;gap:20px;display:flex}.week-day-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:8px;padding:0;transition:opacity .15s,transform .15s;display:flex}.week-day-btn[data-dist="0"]{opacity:1}.week-day-btn[data-dist="1"]{opacity:.8}.week-day-btn[data-dist="2"]{opacity:.6}.week-day-btn[data-dist="3"]{opacity:.4}.week-day-btn:hover{transform:translateY(-1px)}.day-num-wrap{justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}.day-num-blob{z-index:0;background:#ffe9b8;border-radius:48% 52% 45% 55%/55% 45% 52% 48%;position:absolute;inset:0}.week-day-btn.is-anchor .day-num-blob{background:#ffd473;border-radius:52% 48% 54% 46%/48% 55% 45% 52%}.day-num{z-index:1;color:#8c7032;font-family:Rethink Sans,sans-serif;font-size:20px;font-weight:800;line-height:1;position:relative}.week-day-btn.is-anchor .day-num{font-weight:800}.day-label{color:#8c7032;text-transform:lowercase;font-family:Rethink Sans,sans-serif;font-size:13px;font-weight:500;line-height:1}.week-day-btn.is-anchor .day-label{color:var(--text-dark);font-weight:700}.status-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.badge{background:var(--cream);color:var(--text-mid);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.badge img{height:18px}.badge-goal{background:var(--card-bg);border:1px solid var(--border);color:var(--text-light);text-overflow:ellipsis;white-space:nowrap;flex:1;max-width:400px;font-style:italic;font-weight:400;overflow:hidden}.section-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.section-header img{height:50px}.task-list{flex-direction:column;gap:8px;margin-bottom:24px;display:flex}.task-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .2s,background .2s;display:flex}.task-card:hover{box-shadow:var(--shadow)}.task-card.done{opacity:.55}.task-card.done .task-name{color:var(--text-light);text-decoration:line-through}.task-checkbox{cursor:pointer;flex-shrink:0;line-height:0}.task-checkbox img{width:26px;height:26px}.task-name{color:var(--text-dark);flex:1;font-size:14px;font-weight:700}.task-meta{align-items:center;gap:8px;margin-left:auto;display:flex}.task-time{color:var(--text-mid);white-space:nowrap;font-size:12px;font-weight:600}.task-cat-icon{object-fit:contain;width:20px;height:20px}.task-cat-pill{background:var(--sidebar-bg);border:1px solid var(--border);color:var(--text-mid);text-transform:lowercase;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.task-cat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.task-edit,.task-delete{cursor:pointer;opacity:.4;color:var(--text-mid);background:0 0;border:none;padding:2px;line-height:0;transition:opacity .2s}.task-edit:hover,.task-delete:hover{opacity:.9}.task-delete img{width:18px;height:18px}.task-edit svg{width:16px;height:16px;display:block}.add-task-card{background:var(--cream);border-radius:var(--radius);border:1.5px dashed #2a1f0e26;align-items:center;gap:12px;padding:14px 16px;display:flex}.add-task-input{color:var(--text-dark);background:0 0;border:none;outline:none;flex:1;font-family:Rethink Sans,sans-serif;font-size:14px}.add-task-input::placeholder{color:var(--text-light)}.add-task-meta{align-items:center;gap:8px;display:flex}.add-task-meta input,.add-task-meta select{background:var(--sidebar-bg);border:1px solid var(--border);color:var(--text-mid);border-radius:10px;outline:none;padding:5px 8px;font-family:Rethink Sans,sans-serif;font-size:12px}.add-task-meta select{cursor:pointer}.add-task-submit{background:var(--accent-yellow);color:var(--text-dark);cursor:pointer;border:none;border-radius:10px;padding:6px 12px;font-family:Rethink Sans,sans-serif;font-size:12px;font-weight:700;transition:background .2s}.add-task-submit:hover{background:var(--accent-yellow-bright)}.task-edit-card{border-style:solid;border-color:var(--accent-yellow);background:var(--card-bg)}.edit-task-input{background:var(--sidebar-bg);border:1px solid var(--border);color:var(--text-dark);border-radius:10px;outline:none;flex:1;padding:7px 10px;font-family:Rethink Sans,sans-serif;font-size:14px;font-weight:600}.edit-cancel{border:1px solid var(--border);color:var(--text-mid);cursor:pointer;background:0 0;border-radius:10px;padding:6px 10px;font-family:Rethink Sans,sans-serif;font-size:12px;font-weight:700;transition:background .2s}.edit-cancel:hover{background:var(--cream)}.habits-row{flex-wrap:wrap;gap:10px;display:flex}.habit-chip{background:var(--card-bg);border:1px solid var(--border);color:var(--text-mid);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.habit-chip:hover{border-color:var(--accent-yellow)}.habit-chip.checked{color:var(--text-dark);font-weight:600}.habit-chip img{width:22px;height:22px}.ptw-container{flex-direction:column;gap:24px;max-width:760px;display:flex}.ptw-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.ptw-textarea{width:100%;min-height:140px;color:var(--text-dark);resize:vertical;background:0 0;border:none;outline:none;margin-bottom:16px;font-family:Rethink Sans,sans-serif;font-size:14px;line-height:1.6}.ptw-textarea::placeholder{color:var(--text-light);font-style:italic}.ptw-save-btn{cursor:pointer;background:0 0;border:none;margin-left:auto;line-height:0;transition:transform .15s;display:block}.ptw-save-btn:hover{transform:scale(1.04)}.ptw-save-btn img{height:32px}.ptw-sync-btn{cursor:pointer;background:0 0;border:none;margin-left:auto;line-height:0;transition:transform .15s;display:block}.ptw-sync-btn:hover{transform:scale(1.04)}.ptw-sync-btn img{height:32px}.empty-state{text-align:center;color:var(--text-light);padding:32px 0;font-size:15px;font-style:italic}.cal-not-today{color:#ceaa5a}.tasks-section-header{justify-content:space-between}.sort-toggle{color:var(--text-light);text-transform:lowercase;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.sort-label{margin-right:4px}.sort-opt{color:var(--text-light);cursor:pointer;text-transform:lowercase;background:0 0;border:1px solid #0000;border-radius:10px;padding:3px 10px;font-family:Rethink Sans,sans-serif;font-size:11px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.sort-opt:hover{color:var(--text-mid)}.sort-opt.active{background:var(--cream);color:var(--text-dark);border-color:var(--border)}.priority-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-left:-2px;box-shadow:inset 0 0 0 2px #fff6}.priority-red{background:#d97762}.priority-amber{background:#e8b553}.priority-green{background:#9ac095}.priority-picker{align-items:center;gap:5px;padding:0 6px 0 2px;display:flex}.priority-option{cursor:pointer;opacity:.55;border:1.5px solid #2a1f0e2e;border-radius:50%;width:14px;height:14px;padding:0;transition:opacity .15s,transform .15s,border-color .15s}.priority-option:hover{opacity:.9}.priority-option.selected{opacity:1;border-color:var(--text-dark);transform:scale(1.15)}.daily-note{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);margin-top:22px;padding:14px 18px 16px}.daily-note-label{color:var(--text-light);text-transform:lowercase;letter-spacing:.02em;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.daily-note-icon{color:var(--text-mid);font-size:14px}.daily-note-input{resize:vertical;width:100%;min-height:64px;color:var(--text-dark);background:0 0;border:none;outline:none;font-family:Rethink Sans,sans-serif;font-size:14px;line-height:1.5}.daily-note-input::placeholder{color:var(--text-light);font-style:italic}