:root{--bg-page: #f5f5f5;--bg-surface: #fff;--text-primary: #1a1a1a;--text-secondary: #555;--text-muted: #888;--text-placeholder: #aaa;--border: #ddd;--border-subtle: #e8e8e8;--border-focus: #666;--border-hover: #aaa;--btn-primary-bg: #1a1a1a;--btn-primary-text: #fff;--btn-primary-border: #1a1a1a;--delete-color: #bbb;--delete-hover: #e55;--priority-unset-border: #ccc;--priority-high: #e53e3e;--priority-medium: #ecc94b;--priority-low: #4299e1;--checkbox-accent: #1a1a1a}[data-theme=dark]{--bg-page: #1a1a1a;--bg-surface: #2d2d2d;--text-primary: #f0f0f0;--text-secondary: #b0b0b0;--text-muted: #888;--text-placeholder: #666;--border: #444;--border-subtle: #3a3a3a;--border-focus: #888;--border-hover: #666;--btn-primary-bg: #f0f0f0;--btn-primary-text: #1a1a1a;--btn-primary-border: #f0f0f0;--delete-color: #666;--delete-hover: #e55;--priority-unset-border: #555;--priority-high: #e53e3e;--priority-medium: #ecc94b;--priority-low: #4299e1;--checkbox-accent: #f0f0f0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Helvetica Neue,sans-serif;background:var(--bg-page);color:var(--text-primary);min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px}#app{width:100%;max-width:480px;display:flex;flex-direction:column;gap:24px}header{display:flex;align-items:center;justify-content:space-between}header h1{font-size:1.5rem;font-weight:600;letter-spacing:-.02em}.theme-toggle{background:none;border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:4px 10px;font-size:.85rem;cursor:pointer;transition:border-color .15s,color .15s}.theme-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}#add-form{display:flex;gap:8px}#task-input{flex:1;padding:10px 14px;font-size:.95rem;border:1px solid var(--border);border-radius:8px;outline:none;background:var(--bg-surface);color:var(--text-primary);transition:border-color .15s}#task-input:focus{border-color:var(--border-focus)}button[type=submit]{padding:10px 18px;font-size:.95rem;font-weight:500;background:var(--btn-primary-bg);color:var(--btn-primary-text);border:none;border-radius:8px;cursor:pointer;transition:opacity .15s}button[type=submit]:hover{opacity:.8}#filters{display:flex;gap:6px}.filter-btn{padding:6px 16px;font-size:.875rem;font-weight:500;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .15s,color .15s,background-color .15s}.filter-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.filter-btn--active{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border)}.filter-btn--active:hover{opacity:.85;color:var(--btn-primary-text);border-color:var(--btn-primary-border)}#task-list{list-style:none;display:flex;flex-direction:column;gap:8px}.task-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;transition:opacity .15s}.task-item.done{opacity:.5}.task-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--checkbox-accent);flex-shrink:0}.task-label{flex:1;font-size:.95rem;cursor:pointer}.task-item.done .task-label{text-decoration:line-through}.task-delete{background:none;border:none;color:var(--delete-color);font-size:1.1rem;cursor:pointer;padding:2px 6px;border-radius:4px;line-height:1;transition:color .15s}.task-delete:hover{color:var(--delete-hover)}#status{font-size:.85rem;color:var(--text-muted);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.clear-btn{padding:6px 16px;font-size:.875rem;font-weight:500;background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:border-color .15s,color .15s}.clear-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.version-badge{display:inline-block;font-size:.75rem;color:#aaa;background:#f0f0f0;border:1px solid #e0e0e0;border-radius:12px;padding:2px 10px;letter-spacing:.03em}.priority-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;cursor:pointer;background-color:transparent;border:1.5px solid var(--priority-unset-border);transition:background-color .2s ease}.priority-dot.priority-high{background-color:var(--priority-high);border-color:var(--priority-high)}.priority-dot.priority-medium{background-color:var(--priority-medium);border-color:var(--priority-medium)}.priority-dot.priority-low{background-color:var(--priority-low);border-color:var(--priority-low)}.empty-state{text-align:center;color:var(--text-placeholder);font-size:.95rem;padding:24px 16px;list-style:none}