*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{height:100%;color-scheme:dark}html,body{overscroll-behavior:none}::selection{background:#c9a84c59;color:#f5edd8}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0d0d0d}::-webkit-scrollbar-thumb{background:#2a2825;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3630}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#0d0d0d;color:#e8e0d0;min-height:100%;min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.container{max-width:500px;margin:0 auto;padding:16px}@media (min-width: 1024px){.container{max-width:750px}}.view-content{animation:viewFadeIn .18s ease-out}@keyframes viewFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.view-content{animation:none}}.sticky-header{position:sticky;top:0;z-index:100;background:#0d0d0d;padding-top:16px;margin-top:-16px;padding-bottom:6px}.header-logo{height:60px;width:60px;border-radius:8px;object-fit:contain}.header-row{display:flex;align-items:center;justify-content:center;margin-bottom:18px;position:relative}.add-task-btn{position:absolute;right:0;width:44px;height:44px;border-radius:50%;border:none;background:#c9a84c;color:#0d0d0d;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.plus-icon{position:relative;width:16px;height:16px;transform:translate(1px,-1px)}.plus-icon:before,.plus-icon:after{content:"";position:absolute;left:50%;top:50%;width:4px;height:16px;background:currentColor;border-radius:999px;transform:translate(-50%,-50%)}.plus-icon:after{width:16px;height:4px}.add-task-btn:hover{background:#dabb5e}.add-task-btn:active{transform:scale(.95)}.hamburger-btn{position:absolute;left:0;width:44px;height:44px;border-radius:50%;border:none;background:none;color:#8a8070;cursor:pointer;display:flex;align-items:center;justify-content:center}.hamburger-btn:hover{color:#c9a84c}.hamburger-btn:active{transform:scale(.95)}.hamburger-btn.has-inbox-dot:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#c9a84c;border:2px solid #0d0d0d}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;z-index:1100;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background:#1a1917;z-index:1200;transform:translate(-100%);transition:transform .3s ease;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);border-right:1px solid #2a2825}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px 16px;border-bottom:1px solid #2a2825}.sidebar-title{font-size:18px;font-weight:600;color:#c9a84c}.sidebar-close{width:36px;height:36px;border:none;background:none;color:#6a6050;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%}.sidebar-close:hover{color:#e8e0d0;background:#2a2825}.sidebar-menu{list-style:none;padding:8px 0}.sidebar-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px 20px;border:none;background:none;color:#e8e0d0;font-size:15px;font-family:inherit;cursor:pointer;text-align:left}.sidebar-item:hover{background:#2a2825}.sidebar-item:active{background:#332f2a}.sidebar-item svg{color:#8a8070;flex-shrink:0}.pill-bar-wrapper{position:relative;margin-bottom:12px}.pill-bar-wrapper:before,.pill-bar-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:24px;z-index:2;pointer-events:none;opacity:0;transition:opacity .2s}.pill-bar-wrapper:before{left:0;background:linear-gradient(to right,#0d0d0d,transparent)}.pill-bar-wrapper:after{right:0;background:linear-gradient(to left,#0d0d0d,transparent)}.pill-bar-wrapper.fade-left:before{opacity:1}.pill-bar-wrapper.fade-right:after{opacity:1}.pill-bar{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px 0}.pill-bar::-webkit-scrollbar{display:none}.pill-option{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;border:1px solid #2a2825;background:none;color:#8a8070;border-radius:999px;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background .2s,color .2s,border-color .2s}.pill-option.active{background:#c9a84c;color:#1a1917;border-color:#c9a84c;font-weight:600}.pill-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:16px;padding:0 5px;font-size:11px;font-weight:600;border-radius:8px;background:#8a807040;color:#8a8070;line-height:1}.pill-option.active .pill-badge{background:#1a191740;color:#1a1917}.task-search-row{position:relative;margin-bottom:14px}.task-search-input{width:100%;height:42px;border-radius:10px;border:1px solid #2a2825;background:#1a1917;color:#e8e0d0;padding:0 42px 0 12px;font-size:16px;font-family:inherit}.task-search-input::placeholder{color:#7a7060}.task-search-input:focus{outline:none;border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c2e}.task-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;border:none;background:transparent;color:#8a8070;font-size:22px;line-height:1;cursor:pointer}.task-search-clear:hover{background:#2a2825;color:#e8e0d0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal{background:#1a1917;border-radius:12px;padding:24px;width:100%;max-width:400px;min-width:0;position:relative;border:1px solid #2a2825;box-shadow:0 8px 32px #00000080,0 0 0 1px #c9a84c1a;overflow:hidden}.modal-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:28px;color:#6a6050;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50%}.modal-close:hover{color:#e8e0d0;background:#2a2825}.modal-title{font-size:20px;color:#c9a84c;margin-bottom:20px}.detail-title-row{display:flex;align-items:center;gap:8px}.detail-title-row .priority-flag-toggle{flex-shrink:0}.modal-form{display:flex;flex-direction:column;gap:12px}.modal-form .todo-input{width:100%}.modal-form .date-input{width:100%;min-width:0}.modal-form .add-btn{width:100%}.create-task-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.priority-flag-toggle{background:none;border:none;cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background-color .15s}.priority-flag-toggle:hover{background-color:#ffffff14}.priority-flag-toggle.active{background-color:#e539351f}.todo-input{flex:1;padding:12px 16px;font-size:16px;border:1px solid #3a3630;border-radius:8px;outline:none;min-height:44px;background:#121110;color:#e8e0d0}.todo-input::placeholder{color:#6a6050}.todo-input:focus{border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c40}.add-btn{padding:12px 20px;font-size:16px;background:#c9a84c;color:#0d0d0d;border:none;border-radius:8px;cursor:pointer;font-weight:600;min-height:44px}.add-btn:hover{background:#dabb5e}.add-btn:active{transform:scale(.98)}.add-btn:disabled{opacity:.4;cursor:not-allowed}.date-input{padding:12px;font-size:16px;border:1px solid #3a3630;border-radius:8px;outline:none;min-height:44px;min-width:44px;max-width:100%;color:#e8e0d0;background:#121110;color-scheme:dark}.date-input:focus{border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c40}.todo-list{list-style:none;padding-top:4px}.todo-item{display:flex;align-items:center;background:#1a1917;padding:10px 8px 10px 4px;border-radius:8px;margin-bottom:6px;box-shadow:0 1px 3px #0000004d;border:1px solid #2a2825;position:relative;overflow:hidden}.todo-label{display:flex;align-items:center;flex:1;gap:10px;min-height:40px}.todo-label input[type=checkbox]{width:24px;height:24px;cursor:pointer;flex-shrink:0;accent-color:#c9a84c}.todo-text{font-size:16px;color:#e8e0d0;word-break:break-word;cursor:pointer;padding:1px 3px;border-radius:4px}.todo-text:hover{background:#c9a84c14}.todo-item.completed .todo-text{text-decoration:line-through;color:#5a5550}.todo-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.due-date-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:5px 9px;font-size:12px;color:#8a8070;background:#252320;border:none;border-radius:6px;cursor:pointer;min-height:30px;white-space:nowrap}.due-date-btn:hover{background:#332f2a}.due-date-btn.overdue{background:#3a1a15;color:#e05545}.due-date-btn.overdue:hover{background:#4a2520}.due-date-picker{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;color-scheme:dark}.due-date-display{pointer-events:none}.todo-item.completed .due-date-btn{color:#5a5550;background:#1a1917}.delete-btn{background:none;border:none;font-size:24px;color:#5a5550;cursor:pointer;padding:0 8px;line-height:1;min-width:44px;min-height:40px;display:flex;align-items:center;justify-content:center}.delete-btn:hover{color:#e05545}.empty-message{text-align:center;color:#6a6050;font-size:14px;margin-top:16px}.empty-message-celebrate{font-size:24px;color:#a89060;margin-top:32px;line-height:1.4}@media (max-width: 375px){.container{padding:16px 12px}.header-logo{height:48px;width:48px}.modal{padding:16px}}.pull-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;transition:height .2s ease-out,opacity .2s ease-out;color:#c9a84c;gap:8px}.pull-indicator.refreshing{transition:none}.pull-spinner{font-size:24px;line-height:1;transition:transform .1s ease-out}.pull-indicator.refreshing .pull-spinner{animation:spin 1s linear infinite}.pull-text{font-size:12px;text-transform:uppercase;letter-spacing:.5px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.drag-handle{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#5a5550;cursor:grab;padding:0 4px;min-width:28px;min-height:44px;flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing;color:#c9a84c}.todo-item.dragging{opacity:.5;box-shadow:0 4px 16px #00000080}.todo-item.high-priority:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#e53935;border-radius:7px 0 0 7px}.todo-item.completed.high-priority:before{opacity:.35}@keyframes todoFadeCollapse{0%{opacity:1;max-height:300px}35%{opacity:1;max-height:300px}80%{opacity:0;max-height:300px}to{opacity:0;max-height:0;padding-top:0;padding-bottom:0;margin-bottom:0}}@keyframes todoSettle{0%{opacity:1}40%{opacity:.7}to{opacity:1}}.todo-item.completing-exit,.project-task-item.completing-exit{animation:todoFadeCollapse .55s ease forwards;overflow:hidden;pointer-events:none}.todo-item.completing-settle,.project-task-item.completing-settle{animation:todoSettle .3s ease}@media (prefers-reduced-motion: reduce){.todo-item.completing-exit,.project-task-item.completing-exit,.todo-item.completing-settle,.project-task-item.completing-settle{animation:none}}.date-group-header{font-size:13px;font-weight:600;color:#8a8070;text-transform:uppercase;letter-spacing:.5px;padding:12px 4px 6px}.detail-modal{max-width:400px;max-height:90dvh;overflow-y:auto}@media (min-width: 1024px){.modal,.detail-modal{max-width:750px}}.detail-form{display:flex;flex-direction:column;gap:16px}.detail-field{display:flex;flex-direction:column;gap:6px}.detail-label{font-size:13px;text-transform:uppercase;color:#8a8070;letter-spacing:.5px}.detail-checkbox-field{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #2a2825;border-bottom:1px solid #2a2825}.detail-checkbox-field+.detail-checkbox-field{border-top:none}.detail-checkbox-field input[type=checkbox]{width:24px;height:24px;accent-color:#c9a84c;cursor:pointer}.detail-created{font-size:14px;color:#6a6050}.detail-date-row{display:flex;align-items:center;gap:8px}.detail-date-row .date-input{flex:1}.detail-clear-date{background:none;border:none;color:#8a8070;font-size:13px;cursor:pointer;padding:4px 8px;border-radius:4px;white-space:nowrap}.detail-clear-date:hover{color:#e8e0d0;background:#2a2825}.detail-delete-btn{width:100%;padding:12px;background:#2a2520;color:#c9a84c;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px}.detail-delete-btn:hover{background:#3a3530}.detail-delete-confirm{background:#1a1917;border:1px solid #c9a84c;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px}.detail-delete-warning{text-align:center;color:#c9a84c;font-size:14px}.detail-delete-actions{display:flex;gap:8px}.detail-delete-cancel{flex:1;padding:10px;background:#2a2825;color:#e8e0d0;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;min-height:44px}.detail-delete-cancel:hover{background:#3a3630}.detail-delete-confirm-btn{flex:1;padding:10px;background:#c9a84c;color:#0d0d0d;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.detail-delete-confirm-btn:hover{background:#d9b85c}.detail-destroy-btn{width:100%;padding:12px;background:#3a1f1f;color:#f39a9a;border:1px solid #8f3b3b;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;min-height:44px;margin-top:10px}.detail-destroy-btn:hover{background:#4a2525}.detail-destroy-confirm{background:#1f1515;border:1px solid #8f3b3b;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:10px}.detail-destroy-warning{text-align:center;color:#f39a9a;font-size:14px}.detail-destroy-confirm-btn{flex:1;padding:10px;background:#b33a3a;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.detail-destroy-confirm-btn:hover{background:#cc4747}.subtask-progress{display:inline-block;margin-left:8px;font-size:12px;color:#8a7a5a;background:#1a1917;padding:2px 6px;border-radius:4px;font-weight:500}.subtasks-container{display:flex;flex-direction:column;gap:8px}.subtask-item{display:flex;align-items:center;gap:8px;padding:8px;background:#121110;border:1px solid #2a2825;border-radius:6px}.subtask-item.dragging{opacity:.7;border-color:#c9a84c}.subtask-drag-handle{border:none;background:transparent;color:#8a7a5a;cursor:grab;font-size:16px;line-height:1;padding:4px 6px;border-radius:4px;flex-shrink:0;touch-action:none;-webkit-user-select:none;user-select:none}.subtask-drag-handle:hover{background:#2a2825;color:#c9a84c}.subtask-drag-handle:active{cursor:grabbing}.subtask-item input[type=checkbox]{width:20px;height:20px;accent-color:#c9a84c;cursor:pointer;flex-shrink:0}.subtask-text-input{flex:1;padding:6px 8px;font-size:16px;border:1px solid transparent;border-radius:4px;outline:none;background:transparent;color:#e8e0d0;min-height:32px}.subtask-text-input:focus{border-color:#c9a84c;background:#1a1917}.subtask-text-input::placeholder{color:#6a6050}.subtask-delete-btn{background:none;border:none;font-size:20px;color:#5a5550;cursor:pointer;padding:0 4px;line-height:1;min-width:32px;min-height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px}.subtask-delete-btn:hover{color:#e05545;background:#2a2825}.subtask-add-row{display:flex;gap:8px;padding:8px;background:#121110;border:1px dashed #3a3630;border-radius:6px}.subtask-add-btn{padding:6px 16px;font-size:14px;background:#2a2825;color:#c9a84c;border:none;border-radius:6px;cursor:pointer;font-weight:600;min-height:32px;white-space:nowrap;flex-shrink:0}.subtask-add-btn:hover:not(:disabled){background:#3a3630}.subtask-add-btn:disabled{opacity:.4;cursor:not-allowed}.recurring-view{display:flex;flex-direction:column;gap:16px}.recurring-header{display:flex;align-items:center;justify-content:center;position:relative;padding:4px 0}.recurring-title{font-size:20px;font-weight:600;color:#c9a84c;margin:0}.back-btn{position:absolute;left:0;width:44px;height:44px;border-radius:50%;border:none;background:none;color:#8a8070;cursor:pointer;display:flex;align-items:center;justify-content:center}.back-btn:hover{color:#c9a84c}.back-btn:active{transform:scale(.95)}.recurring-list{list-style:none;display:flex;flex-direction:column;gap:8px}.recurring-item{display:flex;align-items:center;background:#1a1917;padding:12px 8px 12px 16px;border-radius:8px;box-shadow:0 1px 3px #0000004d;border:1px solid #2a2825}.recurring-content{flex:1;display:flex;flex-direction:column;gap:4px;cursor:pointer;padding:4px 0}.recurring-content:hover .recurring-text{color:#c9a84c}.recurring-text{font-size:16px;color:#e8e0d0;word-break:break-word}.recurring-schedule{font-size:13px;color:#8a8070}.recurring-delete-confirm{display:flex;align-items:center;gap:8px}.recurring-delete-cancel{margin:0;padding:8px 12px;min-height:36px}.recurring-delete-confirm-btn{margin:0;padding:8px 12px;min-height:36px;white-space:nowrap}.recurrence-select{width:100%;padding:12px 40px 12px 16px;font-size:16px;border:1px solid #3a3630;border-radius:8px;outline:none;min-height:44px;background:#121110;color:#e8e0d0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238a8070' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.recurrence-select:focus{border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c40}.recurrence-select option{background:#1a1917;color:#e8e0d0}.annual-date-row{display:flex;gap:8px}.annual-date-row .annual-month{flex:2}.annual-date-row .annual-day{flex:1}.recurring-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:8px;color:#8a8070;flex-shrink:0}.color-palette{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0}.color-swatch{width:36px;height:36px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease;padding:0}.color-swatch:hover{transform:scale(1.15)}.color-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d}.icon-picker-label{font-size:.85rem;color:#8a7a5a;margin-top:4px}.icon-palette{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0}.icon-swatch{width:36px;height:36px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease;padding:0;background:#1a1917;display:flex;align-items:center;justify-content:center}.icon-swatch:hover{transform:scale(1.1);border-color:#3a3530}.icon-swatch.selected{border-color:#fff;box-shadow:0 0 0 2px #ffffff4d;background:#2a2825}.todo-label .project-icon{flex-shrink:0}.project-color-dot,.category-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.notes-indicator{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;color:#8a7a5a;flex-shrink:0}.add-notes-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;min-height:44px;background:transparent;border:1px dashed #3a3630;border-radius:8px;color:#6a6050;font-size:14px;font-family:inherit;cursor:pointer}.add-notes-toggle:hover{border-color:#8a8070;color:#8a8070}.notes-textarea{width:100%;padding:12px 16px;font-size:16px;font-family:inherit;line-height:1.5;border:1px solid #3a3630;border-radius:8px;outline:none;min-height:100px;max-height:300px;resize:vertical;background:#121110;color:#e8e0d0}.notes-textarea::placeholder{color:#6a6050}.notes-textarea:focus{border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c40}.notes-edit-container{display:flex;flex-direction:column;gap:8px}.autosave-indicator-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.autosave-indicator{font-size:13px;transition:opacity .2s ease}.autosave-indicator.idle{opacity:0}.autosave-indicator.saving{color:#8a8070;opacity:1}.autosave-indicator.saved{color:#7a9a4a;opacity:1}.autosave-indicator.error{color:#c44;opacity:1}.notes-done-btn{padding:6px 16px;font-size:13px;font-weight:600;background:transparent;color:#c9a84c;border:1px solid #c9a84c;border-radius:6px;cursor:pointer}.notes-done-btn:hover{background:#c9a84c1a}@media (prefers-reduced-motion: reduce){.autosave-indicator{transition:none}}.notes-read-container{position:relative}.notes-edit-btn{position:absolute;top:4px;right:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#121110cc;border:1px solid #3a3630;border-radius:6px;color:#8a8070;cursor:pointer;z-index:1}.notes-edit-btn:hover{color:#c9a84c;background:#2a2825}.notes-placeholder-btn{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;min-height:44px;background:transparent;border:1px dashed #3a3630;border-radius:8px;color:#6a6050;font-size:14px;font-family:inherit;cursor:pointer}.notes-placeholder-btn:hover{border-color:#8a8070;color:#8a8070}.notes-toggle-header{display:flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.notes-toggle-header.disabled{cursor:default}.notes-toggle-header.disabled .notes-toggle-chevron{opacity:.4}.notes-toggle-chevron{font-size:11px;color:#8a8070;transition:transform .15s ease;display:inline-block;width:12px;text-align:center}.notes-toggle-chevron.expanded{transform:rotate(90deg)}.notes-preview{font-size:13px;color:#6a6050;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.notes-rendered{background:#121110;border:1px solid #2a2825;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.6;color:#e8e0d0;word-break:break-word}.notes-rendered h1,.notes-rendered h2,.notes-rendered h3{color:#c9a84c;margin:0 0 8px}.notes-rendered h1{font-size:18px}.notes-rendered h2{font-size:16px}.notes-rendered h3{font-size:15px}.notes-rendered p{margin:0 0 8px}.notes-rendered p:last-child{margin-bottom:0}.notes-rendered a{color:#c9a84c;text-decoration:underline}.notes-rendered a:hover{color:#dabb5e}.notes-rendered ul,.notes-rendered ol{padding-left:20px;margin:0 0 8px}.notes-rendered ul:last-child,.notes-rendered ol:last-child{margin-bottom:0}.notes-rendered code{background:#252320;color:#dabb5e;padding:2px 6px;border-radius:4px;font-size:13px}.notes-rendered pre{background:#252320;border-radius:6px;padding:12px;margin:0 0 8px;overflow-x:auto}.notes-rendered pre code{background:none;padding:0}.notes-rendered blockquote{border-left:3px solid #c9a84c;padding-left:12px;margin:0 0 8px;color:#8a8070}.login-container{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:20px 16px}.login-card{display:flex;flex-direction:column;align-items:center;max-width:320px;width:100%;gap:20px}.login-logo{width:80px;height:80px;border-radius:16px;object-fit:contain}.login-title{font-size:28px;font-weight:600;color:#c9a84c;margin:0}.login-form{width:100%;display:flex;flex-direction:column;gap:12px}.login-form .login-input{width:100%;padding:12px 16px;font-size:18px;text-align:center;border:1px solid #3a3630;border-radius:8px;outline:none;min-height:44px;background:#121110;color:#e8e0d0}.login-form .login-input::placeholder{color:#6a6050}.login-form .login-input:focus{border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c40}.login-error{text-align:center;color:#e05545;font-size:14px;min-height:20px}.sidebar-logout .sidebar-item{color:#8a8070;border-top:1px solid #2a2825}.sidebar-logout .sidebar-item:hover{color:#e05545}.sidebar-logout .sidebar-item svg{color:inherit}.project-stats{font-size:13px;color:#6a6050}.project-detail-view{gap:0}.project-detail-header .recurring-title{font-size:18px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-detail-tabs{display:flex;background:#1a1917;border-radius:8px;padding:3px;margin:12px 0;border:1px solid #2a2825}.project-detail-tab{flex:1;padding:8px 0;font-size:14px;font-weight:500;border:none;background:none;color:#8a8070;border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.project-detail-tab.active{background:#2a2825;color:#c9a84c;box-shadow:0 1px 3px #0000004d}.project-tasks-toolbar{display:flex;justify-content:flex-end;margin:0 0 12px}.project-completed-toggle{border:1px solid #3a3630;background:#1a1917;color:#c9a84c;border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer}.project-completed-toggle:hover{background:#252320}.section-block{margin-bottom:16px}.section-header{display:flex;align-items:center;gap:8px;padding:10px 8px;background:#1a1917;border-radius:8px 8px 0 0;border:1px solid #2a2825;border-bottom:none;cursor:pointer;-webkit-user-select:none;user-select:none}.section-drag-handle{min-width:auto;min-height:auto;padding:0 2px;margin-left:-2px}.section-header-toggle{font-size:12px;color:#8a8070;width:16px;text-align:center;font-family:monospace}.section-header-name{font-size:14px;font-weight:600;color:#c9a84c;flex:1}.section-header-dates{font-size:12px;color:#6a6050;white-space:nowrap}.section-tasks{list-style:none;border:1px solid #2a2825;border-top:none;border-radius:0 0 8px 8px;overflow:hidden}.section-add-task{padding:4px 8px}.section-add-task .subtask-text-input{width:100%;padding:8px 12px;font-size:14px;background:#121110;border:1px dashed #2a2825;border-radius:6px;color:#e8e0d0}.section-add-task .subtask-text-input::placeholder{color:#5a5550}.section-add-task .subtask-text-input:focus{border-color:#c9a84c;border-style:solid}.project-task-item{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #1a1917;background:#121110;position:relative}.project-task-item.high-priority:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background-color:#e53935;border-radius:7px 0 0 7px}.project-task-item.completed.high-priority:before{opacity:.35}.project-task-item:last-child{border-bottom:none}.project-task-item input[type=checkbox]{width:20px;height:20px;accent-color:#c9a84c;cursor:pointer;flex-shrink:0}.project-task-text{flex:1;font-size:15px;color:#e8e0d0;word-break:break-word;cursor:pointer;padding:2px;border-radius:4px}.project-task-text:hover{background:#c9a84c14}.project-task-item.completed .project-task-text{text-decoration:line-through;color:#5a5550}.project-task-badges{display:flex;align-items:center;gap:6px;flex-shrink:0}.project-task-date{font-size:12px;color:#8a8070;background:#252320;padding:2px 8px;border-radius:4px;white-space:nowrap}.project-task-date.overdue{color:#e05545;background:#3a1a15}.note-card{display:flex;align-items:flex-start;background:#1a1917;border:1px solid #2a2825;border-radius:8px;padding:12px;margin-bottom:8px;gap:8px}.note-card-body{flex:1;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:0}.note-card-body:hover .note-card-preview{color:#c9a84c}.note-card-preview{font-size:14px;color:#e8e0d0;word-break:break-word;max-height:3.6em;overflow:hidden}.note-card-preview p{margin:0}.note-card-preview h1,.note-card-preview h2,.note-card-preview h3,.note-card-preview h4,.note-card-preview h5,.note-card-preview h6{margin:0;font-size:14px}.note-card-timestamp{font-size:12px;color:#6a6050}.note-editor{display:flex;flex-direction:column;gap:12px}.note-editor-textarea{width:100%;padding:12px 16px;font-size:16px;font-family:inherit;line-height:1.5;border:1px solid #3a3630;border-radius:8px;outline:none;min-height:200px;max-height:400px;resize:vertical;background:#121110;color:#e8e0d0}.note-editor-textarea::placeholder{color:#6a6050}.note-editor-textarea:focus{border-color:#c9a84c;box-shadow:0 0 0 2px #c9a84c40}.note-editor-preview{display:flex;flex-direction:column;gap:6px}.note-editor-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.inbox-item{display:flex;align-items:flex-start;background:#1a1917;padding:12px 8px 12px 16px;border-radius:8px;border:1px solid #2a2825;margin-bottom:8px}.inbox-item-body{flex:1;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:2px 0}.inbox-item-body:hover .inbox-item-text{color:#c9a84c}.inbox-item-text{font-size:15px;color:#e8e0d0;word-break:break-word}.inbox-item-meta{display:flex;align-items:center;gap:8px}.inbox-project-tag{font-size:11px;padding:1px 8px;border:1px solid;border-radius:10px;white-space:nowrap}.inbox-timestamp{font-size:12px;color:#6a6050}.inbox-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;background:#c9a84c;color:#0d0d0d;border-radius:10px;margin-left:auto}.triage-modal{max-width:400px}.triage-text-input{margin-bottom:16px}.triage-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.triage-action-btn{width:100%;padding:12px 16px;font-size:14px;font-weight:500;background:#1a1917;color:#e8e0d0;border:1px solid #2a2825;border-radius:8px;cursor:pointer;text-align:left;min-height:44px}.triage-action-btn:hover{background:#252320}.triage-action-btn.active{border-color:#c9a84c;color:#c9a84c;background:#1a1917}.triage-fields{display:flex;flex-direction:column;gap:10px;padding:12px;background:#121110;border:1px solid #2a2825;border-radius:8px;margin-bottom:12px}.modal-toggle{display:flex;background:#121110;border-radius:8px;padding:3px;margin-bottom:16px;border:1px solid #2a2825}.add-task-modal-header{display:flex;align-items:flex-start;gap:8px;margin-bottom:16px}.add-task-modal-header .modal-toggle{flex:1;margin-bottom:0}.add-task-modal-close{position:static;flex-shrink:0;width:40px;height:40px}.modal-toggle-option{flex:1;padding:8px 0;font-size:13px;font-weight:500;border:none;background:none;color:#8a8070;border-radius:6px;cursor:pointer;transition:background .2s,color .2s}.modal-toggle-option.active{background:#2a2825;color:#c9a84c}.menu-btn{width:36px;height:36px;border-radius:50%;border:none;background:none;color:#8a8070;cursor:pointer;display:flex;align-items:center;justify-content:center}.menu-btn:hover{color:#c9a84c;background:#2a2825}.menu-dropdown{position:absolute;top:40px;right:0;background:#1a1917;border:1px solid #2a2825;border-radius:8px;box-shadow:0 4px 16px #00000080;z-index:10;min-width:160px;overflow:hidden}.menu-dropdown-item{display:block;width:100%;padding:12px 16px;font-size:14px;font-family:inherit;background:none;border:none;color:#e8e0d0;cursor:pointer;text-align:left}.menu-dropdown-item:hover{background:#2a2825}.menu-dropdown-item+.menu-dropdown-item{border-top:1px solid #2a2825}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-box{background-color:#1a1917;border-radius:4px;position:relative;overflow:hidden}.skeleton-box:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.07) 50%,transparent 100%);animation:skeletonShimmer 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.skeleton-box:after{display:none}}.skeleton-todos-view{padding-top:8px}.skeleton-header-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0 12px}.skeleton-filter-tabs{height:36px;border-radius:8px;margin-bottom:12px}.skeleton-search{height:42px;border-radius:10px;margin-bottom:14px}.skeleton-todo-item{display:flex;align-items:center;gap:10px;padding:10px 8px;margin-bottom:6px;background:#1a1917;border:1px solid #2a2825;border-radius:8px;box-shadow:0 1px 3px #0000004d}.skeleton-todo-content{flex:1;display:flex;align-items:center}.skeleton-checkbox{flex-shrink:0;width:18px;height:18px;border-radius:4px}.skeleton-todo-text{height:14px;border-radius:4px}.skeleton-due-date{flex-shrink:0;width:60px;height:24px;border-radius:6px}.skeleton-section-label{height:12px;border-radius:4px;margin-bottom:14px}