.TodoContainer{margin-top:var(--spacing-base);margin-left:var(--spacing-md);margin-bottom:var(--spacing-base);min-width:300px;border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-md)}.OpLogContainer,.TodoContainer{padding:var(--spacing-xl);background:var(--gradient-gray);border-radius:var(--radius-xl)}.OpLogContainer{margin:var(--spacing-base) var(--spacing-md) var(--spacing-base) 0;border:2px solid var(--color-gray-200);box-shadow:var(--shadow-md);transition:var(--transition-slow)}.OpLogContainer:hover{border-color:var(--color-gray-300);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.OpLogContainer h2{color:var(--color-gray-700);gap:var(--spacing-sm)}.OpLogContainer h2,.oplog_filter{margin-bottom:var(--spacing-base);display:flex;align-items:center}.oplog_filter{background:rgba(255,255,255,.7);padding:var(--spacing-base) var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid var(--color-gray-200);gap:var(--spacing-base);flex-wrap:wrap}.oplog_filter .filter-label{font-weight:600;color:var(--color-gray-700);font-size:var(--text-base);flex-shrink:0}.oplog_filter .filter-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.oplog_filter .filter-buttons a{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-base);background:rgba(249,250,251,.8);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);color:var(--color-gray-500);text-decoration:none;font-weight:500;font-size:var(--text-sm);transition:var(--transition-slow);min-width:70px}.oplog_filter .filter-buttons a:hover{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3);color:var(--color-blue);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.oplog_filter .filter-buttons a.active{background:var(--gradient-blue);border-color:var(--color-blue);color:var(--color-white);box-shadow:0 2px 8px rgba(59,130,246,.3)}.oplog_filter .filter-buttons a:active{transform:translateY(0)}.oplog_list{height:550px;max-width:100%;overflow:auto;background:rgba(255,255,255,.5);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);margin:0;scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.5) transparent}.oplog_list::-webkit-scrollbar{width:6px}.oplog_list::-webkit-scrollbar-track{background:transparent}.oplog_list::-webkit-scrollbar-thumb{background:rgba(156,163,175,.5);border-radius:3px}.oplog_list::-webkit-scrollbar-thumb:hover{background:rgba(156,163,175,.7)}.oplog_list .ant-list{background:transparent}.oplog_list .ant-list-footer,.oplog_list .ant-list-header{display:none}.oplog_list .ant-list-item{background:rgba(255,255,255,.8);margin-bottom:var(--spacing-md);padding:var(--spacing-base) var(--spacing-xl);border-radius:var(--radius-md);border:1px solid rgba(226,232,240,.8);transition:var(--transition-slow);position:relative;overflow:hidden}.oplog_list .ant-list-item:hover{background:rgba(255,255,255,.95);border-color:var(--color-gray-300);transform:translateX(4px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.oplog_list .ant-list-item:last-child{margin-bottom:0}.oplog_list .ant-list-item .ant-typography{margin-right:var(--spacing-md)}.oplog_list .ant-list-item .ant-typography mark{background:var(--gradient-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);display:inline-flex;align-items:center;gap:var(--spacing-xs)}.oplog_list .ant-list-item .ant-typography mark,.oplog_list .ant-list-item .anticon{color:var(--color-white);font-size:var(--text-sm)}.oplog_list .ant-list-item{color:var(--color-gray-700);font-size:.95rem;line-height:1.5;display:flex;align-items:center}.oplog_list .ant-empty{padding:3rem 1.5rem}.oplog_list .ant-empty-image{margin-bottom:1rem;opacity:.6}.oplog_list .ant-empty-description{color:#6b7280;font-size:1rem;margin-bottom:0}.empty-oplog-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem}.empty-oplog-state .empty-icon{margin-bottom:1rem}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.empty-oplog-state .empty-title{margin-bottom:.5rem;text-align:center}.empty-oplog-state .empty-description{line-height:1.5;max-width:300px;margin:0}.todo-filter{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.filter-label{font-weight:500;color:rgba(54,54,54,.8);white-space:nowrap}.filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.empty-todo-state{padding:48px 24px}.empty-oplog-state{padding:3rem 1rem;height:100%;min-height:300px}.empty-todo-state .empty-icon{font-size:48px;animation:none}.empty-oplog-state .empty-icon{font-size:3rem;animation:pulse 2s ease-in-out infinite}.empty-todo-state .empty-title{font-size:20px;color:#202124}.empty-oplog-state .empty-title{font-size:1.5rem;font-weight:600;color:#374151}.empty-todo-state .empty-description{font-size:14px;color:#5f6368}.empty-oplog-state .empty-description{font-size:1rem;color:#6b7280;text-align:center}.google-todo-list{margin:16px 0;background:#ffffff;border-radius:8px;box-shadow:0 1px 3px rgba(60,64,67,.3),0 4px 8px 3px rgba(60,64,67,.15);overflow:hidden;border:1px solid #dadce0}.google-todo-item{border-bottom:1px solid #e8eaed;transition:background-color .2s ease;position:relative}.google-todo-item:last-child{border-bottom:none}.google-todo-item:hover{background-color:rgba(60,64,67,.04)}.google-todo-item.completed{opacity:.6}.todo-main-row{display:flex;align-items:center;padding:12px 16px;min-height:48px}.todo-checkbox{margin-right:12px;flex-shrink:0}.todo-text{flex:1;font-size:14px;color:#3c4043;cursor:default;padding:4px 0;line-height:20px;font-family:Google Sans,Roboto,Arial,sans-serif}.todo-text.completed-text{text-decoration:line-through;color:#80868b}.todo-actions{display:flex;align-items:center;opacity:0;transition:opacity .15s ease-in-out;margin-left:8px}.google-todo-item:hover .todo-actions{opacity:1}.action-button{color:#5f6368;border:none;box-shadow:none;padding:0;margin:0 4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:16px;transition:all .2s ease}.action-button:focus,.action-button:hover{color:#1a73e8;background-color:rgba(26,115,232,.04)}.delete-button:focus,.delete-button:hover{color:#ea4335;background-color:rgba(234,67,53,.04)}.action-button .anticon{font-size:18px}.subtasks-container{border-top:1px solid #f1f3f4;background-color:#fafbfc}.subtask-row{display:flex;align-items:center;padding:8px 16px 8px 52px;min-height:40px;transition:background-color .2s ease;position:relative}.subtask-row:hover{background-color:rgba(60,64,67,.04)}.subtask-row.completed{opacity:.6}.subtask-indent{position:absolute;left:8px;top:0;bottom:0;width:1px;background-color:#dadce0;margin-right:8px}.subtask-checkbox{margin-right:12px;flex-shrink:0}.subtask-text{flex:1;font-size:13px;color:#5f6368;line-height:18px;font-family:Google Sans,Roboto,Arial,sans-serif}.subtask-text.completed-text{text-decoration:line-through;color:#9aa0a6}.subtask-delete-button{opacity:0;transition:opacity .15s ease-in-out;color:#5f6368;border:none;box-shadow:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:12px}.subtask-row:hover .subtask-delete-button{opacity:1}.subtask-delete-button:focus,.subtask-delete-button:hover{color:#ea4335;background-color:rgba(234,67,53,.04)}.subtask-delete-button .anticon{font-size:14px}.sub_todo{display:flex;flex-direction:column;padding:8px 16px 8px 52px;min-height:40px;transition:background-color .2s ease;position:relative;border-bottom:1px solid #f1f3f4}.sub_todo:hover{background-color:rgba(60,64,67,.04)}.sub_todo .main-content{display:flex;align-items:center;justify-content:space-between;width:100%}.sub_todo .left-content{flex:1}.sub_todo .left-content,.sub_todo .right-content{display:flex;align-items:center}.sub_todo .left-content .anticon{margin-right:8px;color:#1a73e8;font-size:14px}.sub_todo .ant-checkbox{margin-right:12px;flex-shrink:0}.sub_todo span{flex:1;font-size:13px;color:#5f6368;line-height:18px;font-family:Google Sans,Roboto,Arial,sans-serif;transition:all .2s ease}.sub_todo .time-tag{margin-left:8px;padding:2px 6px;background-color:#e8f0fe;color:#1a73e8;border-radius:4px;font-size:11px;font-weight:500}.sub_todo .button-group{display:flex;align-items:center;opacity:0;transition:opacity .15s ease-in-out}.sub_todo:hover .button-group{opacity:1}.sub_todo .delete-btn,.sub_todo .edit-btn,.sub_todo .view-btn{color:#5f6368;border:none;box-shadow:none;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:12px;margin-left:4px;transition:all .2s ease}.sub_todo .edit-btn:hover,.sub_todo .view-btn:hover{color:#1a73e8;background-color:rgba(26,115,232,.04)}.sub_todo .delete-btn:hover{color:#ea4335;background-color:rgba(234,67,53,.04)}.sub_todo .delete-btn .anticon,.sub_todo .edit-btn .anticon,.sub_todo .view-btn .anticon{font-size:14px}.sub_todo.completed{opacity:.6}.sub_todo .ant-checkbox-wrapper span.completed-text,.sub_todo .completed-text,.sub_todo.completed span{text-decoration:line-through!important;color:#9aa0a6!important;opacity:.7!important}.sub_todo .description{margin-top:8px;padding:8px;background-color:#f8f9fa;border-radius:6px;font-size:12px;color:#5f6368;border-left:3px solid #e0e0e0;line-height:1.4}.add-subtask-row{display:flex;align-items:center;padding:8px 16px 8px 32px;background-color:#fafbfc;border-top:1px solid #f1f3f4}.add-subtask-input{flex:1;border:none;outline:none;box-shadow:none;font-size:13px;padding:8px 0;background:transparent;color:#5f6368;font-family:Google Sans,Roboto,Arial,sans-serif}.add-subtask-input::-moz-placeholder{color:#9aa0a6;font-style:italic}.add-subtask-input::placeholder{color:#9aa0a6;font-style:italic}.add-subtask-input:focus{border-bottom:2px solid #1a73e8;box-shadow:none;outline:none}.add-subtask-inputs{flex:1}.add-subtask-desc{margin-top:var(--spacing-xs)}.add-subtask-detail-row{display:flex;align-items:center}.add-subtask-detail-icon{color:var(--color-gray-400);font-size:var(--text-sm);margin-right:var(--spacing-sm)}.completed-section{margin-top:8px}.completed-header{padding:12px 16px;background-color:#f8f9fa;border-bottom:1px solid #e8eaed;cursor:pointer;transition:background-color .2s ease}.completed-header:hover{background-color:#f1f3f4}.completed-title{font-size:14px;font-weight:500;color:#5f6368;display:flex;align-items:center;font-family:Google Sans,Roboto,Arial,sans-serif}.completed-title:before{content:"✓";margin-right:8px;color:#34a853;font-weight:700;font-size:16px}.completed-todos .google-todo-item{background-color:rgba(0,0,0,.02)}.completed-todos .google-todo-item:hover{background-color:rgba(60,64,67,.04)}.completed-todos .google-todo-item:last-child{border-bottom:none}@media only screen and (max-width:768px){.TodoContainer{margin:8px 12px 16px;border-radius:16px;border:1px solid rgba(0,0,0,.05)}.OpLogContainer,.TodoContainer{padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);overflow:visible;max-height:none}.OpLogContainer{margin:8px 12px 16px 0;border-radius:16px;border:2px solid #e2e8f0;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease}.google-todo-list{margin:8px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:visible;position:static}.todo-main-row{padding:16px 12px;min-height:56px}.todo-text{font-size:16px;line-height:1.5;-moz-user-select:text;user-select:text;-webkit-user-select:text}.action-button{width:44px;height:44px;margin:0 2px;touch-action:manipulation}.sub_todo,.subtask-row{padding:12px 12px 12px 52px;min-height:48px}.sub_todo .left-content .anticon{font-size:16px}.sub_todo span{font-size:14px;-moz-user-select:text;user-select:text;-webkit-user-select:text}.sub_todo .time-tag{font-size:12px;padding:3px 8px}.sub_todo .delete-btn,.sub_todo .edit-btn,.sub_todo .view-btn{width:32px;height:32px;touch-action:manipulation}.sub_todo .delete-btn .anticon,.sub_todo .edit-btn .anticon,.sub_todo .view-btn .anticon{font-size:16px}.sub_todo .description{margin-top:8px;padding:10px;font-size:13px;line-height:1.5}@supports (background:-webkit-named-image(i)){.sub_todo .delete-btn,.sub_todo .edit-btn,.sub_todo .view-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.sub_todo span{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}}.subtask-text{font-size:14px;-moz-user-select:text;user-select:text;-webkit-user-select:text}.completed-header{padding:16px 12px;touch-action:manipulation}.empty-todo-state{margin:16px;padding:32px 16px}.add-subtask-input{font-size:16px;padding:12px 0}.ant-modal{margin:20px;max-width:calc(100vw - 40px)}body{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.OpLogContainer,.TodoContainer,.google-todo-list{transform:translateZ(0);-webkit-transform:translateZ(0)}.add-subtask-row,.subtask-row,.todo-main-row{overflow-x:hidden;word-wrap:break-word;word-break:break-word}}@media only screen and (max-width:480px){.OpLogContainer,.TodoContainer{margin:.5rem;padding:1rem .75rem;border-radius:12px}.OpLogContainer h2{font-size:1.25rem;margin-bottom:.75rem}.oplog_filter{padding:.75rem 1rem;margin-bottom:.75rem;flex-direction:column;align-items:flex-start;gap:.75rem}.oplog_filter,.oplog_filter .filter-label{font-size:.9rem}.oplog_filter .filter-buttons{width:100%;justify-content:space-between}.oplog_filter .filter-buttons a{flex:1;font-size:.8rem;padding:.4rem .75rem;min-width:auto}.oplog_list{height:350px}.oplog_list .ant-list-item{padding:.75rem 1rem;font-size:.875rem;margin-bottom:.5rem}.todo-filter{flex-direction:column;align-items:flex-start;gap:.75rem}.filter-label{width:100%;margin-bottom:.25rem}.filter-buttons{width:100%;justify-content:flex-start}.filter-buttons .ant-btn{flex:none;min-width:70px}}@media only screen and (max-width:640px) and (min-width:481px){.todo-filter{gap:.5rem}.filter-buttons .ant-btn{font-size:.8rem;padding:.2rem .6rem}}.sub_todo .ant-checkbox .ant-checkbox-inner,.subtask-checkbox .ant-checkbox-inner,.todo-checkbox .ant-checkbox-inner{position:relative;top:0;left:0;display:block;width:16px;height:16px;background-color:#fff;border:1px solid #d9d9d9;border-radius:2px;transition:all .2s}.sub_todo .ant-checkbox-checked .ant-checkbox-inner,.subtask-checkbox .ant-checkbox-checked .ant-checkbox-inner,.todo-checkbox .ant-checkbox-checked .ant-checkbox-inner{background-color:#1a73e8;border-color:#1a73e8}.sub_todo .ant-checkbox-inner:after,.subtask-checkbox .ant-checkbox-inner:after,.todo-checkbox .ant-checkbox-inner:after{position:absolute;top:50%;left:50%;width:5.71428571px;height:9.14285714px;border:2px solid #fff;border-top:0;border-left:0;transform:rotate(45deg) scale(0) translate(-90%,-30%);opacity:0;transition:all .2s cubic-bezier(.12,.4,.29,1.46) .1s}.sub_todo .ant-checkbox-checked .ant-checkbox-inner:after,.subtask-checkbox .ant-checkbox-checked .ant-checkbox-inner:after,.todo-checkbox .ant-checkbox-checked .ant-checkbox-inner:after{opacity:1;transform:rotate(45deg) scale(1) translate(-90%,-30%)}@media only screen and (max-width:768px){.sub_todo .ant-checkbox .ant-checkbox-inner,.subtask-checkbox .ant-checkbox-inner,.todo-checkbox .ant-checkbox-inner{width:20px;height:20px}.sub_todo .ant-checkbox-inner:after,.subtask-checkbox .ant-checkbox-inner:after,.todo-checkbox .ant-checkbox-inner:after{width:7.14285714px;height:11.42857143px}}.subtask-texts{display:flex;flex-direction:column;flex:1}.subtask-detail{margin-top:2px;font-size:12px;color:#9aa0a6;line-height:16px;white-space:pre-wrap}.subtask-focus-icon{margin:0 8px 0 0;color:#dadce0;font-size:14px}.subtask-focus-icon.focused{color:#1a73e8}.subtask-focus-button{color:#5f6368;margin-left:4px}.subtask-focus-button:hover{color:#1a73e8;background-color:rgba(26,115,232,.04)}.todo-focus-icon{margin-right:8px;color:#dadce0;font-size:16px}.todo-focus-icon.focused{color:#1a73e8}.todo-focus-button{color:#5f6368;margin-left:4px}.todo-focus-button:hover{color:#1a73e8;background-color:rgba(26,115,232,.04)}