:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #e8e8e8;--text-primary: #1a1a1a;--text-secondary: #666666;--text-muted: #999999;--border-color: #e0e0e0;--accent-color: #ea580c;--accent-hover: #c2410c;--success-color: #16a34a;--danger-color: #dc2626;--shadow: 0 1px 3px rgba(0, 0, 0, .1)}@media(prefers-color-scheme:dark){:root{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #404040;--text-primary: #f5f5f5;--text-secondary: #a0a0a0;--text-muted: #666666;--border-color: #404040;--accent-color: #f97316;--accent-hover: #fb923c;--success-color: #22c55e;--danger-color: #ef4444;--shadow: 0 1px 3px rgba(0, 0, 0, .3)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100vh}#root{min-height:100vh}.app{max-width:900px;margin:0 auto;padding:0 1rem 2rem;display:flex;flex-direction:column;min-height:100vh}.menu-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-bottom:1rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--bg-primary);z-index:10}.menu-left,.menu-right{display:flex;align-items:center;gap:.5rem}.menu-center{display:flex;align-items:center;gap:.25rem;background-color:var(--bg-secondary);border-radius:8px;padding:.25rem}.app-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.header-date{font-size:.8125rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.header-time{color:color-mix(in srgb,var(--accent-color) 60%,var(--text-secondary));font-weight:500;font-variant-numeric:tabular-nums}.menu-btn{padding:.5rem .75rem;font-size:.8125rem;border:none;border-radius:6px;cursor:pointer;background-color:transparent;color:var(--text-secondary);transition:all .15s;display:flex;align-items:center;gap:.375rem}.menu-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.menu-btn.active{background-color:var(--bg-primary);color:var(--text-primary);font-weight:500;box-shadow:var(--shadow)}.menu-badge{font-size:.6875rem;font-weight:600;background-color:var(--accent-color);color:#fff;padding:.125rem .375rem;border-radius:9999px}.folder-path{font-size:.75rem;color:var(--text-muted);font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;background-color:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-input-container{margin-bottom:1.5rem}.task-input-wrapper{position:relative;width:100%;background-color:var(--bg-primary);border-radius:8px}.task-input-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;padding:.875rem 1rem;font-size:1rem;font-family:inherit;line-height:1.5;white-space:pre-wrap;word-break:break-word;color:transparent;pointer-events:none;border:2px solid transparent;overflow:hidden}.task-input-backdrop .input-hashtag{color:transparent;background-color:var(--accent-color);border-radius:3px;padding:0 2px;margin:0 -2px}.input-placeholder{color:var(--text-muted)}.task-input{width:100%;padding:.875rem 1rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;background-color:transparent;color:var(--text-primary);transition:border-color .2s,box-shadow .2s;resize:none;overflow:hidden;min-height:48px;max-height:200px;font-family:inherit;line-height:1.5;position:relative;caret-color:var(--text-primary)}.task-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #ea580c1a}.task-input::placeholder{color:var(--text-muted)}.task-input.over-limit{border-color:var(--danger-color)}.task-input.over-limit:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc26261a}.char-counter{font-size:.75rem;color:var(--text-muted);text-align:right;margin-top:.25rem;font-variant-numeric:tabular-nums}.char-counter.over-limit{color:var(--danger-color);font-weight:500}.input-error{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;color:var(--danger-color);margin-bottom:.5rem;padding:.25rem 0}.task-input-wrapper.priority-mode{background-color:color-mix(in srgb,var(--danger-color) 8%,var(--bg-primary))}.task-input-wrapper.priority-mode .task-input{border-color:var(--danger-color)}.task-input-wrapper.priority-mode .task-input:focus{border-color:var(--danger-color);box-shadow:0 0 0 3px #dc262626}.task-input-backdrop .input-priority-prefix{color:transparent;background-color:var(--danger-color);border-radius:3px;padding:0 2px;margin:0 -2px}.task-list{list-style:none}.task-item{display:flex;flex-direction:column;padding:.75rem;border-radius:6px;background-color:var(--bg-primary);border:1px solid var(--border-color);margin-bottom:.5rem;transition:background-color .2s,box-shadow .2s,margin .15s ease-out,transform .15s ease-out,opacity .15s;cursor:grab}.task-item:hover{background-color:var(--bg-secondary)}.task-item.selected{outline:2px solid var(--accent-color);outline-offset:-2px}.task-meta-top{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;flex-wrap:wrap}.task-date-top{font-size:.6875rem;font-weight:500;color:var(--text-muted)}.task-tag-label{font-size:.6875rem;font-weight:500;color:var(--accent-color)}.scheduled-due{color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 15%,transparent);padding:.125rem .375rem;border-radius:3px}.task-row{display:flex;align-items:flex-start;gap:.75rem;width:100%}.bulk-checkbox{width:14px;height:14px;border:1.5px solid var(--border-color);border-radius:3px;cursor:pointer;flex-shrink:0;margin-left:auto;opacity:0;transition:opacity .15s,border-color .15s,background-color .15s}.task-item:hover .bulk-checkbox,.bulk-checkbox.checked{opacity:1}.bulk-checkbox:hover{border-color:var(--accent-color)}.bulk-checkbox.checked{background-color:var(--accent-color);border-color:var(--accent-color)}.bulk-checkbox.checked:after{content:"✓";display:flex;align-items:center;justify-content:center;color:#fff;font-size:.5rem;font-weight:700;height:100%}.task-item.dragging{opacity:.4;box-shadow:var(--shadow);transform:scale(.98)}.task-row *{pointer-events:none}.task-row .task-checkbox,.task-row .action-btn,.task-row .expand-btn,.task-row .expand-toggle,.task-row .edit-input,.task-row .edit-save,.task-row .edit-cancel,.task-row .bulk-checkbox{pointer-events:auto}.line-through{text-decoration:line-through}.task-item.drop-above{position:relative;box-shadow:0 -3px 0 0 var(--accent-color)}.task-item.drop-below{position:relative;box-shadow:0 3px 0 0 var(--accent-color)}.task-item.completed{opacity:.6}.task-item.completed .task-content{text-decoration:line-through;color:var(--text-secondary)}.task-checkbox{width:1.25rem;height:1.25rem;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem;transition:background-color .2s,border-color .2s}.task-checkbox:hover{border-color:var(--accent-color)}.task-checkbox.checked{background-color:var(--success-color);border-color:var(--success-color)}.task-checkbox.checked:after{content:"✓";color:#fff;font-size:.75rem;font-weight:700}.task-body{flex:1;min-width:0}.task-content{font-size:.9375rem;color:var(--text-primary);word-break:break-word;white-space:pre-wrap}.task-content.collapsed{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.expand-btn{display:inline-block;margin-top:.25rem;padding:0;border:none;background:none;color:var(--accent-color);font-size:.75rem;cursor:pointer;opacity:.8}.expand-btn:hover{opacity:1;text-decoration:underline}.hashtag{color:var(--accent-color);font-weight:500}.inline-code{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.875em;background-color:var(--bg-tertiary);padding:.125rem .375rem;border-radius:4px}.task-meta{display:flex;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.task-timestamp{font-size:.75rem;color:var(--text-muted)}.tag{display:inline-flex;align-items:center;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;border-radius:9999px;background-color:var(--bg-tertiary);color:var(--text-secondary)}.tags-container{display:flex;gap:.25rem;flex-wrap:wrap}.task-right{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.task-due-badge{font-size:.7rem;font-weight:500;padding:.125rem .375rem;border-radius:4px;white-space:nowrap}.task-due-badge.due-ok{background-color:#22c55e26;color:#16a34a}.task-due-badge.due-soon{background-color:#eab30826;color:#ca8a04}.task-due-badge.due-urgent{background-color:#f9731626;color:#ea580c}.task-due-badge.due-today,.task-due-badge.due-overdue{background-color:#ef444426;color:#dc2626}@media(prefers-color-scheme:dark){.task-due-badge.due-ok{background-color:#22c55e33;color:#4ade80}.task-due-badge.due-soon{background-color:#eab30833;color:#facc15}.task-due-badge.due-urgent{background-color:#f9731633;color:#fb923c}.task-due-badge.due-today,.task-due-badge.due-overdue{background-color:#ef444433;color:#f87171}}.task-due-date{font-size:.75rem;color:var(--text-muted);white-space:nowrap}.task-created-date{font-size:.7rem;color:var(--text-muted);white-space:nowrap;opacity:0;transition:opacity .2s}.task-item:hover .task-created-date{opacity:1}.task-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.task-item:hover .task-actions{opacity:1}.action-btn{padding:.25rem .5rem;font-size:.75rem;border:none;border-radius:4px;cursor:pointer;background-color:transparent;color:var(--text-secondary);transition:background-color .2s,color .2s}.action-btn.icon{font-size:1rem;padding:.25rem;line-height:1}.action-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.action-btn.delete:hover{background-color:var(--danger-color);color:#fff}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:1rem}.empty-state-text{font-size:1rem}.empty-state-subtext{font-size:.875rem;color:var(--text-muted);margin-top:.5rem;line-height:1.6}.empty-state-btn{margin-top:1rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;background-color:var(--accent-color);color:#fff;transition:background-color .15s}.empty-state-btn:hover{background-color:var(--accent-hover)}.empty-state-btn.secondary{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.empty-state-btn.secondary:hover{background-color:var(--bg-tertiary)}.empty-state-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1rem}.empty-state-actions .empty-state-btn{margin-top:0}.archive-layout{display:flex;gap:2rem;max-width:1200px;margin:0 auto;padding:2rem 1rem}.archive-dashboard{flex:0 0 auto;width:400px}.archive-tasks{flex:1;min-width:0}.archive-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:2rem}.archive-tasks-title{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.archive-empty{color:var(--text-muted);font-size:.875rem;font-style:italic}.archive-task-list{list-style:none;padding:0;margin:0}.archive-task-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.archive-task-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.archive-task-text{flex:1;color:var(--text-primary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-task-date{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.archive-task-actions{display:flex;gap:.5rem;flex-shrink:0;margin-left:1rem}.action-btn.icon.restore{color:var(--accent-color)}.action-btn.icon.delete{color:#dc2626}.action-btn.icon.delete:hover{background-color:#dc26261a}.kpi-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.kpi-section{background-color:var(--bg-secondary);border-radius:12px;padding:1.5rem}.kpi-section h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.kpi-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.kpi-label{font-size:.875rem;color:var(--text-secondary)}.kpi-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.app-footer{margin-top:auto;padding:5rem 0 2rem;text-align:center;font-size:.75rem;color:var(--text-muted)}.footer-links{margin-bottom:.5rem}.footer-link{background:none;border:none;padding:0;font:inherit;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:color .2s}.footer-link:hover{color:var(--accent-color);text-decoration:underline}.footer-meta{margin-bottom:.25rem;font-size:.7rem;opacity:.7}.logged-in-as{font-size:inherit}.footer-separator{margin:0 .35rem;color:var(--text-muted)}.app-version{font-size:inherit}.toast-container{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:1000;pointer-events:none}.toast{background-color:var(--bg-tertiary, #374151);color:var(--text-primary);padding:.75rem 1.25rem;border-radius:8px;font-size:.875rem;box-shadow:0 4px 12px #00000026;animation:toast-slide-up .3s ease-out;white-space:nowrap}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.view-tabs{display:flex;gap:.5rem;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.view-tab{padding:.5rem 1rem;font-size:.875rem;border:none;border-radius:6px;cursor:pointer;background-color:transparent;color:var(--text-secondary);transition:background-color .2s,color .2s}.view-tab:hover{background-color:var(--bg-secondary)}.view-tab.active{background-color:var(--accent-color);color:#fff}.stats{display:flex;gap:1rem;margin-bottom:1rem;font-size:.875rem;color:var(--text-secondary)}.stat{display:flex;align-items:center;gap:.25rem}.stat-value{font-weight:600;color:var(--text-primary)}.archive-all-btn{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.archive-all-btn:hover{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.bulk-actions-bar{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin-bottom:1rem;background-color:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:8px;animation:slideDown .15s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bulk-count{font-size:.875rem;font-weight:600;color:var(--accent-color)}.bulk-action-btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.bulk-action-btn.complete{background-color:var(--accent-color);color:#fff}.bulk-action-btn.complete:hover{background-color:var(--accent-hover)}.bulk-action-btn.archive{background-color:var(--accent-color);color:#fff}.bulk-action-btn.archive:hover{background-color:var(--accent-hover)}.bulk-action-btn.uncheck{background-color:var(--accent-color);color:#fff;margin-left:auto}.bulk-action-btn.uncheck:hover{background-color:var(--accent-hover)}.drag-handle{color:var(--text-muted);cursor:grab;padding:.25rem;opacity:0;transition:opacity .2s}.task-item:hover .drag-handle{opacity:1}.filter-bar{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.filter-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-tag{padding:.25rem .75rem;font-size:.8125rem;border:1px solid var(--border-color);border-radius:9999px;cursor:pointer;background-color:var(--bg-primary);color:var(--text-secondary);transition:all .2s}.filter-tag:hover{border-color:var(--accent-color);color:var(--accent-color)}.filter-tag.active{background-color:var(--accent-color);border-color:var(--accent-color);color:#fff}.active-filter-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--border-color)}.active-filter-tag{color:var(--accent-color);font-weight:500;font-size:.875rem}.clear-filter-btn{margin-left:auto;padding:.25rem .5rem;font-size:.75rem;border:none;border-radius:4px;background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer}.clear-filter-btn:hover{background-color:var(--accent-color);color:#fff}.app-layout{display:flex;gap:1.5rem;flex:1;min-height:0}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.task-list-container{flex:1;overflow-y:auto;margin-bottom:1rem;max-height:calc(100vh - 280px)}.task-group{margin-bottom:.5rem}.project-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-bottom:.75rem;border-bottom:1px solid var(--border-color)}.project-title{font-size:1.125rem;font-weight:600;color:var(--accent-color)}.project-close{width:32px;height:32px;border:none;border-radius:6px;background-color:transparent;color:var(--text-muted);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.project-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.date-separator{display:flex;align-items:center;gap:1rem;margin:1.5rem 0 .75rem}.date-separator-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.date-separator-line{flex:1;height:1px;background-color:var(--border-color)}.date-buckets{width:140px;flex-shrink:0;opacity:.5;transition:opacity .2s;padding-top:.5rem;order:-1}.date-buckets:hover,.date-buckets.show-buckets{opacity:1}.buckets-title{font-size:.6875rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.date-bucket{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.625rem .75rem;border-radius:8px;border:2px dashed var(--border-color);margin-bottom:.5rem;cursor:pointer;transition:all .15s ease-out;background-color:var(--bg-primary)}.date-bucket:hover{border-color:var(--text-muted)}.date-bucket.bucket-hover{border-color:var(--accent-color);border-style:solid;background-color:var(--bg-secondary);transform:scale(1.02)}.date-bucket.bucket-active{border-color:var(--accent-color);border-style:solid;background-color:var(--accent-color)}.date-bucket.bucket-active .bucket-label,.date-bucket.bucket-active .bucket-count,.date-bucket.bucket-active .tag-bucket-label{color:#fff}.bucket-shortcut{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;color:#fff;background-color:var(--accent-color);border-radius:3px;flex-shrink:0}.date-bucket.bucket-active .bucket-shortcut{background-color:#fff;color:var(--accent-color)}.bucket-label{font-size:.75rem;color:var(--text-secondary);font-weight:500;flex:1}.bucket-count{font-size:.6875rem;font-weight:600;color:var(--text-muted);background-color:var(--bg-tertiary);padding:.125rem .375rem;border-radius:9999px}.tag-bucket-label{color:var(--accent-color)}.action-btn.copy{opacity:.5}.action-btn.copy:hover{opacity:1;background-color:var(--bg-tertiary);color:var(--text-primary)}.action-btn.archive{opacity:.5}.action-btn.archive:hover{opacity:1;background-color:var(--bg-tertiary);color:var(--text-secondary)}.action-btn.edit{opacity:.5}.action-btn.edit:hover{opacity:1;background-color:var(--accent-color);color:#fff}.edit-container{flex:1;display:flex;flex-direction:column;gap:.5rem}.edit-input{width:100%;padding:.5rem;font-size:.9375rem;font-family:inherit;border:2px solid var(--accent-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);resize:none;min-height:60px}.edit-input:focus{outline:none}.edit-actions{display:flex;gap:.5rem}.edit-save,.edit-cancel{padding:.25rem .75rem;font-size:.75rem;border:none;border-radius:4px;cursor:pointer}.edit-save{background-color:var(--accent-color);color:#fff}.edit-save:hover{background-color:var(--accent-hover)}.edit-cancel{background-color:var(--bg-tertiary);color:var(--text-secondary)}.edit-cancel:hover{background-color:var(--border-color)}.overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.scheduled-overlay{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 4px 24px #0003;width:90%;max-width:500px;max-height:80vh;display:flex;flex-direction:column}.overlay-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.overlay-header h2{font-size:1rem;font-weight:600;margin:0}.overlay-close{width:28px;height:28px;border:none;border-radius:6px;background-color:transparent;color:var(--text-muted);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.overlay-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.overlay-content{padding:1rem 1.25rem;overflow-y:auto}.empty-scheduled{color:var(--text-muted);text-align:center;padding:2rem 1rem;font-size:.875rem}.scheduled-list{list-style:none}.scheduled-item{display:flex;align-items:flex-start;gap:1rem;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.scheduled-item:last-child{border-bottom:none}.scheduled-date{font-size:.75rem;font-weight:500;color:var(--accent-color);min-width:80px;flex-shrink:0}.scheduled-body{flex:1;min-width:0;overflow:hidden}.scheduled-content{font-size:.875rem;color:var(--text-primary);white-space:pre-wrap;display:block}.scheduled-content.truncated{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.expand-toggle{width:24px;height:24px;border:none;border-radius:4px;background-color:transparent;color:#fff;font-size:.625rem;font-weight:700;line-height:1;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.expand-toggle:before{content:"";position:absolute;width:12px;height:12px;background-color:var(--accent-color);border-radius:2px;z-index:-1}.expand-toggle:hover:before{background-color:var(--accent-hover)}.scheduled-actions{display:flex;gap:.25rem;flex-shrink:0}.action-btn.today{opacity:.7}.action-btn.today:hover{opacity:1;background-color:var(--accent-color);color:#fff}.task-input-backdrop .input-date-command{color:transparent;background-color:#0ea5e9;border-radius:3px;padding:0 2px;margin:0 -2px}.task-item.priority{border-left:3px solid var(--danger-color);background-color:color-mix(in srgb,var(--danger-color) 5%,var(--bg-primary))}.task-item.priority:hover{background-color:color-mix(in srgb,var(--danger-color) 8%,var(--bg-secondary))}.task-item.overdue{border-left:3px solid var(--accent-color)}.task-overdue-label{font-size:.6875rem;font-weight:500;color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color) 15%,transparent);padding:.125rem .375rem;border-radius:3px}.action-btn.priority-toggle{opacity:.5;font-size:.875rem;padding:.125rem .375rem}.action-btn.priority-toggle:hover{opacity:1;background-color:color-mix(in srgb,var(--danger-color) 15%,transparent)}.action-btn.priority-toggle.active{opacity:1}.menu-btn.help-btn{font-weight:700;font-size:.875rem;width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.help-modal{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 4px 24px #0003;width:90%;max-width:600px;max-height:80vh;display:flex;flex-direction:column}.help-content{padding:1rem 1.25rem;overflow-y:auto;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.help-section h3{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.help-grid{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;align-items:center}.help-key{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;font-weight:500;background-color:var(--bg-tertiary);padding:.125rem .5rem;border-radius:4px;color:var(--text-primary);white-space:nowrap}.help-desc{font-size:.8125rem;color:var(--text-secondary)}@media(max-width:600px){.help-content{grid-template-columns:1fr;gap:1rem}}.schedule-buttons{display:none}@media(max-width:768px){.app{padding:0 .75rem 1rem}.menu-bar{flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.menu-left{order:1}.menu-center{order:3;width:100%;justify-content:center}.menu-right{order:2;margin-left:auto}.app-title{font-size:1rem}.header-date{display:none}.folder-path{max-width:80px;font-size:.6875rem}.menu-btn{padding:.5rem;font-size:.75rem}.date-buckets{display:none}.app-layout{flex-direction:column}.main-content{width:100%}.task-list-container{max-height:calc(100vh - 220px)}.task-item{padding:.75rem}.task-row{gap:.75rem;flex-wrap:wrap}.drag-handle{display:none}.task-checkbox{width:2rem;height:2rem;margin-top:0;border-radius:6px}.task-checkbox.checked:after{font-size:1rem}.task-body{flex:1;min-width:0}.task-content{font-size:1rem;line-height:1.4}.task-meta-top{gap:.5rem;margin-bottom:.375rem}.task-tag-label,.task-date-top,.task-overdue-label{font-size:.75rem}.task-actions{display:none}.task-item.selected .task-actions,.task-item:active .task-actions{display:flex;width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color);gap:.5rem;align-items:center;flex-wrap:nowrap}.schedule-buttons{display:flex;gap:.5rem;flex:1}.action-btn.schedule:nth-child(3),.action-btn.schedule:nth-child(4){display:none}.action-btn.schedule{flex:1;min-height:56px;padding:0;font-size:1.5rem;font-weight:700;background-color:var(--accent-color);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center}.action-btn.schedule:active{background-color:var(--accent-hover);transform:scale(.95)}.action-btn.today{display:none}.action-btn.edit,.action-btn.copy,.action-btn.archive{min-width:56px;min-height:56px;padding:0;font-size:0;background-color:var(--bg-tertiary);border-radius:10px;opacity:.6}.action-btn.edit:before{content:"✏️";font-size:1.5rem;filter:grayscale(100%)}.action-btn.copy:before{content:"📋";font-size:1.5rem;filter:grayscale(100%)}.action-btn.archive:before{content:"📥";font-size:1.5rem;filter:grayscale(100%)}.action-btn.edit:active,.action-btn.copy:active,.action-btn.archive:active{opacity:1;transform:scale(.95)}.action-btn.priority-toggle{min-width:56px;min-height:56px;padding:0;font-size:1.5rem;background-color:var(--bg-tertiary);border-radius:10px}.bulk-checkbox{display:none}.expand-toggle{width:36px;height:36px}.expand-toggle:before{width:20px;height:20px;border-radius:4px}.task-input-container{margin-bottom:1rem}.task-input{font-size:16px;padding:.75rem}.task-input-backdrop{padding:.75rem;font-size:16px}.stats{font-size:.8125rem;margin-bottom:.75rem}.bulk-actions-bar{flex-wrap:wrap;padding:.5rem .75rem;gap:.5rem}.bulk-action-btn{padding:.375rem .75rem;font-size:.75rem}.scheduled-overlay,.help-modal{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}.overlay-header{padding:1rem}.overlay-header h2{font-size:1.125rem}.overlay-content{padding:1rem}.scheduled-item{flex-wrap:wrap;gap:.5rem;padding:.625rem 0}.scheduled-date{min-width:auto;font-size:.6875rem}.scheduled-content{font-size:.8125rem}.scheduled-actions{width:100%;justify-content:flex-end;margin-top:.25rem}.empty-state{padding:2rem 1rem}.empty-state-icon{font-size:2.5rem}.empty-state-text{font-size:.9375rem}.empty-state-subtext{font-size:.8125rem}.expand-toggle{width:32px;height:32px}.expand-toggle:before{width:16px;height:16px}.edit-input{font-size:16px}.help-content{grid-template-columns:1fr;gap:1.25rem;padding:1rem}.help-key{font-size:.6875rem;padding:.25rem .5rem}.help-desc{font-size:.75rem}.archive-layout{flex-direction:column;padding:1rem 0;gap:1rem}.archive-dashboard{display:none}.archive-tasks{width:100%}.archive-tasks-title{font-size:.875rem}.archive-task-item{padding:.625rem 0}.archive-task-text{font-size:.8125rem}.archive-task-actions{margin-left:.5rem}}@media(max-width:380px){.menu-btn{padding:.375rem}.menu-center .menu-btn{font-size:.6875rem}.task-actions .action-btn:not(.priority-toggle){display:none}.task-actions .action-btn.priority-toggle{opacity:1}.task-item.selected .task-actions .action-btn{display:block}}.task-scheduled-badge{font-size:.6875rem;font-weight:500;padding:.125rem .375rem;border-radius:4px;background-color:#3b82f626;color:#3b82f6;white-space:nowrap}@media(prefers-color-scheme:dark){.task-scheduled-badge{background-color:#3b82f633;color:#60a5fa}}.task-due-badge.clickable,.task-scheduled-badge.clickable{cursor:pointer;transition:transform .1s,box-shadow .1s}.task-due-badge.clickable:hover,.task-scheduled-badge.clickable:hover{transform:scale(1.05);box-shadow:0 1px 3px #00000026}.date-edit-modal{background-color:var(--bg-primary);border-radius:12px;padding:1.25rem;min-width:280px;max-width:320px;box-shadow:0 4px 20px #0003}.date-edit-content{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.date-input{width:100%;padding:.75rem;font-size:1rem;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary)}.date-input:focus{outline:none;border-color:var(--accent-color)}.date-edit-actions{display:flex;gap:.5rem}.date-save-btn,.date-clear-btn,.date-cancel-btn{flex:1;padding:.625rem;font-size:.875rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s}.date-save-btn{background-color:var(--accent-color);color:#fff}.date-save-btn:hover{background-color:var(--accent-hover)}.date-clear-btn{background-color:var(--bg-tertiary);color:var(--text-primary)}.date-clear-btn:hover{background-color:var(--danger-color);color:#fff}.date-cancel-btn{background-color:var(--bg-secondary);color:var(--text-secondary)}.date-cancel-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.cc-app{max-width:800px;margin:0 auto;padding:0 1rem 2rem;display:flex;flex-direction:column;min-height:100vh}.cc-menu-bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);position:sticky;top:0;background-color:var(--bg-primary);z-index:10}.cc-menu-left,.cc-menu-right{display:flex;align-items:center;gap:.5rem}.cc-menu-center{display:flex;align-items:center;gap:.25rem;background-color:var(--bg-secondary);border-radius:8px;padding:.25rem}.cc-app-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.cc-header-date{font-size:.8125rem;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:.5rem}.cc-header-time{color:color-mix(in srgb,var(--accent-color) 60%,var(--text-secondary));font-weight:500;font-variant-numeric:tabular-nums}.cc-menu-btn{padding:.5rem .75rem;font-size:.8125rem;border:none;border-radius:6px;cursor:pointer;background-color:transparent;color:var(--text-secondary);transition:all .15s}.cc-menu-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.cc-menu-btn.active{background-color:var(--bg-primary);color:var(--text-primary);font-weight:500;box-shadow:var(--shadow)}.cc-folder-path{font-size:.75rem;color:var(--text-muted);font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;background-color:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-help-btn{font-weight:700;font-size:.875rem;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.cc-content{flex:1;display:flex;flex-direction:column}.cc-links-empty{color:var(--text-muted);font-size:.875rem;padding:3rem 1rem;border:2px dashed var(--border-color);border-radius:12px;text-align:center}.cc-links-table{width:100%;border-collapse:collapse;display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.cc-links-table tbody{display:contents}.cc-link-row{display:flex;align-items:center;gap:.75rem;padding:.5rem .25rem;background-color:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s;position:relative}.cc-link-row:hover{background-color:var(--bg-secondary)}.cc-link-actions{display:flex;align-items:center;gap:.375rem;flex-shrink:0}.cc-link-clicks{font-size:.6875rem;font-weight:500;color:var(--text-muted);opacity:0;transition:opacity .15s}.cc-link-row:hover .cc-link-clicks{opacity:1}.cc-link-row.cc-link-editing{grid-column:1 / -1;cursor:default;background-color:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:8px;padding:.5rem .75rem}.cc-link-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.cc-link-favicon{width:24px;height:24px;border-radius:4px}.cc-link-emoji{font-size:1.25rem;line-height:1}.cc-link-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-width:0}.cc-link-name{font-size:.875rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-link-edit-btn{opacity:0;padding:.25rem .5rem;font-size:.6875rem;font-weight:500;border:none;border-radius:4px;background-color:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:all .15s;flex-shrink:0}.cc-link-row:hover .cc-link-edit-btn{opacity:1}.cc-link-edit-btn:hover{background-color:var(--accent-color);color:#fff}.cc-link-edit{display:flex;align-items:center;gap:.5rem;padding:.5rem;flex-wrap:wrap;width:100%}.cc-add-form{margin-top:.5rem;padding:.75rem;background-color:var(--bg-secondary);border:2px solid var(--accent-color);border-radius:8px}.cc-icon-selector{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.cc-icon-option{width:2.5rem;height:2.5rem;padding:.375rem;border:2px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.cc-icon-option:hover{border-color:var(--text-muted)}.cc-icon-option.active{border-color:var(--accent-color);background-color:var(--bg-secondary)}.cc-icon-preview{width:20px;height:20px;border-radius:2px}.cc-icon-preview-emoji{font-size:1.125rem;line-height:1}.cc-edit-emoji{width:3rem;padding:.375rem;font-size:1.125rem;text-align:center;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary)}.cc-edit-name{flex:1;min-width:120px;padding:.375rem .625rem;font-size:.875rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary)}.cc-edit-url{flex:2;min-width:180px;padding:.375rem .625rem;font-size:.75rem;font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary)}.cc-edit-actions{display:flex;gap:.375rem}.cc-edit-btn{padding:.375rem .75rem;font-size:.75rem;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:all .15s}.cc-edit-btn.save{background-color:var(--accent-color);color:#fff}.cc-edit-btn.save:hover{background-color:var(--accent-hover)}.cc-edit-btn.cancel{background-color:var(--bg-tertiary);color:var(--text-secondary)}.cc-edit-btn.cancel:hover{background-color:var(--border-color)}.cc-edit-btn.delete{background-color:transparent;color:var(--danger-color)}.cc-edit-btn.delete:hover{background-color:var(--danger-color);color:#fff}.cc-add-btn{margin-top:1rem;padding:.625rem 1rem;font-size:.8125rem;font-weight:500;border:1px dashed var(--border-color);border-radius:8px;background-color:transparent;color:var(--text-muted);cursor:pointer;transition:all .15s;align-self:flex-start}.cc-add-btn:hover{background-color:var(--bg-secondary);border-color:var(--accent-color);color:var(--text-primary)}.cc-hint{margin-top:1.5rem;font-size:.75rem;color:var(--text-muted)}.cc-empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1rem;color:var(--text-muted)}.cc-empty-state-icon{font-size:3rem;margin-bottom:1rem}.cc-empty-state-text{font-size:1rem;margin-bottom:1rem}.cc-empty-state-btn{padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;background-color:var(--accent-color);color:#fff;transition:background-color .15s}.cc-empty-state-btn:hover{background-color:var(--accent-hover)}.cc-help-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:100}.cc-help-content{background-color:var(--bg-primary);border-radius:12px;box-shadow:0 4px 24px #0003;width:90%;max-width:400px;max-height:80vh;display:flex;flex-direction:column}.cc-help-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.cc-help-header h2{font-size:1rem;font-weight:600;margin:0}.cc-help-close{width:28px;height:28px;border:none;border-radius:6px;background-color:transparent;color:var(--text-muted);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.cc-help-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.cc-help-body{padding:1rem 1.25rem;overflow-y:auto}.cc-help-section{margin-bottom:1rem}.cc-help-section:last-child{margin-bottom:0}.cc-help-section h3{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.cc-help-grid{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;align-items:center}.cc-help-key{font-family:SF Mono,Fira Code,Monaco,Consolas,monospace;font-size:.75rem;font-weight:500;background-color:var(--bg-tertiary);padding:.125rem .5rem;border-radius:4px;color:var(--text-primary);white-space:nowrap}.cc-help-desc{font-size:.8125rem;color:var(--text-secondary)}@media(max-width:768px){.cc-app{padding:0 .75rem 1rem}.cc-menu-bar{flex-wrap:wrap;gap:.5rem;padding:.5rem 0}.cc-menu-left{order:1}.cc-menu-center{order:3;width:100%;justify-content:center}.cc-menu-right{order:2;margin-left:auto}.cc-header-date{display:none}.cc-folder-path{max-width:80px;font-size:.6875rem}.cc-links-table{grid-template-columns:1fr}.cc-link-row{padding:.375rem .25rem}.cc-link-favicon{width:20px;height:20px}.cc-link-emoji{font-size:1rem}.cc-link-name{font-size:.8125rem}.cc-link-edit-btn{opacity:1;font-size:.625rem;padding:.25rem .375rem}.cc-link-edit{flex-direction:column;align-items:stretch}.cc-edit-emoji{width:100%}.cc-edit-name,.cc-edit-url{min-width:100%}.cc-edit-actions{justify-content:flex-end}.cc-help-content{width:100%;max-width:100%;height:100%;max-height:100%;border-radius:0}}@media(max-width:380px){.cc-link-row{gap:.5rem;padding:.25rem .125rem}.cc-link-favicon{width:18px;height:18px}.cc-link-name{font-size:.75rem}}