.flexoki-checkbox-wrapper{position:relative;display:inline-block;width:18px;height:18px;flex-shrink:0}.flexoki-checkbox-input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.flexoki-checkbox-indicator{width:18px;height:18px;border:1.5px solid var(--base-300);background-color:var(--paper);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;position:relative}.flexoki-checkbox-wrapper:hover .flexoki-checkbox-indicator:not(:has(.flexoki-checkbox-input:disabled)){border-color:var(--base-400);background-color:var(--base-50)}.flexoki-checkbox-input:focus-visible+.flexoki-checkbox-indicator{outline:2px solid var(--base-400);outline-offset:2px}.flexoki-checkbox-input:checked+.flexoki-checkbox-indicator{background-color:var(--base-600);border-color:var(--base-600);color:var(--paper)}.flexoki-checkbox-input:checked+.flexoki-checkbox-indicator:hover{background-color:var(--base-700);border-color:var(--base-700)}.flexoki-checkbox-input:disabled+.flexoki-checkbox-indicator{opacity:.5;cursor:not-allowed}.flexoki-checkbox-icon{width:14px;height:14px;stroke-width:2.5;color:currentColor}:root{--paper: #FFFCF0;--base-50: #F2F0E5;--base-100: #E6E4D9;--base-150: #DAD8CE;--base-200: #CECDC3;--base-300: #B7B5AC;--base-400: #9F9D96;--base-500: #878580;--base-600: #6F6E69;--base-700: #575653;--base-800: #403E3C;--base-850: #343331;--base-900: #282726;--base-950: #1C1B1A;--black: #100F0F;--blue-400: #4385BE;--blue-500: #3171B2;--blue-600: #205EA6}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--paper);color:var(--base-900);line-height:1.6}#root{width:100vw;height:100vh;overflow:hidden}.app{display:flex;width:100%;height:100%}.sidebar{width:33.333%;border-right:1px solid var(--base-200);padding:24px;overflow-y:auto;background-color:var(--base-50);transition:width .2s ease;position:relative}.sidebar.collapsed{width:48px;padding:24px 8px;overflow:visible}.sidebar-toggle{position:absolute;top:12px;right:8px;width:32px;height:32px;border:1px solid var(--base-200);border-radius:4px;background-color:var(--paper);color:var(--base-700);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s ease;font-family:inherit;z-index:10}.sidebar-toggle:hover{background-color:var(--base-100);border-color:var(--base-300);color:var(--base-900)}.sidebar.collapsed .sidebar-toggle{right:8px;left:8px;width:auto}.project-list{list-style:none}.project-item{padding:12px 8px;cursor:pointer;border-radius:4px;transition:background-color .15s ease;font-size:15px;color:var(--base-900)}.project-item:hover{background-color:var(--base-100)}.project-item.active{background-color:var(--base-150);font-weight:500;color:var(--base-950)}.main-content{width:66.666%;display:flex;flex-direction:column;background-color:var(--paper);transition:width .2s ease}.main-content.expanded{width:calc(100% - 48px)}.sync-controls{padding:12px 24px;border-bottom:1px solid var(--base-200);display:flex;gap:8px}.sync-button{padding:6px 12px;font-size:13px;border:1px solid var(--base-200);border-radius:4px;background-color:var(--base-50);color:var(--base-700);cursor:pointer;transition:all .15s ease;font-family:inherit}.sync-button:hover:not(:disabled){background-color:var(--base-100);border-color:var(--base-300);color:var(--base-900)}.sync-button:disabled{opacity:.5;cursor:not-allowed}.task-list{flex:1;padding:24px;overflow-y:auto}.task-items{list-style:none}.task-item{padding:12px 8px;font-size:15px;color:var(--base-900);border-bottom:1px solid var(--base-100)}.task-checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;width:100%}.task-title{flex:1}.task-item.completed .task-title{color:var(--base-500);text-decoration:line-through}.empty-state{color:var(--base-500);font-size:15px;padding:24px 8px;text-align:center}.task-input-form{margin-bottom:16px}.task-input{width:100%;padding:12px 8px;font-size:15px;border:1px solid var(--base-200);border-radius:4px;background-color:var(--paper);color:var(--base-900);font-family:inherit;transition:border-color .15s ease}.task-input:focus{outline:none;border-color:var(--base-400)}.task-input::placeholder{color:var(--base-400)}.task-input:disabled{opacity:.6;cursor:not-allowed}.add-project-button{width:100%;padding:12px 8px;margin-bottom:16px;font-size:15px;border:1px solid var(--base-200);border-radius:4px;background-color:var(--paper);color:var(--base-700);cursor:pointer;transition:all .15s ease;font-family:inherit}.add-project-button:hover{background-color:var(--base-100);border-color:var(--base-300);color:var(--base-900)}.project-input-form{margin-bottom:16px}.project-input{width:100%;padding:12px 8px;font-size:15px;border:1px solid var(--base-200);border-radius:4px;background-color:var(--paper);color:var(--base-900);font-family:inherit;transition:border-color .15s ease}.project-input:focus{outline:none;border-color:var(--base-400)}.project-input::placeholder{color:var(--base-400)}.project-input:disabled{opacity:.6;cursor:not-allowed}