:root{--tdl-primary:var(--main-primary);--tdl-text:#1e293b;--tdl-text-secondary:#64748b;--tdl-bg:#fff;--tdl-bg-hover:#f8fafc;--tdl-bg-input:#fff;--tdl-border:#e2e8f0;--tdl-border-focus:var(--main-primary);--tdl-shadow:0 1px 3px #00000014;--tdl-shadow-lg:0 4px 12px #0000001a;--tdl-radius:var(--main-radius,.5rem);--tdl-radius-lg:var(--main-radius-lg,.75rem);--tdl-priority-high:#ef4444;--tdl-priority-medium:#f59e0b;--tdl-priority-low:#3b82f6;--tdl-priority-none:#cbd5e1;--tdl-stat-active:#3b82f6;--tdl-stat-done:#10b981;--tdl-stat-overdue:#ef4444;--tdl-done-text:#94a3b8;--tdl-done-bg:#f8fafc;--tdl-tab-active-bg:var(--main-primary);--tdl-tab-active-text:#fff;--tdl-tab-bg:transparent;--tdl-tab-text:var(--tdl-text-secondary)}._tdl-container{max-width:720px;margin:0 auto}._tdl-stats{gap:var(--main-space-3);margin-bottom:var(--main-space-4);display:flex}._tdl-stat{padding:var(--main-space-3) var(--main-space-2);background:var(--tdl-bg);border-radius:var(--tdl-radius);box-shadow:var(--tdl-shadow);border-style:solid;border-width:1px;border-color:var(--tdl-border);flex-direction:column;flex:1;align-items:center;gap:.125rem;display:flex}._tdl-stat-value{color:var(--tdl-text);font-size:1.375rem;font-weight:700;line-height:1.2}._tdl-stat--active ._tdl-stat-value{color:var(--tdl-stat-active)}._tdl-stat--done ._tdl-stat-value{color:var(--tdl-stat-done)}._tdl-stat--overdue ._tdl-stat-value{color:var(--tdl-stat-overdue)}._tdl-stat-label{font-size:var(--main-text-xs);color:var(--tdl-text-secondary);text-transform:uppercase;letter-spacing:.03em;font-weight:500}._tdl-footer{padding:var(--main-space-3) var(--main-space-4);background:var(--tdl-bg);border-radius:var(--tdl-radius);box-shadow:var(--tdl-shadow);border-style:solid;border-width:1px;border-color:var(--tdl-border);margin-top:var(--main-space-3);justify-content:space-between;align-items:center;display:flex}._tdl-footer-count{font-size:var(--main-text-sm);color:var(--tdl-text-secondary)}._tdl-clear-btn{font-size:var(--main-text-xs);color:var(--tdl-text-secondary);border-style:solid;border-width:1px;border-color:var(--tdl-border);border-radius:var(--tdl-radius);cursor:pointer;background:0 0;align-items:center;gap:.375rem;padding:.375rem .75rem;display:inline-flex}._tdl-clear-btn--hidden{visibility:hidden;pointer-events:none}@media (hover:hover){._tdl-clear-btn:hover{color:var(--tdl-stat-overdue);border-color:var(--tdl-stat-overdue)}}._tdl-clear-btn svg{width:14px;height:14px}@media (max-width:768px){._tdl-stats{gap:var(--main-space-2)}._tdl-stat{padding:var(--main-space-2) var(--main-space-1)}._tdl-stat-value{font-size:1.125rem}._tdl-stat-label{font-size:.625rem}}@media (max-width:480px){._tdl-stats{flex-wrap:wrap;gap:.5rem}._tdl-stat{flex:calc(50% - .25rem);min-width:0}._tdl-footer{gap:var(--main-space-2);text-align:center;padding:var(--main-space-3);flex-direction:column}._tdl-clear-btn{min-height:36px;padding:.5rem .875rem}}._tdl-add-card{background:var(--tdl-bg);border-radius:var(--tdl-radius-lg);padding:var(--main-space-4);box-shadow:var(--tdl-shadow-lg);border-style:solid;border-width:1px;border-color:var(--tdl-border);margin-bottom:var(--main-space-4)}._tdl-add-row{gap:var(--main-space-2);display:flex}._tdl-add-input{font-size:var(--main-text-base);color:var(--tdl-text);background:var(--tdl-bg-input);border-style:solid;border-width:1.5px;border-color:var(--tdl-border);border-radius:var(--tdl-radius);outline:none;flex:1;padding:.625rem .875rem}._tdl-add-input:focus{border-color:var(--tdl-border-focus);box-shadow:0 0 0 3px #6366f11f}._tdl-add-input::placeholder{color:var(--tdl-text-secondary)}._tdl-add-btn{font-size:var(--main-text-sm);color:#fff;background:var(--tdl-primary);border-radius:var(--tdl-radius);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-width:0;justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1.125rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #6366f140}@media (hover:hover){._tdl-add-btn:hover{opacity:.9}}._tdl-add-btn svg{width:16px;height:16px}._tdl-add-options{align-items:center;gap:var(--main-space-4);margin-top:var(--main-space-3);padding-top:var(--main-space-3);border-top-style:dashed;border-top-width:1px;border-top-color:var(--tdl-border);display:flex}._tdl-priority-picker{align-items:center;gap:.375rem;display:flex}._tdl-priority-btn{font-size:var(--main-text-xs);color:var(--tdl-text-secondary);border-style:solid;border-width:1px;border-color:var(--tdl-border);border-radius:var(--main-radius-full,9999px);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;align-items:center;gap:.3rem;padding:.25rem .625rem;font-weight:500;display:inline-flex}._tdl-priority-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}._tdl-priority-btn--none ._tdl-priority-indicator{background:var(--tdl-priority-none)}._tdl-priority-btn--low ._tdl-priority-indicator{background:var(--tdl-priority-low)}._tdl-priority-btn--medium ._tdl-priority-indicator{background:var(--tdl-priority-medium)}._tdl-priority-btn--high ._tdl-priority-indicator{background:var(--tdl-priority-high)}@media (hover:hover){._tdl-priority-btn:hover{border-color:var(--tdl-text-secondary)}}._tdl-priority-btn.active._tdl-priority-btn--none{border-color:var(--tdl-priority-none);color:var(--tdl-text);background:#94a3b81f}._tdl-priority-btn.active._tdl-priority-btn--low{border-color:var(--tdl-priority-low);color:var(--tdl-priority-low);background:#3b82f61a}._tdl-priority-btn.active._tdl-priority-btn--medium{border-color:var(--tdl-priority-medium);color:var(--tdl-priority-medium);background:#f59e0b1a}._tdl-priority-btn.active._tdl-priority-btn--high{border-color:var(--tdl-priority-high);color:var(--tdl-priority-high);background:#ef44441a}._tdl-add-fields{align-items:center;gap:var(--main-space-2);flex:1;display:flex}._tdl-date-input,._tdl-cat-select{font-size:var(--main-text-sm);color:var(--tdl-text);background:var(--tdl-bg-input);border-style:solid;border-width:1px;border-color:var(--tdl-border);border-radius:var(--tdl-radius);-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;outline:none;padding:.375rem .625rem}._tdl-cat-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.5L2 4.5h8z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;padding-right:1.75rem}._tdl-date-input:focus,._tdl-cat-select:focus{border-color:var(--tdl-border-focus)}._tdl-date-input{min-width:130px}._tdl-cat-select{min-width:120px;max-width:180px}._tdl-new-cat{align-items:center;gap:var(--main-space-2);margin-top:var(--main-space-3);padding:var(--main-space-3);background:var(--tdl-bg-hover);border-radius:var(--tdl-radius);flex-wrap:wrap;display:flex}._tdl-new-cat-input{font-size:var(--main-text-sm);color:var(--tdl-text);background:var(--tdl-bg);border-style:solid;border-width:1px;border-color:var(--tdl-border);border-radius:var(--tdl-radius);outline:none;min-width:120px;padding:.375rem .625rem}._tdl-new-cat-input:focus{border-color:var(--tdl-border-focus)}._tdl-color-swatches{align-items:center;gap:.375rem;display:flex}._tdl-swatch{cursor:pointer;outline-offset:2px;-webkit-tap-highlight-color:transparent;border-width:0;border-radius:50%;outline:2px solid #0000;width:22px;height:22px;padding:0}._tdl-swatch.active{outline-color:var(--tdl-primary)}@media (hover:hover){._tdl-swatch:hover{opacity:.8}}._tdl-new-cat-actions{gap:.375rem;display:flex}._tdl-new-cat-save,._tdl-new-cat-cancel{font-size:var(--main-text-xs);border-radius:var(--tdl-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border-width:0;padding:.375rem .75rem}._tdl-new-cat-save{background:var(--tdl-primary);color:#fff}@media (hover:hover){._tdl-new-cat-save:hover{opacity:.9}}._tdl-new-cat-cancel{color:var(--tdl-text-secondary);border-style:solid;border-width:1px;border-color:var(--tdl-border);background:0 0}@media (hover:hover){._tdl-new-cat-cancel:hover{color:var(--tdl-text)}}@media (max-width:768px){._tdl-add-options{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._tdl-priority-picker{flex-wrap:wrap;gap:.375rem}._tdl-add-fields{width:100%}._tdl-date-input,._tdl-cat-select{flex:1;min-width:0;min-height:40px;padding:.5rem .625rem;font-size:16px}._tdl-cat-select{padding-right:1.75rem}._tdl-add-input{min-height:42px;font-size:16px}._tdl-add-btn{min-width:42px;min-height:42px}}@media (max-width:480px){._tdl-add-card{padding:var(--main-space-3)}._tdl-add-btn-text{display:none}._tdl-add-btn{padding:.625rem .875rem}._tdl-priority-picker{gap:.375rem}._tdl-priority-btn{padding:.375rem .625rem;font-size:.75rem}._tdl-new-cat{padding:var(--main-space-2);flex-direction:column;align-items:stretch}._tdl-new-cat-input{width:100%;min-height:40px;font-size:16px}._tdl-color-swatches{flex-wrap:wrap;justify-content:flex-start;gap:.5rem}._tdl-new-cat-actions{gap:.5rem}._tdl-new-cat-save,._tdl-new-cat-cancel{flex:1;min-height:38px}}._tdl-filter-bar{justify-content:space-between;align-items:center;gap:var(--main-space-3);margin-bottom:var(--main-space-3);display:flex}._tdl-status-tabs{background:var(--tdl-bg);border-radius:var(--tdl-radius);box-shadow:var(--tdl-shadow);border-style:solid;border-width:1px;border-color:var(--tdl-border);padding:.1875rem;display:flex}._tdl-tab{font-size:var(--main-text-sm);color:var(--tdl-tab-text);background:var(--tdl-tab-bg);border-radius:calc(var(--tdl-radius) - 2px);cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;border-width:0;padding:.375rem .875rem;font-weight:500}@media (hover:hover){._tdl-tab:hover{color:var(--tdl-text)}}._tdl-tab.active{background:var(--tdl-tab-active-bg);color:var(--tdl-tab-active-text);box-shadow:0 1px 3px #6366f14d}._tdl-filter-selects{gap:var(--main-space-2);align-items:center;display:flex}._tdl-filter-select{font-size:var(--main-text-xs);color:var(--tdl-text-secondary);background-color:var(--tdl-bg);border-style:solid;border-width:1px;border-color:var(--tdl-border);border-radius:var(--tdl-radius);cursor:pointer;-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.5L2 4.5h8z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;outline:none;padding:.375rem 1.5rem .375rem .625rem}._tdl-filter-select:focus{border-color:var(--tdl-border-focus)}@media (max-width:768px){._tdl-filter-bar{flex-direction:column;align-items:stretch}._tdl-status-tabs{justify-content:center}._tdl-tab{text-align:center;flex:1;justify-content:center;align-items:center;min-height:36px;display:inline-flex}._tdl-filter-selects{justify-content:flex-start}._tdl-filter-select{flex:1;min-width:0;min-height:40px;padding:.5rem 1.75rem .5rem .625rem;font-size:16px}}@media (max-width:480px){._tdl-filter-selects{flex-wrap:wrap;gap:.5rem}._tdl-filter-select{flex:calc(50% - .25rem)}._tdl-tab{font-size:var(--main-text-xs);padding:.375rem .5rem}}._tdl-task-list{flex-direction:column;gap:.375rem;display:flex}._tdl-task{align-items:center;gap:var(--main-space-2);background:var(--tdl-bg);border-radius:var(--tdl-radius);box-shadow:var(--tdl-shadow);border-style:solid;border-width:1px;border-color:var(--tdl-border);padding:.625rem .875rem;display:flex}@media (hover:hover){._tdl-task:hover{box-shadow:var(--tdl-shadow-lg)}._tdl-task:hover ._tdl-task-index{display:none}._tdl-task:hover ._tdl-task-actions{display:flex}}._tdl-task-priority{font-size:var(--main-text-xs);border-radius:var(--main-radius-full,9999px);letter-spacing:.01em;align-items:center;padding:.0625rem .4375rem;font-weight:600;display:inline-flex}._tdl-task-priority--high{color:var(--tdl-priority-high);background:#ef44441a}._tdl-task-priority--medium{color:var(--tdl-priority-medium);background:#f59e0b1a}._tdl-task-priority--low{color:var(--tdl-priority-low);background:#3b82f61a}._tdl-task--done ._tdl-task-priority{opacity:.4}._tdl-checkbox{border-style:solid;border-width:2px;border-color:var(--tdl-border);cursor:pointer;color:#0000;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;padding:0;display:flex;position:relative}@media (hover:hover){._tdl-checkbox:hover{border-color:var(--tdl-primary)}}._tdl-task--done ._tdl-checkbox{background:var(--tdl-stat-done);border-color:var(--tdl-stat-done);color:#fff}._tdl-checkbox svg{width:12px;height:12px}._tdl-task-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}._tdl-task-text{font-size:var(--main-text-base);color:var(--tdl-text);word-break:break-word;line-height:1.4}._tdl-task--done ._tdl-task-text{color:var(--tdl-done-text);text-decoration:line-through}._tdl-task-meta{align-items:center;gap:var(--main-space-2);flex-wrap:wrap;display:flex}._tdl-task-due{font-size:var(--main-text-xs);color:var(--tdl-text-secondary);border-radius:var(--main-radius-full,9999px);background:#6366f10f;align-items:center;gap:.25rem;padding:.125rem .5rem;display:inline-flex}._tdl-task-due--overdue{color:var(--tdl-stat-overdue);background:#ef444414;font-weight:600}._tdl-task--done ._tdl-task-due{color:var(--tdl-done-text);background:0 0}._tdl-task-cat{font-size:var(--main-text-xs);border-radius:var(--main-radius-full,9999px);align-items:center;gap:.25rem;padding:.125rem .5rem;font-weight:500;display:inline-flex}._tdl-cat-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}._tdl-task-index{min-width:22px;height:22px;font-size:.6875rem;font-weight:600;font-family:var(--main-font-mono);border-radius:var(--main-radius-full,9999px);color:var(--tdl-text-secondary);background:#94a3b81a;flex-shrink:0;justify-content:center;align-items:center;padding:0 .375rem;display:inline-flex}._tdl-task-index--high{color:var(--tdl-priority-high);background:#ef44441a}._tdl-task-index--medium{color:var(--tdl-priority-medium);background:#f59e0b1a}._tdl-task-index--low{color:var(--tdl-priority-low);background:#3b82f61a}._tdl-task--done ._tdl-task-index{opacity:.4}._tdl-task-actions{flex-shrink:0;gap:.25rem;display:none}@media (hover:none){._tdl-task-actions{display:flex}._tdl-task-index{display:none}}._tdl-task-action{border-radius:var(--tdl-radius);cursor:pointer;width:30px;height:30px;color:var(--tdl-text-secondary);-webkit-tap-highlight-color:transparent;background:0 0;border-width:0;justify-content:center;align-items:center;padding:0;display:flex}@media (hover:hover){._tdl-task-action:hover{background:var(--tdl-bg-hover);color:var(--tdl-text)}._tdl-task-action--delete:hover{color:var(--tdl-stat-overdue);background:#ef444414}}._tdl-task-action svg{width:14px;height:14px}._tdl-task--done{background:var(--tdl-done-bg)}._tdl-task--editing{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._tdl-edit-row{gap:var(--main-space-2);align-items:center;display:flex}._tdl-edit-input{min-width:0;font-size:var(--main-text-base);color:var(--tdl-text);background:var(--tdl-bg-input);border-style:solid;border-width:1.5px;border-color:var(--tdl-border-focus);border-radius:var(--tdl-radius);outline:none;flex:1;padding:.5rem .75rem}._tdl-edit-options{align-items:center;gap:var(--main-space-3);flex-wrap:wrap;display:flex}._tdl-edit-actions{gap:.375rem;margin-left:auto;display:flex}._tdl-edit-save,._tdl-edit-cancel{border-radius:var(--tdl-radius);cursor:pointer;-webkit-tap-highlight-color:transparent;border-width:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}._tdl-edit-save{background:var(--tdl-stat-done);color:#fff}@media (hover:hover){._tdl-edit-save:hover{opacity:.9}}._tdl-edit-cancel{color:var(--tdl-text-secondary);border-style:solid;border-width:1px;border-color:var(--tdl-border);background:0 0}@media (hover:hover){._tdl-edit-cancel:hover{color:var(--tdl-text)}}._tdl-edit-save svg,._tdl-edit-cancel svg{width:14px;height:14px}._tdl-empty{padding:var(--main-space-8) var(--main-space-4);text-align:center;background:var(--tdl-bg);border-radius:var(--tdl-radius);box-shadow:var(--tdl-shadow);border-style:dashed;border-width:1px;border-color:var(--tdl-border);flex-direction:column;justify-content:center;align-items:center;display:flex}._tdl-empty-icon{margin-bottom:var(--main-space-3);opacity:.4;font-size:2.5rem}._tdl-empty-title{font-size:var(--main-text-base);color:var(--tdl-text);margin-bottom:.25rem;font-weight:600}._tdl-empty-desc{font-size:var(--main-text-sm);color:var(--tdl-text-secondary)}@media (max-width:768px){._tdl-edit-input,._tdl-task--editing ._tdl-date-input,._tdl-task--editing ._tdl-cat-select{min-height:40px;font-size:16px}}@media (max-width:480px){._tdl-task{gap:.5rem;padding:.625rem}._tdl-task-index{display:none}._tdl-task-actions{display:flex}._tdl-task-text{font-size:var(--main-text-sm)}._tdl-edit-options{align-items:stretch;gap:var(--main-space-2);flex-direction:column}._tdl-task--editing ._tdl-priority-picker{flex-wrap:wrap;gap:.375rem}._tdl-task--editing ._tdl-date-input,._tdl-task--editing ._tdl-cat-select{width:100%}._tdl-edit-actions{justify-content:flex-end;margin-left:0}._tdl-empty{padding:var(--main-space-6) var(--main-space-3)}._tdl-empty-icon{font-size:2rem}}